*:not(i){
	font-size:16px;
    font-family: 'Gordita Regular';
}
h1,
h1 * {
    font-size:48px;
}
h2,
h2 * {
	font-size:42px;
}
h3,
h3 * {
	font-size:32px;
}
h4,
h4 * {
	font-size:18px;
}
h5,
h5 * {

}
h1,h2,h3,h4,h5,h6 {
	margin:0 0;
	font-weight: normal;
    font-family: 'Gordita Medium'
}
body,p {
	font-size:16px;
}
img {
	max-width:100%;
	height:auto;
}
.container {
	width:100%;
	/* max-width: 1660px; */
}

a,
a:hover {
    text-decoration: none;
}

body {
    padding-top:71px;
}
.hbspt-form {
    margin-top:15px;
}
.alignment_center {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.alignment_center p:nth-last-child(1) {
	margin-bottom: 0;
	display: -webkit-flex;
  	display: flex;
  	align-items: flex-end;
  	flex-grow: 1;

}
.alignment_center p a {
	width: 100%;
	margin-bottom:0 !important;
}
.author {
	margin-top:90px;

}
.author h4 {
	font-size: 14px;
	color: #737373;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: solid thin #737373;
	width: 100%;
}
.author img {
	border-radius: 50%;
}
.author a {
	color:#e1ac46;
	display: inline-block;
	margin-top:calc(30px - 1rem);
}
/*  Common Formatting Section   */
.tab-content .tab-pane {
    padding:60px 0;
}
nav {
    position: relative;
}
.siteHeader .navigation__dropdown__card-summary {
    font-size:14px;
}
.section-common h2{
    color: #52555B;
    font-size: 2.5em;
    padding: 10px 0px;
    margin-bottom:0;
}

.section-common h5{
    color: rgb(82 85 91);
    font-size: .8em;
    text-transform: uppercase;
}
.navigation__dropdown__footer {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    background:#F6F8F9;
    border-top: 1px solid #e0e6e8;
    z-index:100;
}
.navigation__dropdown__footer .container {
    max-width: 1440px;
        padding: 0 64px;
}
.footer_drop {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    padding:15px;
}
.footer_drop p {
    margin-bottom:0;
    padding-right:30px;
    margin-right:30px;
    border-right:1px solid #e0e6e8;
    font-size:14px;
}
.footer_drop p a {
    color:#52555B;
}
.footer_drop p a:hover {
    color:#E1AC46;
}


.navigation__link.navigation__link-toggle.-active .fal:before {
    content:'\f106';
}





/* Header */
.siteHeader .navigation__dropdown {
	max-height:calc(100vh - 128px);
}
.siteHeader .navigation__dropdown__featured-background {
	position: absolute;
	background: #f6f8f9;
	border-left: 1px solid #e0e6e8;
	height: 100%;
	width: 100vw;
	top: 0;
	left: 100vw;
	transform-origin: left;
	transform: translateX(100%);
	transition: transform .35s cubic-bezier(0,0,.16,.96);
}
.siteHeader .navigation__scrim.-active {
	opacity: .1;
	pointer-events: all;
}
.siteHeader .navigation__scrim {
	height: 100vh;
	width: 100vw;
	background-color: #000;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	transition: opacity .3s linear;
	pointer-events: none;
}
.header_1 {

}
.header_1 img {
    max-height:60px;
}
.container.siteHeader__wrapper{
    justify-content: flex-start;
    overflow: visible;
}
.siteHeader .navigation__link-toggle.-active .navigation__link-text {
    color:#E1AC46;
}
.siteHeader .navigation__link-toggle.-active .navigation__link-text svg {
    color:#E1AC46;
}
.navigation__dropdown__card-label, .siteHeader .navigation__link:hover {
    color:#E1AC46;
}
.siteHeader .navigation__dropdown__section-label {
    font-weight:500;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding-bottom: 22px;
    margin-bottom: 30px;
}
.siteHeader .navigation__dropdown__section-label img {
    margin-right: 15px;
}
.header_right {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: center;   
}
.connect_btn {
    color:#fff;
    background:#E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
    margin-left: 15px;
}
.siteHeader .navigation__dropdown__section-label i {
    margin-right:7.5px;
}
.navigation__dropdown__card-label,
.siteHeader .navigation__link {
    color: #52555B;
    font-size: 16px;
    font-weight: 500;
}
header.siteHeader {
	padding:7.5px 0;
	position: relative;
}
.horizontalNavigation__list {
	list-style: none;
	padding-left:0;
	margin-bottom:0;
}
.siteHeader .navigation__dropdown__column-wrapper{
    flex-wrap: nowrap;
}
.siteHeader .navigation__dropdown__section-label::after, .siteHeader .navigation__dropdown__section-label::before {
    bottom: 0;
    top: initial;
}
.siteHeader .navigation__dropdown__column-wrapper {
    margin-bottom:30px;
}

/* Home */
.section_1_home {
	background-size:cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	height:700px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.section_1_home * {
	color:#fff;
}
.section_1_home h5 {
	margin-bottom:15px;
}
.section_1_home h2 {
	margin-bottom:15px;
}
.section_1_home h1 {

}
.slider-height-2 {
    min-height: 700px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

body:not(.home) .slider-bg-2{
    background: linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)), url(http://internal.macroblu.com/johnny/wp-content/uploads/2021/04/home-2bg.jpg)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
}
.hero-section-2 h1 {
    color: #fff;
    font-size: 56px;

}

.hero-section-2 h3 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0px;
    letter-spacing: 0.5px;
    margin-bottom:0;
}

.hero-section-2 p {
    color: rgb(255, 255, 255);
    padding: 10px 0px;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom:0;
}
.hero-section-2 .slider-btns-2 {
    margin-top:30px;
}
.slider-btns-2 a {
    background-color: #E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
}

/*  Home Page Service Section   */

.home-service-section-2 {
    background-color: #ffffff;
    padding: 120px 0px;
}
.home-service-section-2 p {
    font-size:24px;
}

.home-about-section p{

    padding:0px 50px 0px 0px;
    font-size: 15px;
    line-height: 24px;
    
}

.box-sextion {
    max-width: 680px;
    padding: 15px 0px;
}

.white-card{
    background-color: #fff;
    box-shadow: 0px 0px 12px #52555B00024;
    padding: 30px;
    margin: 20px;
}

.white-card i{
    font-size:20px;
}

.white-card h5{
    color: #E1AC46;
    font-size: 16px;
    padding: 18px 0px;
}

.white-card p{
    font-size: 15px;
    color: #52555b;
}

.home-about-section a {
	background-color: #E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 50px;
}



nav.nav.nav-tabs.nav-justified.tab-button {
    max-width: 780px;
    margin: 0 auto;
    border: 0px;
    padding: 60px 0px 15px;
}


a.nav-item.nav-link.active {
    background-color: #e1ac46;
    color: #ffffff;
    background-color: #e1ac46;
    padding: 10px;
    border-radius: 5px;
    border: 0px;
}
.tab-button a.nav-link.active {
    padding:12px 10px 10px;
}
.tab-button a.nav-link {
    padding:12px 10px 10px;
    color: grey;
    line-height: 1;
    font-weight: 500;
}
.tab-pane {

}
.tab-pane .section-common h2 {
    margin-bottom:30px;
    font-size:28px;
}
.tab-pane .home-about-section a {
    margin-top:30px;
    display: inline-block;
}
.tab-pane .home-about-section p {
    font-size:20px;
    line-height:30px;
}
.home-service {
    background-color: #F6F8F9;
    padding: 120px 0px;
}

.home-service h5 {
    font-size: 19px;
    color: #737373;
}

.home-service p {
    font-size: 21px;
    color: #737373;
    margin-top:15px;
}
.section-common {
    margin-bottom:15px;
}
.service-card{
    margin:20px 0px 20px;
}

.section-style {
    max-width: 880px;
    margin: auto;
    padding: 30px 0px;
}

.service-section h4 {
    font-size: 15px;
    color: #525252;
}

.service-section p {
    font-size: 14px;
}

.service-section a {
    background-color: #E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 50px;
    text-transform: capitalize;
}
.slider-bg-2 {
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
}
/*    Carousal CSS  */

.col-carousel {
	margin: 70px 0 0;
}

/* owl nav */
.owl-prev span, .owl-next span {
	color: #FFF;
}

.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: 7px;
}

