.post-cat-link a {
    color: #343741;
}
 .horizontal-catlist {
     display:block;
}
 .horizontal-catlist ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     background-color: #FFF;
}
 .horizontal-catlist li {
     float: left;
}
 .horizontal-catlist li a {
     display: block;
     color: #333333;
     text-align: center;
     padding: 16px;
     text-decoration: none;
     font-size: 13px;
}
 .horizontal-catlist li a:hover {
     background-color: #f2f2f2;
}
 .horizontal-catlist .table {
     display: table;
    /* Allow the centering to work */
     margin: 0 auto;
}
 body.landing .wrapper .inner article#landing-content section.top-border {
     border-top: 1px solid #dfe1df 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     background: #f5f5f5;
     padding: 80px 0 60px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon {
     width: 100%;
     max-width: 508px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon h2 {
     font-size: 29px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 46px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     background: #fff;
     padding: 0 4.72441% 36px;
     margin-bottom: 60px;
     max-width: 460px;
     filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15)) 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     flex-basis: calc(100% / 3);
     padding: 0;
     margin: 0 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.image-container {
     display: flex;
     justify-content: center;
     align-items: center 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.image-container img.competitor-image {
     display: block;
     border-bottom: 0 solid #dfe1df;
     padding: 0 5.82538% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating {
     position: relative;
     padding-top: 70px;
     margin-bottom: 18px;
     width: 100% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.rating-headline {
     display: none 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.peer-rating {
     display: block;
     font-size: 23px;
     font-weight: 900;
     text-align: center;
     margin: 0 auto 16px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.peer-rating span.rating-denominator {
     display: inline-block;
     font-size: 20px;
     font-weight: 300;
     margin-left: 2px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating div.comparison-star-container {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     background-color: #ccc;
     margin: 0 auto 20px;
     width: calc(100% - (5.82538% * 2));
     max-width: 108px;
     overflow: hidden 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating div.comparison-star-container div.star-color {
     position: absolute;
     display: block;
     background-color: #797d83;
     top: 0;
     left: 1.48148%;
     height: 40px;
     z-index: 1 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating div.comparison-star-container img.star-mask {
     position: relative;
     display: block;
     z-index: 2 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.reviews {
     display: block;
     text-align: center;
     margin: 0 auto 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend {
     position: relative;
     padding-top: 70px;
     width: 100% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.recommend-headline {
     display: none 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.recommend-rating {
     display: block;
     font-size: 23px;
     font-weight: 900;
     text-align: center;
     margin: 0 auto 15px;
     width: 90% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend img {
     display: block;
     margin: 0 auto 20px;
     width: 30px 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.reviewers {
     display: block;
     text-align: center;
     margin: 0 auto 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card:nth-child(2) div.rating {
     width: 100% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card:nth-child(2) div.rating::before {
     position: absolute;
     top: 0;
     left: -100%;
     display: block;
     content: "Overall peer rating";
     border-top: 1px solid #dfe1df;
     color: #797d83;
     font-size: 17px;
     font-weight: 500;
     text-align: center;
     padding-top: 30px;
     height: 70px;
     width: 300% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card:nth-child(2) div.recommend {
     width: 100% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card:nth-child(2) div.recommend::before {
     position: absolute;
     top: 0;
     left: -100%;
     display: block;
     content: "Willingness to recommend";
     border-top: 1px solid #dfe1df;
     color: #797d83;
     font-size: 17px;
     font-weight: 500;
     text-align: center;
     padding-top: 30px;
     height: 70px;
     width: 300% 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div#insightly-competitor.competitor-card div.star-color {
     background-color: #18cb96 !important 
}
 body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon a.btn {
     display: flex;
     justify-content: center;
     margin-bottom: 50px 
}

/*.single-post main.page-content div.wrapper article.post {
   
    padding-top: 130px !important;
}*/



.blog .horizontal-catlist, .category .horizontal-catlist {
    background-color: #f6f6f6;
}
.blog .horizontal-catlist li a, .category .horizontal-catlist li a {
    color: #353740;
}

body.category article#archive-items section.archive-roll {
    background: #fff;
}

.blog .horizontal-catlist li a:hover, .category .horizontal-catlist li a:hover, .horizontal-catlist li.current-cat a {
    color: #18cb96;
	background-color: #f5f5f5;
}
.blog .horizontal-catlist ul, .category .horizontal-catlist ul {
   
    background-color: #f6f6f6;
}


.archive-highlights .inner .top-card {
    border: 1px solid #dfe1df;
    filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15));
    transition: .3s all ease-out;
}

.single-post section.newsletter-subscribe {
    background-color: #fff !important;
}



.blog-content-section p, .blog-content-section .category-acf-field {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	letter-spacing: 0;
	color: #343741;
	margin-bottom: 11px;
}
.blog-content-section .inner {
	max-width: 1188px;
}
.blog-content-section h2 {
	font-size: 35px;
	font-weight: 500 !important;
	text-align: center;
	line-height: 43px;
	margin: 0 0 20px;
	color:#343741;
}
.blog-content-section {
	margin: 100px 0 100px;
}
 @media only screen and (min-width:501px) {
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon {
         max-width: 802px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards {
         max-width: unset 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card img.competitor-image {
         max-height: 140px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.peer-rating {
         font-size: 26px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating div.comparison-star-container {
         max-width: 130px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.recommend-rating {
         font-size: 26px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend img {
         width: 35px 
    }
}
 @media only screen and (min-width:800px) {
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon {
         max-width: 1188px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards {
         justify-content: space-between;
         background: 0 0;
         padding: 0;
         filter: drop-shadow(0 0 0 transparent) 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card {
         background: #fff;
         border-radius: 3px;
         padding: 0 3.78788% 34px;
         max-width: 364px;
         filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15)) 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.image-container {
         border-bottom: 1px solid #dfe1df;
         margin-bottom: 30px;
         width: 100% 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating {
         border-bottom: 1px solid #dfe1df;
         padding: 0 0 24px;
         margin-bottom: 24px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating::before {
         display: none !important 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.rating-headline {
         color: #797d83;
         display: block;
         font-size: 17px;
         font-weight: 500;
         text-align: center;
         margin-bottom: 24px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating span.peer-rating {
         font-size: 26px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.rating div.comparison-star-container {
         max-width: 130px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend {
         padding: 0 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend::before {
         display: none !important 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.recommend-headline {
         display: block;
         color: #797d83;
         font-size: 17px;
         font-weight: 500;
         text-align: center;
         margin-bottom: 24px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend span.recommend-rating {
         font-size: 26px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card div.recommend img {
         width: 35px 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#comparison-cards div.competitor-card:nth-child(2) {
         margin: 0 calc(24 / 1188 * 100%) 
    }
     body.landing .wrapper .inner article#landing-content section#dragon-comparison div.inner-dragon div#gartner-disclaimer {
         margin: 0 auto;
         width: 100%;
         max-width: 888px 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box {
     padding: 80px 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes {
     display: flex;
     flex-direction: column;
     list-style: none;
     margin: 0 auto;
     max-width: 500px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li {
     margin: 40px auto 
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li img {
     display: block;
     border-radius: 50%;
     margin: 0 auto 32px;
     max-width: 44% 
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li h3 {
     font-size: 23px;
     font-weight: 500;
     text-align: center 
}
 body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li p {
     font-size: 17px;
     font-weight: 300;
     text-align: center 
}
 @media only screen and (min-width:501px) {
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes {
         flex-direction: row;
         justify-content: space-between;
         max-width: 100% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li {
         margin: 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes li h3 {
         margin-bottom: 24px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.two-boxes li {
         flex-basis: 46% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.two-boxes li img {
         max-width: 180px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.three-boxes li {
         flex-basis: 30% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.three-boxes li img {
         max-width: 120px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.four-boxes li {
         flex-basis: 23% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-icon-box ul.icon-boxes.four-boxes li img {
         max-width: 80px 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-text {
     padding: 80px 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon {
     display: flex;
     flex-direction: column;
     max-width: 918px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon h2 {
     font-size: 29px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 32px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon p {
     font-size: 17px;
     font-weight: 300;
     margin-bottom: 24px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon ul li {
     font-size: 17px;
     font-weight: 400;
     margin-bottom: 8px 
}
 @media only screen and (min-width:501px) {
     body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon {
         flex-direction: column 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon h2 {
         text-align: center 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text div.inner-dragon p {
         -webkit-column-count: 2;
         -webkit-column-gap: 20px;
         -moz-column-count: 2;
         -moz-column-gap: 20px;
         column-count: 2;
         column-gap: 20px;
         margin-bottom: 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text.has-points div.inner-dragon {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         flex-wrap: wrap 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text.has-points div.inner-dragon h2 {
         flex-basis: 100% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text.has-points div.inner-dragon p {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
         width: 47% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-text.has-points div.inner-dragon ul {
         width: calc(47% - 24px) 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text {
     padding: 80px 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon {
     display: flex;
     flex-direction: column;
     max-width: 918px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block {
     order: 2 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block h2 {
     font-size: 29px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 32px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block p {
     font-size: 17px;
     font-weight: 300;
     margin-bottom: 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block p a.text-link {
     display: block;
     margin-top: 12px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block ul li {
     font-size: 17px;
     font-weight: 400;
     margin-bottom: 8px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.dragon-video-container, body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon img.dragon-image {
     order: 1;
     display: block;
     margin: 0 auto 24px;
     width: 100%;
     max-width: 640px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.dragon-video-container iframe.dragon-video, body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon img.dragon-image iframe.dragon-video {
     display: block;
     margin: 0 auto 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center {
     padding: 72px 0 80px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon {
     max-width: 798px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon div.text-block p {
     margin-bottom: 24px 
}
 @media only screen and (min-width:501px) {
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon {
         max-width: 918px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.text-block {
         order: 1;
         margin-bottom: 24px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon div.dragon-video-container, body.landing .wrapper .inner article#landing-content section.dragon-visual-text div.inner-dragon img.dragon-image {
         order: 2;
         margin-bottom: 0 
    }
}
 @media only screen and (min-width:800px) {
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon {
         flex-direction: row;
         align-items: center 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon div.text-block {
         flex: 1 1 38%;
         margin-right: 5%;
         margin-bottom: 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon div.text-block h2, body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon div.text-block p {
         text-align: left 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon div.dragon-video-container, body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-left div.inner-dragon img.dragon-image {
         flex: 1 1 57%;
         max-width: 57% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon {
         flex-direction: row-reverse;
         align-items: center 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon div.text-block {
         flex: 1 1 38%;
         margin-left: 5%;
         margin-bottom: 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon div.text-block h2, body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon div.text-block p {
         text-align: left 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon div.dragon-video-container, body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-right div.inner-dragon img.dragon-image {
         flex: 1 1 57%;
         max-width: 57% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon {
         flex-direction: column 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon div.text-block {
         margin-bottom: 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon div.text-block p {
         -webkit-column-count: 2;
         -webkit-column-width: 48%;
         -moz-column-count: 2;
         -moz-column-width: 48%;
         column-count: 2;
         column-width: 48%;
         margin-bottom: 50px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon div.dragon-video-container, body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center div.inner-dragon img.dragon-image {
         width: 100%;
         max-width: 640px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center.has-points div.inner-dragon div.text-block {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         flex-wrap: wrap 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center.has-points div.inner-dragon div.text-block h2 {
         flex-basis: 100% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center.has-points div.inner-dragon div.text-block p {
         -webkit-column-count: 1;
         -moz-column-count: 1;
         column-count: 1;
         width: 48% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-visual-text.text-to-center.has-points div.inner-dragon div.text-block ul {
         width: calc(48% - 24px) 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote {
     background-color: #ff5022;
     padding: 50px 0 80px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon img.left-orange {
     display: none 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block {
     margin: 0 auto;
     max-width: 632px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block img {
     display: block;
     margin: 0 auto 24px;
     height: 44px;
     width: 50px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block p {
     color: #fff;
     font-size: 35px;
     font-weight: 300;
     text-align: center;
     line-height: 1.2;
     margin-bottom: 20px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block a.text-link {
     display: inline-block;
     color: #fff !important;
     margin-left: 12px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block a.text-link:hover::after {
     background-color: #fff 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block span {
     display: block;
     color: #fff;
     font-size: 17px;
     font-weight: 800;
     text-align: center;
     text-transform: uppercase;
     margin: 0 auto 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block span.capitalized {
     font-weight: 500;
     text-transform: none 
}
 body.landing .wrapper .inner article#landing-content section.dragon-blockquote div.inner-dragon div.text-block img.center-bw {
     height: auto;
     width: 64px 
}
 @media only screen and (min-width:800px) {
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image {
         padding: 20px 0 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon {
         display: flex;
         flex-direction: row;
         justify-content: flex-end;
         align-items: center;
         width: 100%;
         max-width: 938px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon img.left-orange {
         flex: 0 1 40%;
         align-self: flex-end;
         display: inline-block;
         width: 40% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon div.text-block {
         flex: 1 2 55%;
         position: relative;
         margin-top: -20px;
         width: 55% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon div.text-block img {
         position: absolute;
         top: 0;
         left: -64px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon div.text-block p {
         text-align: left;
         padding-top: 10px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-blockquote.blockquote-image div.inner-dragon div.text-block span {
         text-align: left 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-review {
     background-color: #f5f5f5;
     padding: 74px 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon {
     max-width: 928px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon h2 {
     font-size: 29px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 40px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     margin: 0 auto 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 50px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review span.peer-rating {
     display: block;
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 8px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review span.peer-rating span.rating-denominator {
     display: inline-block;
     color: #343741;
     font-size: 13px;
     font-weight: 300;
     margin-left: 2px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review img.logo {
     display: block;
     margin: 0 auto 12px;
     height: auto;
     max-height: 32px;
     width: 50% 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review div.comparison-star-container {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     background-color: #ccc;
     margin: 0 auto 12px;
     width: calc(100% - (5.82538% * 2));
     max-width: 108px;
     overflow: hidden 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review div.comparison-star-container div.star-color {
     position: absolute;
     display: block;
     background-color: #18cb96;
     top: 0;
     left: 1.48148%;
     height: 40px;
     z-index: 1 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review div.comparison-star-container img.star-mask {
     position: relative;
     display: block;
     z-index: 2 
}
 body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon p.fine-print2 {
     margin-bottom: 12px !important 
}
 @media only screen and (min-width:501px) {
     body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container {
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-end;
         max-width: 570px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review {
         margin-bottom: 40px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-review div.inner-dragon div#reviews-container div.review img.logo {
         max-height: 33px;
         width: 122px 
    }
}
 body.landing .wrapper .inner article#landing-content section.dragon-widget {
     padding: 40px 0 
}
 body.landing .wrapper .inner article#landing-content section.dragon-widget div.inner-dragon a, body.landing .wrapper .inner article#landing-content section.dragon-widget div.inner-dragon div, body.landing .wrapper .inner article#landing-content section.dragon-widget div.inner-dragon img {
     display: block;
     margin: 0 auto;
     filter: grayscale(100%) 
}
 @media only screen and (min-width:800px) {
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image {
         padding: 20px 0 0 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon {
         display: flex;
         flex-direction: row;
         justify-content: flex-end;
         align-items: center;
         width: 100%;
         max-width: 938px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon img {
         flex: 0 1 40%;
         align-self: flex-end;
         display: inline-block;
         width: 40% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon div.text-block {
         flex: 1 2 55%;
         position: relative;
         margin-top: -20px;
         width: 55% 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon div.text-block img {
         position: absolute;
         top: 0;
         left: -64px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon div.text-block p {
         text-align: left;
         padding-top: 10px 
    }
     body.landing .wrapper .inner article#landing-content section.dragon-widget.blockquote-image div.inner-dragon div.text-block span {
         text-align: left 
    }
}

@media only screen and (max-width:799px) {
	aside#share-module ul#share-buttons li > a {
    
    display: flex;
}
main.page-content div.wrapper article.post aside#share-module ul#share-buttons {
 
    align-items: center;
}
aside#share-module ul#share-buttons li > a#email-share {
    position: relative;
    top: 1px;
}
}
 body.landing .wrapper .inner article#landing-content section.client-logos {
     background-color: #f5f5f5;
     padding: 60px 0 0;
     width: 100% 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner h2 {
     font-size: 29px;
     font-weight: 300;
     text-align: center;
     margin-bottom: .8em 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner h3 {
     font-size: 19px;
     font-weight: 300;
     text-align: center;
     margin-bottom: .8em 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 36px 24px;
     margin: 0 auto 20px;
     width: 100%;
     max-width: 798px 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span.client-logo {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 88px;
     width: 18% 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span.client-logo img {
     display: block 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span#bloomberg {
     max-width: 124px 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span#att {
     max-width: 54px 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span#lockheed {
     max-width: 224px 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span#sanofi {
     max-width: 74px 
}
 body.landing .wrapper .inner article#landing-content section.client-logos div.inner div.logos-container span#bosch {
     max-width: 130px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-bottom-cta {
     padding: 100px 0 110px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-bottom-cta div.inner-dragon {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center 
}
 body.landing .wrapper .inner article#landing-content section.dragon-bottom-cta div.inner-dragon h2 {
     font-size: 25px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 24px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-bottom-cta div.inner-dragon p {
     font-size: 23px;
     font-weight: 300;
     text-align: center;
     margin-bottom: 40px 
}
 body.landing .wrapper .inner article#landing-content section.dragon-bottom-cta div.inner-dragon a.btn {
     display: block;
     margin-right: auto;
     margin-left: auto;
     width: auto 
}
 section.newsletter-subscribe.full-width-module {
     flex-basis: 100%;
     padding: 50px 0 60px 
}
 section.newsletter-subscribe.full-width-module div.inner {
     flex-direction: column;
     text-align: center 
}
 section.newsletter-subscribe.full-width-module div.inner h2 {
     font-size: 26px;
     font-weight: 300;
     margin-bottom: 16px 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container {
     border: 0;
     padding: 0 20px;
     width: 100%;
     max-width: 560px 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form {
     width: 100% 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container .email-field {
     width: 100% 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container a.btn {
     width: 100% 
}
 section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form span {
     text-align: center 
}
 @media only screen and (min-width:501px) {
     section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container {
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-end 
    }
     section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container .email-field {
         margin: 0 auto 28px 0;
         width: calc(98% - 212px) 
    }
     section.newsletter-subscribe.full-width-module div.inner #newsletter-subscribe-form-container form .field-container a.btn {
         margin: 0 0 28px auto;
         width: 212px 
    }
}
 aside.suggested-post div.inner {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: flex-start;
     border: 1px solid #dfe1df;
     border-width: 1px 0;
     padding: 32px 20px;
     margin: 24px auto 
}
 aside.suggested-post div.inner .suggested-featured {
     margin-bottom: 16px;
     width: 100% 
}
 aside.suggested-post div.inner .suggested-text-block .suggested-category {
     color: #18cb96;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 8px 
}
 aside.suggested-post div.inner .suggested-text-block .suggested-title {
     color: #343741;
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 8px 
}
 aside.suggested-post div.inner .suggested-text-block .suggested-excerpt {
     color: #343741;
     font-size: 14px;
     font-weight: 300 
}
 aside.suggested-post div.inner .suggested-text-block .text-link {
     color: #18cb96;
     font-size: 11px 
}
 @media only screen and (min-width:501px) {
     aside.suggested-post div.inner {
         flex-direction: row;
         justify-content: space-between;
         align-items: center 
    }
     aside.suggested-post div.inner .suggested-feature-link {
         align-self: flex-start;
         display: block;
         width: 33% 
    }
     aside.suggested-post div.inner .suggested-featured {
         margin-bottom: 0 
    }
     aside.suggested-post div.inner .suggested-text-block {
         margin-left: 2%;
         max-width: 64% 
    }
}
 div.form-container {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     background: #fff;
     border: 1px solid #dfe1df;
     border-radius: 3px;
     padding: 40px 40px;
     margin: -60px auto 0;
     max-width: 364px;
     z-index: 10 
}
 div.form-container img.asset-image {
     display: block;
     margin-bottom: 24px;
     margin-left: -20px;
     max-width: 140px 
}
 div.form-container form h3 {
     color: #343741;
     font-size: 14px;
     font-weight: 900;
     text-align: center;
     text-transform: uppercase 
}
 div.form-container form div.field-container fieldset {
     position: relative;
     border: 0;
     padding: 0;
     margin: 0 0 2px 0 
}
 div.form-container form div.field-container fieldset input[type=date], div.form-container form div.field-container fieldset input[type=email], div.form-container form div.field-container fieldset input[type=number], div.form-container form div.field-container fieldset input[type=tel], div.form-container form div.field-container fieldset input[type=text], div.form-container form div.field-container fieldset input[type=url], div.form-container form div.field-container fieldset select, div.form-container form div.field-container fieldset textarea {
     position: relative;
     background-color: transparent;
     border: 1px solid #dfe1df;
     border-radius: 3px;
     font-size: 14px;
     line-height: 22px;
     padding: 9px 15px;
     margin-bottom: 0;
     -webkit-appearance: none;
     -moz-appearance: none;
     height: 40px;
     width: 100% !important;
     z-index: 1 
}
 div.form-container form div.field-container fieldset input[type=date]::placeholder, div.form-container form div.field-container fieldset input[type=email]::placeholder, div.form-container form div.field-container fieldset input[type=number]::placeholder, div.form-container form div.field-container fieldset input[type=tel]::placeholder, div.form-container form div.field-container fieldset input[type=text]::placeholder, div.form-container form div.field-container fieldset input[type=url]::placeholder, div.form-container form div.field-container fieldset select::placeholder, div.form-container form div.field-container fieldset textarea::placeholder {
     color: #fff !important;
     opacity: 1 
}
 div.form-container form div.field-container fieldset input[type=date]:focus, div.form-container form div.field-container fieldset input[type=email]:focus, div.form-container form div.field-container fieldset input[type=number]:focus, div.form-container form div.field-container fieldset input[type=tel]:focus, div.form-container form div.field-container fieldset input[type=text]:focus, div.form-container form div.field-container fieldset input[type=url]:focus, div.form-container form div.field-container fieldset select:focus, div.form-container form div.field-container fieldset textarea:focus {
     border-radius: 3px;
     color: #343741 !important;
     border: 2px solid #a9abac 
}
 div.form-container form div.field-container fieldset input#industryish-input[type=date], div.form-container form div.field-container fieldset input#industryish-input[type=email], div.form-container form div.field-container fieldset input#industryish-input[type=number], div.form-container form div.field-container fieldset input#industryish-input[type=tel], div.form-container form div.field-container fieldset input#industryish-input[type=text], div.form-container form div.field-container fieldset input#industryish-input[type=url], div.form-container form div.field-container fieldset select#industryish-input, div.form-container form div.field-container fieldset textarea#industryish-input {
     border: 0;
     padding: 0;
     height: 0;
     width: 0 
}
 div.form-container form div.field-container fieldset input[type=tel] {
     padding-right: 6px;
     padding-left: 45px;
     margin-left: 0 
}
 div.form-container form div.field-container fieldset input.active[type=tel]::placeholder {
     color: #a9abac !important 
}
 div.form-container form div.field-container fieldset .intl-tel-input {
     margin-bottom: 0;
     width: 100% 
}
 div.form-container form div.field-container fieldset .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
     background: 0 0 
}
 div.form-container form div.field-container fieldset .intl-tel-input .selected-flag:focus {
     outline: 0 
}
 div.form-container form div.field-container fieldset .intl-tel-input .country-list {
     color: #a9abac;
     font-size: 13px;
     z-index: 11 
}
 div.form-container form div.field-container fieldset .intl-tel-input input[tel]:focus {
     outline: 2px solid #a9abac 
}
 div.form-container form div.field-container fieldset .intl-tel-input .mktoError {
     top: -20px 
}
 div.form-container form div.field-container fieldset select {
     color: #343741;
     z-index: 9 
}
 div.form-container form div.field-container fieldset select option.no-option {
     visibility: hidden 
}
 div.form-container form div.field-container fieldset textarea {
     height: 200px 
}
 div.form-container form div.field-container fieldset label.input-label, div.form-container form div.field-container fieldset label.select-label {
     position: relative;
     top: 27px;
     left: 6px;
     float: none;
     display: flex;
     flex-direction: row-reverse;
     justify-content: flex-start;
     background-color: #fff;
     color: #a9abac;
     font-size: 11px;
     font-weight: 400;
     padding: 0 3px;
     width: max-content !important;
     transform: scale(1.25);
     transform-origin: left;
     transition: all .2s ease-out;
     z-index: 10;
     pointer-events: none 
}
 div.form-container form div.field-container fieldset label.input-label.focused, div.form-container form div.field-container fieldset label.select-label.focused {
     top: 8px;
     font-weight: 500;
     transform: scale(1) 
}
 div.form-container form div.field-container fieldset label#industryish-label.input-label, div.form-container form div.field-container fieldset label#industryish-label.select-label {
     font-size: 0;
     height: 0;
     width: 0 
}
 div.form-container form div.field-container fieldset.accountexecutive-field, div.form-container form div.field-container fieldset.companysize-field {
     margin-bottom: 0 
}
 div.form-container form div.field-container fieldset.accountexecutive-field::after, div.form-container form div.field-container fieldset.companysize-field::after {
     display: inline-block;
     content: " \232a";
     position: absolute;
     right: 0;
     top: 20px;
     color: #a9abac;
     font-size: 15px;
     text-align: center;
     line-height: 40px;
     transform: rotate(90deg);
     width: 40px;
     z-index: 0;
     pointer-events: none 
}
 div.form-container form div.field-container fieldset span.field-error {
     position: absolute;
     bottom: -12px;
     left: 2px;
     display: none;
     background-color: transparent;
     color: #e82713;
     font-size: 10px;
     letter-spacing: 1px;
     max-width: 282px 
}
 div.form-container form div.field-container fieldset.hello {
     position: absolute;
     padding: 0;
     margin: 0;
     height: 0;
     width: 0 
}
 div.form-container form div.field-container fieldset.hidden-field {
     display: none 
}
 div.form-container form div.field-container a.btn {
     display: block;
     margin-top: 24px;
     margin-bottom: 32px 
}
 div.form-container form div.field-container a.btn button {
     width: 100% 
}
 div.form-container form div.field-container a.btn button.pulse {
     box-shadow: 0 0 0 rgba(255, 86, 33, .7);
     animation: pulse 2s infinite 
}
 div.form-container form div.field-container a.btn button.pulse:hover {
     animation: none 
}
 @-webkit-keyframes pulse {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 86, 33, .7) 
    }
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(255, 86, 33, 0) 
    }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 86, 33, 0) 
    }
}
 @keyframes pulse {
     0% {
         -moz-box-shadow: 0 0 0 0 rgba(255, 86, 33, .7);
         box-shadow: 0 0 0 0 rgba(255, 86, 33, .9) 
    }
     70% {
         -moz-box-shadow: 0 0 0 10px rgba(255, 86, 33, 0);
         box-shadow: 0 0 0 10px rgba(255, 86, 33, 0) 
    }
     100% {
         -moz-box-shadow: 0 0 0 0 rgba(255, 86, 33, 0);
         box-shadow: 0 0 0 0 rgba(255, 86, 33, 0) 
    }
}
 div.form-container form span.form-fine-print {
     display: block 
}
 div.form-container form span.form-fine-print a {
     display: inline-block;
     border-color: #797d83;
     color: #797d83 !important;
     font-weight: 500 !important;
     padding: 0 
}
 div.form-container form span.form-fine-print a::after {
     background-color: #797d83;
     padding: .5px 0;
     margin-top: 2px 
}
 div.form-container form span.form-fine-print.tooltip {
     position: absolute;
     top: 0;
     left: 50%;
     background: #fff;
     border: 2px solid #a9abac;
     border-radius: 3px;
     color: #fff;
     font-size: 13px;
     font-weight: 400;
     letter-spacing: .044em;
     -webkit-font-smoothing: initial;
     padding: 12px;
     transform: translate(-50%, calc(-100% - 4px));
     width: 190px;
     opacity: 0;
     visibility: hidden;
     z-index: 100;
     transition: .2s all ease-in-out 
}
 div.form-container form span.form-fine-print.tooltip::after {
     display: block;
     content: "";
     position: absolute;
     bottom: -10px;
     left: 33%;
     background: #fff;
     border: 2px solid #a9abac;
     border-top-color: #fff;
     border-left-color: #fff;
     border-radius: 2px;
     height: 8px;
     width: 8px;
     transform: rotateZ(45deg) translate(-50%, 0);
     transform-origin: 49% 56% 
}
 div.form-container form span.form-fine-print.has-tooltip {
     cursor: pointer;
     font-weight: 500 
}
 div.form-container form div.tooltip-container {
     position: relative 
}
 div.form-container form div.tooltip-container:hover .tooltip {
     opacity: 1 !important;
     visibility: visible 
}
 div#televerde-form-container.form-container form, div#webinarqa-form-container.form-container form {
     width: 100% 
}
 div#subprocessor-form-container.form-container {
     align-items: flex-start;
     border: 0;
     padding: 0;
     margin: 0 
}
 div#subprocessor-form-container.form-container a.btn {
     margin-top: 12px;
     margin-bottom: 20px 
}
 div#subprocessor-form-container.form-container a.btn button {
     width: 100%;
     max-width: 182px 
}
 div#newsletter-subscribe-form-container.form-container {
     margin: 0 auto 
}
 @media only screen and (min-width:800px) {
     div.form-container.wide-form {
         max-width: 880px;
         filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15)) 
    }
     div.form-container.wide-form form {
         padding: 0;
         width: 100%;
         max-width: 720px 
    }
     div.form-container.wide-form form h3 {
         margin-bottom: 12px 
    }
     div.form-container.wide-form form div.field-container {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-start;
         flex-wrap: wrap 
    }
     div.form-container.wide-form form div.field-container fieldset {
         margin-right: 2%;
         width: 31.94444%;
         max-width: 232px 
    }
     div.form-container.wide-form form div.field-container fieldset:nth-child(3) {
         margin-right: 0 
    }
     div.form-container.wide-form form div.field-container a.btn {
         margin: 14px 0 auto;
         width: 31.94444%;
         max-width: 232px 
    }
     div.form-container.wide-form span.form-fine-print {
         margin-top: 12px 
    }
     div.form-container.form-has-image {
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-start;
         padding: 30px 4.23729% 30px 3.17797%;
         max-width: 944px 
    }
     div.form-container.form-has-image.landscape {
         padding: 30px 3.98482% 30px 1.42315%;
         max-width: 1006px 
    }
     div.form-container.form-has-image.landscape img.asset-image {
         width: 26.34989%;
         max-width: 244px 
    }
     div.form-container.form-has-image img.asset-image {
         margin: 0;
         width: 18.43221%;
         max-width: 174px 
    }
     div.form-container.form-has-image form {
         padding: 8px 0;
         width: 76.55084%;
         max-width: 666px 
    }
     div.form-container.form-has-image form h3 {
         text-align: left 
    }
     div.form-container.form-has-image form div.field-container {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         flex-wrap: wrap 
    }
     div.form-container.form-has-image form div.field-container a.btn, div.form-container.form-has-image form div.field-container fieldset {
         width: 31.53153% 
    }
     div.form-container.form-has-image form div.field-container a.btn {
         display: flex;
         align-items: flex-end;
         margin: 0;
         height: 55px 
    }
     div.form-container.form-has-image form div.field-container a.btn button {
         padding: 0 8px 
    }
     div.form-container.form-has-image form span.form-fine-print {
         margin-top: 8px 
    }
     div.form-container.form-has-image form span.form-fine-print:nth-of-type(2) {
         margin-top: 16px 
    }
     div#televerde-form-container.form-container, div#webinarqa-form-container.form-container {
         width: 100%;
         max-width: 640px 
    }
     div#televerde-form-container.form-container form div.field-container, div#webinarqa-form-container.form-container form div.field-container {
         display: flex;
         justify-content: space-between;
         align-items: flex-start;
         flex-wrap: wrap 
    }
     div#televerde-form-container.form-container form div.field-container fieldset, div#webinarqa-form-container.form-container form div.field-container fieldset {
         width: 262px 
    }
     div#televerde-form-container.form-container form div.field-container fieldset.message-field, div#webinarqa-form-container.form-container form div.field-container fieldset.message-field {
         width: 100% 
    }
     div#televerde-form-container.form-container form div.field-container a.btn, div#webinarqa-form-container.form-container form div.field-container a.btn {
         margin-top: 15px;
         margin-bottom: 12px;
         margin-left: auto;
         width: 262px 
    }
}
 div.jquery-modal {
     display: flex;
     justify-content: center;
     align-items: center;
     background: rgba(0, 0, 0, .8);
     padding: 0 
}
 div.jquery-modal section.modal {
     background: 0 0;
     box-shadow: none;
     padding: 0;
     height: auto;
     width: auto;
     max-width: 100%;
     vertical-align: unset 
}
 div.jquery-modal section.modal div.inner-dragon {
     padding: 40px 0 32px 
}
 div.jquery-modal section.modal div.inner-dragon div.form-container {
     margin: auto auto 
}
 div.jquery-modal section.modal div.inner-dragon div.form-container h2.plan-title {
     color: #343741;
     font-size: 27px;
     font-weight: 500;
     text-align: center;
     text-transform: capitalize;
     margin-top: 0;
     margin-bottom: 24px;
     width: auto 
}
 div.jquery-modal aside.modal {
     border-radius: 3px;
     width: 100%;
     max-width: 420px 
}
 div.jquery-modal a.close-modal {
     background: 0 0;
     top: 0;
     right: 24px;
     color: #dfe1df;
     font-size: 35px;
     font-weight: 400;
     text-indent: unset;
     height: auto;
     width: auto 
}
 @media only screen and (min-width:501px) {
     div.jquery-modal a.close-modal {
         right: calc(50% - 182px - 24px) 
    }
}
 div.jquery-modal a.close-modal.text-link {
     position: relative;
     top: unset;
     right: unset;
     display: inline-block;
     color: #18cb96;
     font-size: 14px;
     font-weight: 800 
}
   header#hero div#title-block {
     margin-top: -56px 
}
   header#hero.none-featured div#title-block {
     margin-top: 0 
}
   article#archive-items.persistent-filter.appconnect-persistent-filter {
     padding-top: 136px 
}
   article#archive-items section.archive-highlights {
     background:#fff;
     width: 100% 
}
   article#archive-items section.archive-highlights div.inner {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     padding: 0 12px;
     max-width: 1188px 
}
   article#archive-items section.archive-highlights div.inner div.top-card {
     position: relative;
     background: #fff;
     border-radius: 3px;
     margin: 40px auto 96px;
     width: 100%;
     max-width: 364px;
     z-index: 500 
}
   article#archive-items section.archive-highlights div.inner div.top-card div.top-headline {
     display: flex;
     justify-content: center;
     align-items: center;
     border-bottom: 1px solid #dfe1df;
     height: 73px 
}
   article#archive-items section.archive-highlights div.inner div.top-card div.top-headline h4 {
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase 
}
   article#archive-items section.archive-highlights div.inner div.top-card div.item-category h3 {
     color: #18cb96;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 16px 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #dfe1df;
     color: #797d83;
     font-size: 11px;
     font-weight: 500;
     height: 40px;
     padding: 0 0 0 20px;
     margin: auto 0 0;
     width: 100% 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-right: 20px;
     height: 100%;
     overflow: hidden 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu span {
     color: #797d83;
     font-size: 11px;
     text-transform: uppercase 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu ul#socials {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     list-style: none;
     margin: 0;
     height: 0%;
     width: 0%;
     opacity: 0;
     transition: .5s opacity ease-in-out, .5s width ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu ul#socials li a {
     display: flex;
     justify-content: center;
     align-items: center 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu ul#socials li a svg {
     display: inline-block;
     margin: auto auto 0;
     max-height: 15px;
     width: 0;
     transition: .2s width ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu ul#socials li a svg .a {
     fill: #a9abac;
     transition: .2s fill ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover {
     cursor: pointer 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials {
     margin-left: 12px;
     height: 100%;
     width: 100%;
     opacity: 1;
     transition: .5s opacity ease-in-out, .5s width ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials li,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials li {
     margin: 0 3px 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials li a svg,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials li a svg {
     width: 18px;
     transition: .2s width ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials li a svg:hover .a,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials li a svg:hover .a {
     fill: #18cb96;
     transition: .2s fill ease-in-out 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials li a#twitter-share svg,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials li a#twitter-share svg {
     max-height: 13px;
     margin-bottom: -2px 
}
   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu.share ul#socials li a#email-share,   article#archive-items section.archive-highlights div.inner div.top-card div#meta-data div.social-menu:hover ul#socials li a#email-share {
     margin-left: 4px;
     margin-bottom: -3px 
}
   article#archive-items section.archive-roll {
     background: #f5f5f5 
}
   article#archive-items section.archive-roll div.inner {
     position: relative;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: flex-start;
     flex-wrap: wrap;
     padding: 38px 12px;
     max-width: 1188px;
     width: 100% 
}
   article#archive-items section.archive-roll div.inner div.item {
     background: #fff;
     border-radius: 3px;
     border: 1px solid #dfe1df;
     text-align: center;
     padding: 0;
     margin: 12px auto;
     height: 456px;
     width: 364px;
     filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15));
     transition: .3s all ease-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 100%;
     width: 100% 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link {
     display: flex;
     flex-direction: column;
     height: 416px 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link div.featured-image {
     position: relative;
     background-color: #18cb96;
     background-size: cover;
     background-position: center;
     border-radius: 3px 3px 0 0;
     margin-bottom: 30px;
     height: 200px;
     width: 100%;
     max-height: 200px;
     /*filter: grayscale(100%);
     transition: .3s all ease-out */
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link div.item-category h3 {
     color: #18cb96;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 16px 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link div.item-title {
     padding: 0 30px;
     margin-bottom: 20px 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link div.item-title h2 {
     color: #343741;
     font-size: 23px;
     font-weight: 500;
     line-height: 1.1em 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link div.item-excerpt {
     color: #343741;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.1em;
     padding: 0 24px;
     margin: 0 auto auto 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link:hover {
     cursor: pointer 
}
  /* article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link:hover div.featured-image {
     filter: grayscale(0);
     transition: .3s all ease-in 
}*/
   article#archive-items section.archive-roll div.inner div.item div.item-info a.item-link:hover div.item-title h2 {
     color: #18cb96;
     transition: .3s all ease-in 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #dfe1df;
     color: #797d83;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     height: 40px;
     padding: 0 0 0 20px;
     margin: auto 0 0;
     width: 100% 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-right: 20px;
     height: 100%;
     overflow: hidden 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu span,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu span {
     color: #797d83;
     font-size: 11px;
     text-transform: uppercase 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu ul#socials,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu ul#socials {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     list-style: none;
     margin: 0;
     height: 0%;
     width: 0%;
     opacity: 0;
     transition: .5s opacity ease-in-out, .5s width ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu ul#socials li a,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu ul#socials li a {
     display: flex;
     justify-content: center;
     align-items: center 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu ul#socials li a svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu ul#socials li a svg {
     display: inline-block;
     margin: auto auto 0;
     max-height: 15px;
     width: 0;
     transition: .2s width ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu ul#socials li a svg .a,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu ul#socials li a svg .a {
     fill: #a9abac;
     transition: .2s fill ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover {
     cursor: pointer 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials {
     margin-left: 12px;
     height: 100%;
     width: 100%;
     opacity: 1;
     transition: .5s opacity ease-in-out, .5s width ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials li,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials li,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials li,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials li {
     margin: 0 3px 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials li a svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials li a svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials li a svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials li a svg {
     width: 18px;
     transition: .2s width ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials li a svg:hover .a,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials li a svg:hover .a,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials li a svg:hover .a,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials li a svg:hover .a {
     fill: #18cb96;
     transition: .2s fill ease-in-out 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials li a#twitter-share svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials li a#twitter-share svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials li a#twitter-share svg,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials li a#twitter-share svg {
     max-height: 13px;
     margin-bottom: -2px 
}
   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu.share-hover ul#socials li a#email-share,   article#archive-items section.archive-roll div.inner div.item div.item-info div#meta-data div.social-menu:hover ul#socials li a#email-share,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu.share-hover ul#socials li a#email-share,   article#archive-items section.archive-roll div.inner div.item div.item-info div.meta-data div.social-menu:hover ul#socials li a#email-share {
     margin-left: 4px;
     margin-bottom: -3px 
}
   article#archive-items section.archive-roll div.inner div.item:hover {
     margin-top: 6px;
     margin-bottom: 18px;
     filter: drop-shadow(0 6px 6px rgba(0, 0, 0, .15));
     transition: .3s all ease-out 
}

   article#archive-items section#filters.appconnect-filters span:first-child {
     margin-top: 4px 
}
   article#archive-items section#filters.appconnect-filters div.inner {
     max-width: 740px 
}
   article#archive-items section#filters.appconnect-filters div.inner div.filters {
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 0;
     max-width: 95%; 
}
   article#archive-items section#filters.appconnect-filters div.inner div.filters>span {
     flex-basis: 50%;
     max-width: 95%; 
}
   article#archive-items section#filters.appconnect-filters div.inner .filter-all {
     color: #343741 !important;
     text-align: right 
}
   article#archive-items section#filters.appconnect-filters div.inner .filter-all:hover {
     color: #18cb96 !important 
}
   article#archive-items section#filters.appconnect-filters div.inner .filter-all:active {
     color: #18cb96 !important 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group {
     flex-basis: 100%;
     max-width: 100% !important 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group #category-filter {
     border-bottom: 0 solid transparent;
     margin-bottom: 0;
     width: 240px;
     max-width: 240px 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group input.quicksearch {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     background: 0 0;
     border: 0;
     border-bottom: 1px solid #343741;
     border-radius: 0;
     color: #343741;
     font-family: Roboto, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 40px;
     padding: 0px 26px 0 0;
     height: 32px;
     max-width: 100%; 
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     z-index: 2 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group input.quicksearch::placeholder {
        font-size: 12px;
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group.category-select {
     border-bottom: 1px solid #343741;
     padding-bottom: 3px;
     margin-top: -5px;
     margin-bottom: 24px 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group.category-select::after {
     top: 14px !important 
}
   article#archive-items section#filters.appconnect-filters div.inner div.ui-group.search-bar::after {
     top: 6px;
     right: 6px;
     content: url(../images/icons/210503-search-bar-magnifying-glass-icon.svg%3F_cchid=17dcc5acd336d3faa71fd412a237a6d8);
     border: 0;
     width: 14px;
     transform: rotate(0) 
}

   article#archive-items section#filters.appconnect-filters.persist div.inner div.filters {
     padding: 12px;
     height: auto;
     transition: .3s padding ease-in-out 
}
 @media only screen and (min-width:800px) {
     article#archive-items section#filters.appconnect-filters div.inner div.filters {
         flex-wrap: nowrap;
         max-width: 100% 
    }
     article#archive-items section#filters.appconnect-filters div.inner div.filters>span {
         flex-basis: auto 
    }
     article#archive-items section#filters.appconnect-filters div.inner div.ui-group #category-filters {
         margin-bottom: 40px;
         width: 100%;
         max-width: 212px 
    }
     article#archive-items section#filters.appconnect-filters div.inner div.ui-group.category-select {
         margin-bottom: 0 
    }

     article#archive-items section#filters.appconnect-filters.persist div.inner div.filters {
         height: 62px 
    }
}
article#archive-items section.appconnect-roll div.inner div#integration-container {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: flex-start;
     margin: 0 auto;
     width: 100% 
}
article#archive-items section.appconnect-roll div.inner div.appconnect-item {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     background: unset;
     border: 0;
     border-radius: unset;
     margin-right: 16px;
     margin-left: 16px;
     height: 160px !important;
     width: 124px !important;
     max-width: 124px;
     filter: drop-shadow(0 0 0 transparent) 
}
article#archive-items section.appconnect-roll div.inner div.appconnect-item div.integration-logo {
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 3px;
     padding: 12px;
     margin-bottom: 20px;
     height: 70px;
     width: 70px;
     filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15)) 
}
article#archive-items section.appconnect-roll div.inner div.appconnect-item div.integration-logo div.integration-image {
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     padding-top: 100%;
     width: 100% 
}
article#archive-items section.appconnect-roll div.inner div.appconnect-item div.integration-name {
     font-size: 11px;
     font-weight: 500;
     text-align: center;
     height: auto;
     width: 100%;
     max-width: 94% 
}
article#archive-items section.appconnect-roll div#no-integrations {
     display: none;
     text-align: center 
}
article#archive-items section.appconnect-roll div#no-integrations h3 {
     font-size: 23px;
     font-weight: 400;
     margin-bottom: 16px 
}
article#archive-items section.appconnect-roll div#no-integrations a {
     color: #18cb96 
}
article#archive-items section.appconnect-roll div#no-integrations a:hover {
     color: #18cb96 
}
 body.archive.appconnect-archive header#hero div#title-block {
     margin-top: 30px 
}
 @media only screen and (min-width:800px) {
       header#hero div#title-block {
         margin-top: -56px 
    }
       header#hero.none-featured div#title-block {
         margin-top: 0 
    }
     body.archive.appconnect-archive header#hero div#title-block {
         margin-top: 30px 
    }
       article#archive-items.persistent-filter.appconnect-persistent-filter {
         padding-top: 52px 
    }
       article#archive-items section.archive-highlights div.inner {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: center 
    }
    /*   article#archive-items section.archive-highlights div.inner div.top-card {
         position: relative;
         background: #fff;
         border-radius: 3px;
         margin: -72px 12px 72px;
         width: 100%;
         max-width: 364px;
         z-index: 500 
    }
     */
       article#archive-items section.archive-highlights div.inner div.top-card {
         position: relative;
         background: #fff;
         border-radius: 3px;
         margin: 40px 12px 72px;
         width: 100%;
         max-width: 364px;
         z-index: 500 
    }
       article#archive-items section.archive-highlights div.inner div.top-card div.top-headline {
         display: flex;
         justify-content: center;
         align-items: center;
         border-bottom: 1px solid #dfe1df;
         height: 73px 
    }
       article#archive-items section.archive-highlights div.inner div.top-card div.top-headline h4 {
         font-size: 16px;
         font-weight: 500;
         text-transform: uppercase 
    }
}
 main.page-content div.wrapper header#hero div.inner div#title-block {
     padding: 0px 24px 0 
}
 main.page-content div.wrapper article.post {
     position: relative;
     top: 0;
     display: flex;
     flex-direction: column;
     padding: 100px 24px 0;
     opacity: 1;
     transition: .2s opacity ease-in-out, .4s top ease-in-out 
}
 main.page-content div.wrapper article.post.hide {
     top: 40px;
     opacity: 0 
}
 main.page-content div.wrapper article.post aside#share-module {
     order: 2;
     margin: 0 0 12px 
}
 main.page-content div.wrapper article.post aside#share-module ul#share-buttons {
     left: -4px;
     justify-content: space-between;
     align-items: flex-end;
     margin: 0 auto 40px;
     max-width: 250px 
}
 main.page-content div.wrapper article.post aside#share-module ul#share-buttons li {
     justify-content: center;
     align-items: flex-end 
}

 main.page-content div.wrapper article.post div.post-content {
     order: 1;
     margin: 0 auto 40px;
     max-width: 600px 
}
 main.page-content div.wrapper article.post div.post-content>h2 {
     color: #343741;
     font-size: 23px;
     font-weight: 500;
     margin-top: 40px;
     margin-bottom: 23px 
}
 main.page-content div.wrapper article.post div.post-content>h2:first-child {
     margin-top: 0 
}
 main.page-content div.wrapper article.post div.post-content>h3 {
     color: #343741;
     font-size: 20px;
     font-weight: 500;
     margin-top: 32px;
     margin-bottom: 14px 
}
 main.page-content div.wrapper article.post div.post-content>h4 {
     color: #343741;
     font-size: 17px;
     font-weight: 500;
     margin-top: 32px;
     margin-bottom: 8px 
}
 main.page-content div.wrapper article.post div.post-content>p {
     font-size: 17px;
     font-weight: 300;
     line-height: 25px;
     letter-spacing: 0;
     color: #60646b;
     margin-bottom: 11px;
}
 main.page-content div.wrapper article.post div.post-content a {
     color: #18cb96;
     font-weight: 500;
     transition: .2s all ease-in-out 
}
 main.page-content div.wrapper article.post div.post-content a:hover {
     color: #18cb96 
}
 main.page-content div.wrapper article.post div.post-content ol, main.page-content div.wrapper article.post div.post-content ul {
     font-size: 17px;
     margin-bottom: 32px 
}
 main.page-content div.wrapper article.post div.post-content ol li ul, main.page-content div.wrapper article.post div.post-content ul li ul {
     margin-bottom: 0 
}
 main.page-content div.wrapper article.post div.post-content img, main.page-content div.wrapper article.post div.post-content img.img-center {
     height: auto 
}
 main.page-content div.wrapper article.post div.post-content .tag-cloud {
     margin-top: 50px 
}
 main.page-content div.wrapper article.post div.post-content .tag-cloud .post-tag, main.page-content div.wrapper article.post div.post-content .tag-cloud .post-tag a {
     font-size: 11px;
     font-weight: 500 
}
 main.page-content div.wrapper article.post div.post-content .tag-cloud .post-tag a:hover, main.page-content div.wrapper article.post div.post-content .tag-cloud .post-tag:hover {
     color: #18cb96 
}
 main.page-content div.wrapper article.post div.post-content .tag-cloud .separator-vertical {
     display: inline-block;
     color: #a9abac;
     padding: 0 8px 
}
 main.page-content div.wrapper article.post section#author-info {
     order: 3;
     padding: 0;
     margin: 0 auto 
}
 main.page-content div.wrapper article.post section#author-info div.inner {
     padding: 24px 0;
     border-top: 1px solid #dfe1df;
     max-width: 600px 
}
 main.page-content div.wrapper article.post section#author-info div.inner img.author-img {
     display: block;
     border-radius: 50%;
     margin: 0 auto;
     height: 100px;
     width: 100px 
}
 main.page-content div.wrapper article.post section#author-info div.inner div.author-text h3 {
     font-size: 23px;
     font-weight: 500;
     text-align: center;
     margin-bottom: 12px 
}
 main.page-content div.wrapper article.post section#author-info div.inner div.author-text p {
     font-size: 17px;
     font-weight: 300;
     line-height: 25px;
     letter-spacing: 0;
     color: #60646b;
     margin-bottom: 11px;
}
 main.page-content div.wrapper article.post section#author-info div.inner div.author-text p a {
     color: #18cb96;
     font-weight: 500 
}
 main.page-content div.wrapper article.post section#author-info div.inner div.author-text p a:hover {
     color: #18cb96 
}
   article#archive-items section#blog-highlights div.inner div.top-card {
     padding-bottom: 72px;
     height: 530px 
}
   article#archive-items section#blog-highlights div.inner div.top-card div.top-headline {
     border-bottom: 0;
     height: 72px 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     height: 458px;
     width: 100% 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info a.item-link div#post-image {
     position: relative;
     background-color: #18cb96;
     background-size: cover;
     background-position: center;
     margin-bottom: 30px;
     height: 200px;
     width: 100%;
     /*filter: grayscale(100%);
     transition: .3s all ease-out*/ 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info a.item-link div#post-category {
     color: #18cb96;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info a.item-link div#post-title {
     padding: 0 30px;
     margin-bottom: 20px 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info a.item-link div#post-title h2 {
     color: #343741;
     font-size: 23px;
     font-weight: 500;
     line-height: 1.1em;
     transition: .3s all ease-out 
}
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info a.item-link div#post-excerpt {
     color: #343741;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.1em;
     padding: 0 30px;
     margin: auto auto 20px 
}
  /* article#archive-items section#blog-highlights div.inner div.top-card div#post-info:hover a.item-link div#post-image {
     filter: grayscale(0);
     transition: .3s all ease-out 
}*/
   article#archive-items section#blog-highlights div.inner div.top-card div#post-info:hover a.item-link div#post-title h2 {
     color: #18cb96;
     transition: .3s all ease-out 
}
   article#archive-items section#filters {
     background: #fff;
     border-bottom: 1px solid #dfe1df 
}
   article#archive-items section#filters div.inner {
     max-width: 724px 
}
   article#archive-items section#filters div.inner div.filters {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     flex-basis: 100%;
     background: #fff;
     padding: 24px 0 
}
   article#archive-items section#filters div.inner div.filters span {
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     margin-bottom: 24px 
}
   article#archive-items section#filters div.inner div.filters span.filter-all {
     font-size: 14px;
     color: #18cb96;
     font-weight: 400;
     text-transform: none 
}
   article#archive-items section#filters div.inner div.filters span.filter-all:hover {
     cursor: pointer 
}
   article#archive-items section#filters div.inner div.filters div.ui-group {
     position: relative;
     display: flex 
}
   article#archive-items section#filters div.inner div.filters div.ui-group select.filter-select {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     background: 0 0;
     border: 0;
     border-bottom: 1px solid #343741;
     border-radius: 0;
     color: #343741;
     font-family: Roboto, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 40px;
     padding: 0 0 0 12px;
     margin-bottom: 24px;
     height: 32px;



     width: 212px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     z-index: 2 
}
   article#archive-items section#filters div.inner div.filters div.ui-group select.filter-select:focus {
     outline: 0 
}
   article#archive-items section#filters div.inner div.filters div.ui-group::selected {
     border-radius: 0 
}
   article#archive-items section#filters div.inner div.filters div.ui-group:after {
     display: block;
     content: "";
     position: absolute;
     top: 10px;
     right: 12px;
     border: 1px solid #343741;
     border-width: 0 1px 1px 0;
     height: 8px;
     width: 8px;
     transform: rotate(45deg);
     z-index: 1 
}
   article#archive-items section.archive-roll div.inner div#post-container {
     position: relative;
     flex-basis: 100%;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: flex-start;
     flex-wrap: wrap;
     width: 100% 
}
   article#archive-items section.archive-roll div.inner div#post-container div.blog-item.filtered {
     display: block 
}
   article#archive-items section.archive-roll div.inner div#post-container a.none {
     display: none 
}
   article#archive-items section.archive-roll div.inner div#no-posts {
     display: none;
     text-align: center 
}
   article#archive-items section.archive-roll div.inner div#no-posts h3 {
     font-size: 23px;
     font-weight: 400;
     margin-bottom: 16px 
}
   article#archive-items section.archive-roll div.inner div#no-posts a {
     color: #18cb96 
}
   article#archive-items section.archive-roll div.inner div#no-posts a:hover {
     color: #18cb96 
}
 @media only screen and (min-width:501px) {
     main.page-content div.wrapper article.post div.post-content>h2 {
         color: #343741;
         font-size: 23px;
         font-weight: 500;
         margin-top: 40px;
         margin-bottom: 23px 
    }
     main.page-content div.wrapper article.post div.post-content>h2:first-child {
         margin-top: 0 
    }
     main.page-content div.wrapper article.post div.post-content>p {
         font-size: 17px;
         font-weight: 300;
         line-height: 25px;
         letter-spacing: 0;
         color: #60646b;
         margin-bottom: 11px;
    }
}
 @media only screen and (min-width:800px) {
     main.page-content div.wrapper article.post {
         flex-direction: row;
         justify-content: center;
         flex-wrap: wrap;
         padding-top: 110px; 
    }
     main.page-content div.wrapper article.post aside#share-module {
         order: 1;
         flex: 0 1 auto;
         margin: 0 66px 0 auto;
         width: 24px;
         transition: .5s order ease-in-out 
    }
     main.page-content div.wrapper article.post aside#share-module ul#share-buttons {
         top: 8px;
         left: 0;
         flex-direction: column;
         justify-content: space-between;
         align-items: center;
         height: 160px;
         width: 24px 
    }
     main.page-content div.wrapper article.post div.post-content {
         order: 2;
         flex: 1 0 auto;
         padding: 0 60px 0 0;
         margin: 0 auto 80px 0;
         max-width: 660px 
    }
     main.page-content div.wrapper article.post section#author-info {
         flex-basis: 100% 
    }
     main.page-content div.wrapper article.post section#author-info div.inner {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         align-items: flex-start 
    }
     main.page-content div.wrapper article.post section#author-info div.inner div.author-text {
         margin-left: 24px 
    }
     main.page-content div.wrapper article.post section#author-info div.inner div.author-text h3 {
         text-align: left 
    }
       article#archive-items section#filters div.inner div.filters {
         flex-direction: row;
         justify-content: space-between;
         padding: 0;
         height: 100px 
    }
       article#archive-items section#filters div.inner div.filters span {
         display: block;
         margin-bottom: 0;
         min-width: 60px 
    }
       article#archive-items section#filters div.inner div.filters span.filter-all {
         padding-top: 0 
    }
       article#archive-items section#filters div.inner div.filters div.ui-group {
         width: 100%;
         max-width: 212px;
    }
        article#archive-items section#filters div.inner div.filters div.ui-group form {
            max-width:100%;
     } 
         article#archive-items section#filters div.inner div.filters div.ui-group select.filter-select {
         margin-bottom: 0;
         width: 94%;
         max-width: 212px 
    }
       article#archive-items section#filters div.inner div.filters div.ui-group:after {
         right: 16px 
    }
}

 @media only screen and (max-width:800px) {
	 body.single-post {
    width: 100% !important;
}
body.single-post .page-content > .wrapper {
    width: 100% !important;
}

article#archive-items section.archive-highlights div.inner {
    
     padding: 0 24px;
}

 }
 article#archive-items section#filters.appconnect-filters div.inner div.ui-group input.quicksearch {
    padding: 0px 26px 0 0;
    max-width: 100%; 
}
article#archive-items section#filters.appconnect-filters div.inner div.filters {
   flex-wrap: nowrap;
   max-width: 100% 
}
article#archive-items section#filters div.inner div.filters div.ui-group form {
    max-width:100%;
}