.owl-next {
	right: 7px;
}


.siteHeader .dropdown_2_values .navigation__dropdown__section {
    width: 100%;
    margin:30px 30px 0 0;
    padding-top:3.5px;
}
.siteHeader .dropdown_2_values .navigation__dropdown__section-list {
    flex-wrap: wrap;
}
.siteHeader .dropdown_2_values .navigation__dropdown__card {
    width:100%;
    margin-bottom: 0 !important;
}
.siteHeader .dropdown_2_values  .navigation__dropdown__column {
    margin-bottom:0;
}
.dropdown_2_values .navigation__dropdown__card-description a.link_internal {
    font-size: 15px;
    color: #e1ac46;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top:15px;
}
/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}


/*   Parallax  */

.parallax-bg{
    background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url(../img/parallax-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding:30px;
    height:100vh;
    max-height:885px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.parallax-bg h2{
    color: #ffffff;
    font-size: 48px;
    padding: 10px 0px;
}

.parallax-bg h5{
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
}

.parallax-bg p{
    font-size:18px;
    color: #ffffff;  
}
.parallax-bg a{
    color: #e1ac46;
    font-size:18px;
}
.btm_parallax {
    margin-top:30px;
}
.parallax-btns a {
    background-color: #E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Industry */
.section_1_home p {
    font-size:20px;
}
.section_1_home {
	text-align: left;
}
.section_1_home  h3 {
	margin-bottom: 15px;
	font-size:15px;
	text-transform: uppercase;
}
.section_1_home h2 {
	margin-bottom:30px;
    font-size:48px;
}
.section_1_home a {
	border:solid thin #e1ac46;
	background:#e1ac46;
	display: inline-block;
	margin-top:15px;
	padding:7.5px 30px;
	color:#fff;
	border-radius: 7.5px;
	font-weight: 500
}
.industry_section_2 {
	background:#f6f8f9;
	padding:90px 0;
	text-align: center;
}
.industry_section_2 img {
    max-width: 125px;
    margin: 0 auto 7.5px;
    max-height: 90px;
    width: auto;
}
.industry_section_2 h4 {
	margin-bottom:30px;
	color:#e1ac46;
    font-size:20px;
}
.industry_section_2 p {
	margin-bottom:0;
    font-size:20px;
    margin-bottom:0;
    color:#737373;
}
.page-id-285 .industry_section_3 {
    margin-top:0;
}
.industry_section_3 {
	margin-top:120px;
}
.industry_section_3_row {
	margin-bottom:90px;
}
.industry_section_3_row h5 {
	text-transform: uppercase;
	margin-bottom:15px;
    font-size: 15px;
}
.industry_section_3_row h2 {
	margin-bottom:30px;
    font-size:34px;
}
.industry_section_3.top_item h2 {
    font-size:48px;
}
.industry_section_3_row p {
    font-size:18px;
    color:#737373;
}
.industry_section_3_row a:not(.talk_with_us) {
	border:solid thin #e1ac46;
	background:#e1ac46;
	display: inline-block;
	margin-top:15px;
	padding:7.5px 30px;
	color:#fff;
	border-radius: 7.5px;
	font-weight: 500
}
.industry_section_3_row a.talk_with_us {
    border-bottom:solid 2px #737373;
    padding-bottom:3px;
    display: inline-block;
    margin-left:15px;
    font-size: 18px;
    font-weight:bold;
    color: #737373;
}
.industry_section_4 {
	background:#f6f8f9;
	padding:90px 0;
	text-align: left;
	margin-top:30px;
}
.industry_section_4 h5 {
	margin-bottom:15px;
	text-transform: uppercase;
}
.industry_section_4 h2 {
	margin-bottom:15px;
}
.section_2_podcast {
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.section_3_postcast {
	margin-top:20px;
	text-align: center;
}
.section_3_postcast h5 {
	text-transform: uppercase;
	margin-bottom:15px;
}
.section_3_postcast h2 {
	margin-bottom:30px;
}
.section_3_postcast p {
    font-size:18px;
}
.section_3_postcast a {
	border:solid thin #e1ac46;
	background:#e1ac46;
	display: inline-block;
	margin-top:15px;
	padding:7.5px 30px;
	color:#fff;
	border-radius: 7.5px;
	font-weight: 500
}
.section_4_podcast{
	background-color: #151b26;
	padding:90px 0;
	margin-top:60px;
}
.section_4_podcast h2 {
    font-size:48px;
}
.section_4_podcast * {
	color:#fff;
	text-transform: capitalize;
}
.section_5_postcast {
	margin-top:0px;
	padding:120px 0;
	background:#f6f8f9;
}
.top_podcast_title {
	text-align: center;
	margin-bottom:60px;
}
.top_podcast_title h5 {
	text-transform: uppercase;
	margin-bottom:15px;
}
.top_podcast_title h2 {
    font-size:48px;
    margin-bottom:20px;
}
.top_podcast_title p {
    font-size:24px;
}
.inner_panels_postcast {
	background:#fff;
	padding:30px 30px 15px;
}
.inner_panel_podcast {
	margin:0px 0px 30px;
	height:0;
	padding-bottom:75%;
	background-size:cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.inner_panels_postcast h5 {
	margin-bottom:30px;
    font-size: 14px;
    text-transform: uppercase;
}
.inner_panels_postcast h3 {
	margin-bottom:0px;
}
.inner_panels_postcast a:not(.standard_link) {
    border-top:solid thin #F6F8F9;
    padding-top:15px;
    margin-top:15px;
    padding-left:30px;
    margin-left:-30px;
    width:calc(100% + 60px);
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.featured_blog_item .inner_panels_postcast a {
    justify-content: flex-start;
}
.inner_panels_postcast a i {
    float:right;
    margin-right:30px;
    font-size:24px;
}
.featured_blog_item .inner_panels_postcast {
    padding:0 0 0 0;
}
.featured_blog_item .inner_panels_postcast a:not(.standard_link) {
    margin:30px 0 0 0 0;
}
.section_6_postcast {
	text-align: center;
	margin-top:90px;
	padding:60px 0;
}
.section_6_postcast h2 {
	margin-bottom:30px;
    font-size:48px;
}
.section_6_postcast p {
	margin-bottom:0;
    font-size:24px;
}
.section_6_postcast a {
	border:solid thin #e1ac46;
	background:#e1ac46;
	display: inline-block;
	margin-top:30px;
	padding:7.5px 30px;
	color:#fff;
	border-radius: 7.5px;
	font-weight: 500
}

/* Podcast Single */
.section_3_postcast_s {
	margin-top: 30px;
}
.section_3_postcast_s h2 {
	margin-bottom:60px;
}
.section_3_postcast_s h3 {
	margin-top:30px;
	margin-bottom:30px;
	font-size:16px;
}
.section_6_postcast.postcast_single_btm {
	text-align: left;
	background:#f6f8f9;
}
.section_6_postcast.postcast_single_btm h5 {
	margin-bottom:15px;
	text-transform: uppercase;
}
.section_6_postcast.postcast_single_btm h2 {
	margin-bottom:15px;
    font-size: 32px;
}




/* Footer Start  */



.footer-wrappr {
    background-color: #fff;
    padding: 70px 0px 70px;
}
.footer-logo img{
    max-width: 300px;
    padding:10px;
}

.footer-logo h4 {
    font-size: 16px;
    color: #52555b;
    padding: 10px 0px 20px 10px;
}

.footer-logo p {
    font-size: 15px;
    color: #52555b;
    padding: 0px 10px;
}

.footer-tittle h4 {
    text-transform: uppercase;
    font-size: 13px;
}
.footer-tittle h2 {
    font-size: 25px;
    
}

.footer-tittle h6 {
    font-size: 14px;
    margin: 5px 0px;
    font-weight: 500;
}

.footer-tittle ul {

    padding-inline-start: 0%;
}

.footer-tittle li {

    margin: 25px 0px;
	list-style: none;
}
.footer-tittle a {
    color: #e1ac46;
    font-size: 16px;
}

.footer-bottom-area {
    background-color: #ffffff;
    border-top: 1px solid #e4e4e4;
    padding:15px;
}
.footer-copy-right p{
    color: #66717A;
    font-size: 13px;
    margin: 0px!important;
    font-weight: 500;
}
.footer-copy-right p a {
    color: #66717A;
    font-size: 13px;
    font-weight: 500;
}

.footer-copy-right i{
    margin:0px;
    padding:5px;
}


/*  Footer End  */

/* Blog */
.subscribe_box {
    background:#F6F8F9;
    padding:30px;
}
.subscribe_box p:not(.form_inquiry) {
    margin-bottom:0;
    color:#737373;
    font-size:18px;
}
.subscribe_box h3 {
    margin-bottom:15px;
    text-transform: capitalize;
}
.subscribe_box form {
    margin-top:15px;
}
.subscribe_box input:not([type="submit"]) {
    border: solid thin #F6F8F9;
    background: #fff;
    height: 40px;
    width: 100%;
    padding: 0 15px;
    margin-bottom:15px;
}
.subscribe_box input[type="submit"] {
    border: solid thin #e1ac46;
    background: #e1ac46;
    display: inline-block;
    margin-top: 0px;
    padding: 7.5px 30px;
    color: #fff;
    border-radius: 7.5px;
    font-weight: 500;
    width: 100%;
    margin-bottom:15px;
}
.categories_side {
    margin-top:60px;
}
.categories_side a {
    display: inline-block;
    padding:15px;
    background:#F6F8F9;
    border-radius:7.5px; 
    margin:0 7.5px 15px 0;
    color:#52555B;
}
.follow_side {
    margin-top:45px;
}
.follow_side a {
    font-size: 30px;
    margin-right: 15px;
    color: #52555B;
}

.podcast_plateforms {
     display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.podcast_plateforms img {
    max-width: 30%;
    margin-bottom:30px;
    height:auto;
    padding:0 15px;
}
.top_blog {
    margin-top:120px;
}
.top_blog h4,
.recent_posts h4 {
    font-size:14px;
    color: #737373;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom:15px;
    margin-bottom:30px;
    border-bottom:solid thin #737373;
}
.recent_posts {
   background-color: #F6F8F9;
    padding: 120px 0px; 
    margin-top:120px;
}
.recent_posts h3 {
    font-size: 24px;
}
.inner_panels_postcast a {
    color:#e1ac46;
}
.top_blog .inner_panel_podcast,
.recent_posts .inner_panel_podcast {
    padding-bottom:75%;
}
.top_blog .inner_panels_postcast h3 {
    margin-bottom:15px;
    font-size:36px;
}
.top_blog .inner_panels_postcast p {
    font-size:18px;
}
.top_blog .inner_panels_postcast a {
    font-size:18px;
}
/* By Service */
.color_offset_service {
    background-color: #F6F8F9;
    padding: 120px 0px; 
    margin-top:120px;
}
.quote_inspirational {
    margin-top:120px;
    margin-bottom:90px;
    text-align: center;
}
.quote_inspirational p {
    margin-bottom:0;
}
.quote_inspirational h3 {
    margin-bottom:30px;
}

/* Why JP */
.bg_offwhite_jp {
    background-color: #F6F8F9;
}
.our_progress_panel {
    background:#fff;
    padding:30px;
    margin-bottom: 30px;
}
.our_progress_panel h3 {
    color:#f6f8f9;
    font-size:60px;
    margin-bottom:15px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.our_progress_panel h3 i {
    color:#52555B;
    margin-right:30px;
}
.our_progress_panel img {
    max-width:45px;
    margin-right:30px;
    height:auto;
}
.our_progress_panel h4 {
    font-size:15px;
    margin-bottom:30px;
    color:#e1ac46;
}

/* Contact */
.offwhite_bg_contact {
    background-color: #F6F8F9;
    padding:120px 0;
}
.inner_side_quote {
    padding:30px;
    margin-bottom:30px;
    background:#fff;
    text-align: center;
}
.inner_side_quote i {
    font-size:60px;
}
.inner_side_quote h4 {
    color:#e1ac46;
    margin-top:15px;
    margin-bottom:30px;
    font-size:15px;
}
.inner_side_quote a {
    color: #52555B;
}
.inner_quote_contact {
    padding:30px;
    margin-bottom:30px;
    background:#fff;
    text-align: center;
}
.inner_quote_contact i {
    font-size:60px;
}
.inner_quote_contact h4 {
    color:#e1ac46;
    margin-top:15px;
    margin-bottom:30px;
    font-size:15px;
}
.inner_quote_contact input:not([type="submit"]) {
    border:solid thin #F6F8F9;
    background:#fff;
    height:40px;
    width:100%;
    padding:0 15px;
}
.inner_quote_contact select {
    border:solid thin #F6F8F9;
    background:#fff;
    height:40px;
    width:100%;
    padding:0 15px;
}
.inner_quote_contact input[type="submit"] {
    border: solid thin #e1ac46;
    background: #e1ac46;
    display: inline-block;
    margin-top: 0px;
    padding: 7.5px 30px;
    color: #fff;
    border-radius: 7.5px;
    font-weight: 500;
    width: 100%;
}
.inner_quote_contact .wpcf7-form-control-wrap {
    margin-bottom:15px;
    display: inline-block;
    width:100%;

}

/* Header */
.header_social {
   text-align: right;
   margin-right:15px;
   padding-right:15px;
   border-right:solid thin #F6F8F9;
}
.header_social a {
    font-size:30px;
    line-height:1;
    margin-left:15px;
    color: #52555B;
}
.panel_reads {
    padding:15px;
    background:#fff;
}
.panel_reads h4 {
    color: #52555B;
    margin-bottom:1rem;
    font-size: 16px;
}
.panel_reads p {
    font-size:14px;
}
.panel_reads a {
    font-size: 15px;
    margin-bottom: 15px;
    color: #e1ac46;
}
.panel_reads a {
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; 
}
.carousel_content_con {
    background-size:cover !important;
    background-repeat: no-repeat !important;
    background-position:bottom right !important;
    border-radius:7.5px;
    height:100vh;
    max-height:530px;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; 
    padding:60px 30px;
}
.carousel_content_con * {
    color:#fff;
}
.carousel_content_con h5 {
    color:#e1ac46;
    padding:5.5px 15px 3.5px;
    font-size:13px;
    text-transform: uppercase;
    margin-bottom:15px;
    background:#fff;
    display: inline-block;
}
.carousel_content_con h6 {
    font-size:24px;
    text-transform: uppercase;
    margin-bottom:15px;
}
.carousel_content_con p {
    text-transform: uppercase;
    margin-bottom:0;
    font-size:13px;
    font-weight:500;
    font-family: 'Gordita Medium';
}
.right_podcast {

}
.right_podcast h4 {
font-size: 14px;
color: #737373;
text-transform: uppercase;
display: inline-block;
padding-bottom: 15px;
margin-bottom: 30px;
border-bottom: solid thin #737373;
}
.follow_listen ul {
    list-style:none;
    padding-left:0;
    margin-bottom:0;
}
.follow_listen p {
    margin-top:45px;
    font-size: 14px;
    margin-bottom:15px;
    color: #737373;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: solid thin #737373;
    font-weight:bold;
}
.follow_listen a {
    color:#52555B;
}
.siteHeader .navigation__dropdown__card-summary {
    min-height:65px;
}
.slider-btns-2 a,
.connect_btn,
.home-about-section a,
.service-section a,
.parallax-btns a,
.industry_section_3_row a:not(.talk_with_us),
.section_1_home a,
.subscribe_box input[type="submit"],
.section_3_postcast a
.section_6_postcast a:hover,
.inner_quote_contact input[type="submit"] {
    border:solid thin #E1AC46;
    cursor:pointer;
}
.slider-btns-2 a:hover,
.connect_btn:hover,
.home-about-section a:hover,
.service-section a:hover,
.parallax-btns a:hover,
.industry_section_3_row a:hover,
.section_1_home a:hover,
.subscribe_box input[type="submit"]:hover,
.section_3_postcast a:hover,
.section_6_postcast a:hover,
.inner_quote_contact input[type="submit"]:hover{
    background:none;
    color:#E1AC46;
}
.header_social a:hover,
.footer-copy-right a:hover {
    color:#E1AC46;
}
.siteHeader .navigation__dropdown {
	padding:0 30px;
	/* max-width: 100%; */
}
.siteHeader .navigation__dropdown__column+.navigation__dropdown__column {
	margin-left:30px;
}
.siteHeader .navigation__dropdown__section {
	margin:30px 30px 0 0;
}
.siteHeader__row:before {
	opacity:1;
}
.st0 {
	stroke:#52555B;
}
.resources {
    background:#f6f8f9;
    padding:15px;
}
.resources img {
    margin-bottom:15px;
}
.resources h5 {
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    color:#66717a;
    padding-bottom: 15px;
}
.resources a {
    color:#e1ac46;
    margin-bottom:7.5px;
    text-decoration: capitalize;
    display: block;
}
.mid_content_banner {
    margin-top:calc(60px - 1rem);
    margin-bottom:calc(60px - 1rem);
    padding:30px;
    background:#f6f8f9;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.mid_content_banner img {
    max-width:210px;
    margin-right:30px;
}
.mid_content_banner h5 {
    font-size: 14px;
    text-transform: uppercase;
    color: #66717a;
    padding-bottom: 15px;
}
.mid_content_banner h4 {
    color: #e1ac46;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: none;
}
.mid_content_banner p {
    color: #66717a;
}

.right_podcast .resources{
    margin-bottom:30px;
}

.blog_content_single *,
.content_single_blog * {
   color:#737373; 
}
.blog_content_single a {
    font-weight:bold;
    color:#E1AC46;
}
.mid_content_banner a {
    border: solid thin #E1AC46;
    cursor: pointer;
    background: #E1AC46;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 5px;
    display: inline-block
    color:#737373; 
    margin-left: 0px; 
}
.blog_content_single h2 {
    font-size:32px;
    margin-bottom:15px;
    margin-top:calc(60px - 1rem);
	color:#000;
}
.blog_content_single h2 * {
	color:#000;
	font-size:32px;
}
.blog_content_single h3 {
    font-size:18px;
    margin-bottom:15px;
    margin-top:calc(60px - 1rem);
	color:#000;
}
.blog_content_single h3 * {
	color:#000;
	font-size:18px;
}
.blog_content_single h4 {
	border-bottom-color:#000;
	color:#000;
	    margin-bottom:7.5px;
	padding-bottom:7.5px;
    margin-top:calc(30px - 1rem);
}
.all_inner_content .inner_panels_postcast {
    margin-bottom:30px;
}
.top_all_ind h2 {
    margin-bottom:0;
}
.industry_section_2.all_inner_content {
    text-align: initial;
}
.industry_section_2.all_inner_content h3 {
    font-size:24px;
}
.specialized_title {

}
.specialized_title h4 {
    font-size: 14px;
    color: #737373;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: solid thin #737373;
}
/* Header */
header.siteHeader {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#fff;
}

.footer-area svg {
    height:auto;
    margin-bottom:30px;
}
.default_container {
    margin:60px auto;
}


@media (max-width: 1399.98px) {
	.siteHeader .navigation__dropdown__section {
		margin:30px 30px 0 0;
	}
	.siteHeader .navigation__dropdown__section-label {
		margin-bottom:15px;
		padding-bottom:15px;
	}
	.siteHeader .navigation__dropdown__column+.navigation__dropdown__column {
		margin-left:30px;
	}
	.siteHeader .navigation__dropdown__card {
		margin-bottom:30px !important;
	}
	.footer_drop p {
		padding-right:15px;
		margin-right:15px;
	}
	body,
	p {
		font-size:14px;
	}
	.header_social a {
		font-size:24px;
	}

	/* Font Sizes */
	.hero-section-2 h1 {
		font-size: calc(32px + (56 - 32) * ((100vw - 300px) / (1400 - 300)));
	}
	.hero-section-2 h3 {
		font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1400 - 300)));
	}
	.hero-section-2 p {
		font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1400 - 300)));
	}
	.siteHeader .navigation__dropdown.-active {
		background:#fff;
	}
}
html,
body {
    overflow-x: hidden
}
.container.ptb45 {
    padding-left:15px;
    padding-right:15px;
}
@media (max-width: 1199.98px) {
    .home-service-section-2 {
        padding-top:60px;
        padding-bottom:30px;
    }
    .col-carousel {
        margin-top:30px;
    }
    nav.nav.nav-tabs.nav-justified.tab-button {
        padding-top:30px;
    }
    nav.nav.nav-tabs.nav-justified.tab-button {
        flex-wrap: wrap;
    }
    nav.nav.nav-tabs.nav-justified.tab-button a {
        width:100%;
        flex-basis: auto;
        display: inline-block;
    }
    .section-common h2,
    .parallax-bg h2,
    .industry_section_3_row h2,
    .section_1_home h2,
     .hero-section-2 h1,
     .section_4_podcast h2,
     .top_podcast_title h2,
     .section_6_postcast h2,
     .top_blog .inner_panels_postcast h3,
     .industry_section_3.top_item h2 {
        font-size:32px;
    }
    .section_4_podcast h2 {
        margin-bottom:15px;
    }
    .section-common h2 {
        padding:0 0 0 ;
    }
    .tab-pane .section-common h2 {
        margin-bottom:7.5px;
    }
    .service-section h4 {
        margin-top:15px;
    }
    .service-section a {
        margin-top:15px;
    }
    .section-common,
    .home-service-section-2 p,
    .top_podcast_title h2 {
        margin-bottom:0;
    }
    .ptb45 {
        padding:30px 0;
    }
    nav.nav.nav-tabs.nav-justified.tab-button a {
        margin-bottom: 7.5px;
    }
    .tab-pane .section-common h2,
    .inner_panels_postcast h3 {
        font-size:24px;
    }
    .tab-pane .home-about-section p,
    .home-service p,
    .service-section p,
    .hero-section-2 p,
    .carousel_content_con p,
    .section_3_postcast p,
    .section_1_home p,
    .industry_section_2 p,
    .industry_section_3_row p,
    .top_blog .inner_panels_postcast p,
    .top_blog .inner_panels_postcast a,
    .top_podcast_title p {
        padding-right:0;
        font-size:16px;
    }
    body, p {
        font-size:16px;
    }
    .top_podcast_title p {
        margin-top:15px;
        margin-bottom:30px;
    }
    .quote_inspirational h3 {
        margin-bottom:15px;
    }
    .home-service h5,
    .service-section h4,
    .industry_section_2 h4,
    .our_progress_panel h4,
    .quote_inspirational h3 {
        font-size:18px;
    }
    .our_progress_panel h4 {
        margin-bottom:15px;
    }
    .home-service h5 {
        margin-bottom:7.5px;
    }
    .service-section {
        text-align: center;
    }
    .home-service,
    .section_5_postcast {
        padding:60px 0;
    }
    .section_3_postcast {
        margin-top:0;
    }
    .top_podcast_title h2 {
        margin-bottom:0;
    }
    .top_podcast_title {
        margin-bottom:0;
    }
    .section_3_postcast_s h2 {
        margin-bottom:15px;
    }
    .section_3_postcast_s h3 {
        margin-top:15px;
        margin-bottom:15px;
    }
    .section_3_postcast_s {
        margin-top:0;
    }
    .section_6_postcast.postcast_single_btm h5 {
        margin-top:15px;
    }
    .section_1_home h2,
    .industry_section_2 h4 {
        margin-bottom:15px;
    }
    .industry_section_2 {
        padding:60px 0;
    }
    .industry_section_3_row h2 {
        margin-bottom:15px;
    }
    .top_blog h4, .recent_posts h4 {
        margin-bottom:15px;
    }
    .top_blog {
        margin-top:60px;
    }
    .recent_posts {
        padding:60px 0;
        margin-top:30px;
    }
    .page-id-285 .industry_section_3 {
        margin-top:60px;
    }
    .color_offset_service {
        padding:60px;
        margin-top:30px;
    }
    .color_offset_service {
        padding:30px 15px;
    }
    .quote_inspirational {
        margin-top:30px;
        margin-bottom:30px;
    }
    .section_6_postcast {
    	padding:30px 0;
    }
}
@media (max-width: 991.98px) {

    .mid_content_banner {
        flex-wrap: wrap;
        padding:30px 15px;
    }
    body {
        padding-top:0;
    }

    .mid_content_banner img {
        max-width: none;
        width:100%;
        margin-right: 0;
        margin-bottom:15px;
    }
}
@media (max-width: 767.98px) {
    .blog_sidebar {
        display: none;
    }
    .footer-copy-right {
        display: none;
    }
    
    .industry_section_2_s {
        margin-bottom:30px;
    }
    .author a {
        margin-bottom: 15px;
    }
    .footer-logo h4,
    .footer-logo p {
        padding-left:0;
        padding-right:0;
    }
    .footer-tittle {
        margin-top:15px;
    }
    .tab-pane .section-common h2 {
        margin-top:15px;
        margin-bottom:7.5px;
    }
}



/*  Mobile */
button.mobileNav-wrapper {
    border:none;
    outline:none;
    -webkit-appearance:none;
    appearance:none;
}
.mobileNav-toggle {
top: 50%;
left: 50%;
transform-origin: center;
transform: translate(-50%,-50%);
}
.mobileNav-toggle, 
.mobileNav-toggle:after,
.mobileNav-toggle:before {
    font-size:24px;
}
.mobileNav-toggle:before {
    content:'\f0c9';
    font-family: "Font Awesome 5 Pro";
    font-weight: 300; 

}
.mobileNav-wrapper.-active .mobileNav-toggle:before {
    content:'\f00d';
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

.mobileNav-wrapper {
    cursor: pointer;
    height: 100%;
    right: 0;
    top: 0;
    width: 66px;
    position: absolute;
    z-index: 800;
    background-color: transparent;
    padding: 0;
}

@media(min-width:991.98px) {
    #mobileNavToggle {
        display: none;
    }
}
@media (max-width: 991.98px) {
    .panel_reads h4 {
        margin-top:15px;
    }
    .connect_btn {
        margin-right:45px;
        margin-left:0;
    }
    .device-mobile #signup .siteHeader, .device-mobile .homepage .siteHeader, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader, .device-mobile .new-homepage .siteHeader, .device-mobile .pricing-page .siteHeader, .device-mobile .uses__project-management .siteHeader {
        position:sticky
    }

    .device-mobile #signup .siteHeader .horizontalNavigation, .device-mobile .homepage .siteHeader .horizontalNavigation, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation, .device-mobile .new-homepage .siteHeader .horizontalNavigation, .device-mobile .pricing-page .siteHeader .horizontalNavigation, .device-mobile .uses__project-management .siteHeader .horizontalNavigation {
        width: 100%;
        top: 56px;
        left: 0;
        height: calc(100% - 104px);
        position: fixed;
        flex-direction: column;
        padding: 0;
        visibility: hidden;
        transition: transform .4s cubic-bezier(0, 1.15, 1, 1);
        transform: translateY(0);
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling:touch
    }

    .device-mobile #signup .siteHeader .horizontalNavigation.-active, .device-mobile .homepage .siteHeader .horizontalNavigation.-active, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation.-active, .device-mobile .new-homepage .siteHeader .horizontalNavigation.-active, .device-mobile .pricing-page .siteHeader .horizontalNavigation.-active, .device-mobile .uses__project-management .siteHeader .horizontalNavigation.-active {
        visibility:visible
    }

    .device-mobile #signup .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile #signup .siteHeader .horizontalNavigation.-active .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile .homepage .siteHeader .horizontalNavigation.-active .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation.-active .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile .new-homepage .siteHeader .horizontalNavigation.-active .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile .pricing-page .siteHeader .horizontalNavigation.-active .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .device-mobile .uses__project-management .siteHeader .horizontalNavigation.-active .navigation__link {
        opacity: 1;
        transform:none
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__mobile-buttons, .device-mobile .homepage .siteHeader .horizontalNavigation__mobile-buttons, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__mobile-buttons, .device-mobile .new-homepage .siteHeader .horizontalNavigation__mobile-buttons, .device-mobile .pricing-page .siteHeader .horizontalNavigation__mobile-buttons, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__mobile-buttons {
        display: flex;
        flex-direction: column;
        flex: 10 0 auto;
        position: relative;
        padding: 24px;
        text-align: center;
        background: #fff;
        transition-delay:.4s !important
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile #signup .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, .device-mobile .homepage .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile .homepage .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, .device-mobile .new-homepage .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile .new-homepage .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, .device-mobile .pricing-page .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile .pricing-page .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__mobile-buttons .button, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile #signup .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile .homepage .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile .new-homepage .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile .pricing-page .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .device-mobile .uses__project-management .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton {
        margin-bottom:16px
    }

    .device-mobile #signup .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile #signup .siteHeader .horizontalNavigation .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile .homepage .siteHeader .horizontalNavigation .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile .new-homepage .siteHeader .horizontalNavigation .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile .pricing-page .siteHeader .horizontalNavigation .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .device-mobile .uses__project-management .siteHeader .horizontalNavigation .navigation__link {
        opacity: 0;
        transform: translateY(-10px);
        transition:transform .4s cubic-bezier(0, 0, .16, .96), opacity .4s linear
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list, .device-mobile .homepage .siteHeader .horizontalNavigation__list, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list {
        flex: 1 0 auto;
        flex-direction: column;
        margin-top: 30px;
        width:100%
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item {
        width: 100%;
        background-color:#fff
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
        transition-delay:.2s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link {
        transition-delay:.25s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link {
        transition-delay:.3s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link {
        transition-delay:.35s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link {
        transition-delay:.4s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link {
        transition-delay:.45s
    }

    .device-mobile #signup .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .homepage .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .new-homepage .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .pricing-page .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link, .device-mobile .uses__project-management .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
        border-top:1px solid #e0e6e8
    }

    .device-mobile #signup .siteHeader .siteHeader__row, .device-mobile .homepage .siteHeader .siteHeader__row, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .siteHeader__row, .device-mobile .new-homepage .siteHeader .siteHeader__row, .device-mobile .pricing-page .siteHeader .siteHeader__row, .device-mobile .uses__project-management .siteHeader .siteHeader__row {
        height:54px
    }

    .device-mobile #signup .siteHeader .siteHeader__wrapper, .device-mobile .homepage .siteHeader .siteHeader__wrapper, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .siteHeader__wrapper, .device-mobile .new-homepage .siteHeader .siteHeader__wrapper, .device-mobile .pricing-page .siteHeader .siteHeader__wrapper, .device-mobile .uses__project-management .siteHeader .siteHeader__wrapper {
        padding:0 24px
    }

    .device-mobile #signup .siteHeader .siteHeader__nav-group:nth-of-type(2), .device-mobile .homepage .siteHeader .siteHeader__nav-group:nth-of-type(2), .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .siteHeader__nav-group:nth-of-type(2), .device-mobile .new-homepage .siteHeader .siteHeader__nav-group:nth-of-type(2), .device-mobile .pricing-page .siteHeader .siteHeader__nav-group:nth-of-type(2), .device-mobile .uses__project-management .siteHeader .siteHeader__nav-group:nth-of-type(2) {
        display:none
    }

    .device-mobile #signup .siteHeader .navigation__link, .device-mobile .homepage .siteHeader .navigation__link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link, .device-mobile .new-homepage .siteHeader .navigation__link, .device-mobile .pricing-page .siteHeader .navigation__link, .device-mobile .uses__project-management .siteHeader .navigation__link {
        display: block;
        padding: 0;
        margin: 0 24px;
        width: calc(100% - 48px);
        border-bottom: 1px solid #e0e6e8;
        text-align: left;
        height: 52px;
        line-height: 52px;
        z-index:10
    }

    .device-mobile #signup .siteHeader .navigation__link:before, .device-mobile .homepage .siteHeader .navigation__link:before, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link:before, .device-mobile .new-homepage .siteHeader .navigation__link:before, .device-mobile .pricing-page .siteHeader .navigation__link:before, .device-mobile .uses__project-management .siteHeader .navigation__link:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        left: -24px;
        opacity: 0;
        transition: opacity .2s ease-in-out;
        background:#f0f0ff
    }

    .device-mobile #signup .siteHeader .navigation__link:hover, .device-mobile .homepage .siteHeader .navigation__link:hover, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link:hover, .device-mobile .new-homepage .siteHeader .navigation__link:hover, .device-mobile .pricing-page .siteHeader .navigation__link:hover, .device-mobile .uses__project-management .siteHeader .navigation__link:hover {
        border-bottom:1px solid #e0e6e8
    }

    .device-mobile #signup .siteHeader .navigation__link.-active, .device-mobile .homepage .siteHeader .navigation__link.-active, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link.-active, .device-mobile .new-homepage .siteHeader .navigation__link.-active, .device-mobile .pricing-page .siteHeader .navigation__link.-active, .device-mobile .uses__project-management .siteHeader .navigation__link.-active {
        border: none !important;
        position: sticky;
        position: -webkit-sticky;
        top:-2px
    }

    .device-mobile #signup .siteHeader .navigation__link.-active:before, .device-mobile .homepage .siteHeader .navigation__link.-active:before, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link.-active:before, .device-mobile .new-homepage .siteHeader .navigation__link.-active:before, .device-mobile .pricing-page .siteHeader .navigation__link.-active:before, .device-mobile .uses__project-management .siteHeader .navigation__link.-active:before {
        opacity:1
    }

    .device-mobile #signup .siteHeader .navigation__link.-preceding, .device-mobile .homepage .siteHeader .navigation__link.-preceding, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link.-preceding, .device-mobile .new-homepage .siteHeader .navigation__link.-preceding, .device-mobile .pricing-page .siteHeader .navigation__link.-preceding, .device-mobile .uses__project-management .siteHeader .navigation__link.-preceding {
        border-bottom:none
    }

    .device-mobile #signup .siteHeader .navigation__link__wrapper, .device-mobile .homepage .siteHeader .navigation__link__wrapper, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link__wrapper, .device-mobile .new-homepage .siteHeader .navigation__link__wrapper, .device-mobile .pricing-page .siteHeader .navigation__link__wrapper, .device-mobile .uses__project-management .siteHeader .navigation__link__wrapper {
        height:100vh
    }

    .device-mobile #signup .siteHeader .navigation__link-toggle.-active .navigation__link-text svg, .device-mobile .homepage .siteHeader .navigation__link-toggle.-active .navigation__link-text svg, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link-toggle.-active .navigation__link-text svg, .device-mobile .new-homepage .siteHeader .navigation__link-toggle.-active .navigation__link-text svg, .device-mobile .pricing-page .siteHeader .navigation__link-toggle.-active .navigation__link-text svg, .device-mobile .uses__project-management .siteHeader .navigation__link-toggle.-active .navigation__link-text svg {
        transform:translateY(-50%) rotate(180deg)
    }

    .device-mobile #signup .siteHeader .navigation__link-text, .device-mobile .homepage .siteHeader .navigation__link-text, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link-text, .device-mobile .new-homepage .siteHeader .navigation__link-text, .device-mobile .pricing-page .siteHeader .navigation__link-text, .device-mobile .uses__project-management .siteHeader .navigation__link-text {
        font-size: 16px;
        display: inline-block;
        width: 100%;
        color: #151b26;
        transition:transform .2s ease-in-out
    }

    .device-mobile #signup .siteHeader .navigation__link-text svg, .device-mobile .homepage .siteHeader .navigation__link-text svg, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link-text svg, .device-mobile .new-homepage .siteHeader .navigation__link-text svg, .device-mobile .pricing-page .siteHeader .navigation__link-text svg, .device-mobile .uses__project-management .siteHeader .navigation__link-text svg {
        position: absolute;
        right: 4px;
        top: 50%;
        transform:translateY(-50%)
    }

    .device-mobile #signup .siteHeader .navigation__link-indicator, .device-mobile .homepage .siteHeader .navigation__link-indicator, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__link-indicator, .device-mobile .new-homepage .siteHeader .navigation__link-indicator, .device-mobile .pricing-page .siteHeader .navigation__link-indicator, .device-mobile .uses__project-management .siteHeader .navigation__link-indicator {
        display:none
    }

    .device-mobile #signup .siteHeader .navigation__dropdown, .device-mobile .homepage .siteHeader .navigation__dropdown, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown, .device-mobile .new-homepage .siteHeader .navigation__dropdown, .device-mobile .pricing-page .siteHeader .navigation__dropdown, .device-mobile .uses__project-management .siteHeader .navigation__dropdown {
        max-height: none;
        position: relative;
        top: 0;
        padding: 0;
        flex-direction: column;
        display:none
    }

    .device-mobile #signup .siteHeader .navigation__dropdown.-active, .device-mobile .homepage .siteHeader .navigation__dropdown.-active, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown.-active, .device-mobile .new-homepage .siteHeader .navigation__dropdown.-active, .device-mobile .pricing-page .siteHeader .navigation__dropdown.-active, .device-mobile .uses__project-management .siteHeader .navigation__dropdown.-active {
        display:flex
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card, .device-mobile .homepage .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card, .device-mobile .new-homepage .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card, .device-mobile .pricing-page .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card {
        margin-top:0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card, .device-mobile .homepage .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card, .device-mobile .new-homepage .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card, .device-mobile .pricing-page .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card {
        display:flex
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__section-list, .device-mobile .homepage .siteHeader .navigation__dropdown__section-list, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__section-list, .device-mobile .new-homepage .siteHeader .navigation__dropdown__section-list, .device-mobile .pricing-page .siteHeader .navigation__dropdown__section-list, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__section-list {
        flex-direction: column;
        min-width: 0;
        padding:26px 24px 0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__featured-section-list, .device-mobile .homepage .siteHeader .navigation__dropdown__featured-section-list, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__featured-section-list, .device-mobile .new-homepage .siteHeader .navigation__dropdown__featured-section-list, .device-mobile .pricing-page .siteHeader .navigation__dropdown__featured-section-list, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__featured-section-list {
        background: #f6f8f9;
        padding:30px 24px 0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type, .device-mobile .homepage .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type, .device-mobile .new-homepage .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type, .device-mobile .pricing-page .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type {
        margin-top:0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon, .device-mobile .homepage .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon, .device-mobile .new-homepage .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon, .device-mobile .pricing-page .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon {
        width:100%
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column, .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column, .device-mobile .homepage .siteHeader .navigation__dropdown__column, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column {
        margin:0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile #signup .siteHeader .navigation__dropdown__column.-resource-card-column, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile .homepage .siteHeader .navigation__dropdown__column.-resource-card-column, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column.-resource-card-column, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column.-resource-card-column, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column.-resource-card-column, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column.-resource-card-column {
        margin: 0 -30px;
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        overflow-y:hidden
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile #signup .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .homepage .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item {
        flex: 1 0 calc(100% - 66px);
        padding:0 5px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile #signup .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child {
        margin-left:30px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile #signup .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child {
        margin-right:30px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile #signup .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .new-homepage .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .pricing-page .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after {
        content: "";
        display: block;
        position: absolute;
        right: -30px;
        width: 30px;
        height:1px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__section, .device-mobile .homepage .siteHeader .navigation__dropdown__section, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__section, .device-mobile .new-homepage .siteHeader .navigation__dropdown__section, .device-mobile .pricing-page .siteHeader .navigation__dropdown__section, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__section {
        padding: 8px 0;
        width:100%
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__section, .device-mobile #signup .siteHeader .navigation__dropdown__section:last-of-type, .device-mobile .homepage .siteHeader .navigation__dropdown__section, .device-mobile .homepage .siteHeader .navigation__dropdown__section:last-of-type, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__section, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__section:last-of-type, .device-mobile .new-homepage .siteHeader .navigation__dropdown__section, .device-mobile .new-homepage .siteHeader .navigation__dropdown__section:last-of-type, .device-mobile .pricing-page .siteHeader .navigation__dropdown__section, .device-mobile .pricing-page .siteHeader .navigation__dropdown__section:last-of-type, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__section, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__section:last-of-type {
        margin:0
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__section-label, .device-mobile .homepage .siteHeader .navigation__dropdown__section-label, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__section-label, .device-mobile .new-homepage .siteHeader .navigation__dropdown__section-label, .device-mobile .pricing-page .siteHeader .navigation__dropdown__section-label, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__section-label {
        padding-bottom: 12px;
        margin-bottom:24px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__card, .device-mobile #signup .siteHeader .navigation__dropdown__card--icon, .device-mobile .homepage .siteHeader .navigation__dropdown__card, .device-mobile .homepage .siteHeader .navigation__dropdown__card--icon, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__card, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__card--icon, .device-mobile .new-homepage .siteHeader .navigation__dropdown__card, .device-mobile .new-homepage .siteHeader .navigation__dropdown__card--icon, .device-mobile .pricing-page .siteHeader .navigation__dropdown__card, .device-mobile .pricing-page .siteHeader .navigation__dropdown__card--icon, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__card, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__card--icon {
        width: 100%;
        padding-right: 20px;
        margin-bottom:24px !important
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__card--icon:before, .device-mobile #signup .siteHeader .navigation__dropdown__card:before, .device-mobile .homepage .siteHeader .navigation__dropdown__card--icon:before, .device-mobile .homepage .siteHeader .navigation__dropdown__card:before, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__card--icon:before, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__card:before, .device-mobile .new-homepage .siteHeader .navigation__dropdown__card--icon:before, .device-mobile .new-homepage .siteHeader .navigation__dropdown__card:before, .device-mobile .pricing-page .siteHeader .navigation__dropdown__card--icon:before, .device-mobile .pricing-page .siteHeader .navigation__dropdown__card:before, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__card--icon:before, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__card:before {
        display:none
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__resource-card, .device-mobile .homepage .siteHeader .navigation__dropdown__resource-card, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__resource-card, .device-mobile .new-homepage .siteHeader .navigation__dropdown__resource-card, .device-mobile .pricing-page .siteHeader .navigation__dropdown__resource-card, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__resource-card {
        width:100%
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__footer, .device-mobile .homepage .siteHeader .navigation__dropdown__footer, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__footer, .device-mobile .new-homepage .siteHeader .navigation__dropdown__footer, .device-mobile .pricing-page .siteHeader .navigation__dropdown__footer, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__footer {
        height:48px
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__footer-list-item, .device-mobile .homepage .siteHeader .navigation__dropdown__footer-list-item, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__footer-list-item, .device-mobile .new-homepage .siteHeader .navigation__dropdown__footer-list-item, .device-mobile .pricing-page .siteHeader .navigation__dropdown__footer-list-item, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__footer-list-item {
        width: 50%;
        text-align:center
    }

    .device-mobile #signup .siteHeader .navigation__dropdown__footer-link, .device-mobile #signup .siteHeader .navigation__dropdown__wrapper, .device-mobile .homepage .siteHeader .navigation__dropdown__footer-link, .device-mobile .homepage .siteHeader .navigation__dropdown__wrapper, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__footer-link, .device-mobile .horizontalNavigation__mobile-buttons .siteHeader .navigation__dropdown__wrapper, .device-mobile .new-homepage .siteHeader .navigation__dropdown__footer-link, .device-mobile .new-homepage .siteHeader .navigation__dropdown__wrapper, .device-mobile .pricing-page .siteHeader .navigation__dropdown__footer-link, .device-mobile .pricing-page .siteHeader .navigation__dropdown__wrapper, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__footer-link, .device-mobile .uses__project-management .siteHeader .navigation__dropdown__wrapper {
        height:100%
    }

    .siteHeader {
        position:sticky
    }

    .siteHeader .horizontalNavigation {
        width: 100%;
        top: 56px;
        left: 0;
        height: calc(100% - 104px);
        position: fixed;
        flex-direction: column;
        padding: 0;
        visibility: hidden;
        transition: transform .4s cubic-bezier(0, 1.15, 1, 1);
        transform: translateY(0);
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling:touch
    }

    .siteHeader .horizontalNavigation.-active {
        visibility:visible
    }

    .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons, .siteHeader .horizontalNavigation.-active .navigation__link {
        opacity: 1;
        transform:none
    }

    .siteHeader .horizontalNavigation__mobile-buttons {
        display: flex;
        flex-direction: column;
        flex: 10 0 auto;
        position: relative;
        padding: 24px;
        text-align: center;
        background: #fff;
        transition-delay:.4s !important
    }

    .siteHeader .horizontalNavigation__mobile-buttons .button, .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton, form.mktoForm.marketing-embed-form .mktoButtonRow .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton {
        margin-bottom:16px
    }

    .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons, .siteHeader .horizontalNavigation .navigation__link {
        opacity: 0;
        transform: translateY(-10px);
        transition:transform .4s cubic-bezier(0, 0, .16, .96), opacity .4s linear
    }

    .siteHeader .horizontalNavigation__list {
        flex: 1 0 auto;
        flex-direction: column;
        margin-top: 30px;
        width:100%
    }

    .siteHeader .horizontalNavigation__list-item {
        width: 100%;
        background-color:#fff
    }

    .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
        transition-delay:.2s
    }

    .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link {
        transition-delay:.25s
    }

    .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link {
        transition-delay:.3s
    }

    .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link {
        transition-delay:.35s
    }

    .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link {
        transition-delay:.4s
    }

    .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link {
        transition-delay:.45s
    }

    .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
        border-top:1px solid #e0e6e8
    }

    .siteHeader .siteHeader__row {
        height:54px
    }

    .siteHeader .siteHeader__wrapper {
        padding:0 24px
    }

    .siteHeader .siteHeader__nav-group:nth-of-type(2)::not(.header_2) {
        display:none
    }

    .siteHeader .navigation__link {
        display: block;
        padding: 0;
        margin: 0 24px;
        width: calc(100% - 48px);
        border-bottom: 1px solid #e0e6e8;
        text-align: left;
        height: 52px;
        line-height: 52px;
        z-index:10
    }

    .siteHeader .navigation__link:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100vw;
        top: 0;
        left: -24px;
        opacity: 0;
        transition: opacity .2s ease-in-out;
        background:#f0f0ff
    }

    .siteHeader .navigation__link:hover {
        border-bottom:1px solid #e0e6e8
    }

    .siteHeader .navigation__link.-active {
        border: none !important;
        position: sticky;
        position: -webkit-sticky;
        top:-2px
    }

    .siteHeader .navigation__link.-active:before {
        opacity:1
    }

    .siteHeader .navigation__link.-preceding {
        border-bottom:none
    }

    .siteHeader .navigation__link__wrapper {
        height:100vh
    }

    .siteHeader .navigation__link-toggle.-active .navigation__link-text svg {
        transform:translateY(-50%) rotate(180deg)
    }

    .siteHeader .navigation__link-text {
        font-size: 16px;
        display: inline-block;
        width: 100%;
        color: #151b26;
        transition:transform .2s ease-in-out
    }

    .siteHeader .navigation__link-text svg {
        position: absolute;
        right: 4px;
        top: 50%;
        transform:translateY(-50%)
    }

    .siteHeader .navigation__link-indicator {
        display:none
    }

    .siteHeader .navigation__dropdown {
        max-height: none;
        position: relative;
        top: 0;
        padding: 0;
        flex-direction: column;
        display:none
    }

    .siteHeader .navigation__dropdown.-active {
        display:flex
    }

    .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card {
        margin-top:0
    }

    .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card {
        display:flex
    }

    .siteHeader .navigation__dropdown__section-list {
        flex-direction: column;
        min-width: 0;
        padding:26px 24px 0
    }

    .siteHeader .navigation__dropdown__featured-section-list {
        background: #f6f8f9;
        padding:30px 24px 0
    }

    .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type {
        margin-top:0
    }

    .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon {
        width:100%
    }

    .siteHeader .navigation__dropdown__column, .siteHeader .navigation__dropdown__column + .navigation__dropdown__column {
        margin:0
    }

    .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column, .siteHeader .navigation__dropdown__column.-resource-card-column {
        margin: 0 -30px;
        display: flex;
        flex-direction: row;
        overflow-x: scroll;
        overflow-y:hidden
    }

    .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item, .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item {
        flex: 1 0 calc(100% - 66px);
        padding:0 5px
    }

    .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:first-child, .siteHeader .navigation__dropdown__column.-resource-card-column > li:first-child {
        margin-left:30px
    }

    .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child, .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child {
        margin-right:30px
    }

    .siteHeader .navigation__dropdown__column + .navigation__dropdown__column.-resource-card-column > li:last-child:after, .siteHeader .navigation__dropdown__column.-resource-card-column > li:last-child:after {
        content: "";
        display: block;
        position: absolute;
        right: -30px;
        width: 30px;
        height:1px
    }

    .siteHeader .navigation__dropdown__section {
        padding: 8px 0;
        width:100%
    }

    .siteHeader .navigation__dropdown__section, .siteHeader .navigation__dropdown__section:last-of-type {
        margin:0
    }

    .siteHeader .navigation__dropdown__section-label {
        padding-bottom: 12px;
        margin-bottom:24px
    }

    .siteHeader .navigation__dropdown__card, .siteHeader .navigation__dropdown__card--icon {
        width: 100%;
        padding-right: 20px;
        margin-bottom:24px !important
    }

    .siteHeader .navigation__dropdown__card--icon:before, .siteHeader .navigation__dropdown__card:before {
        display:none
    }

    .siteHeader .navigation__dropdown__resource-card {
        width:100%
    }

    .siteHeader .navigation__dropdown__footer {
        height:48px
    }

    .siteHeader .navigation__dropdown__footer-list-item {
        width: 50%;
        text-align:center
    }

    .siteHeader .navigation__dropdown__footer-link, .siteHeader .navigation__dropdown__wrapper {
        height:100%
    }
    .header_social a {
        display: none;
    }
    .navigation__dropdown__footer .container {
    	padding: 0 15px;
    }
    .siteHeader .navigation__dropdown__footer {
    	height:auto;
    }
    .footer_drop {
    	/* flex-wrap: wrap; */
    }
    .footer_drop p:nth-child(1) {
    
    }
     .footer_drop .header_social {
        width: 50%;
        text-align: center;
     }
    .footer_drop .header_social a {
        display: inline-block;
    }
    .footer_drop p:nth-child(1) {
        text-align: center;
    } 
    .footer_drop p:nth-child(2) {
    	
    }
    .footer_drop p:nth-child(3),
    .footer_drop .header_social {
    	border-right:none;
    	padding-right:0;
    	margin-right:0;
    }
    .footer_drop p {
    	width:50%;
    }
    .footer_drop p a {
    	display: inline-block;
    	width:100%;
    }
    .tab-content .tab-pane {
        padding:30px 0;
    }
}