@charset "UTF-8";
/* CSS Document */
p {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	letter-spacing: 0;
	margin-bottom: 11px;
	   
}
a.btn.demobtn {
	position: relative;
	display: block;
	background: #18cb96;
	border: 2px solid #18cb96;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.028em;
	text-transform: uppercase;
	max-width: 290px;
	padding-left: 36px;
	padding-right: 36px;
	text-align: center;
	height: 40px;
	width: auto;
	transition: all 0.25s ease-in-out;
	color: #fff;
	transition: 0.2s all ease-in-out;
	border-radius: 50px;
	padding-top: 8px;
	margin: 50px auto 0;
}
a.btn.demobtn:hover {
	background: #fff;
	color: #18cb96;
}
header#hero .inner #title-block h3 {
	max-width: 890px;
	margin-top: 0;
}
nav#why-insightly-nav {
	display: none
}
section.vision-section {
	padding: 60px 0;
	overflow: hidden
}
.headline-text {
	margin: 0 auto 30px;
}
.headline-text h2 {
	font-size: 35px;
	font-weight: 500;
	margin: 0 auto 16px
}
section.customer-slider, section#customer-slider {
	padding: 75px 0 75px;
}
section.customer-slider div.inner div.slider div.slide div.image-text .headline-text, section#customer-slider div.inner div.slider div.slide div.image-text .headline-text {
	color: #fff
}
section.customer-slider div.inner div.slider div.slide div.image-text .headline-text h2, section#customer-slider div.inner div.slider div.slide div.image-text .headline-text h2 {
	font-size: 35px
}
section.customer-slider div.inner div.slider div.slide div.image-text .headline-text p, section#customer-slider div.inner div.slider div.slide div.image-text .headline-text p {
	margin-bottom: 30px
}
section.customer-slider .slidewrapper, section#customer-slider .slidewrapper {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
}
.appconnect section#video.vision-section {
	background-image: url(../images/hero/180920-background-purple-2_hero47a2.svg);
	background-color: #18cb96;
	background-size: cover;
	padding: 70px 0;
}
section#benefits.vision-section div.inner #icon-boxes .icon-box img, section#values.vision-section div.inner #icon-boxes .icon-box img {
	background-color: transparent;
}
.center {
	text-align: center;
}
button.center {
	margin-left: auto;
	margin-right: auto;
}
section.ctabgimage.vision-section {
	background-color: #18cb96;
	background-size: cover;
	padding: 70px 0;
}
section.ctabgimage {
	text-align: center;
	color: #FFFFFF;
	font-weight: 300;
}
section.ctabgimage h1 {
	font-size: 41px;
	font-weight: 600;
	line-height: 49px;
	margin-bottom: 35px;
}
section.ctabgimage p {
	color: #fff;
}
section.ctabgimage button {
	margin: 30px auto;
}
section.twocolbgimg.vision-section {
	background: url(../images/hero/180920-background-dark-orange-1_hero5633.svg) no-repeat;
	background-color: #18cb96;
	background-size: cover;
	padding: 70px 0
}
section.twocolbgimg .headline-text {
	color: #fff;
}
.twocolbgimg-container {
	display: flex;
	color: #fff;
	margin-top: 30px;
}
.twocolbgimg-container h3 {
	margin-bottom: 10px;
}
.twocolbgimg-container button {
	margin-top: 40px;
}
.twocolbgimg-container .col {
	width: 50%;
}
.twocolbgimg-container img.img-goes-right {
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
	padding-left: 15%;
	padding-right: 10%;
}
.page-id-19279 section#security.vision-section, .page-id-16658 section#security.vision-section, .page-id-16658 section#security.vision-section, .page-id-20756 section#security.vision-section {
	background: #fff !important;
}
.page-id-19279 section.vision-section.nopaddingtopbottom, .page-id-20756 section.vision-section.nopaddingtopbottom , .page-id-16658 section.vision-section.nopaddingtopbottom {
	background-color: #fff;
}
.page-id-19279 section.vision-section.nopaddingtopbottom.smallerimage img, .page-id-20756 section.vision-section.nopaddingtopbottom.smallerimage img, .page-id-16658 section.vision-section.nopaddingtopbottom.smallerimage img {
	width: 100%;
}


span.medium-font {
	font-weight: 500;
}
.page-id-19279 section.vision-section.nopaddingtopbottom .qoute-image, .page-id-20756 section.vision-section.nopaddingtopbottom .qoute-image, .page-id-16658 section.vision-section.nopaddingtopbottom .qoute-image {
	margin-bottom: 10px;
}



.logged-in nav#why-insightly-nav {
	margin-top: 54px !important;
}
.logged-in nav#why-insightly-nav.insigtly-second-nav {
	margin-top: 0px !important;
}
.page-id-19279 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-20756 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-128 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-98 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-19 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21263 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21979 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
	position: absolute;
	left: 0px;
	margin: 0 !important;
	padding-left: 36px;
	font-weight: 500 !important;
	font-size: 21px !important;
	line-height: 32px;
	letter-spacing: -0.005em;
	color: #353740;
	text-transform: capitalize;
}

.page-id-19279 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-128 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-98 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-19 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-21263 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21979 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before {
	content: "";
	background: url(../../../../uploads/2023/01/crm-icon.svg) no-repeat;
	display: inline-block;
	width: 27px;
	height: 27px;
	float: left;
	display: block;
	position: absolute;
	left: 0;
	background-size: cover !important;
	background-position: center !important;
}
.page-id-128 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-25052 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-25655 nav#why-insightly-nav a.section-id:nth-child(1):before {
	background: url(../../../../uploads/2023/02/service-icon.svg) no-repeat !important;
}
.page-id-98 nav#why-insightly-nav a.section-id:nth-child(1):before {
	background: url(../../../../uploads/2023/02/marketing-icon.svg) no-repeat;
}
.page-id-19 nav#why-insightly-nav a.section-id:nth-child(1):before, .page-id-21263 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-21979 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before {
	background: url(../../../../uploads/2023/02/appconnect-icon.svg) no-repeat;
}

.page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before {
    background: url(../../../../uploads/2024/04/menu-icons-all-in-one.png) no-repeat;
    width: 130px;
    height: 28px;
}

.page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before {
   
    background-size: contain !important;
}
/*.page-id-23346 nav#why-insightly-nav, .page-id-24215 nav#why-insightly-nav {
    border-top: 1px solid #D9D9D9;
}*/

.page-id-23346 .custom_banner .flex_wrapper, .page-id-24215 .custom_banner .flex_wrapper {
    align-items: flex-start;
}

.page-id-23346  .custom_banner.site_custom_banner .title-block, .page-id-24215  .custom_banner.site_custom_banner .title-block {
 
    padding-top: 20px;
}




nav#why-insightly-nav.subfix {
	margin-top: 0 !important;
}
div#sales-pipeline .headline-text, #productivity .headline-text, #customer-relationships .headline-text, #real-time-performance .headline-text {
	margin-bottom: 0 !important;
}
.sales-pipeline, .vision-section.productivity, .customer-relationships, .real-time-performance {
	padding-bottom: 0 !important;
}
.productivity {
	margin-top: 40px !important;
}
.customer-relationships {
	padding-top: 20px !important;
}
nav#why-insightly-nav.subfix div.nav-container a.section-id:last-child {
	margin-right: 0;
}
.page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
    padding-left: 145px;
}





#better_section, #more-video-section {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
#customers_relations img.image-text-image {
	margin: 0 auto;
}
#better_location div#dani-playlist {
	display: none;
}
.page-id-98 section.iconswithcontent #icon-boxes .icon-box img {
	max-width: 50px !important;
	height: auto;
}
section#video.marketing_video_section {
	background: url(../../../../uploads/2023/03/orange-videoo-bg.svg) no-repeat !important;
	background-position: right !important;
	margin-top: 70px;
	margin-bottom: 80px;
	background-size: 49% 100% !important;
}
/*.page-id-20774 section#video {
	margin-bottom: 113px;
}*/
.page-id-98 section#video.vision-section div.inner #press-play span.play-text.white, section#video #marketing_video_section #press-play span.play-text.white, section#video #better_section #press-play span.play-text.white, section#video.marketing_video_section-left-bg div.inner #press-play span.play-text.white, section#video.vision-section div.inner #press-play span.play-text.white {
	border: 2px solid #18cb96;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.028em;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	height: 37px;
	line-height: 35px;
	padding-left: 26px;
	padding-right: 26px;
	border-radius: 50px;
	background-color: #18cb96;
	color: #fff !important;
}
.page-id-98 section#video.vision-section div.inner #press-play span.play-text.white:hover, section#video.marketing_video_section div.inner #press-play span.play-text.white:hover {
	color: #18cb96 !important;
	background-color: transparent;
}
.page-id-98 section#video.vision-section span.play-btn, section#video #marketing_video_section span.play-btn, section#video.vision-section #better_section span.play-btn, section#video.marketing_video_section-left-bg span.play-btn, section#video span.play-btn {
	display: none;
}
.page-id-98 section#video.vision-section div.inner #press-play span.play-text.white:after, section#video.marketing_video_section div.inner #press-play span.play-text.white:after {
	display: none;
}
#privacy-compliance li.check-icon {
	list-style-image: none;
	list-style: none;
}
#privacy-compliance li.check-icon:before {
	background: url(../images/pages/check-icons.png);
	content: "";
	width: 22px;
	height: 22px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 16px;
	position: relative;
	top: 5px;
}
section.vision-section.privacy-compliance .inner .headline-text h2 {
	font-weight: bold;
}
.privacy-compliance .image-text-container.img-goes-left .headline-text ul {
	margin-left: 8px;
}
.page-id-98 section#bottom-cta, section.contact-sale-section {
	background-color: transparent;
}
.page-id-98 section#bottom-cta .inner {
	background-color: #fff;
	box-shadow: 0px 4px 45px rgb(0 0 0 / 10%);
	padding: 60px 0;
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-header h3, .custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header h3 {
	font-weight: 500;
	font-size: 17px !important;
	line-height: 24px;
	letter-spacing: -0.02em;

	color: #353740;
	text-decoration: none;
	display: block;
	position: relative !important;
	padding-right: 18px;
	padding: 0 !important;
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item, .custom-faq-section div.inner div#faq-accordion div.faq-item {
	background: #F6F6F6;
	mix-blend-mode: normal;
	border-radius: 4px;
	padding: 30px 31px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	border: none !important;
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-header span.toggle:after, .page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-header span.toggle:before {
	display: none;
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-header span.toggle.closed, .custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header span.toggle.closed {
	background: url(../images/accordion-arrow.png) no-repeat !important;
	width: 14px !important;
	height: 10px !important;
	display: block !important;
	position: absolute !important;
	right: 0 !important;
	transform: rotate(0);
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-header span.toggle, .custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header span.toggle {
	transform: rotate(179deg);
	top: 27% !important;
	background: url(../images/accordion-arrow.png) no-repeat !important;
	width: 14px !important;
	height: 10px !important;
	display: block !important;
	position: absolute !important;
	right: 0 !important;
}
.page-id-98 section#faq div.inner div#faq-accordion div.faq-item .accordion-content, .custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-content {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 17px !important;
	line-height: 24px !important;
	letter-spacing: -0.02em;
	color: #797D82;
	margin: 12px 0 0;
	padding-left: 0 !important;
}
.custom-faq-section div#faq-accordion div.faq-item .accordion-header span.toggle::after, .custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header span.toggle::before {
	display: none !important;
}
.page-id-98 section#faq {
	background: #fff !important;
	border-top: 0 !important;
	padding: 80px 0 0 !important;
}
section.custom-faq-section {
	padding: 0px 0 0 !important;
	background-color: #fff !important;
	border-top: 0 !important;
	margin-bottom: 85px;
}
.page-id-98 div#faq-accordion, section.custom-faq-section div#faq-accordion {
	max-width: 750px;
	margin: 0 auto;
}
/*.page-id-98 section#bottom-cta {
    background: url(../images/dice-2.svg) no-repeat !important;
    display: block;
    background-position: center;
   
}*/

.page-id-98 #overview.npb .headline-text {
	margin-bottom: 50px !important;
}
.page-id-98 section.vision-section.iconswithcontent.iconsfull.npt {
	padding-bottom: 0;
}
.page-id-98 section.vision-section.privacy-compliance .inner .headline-text h2 {
	font-size: 35px !important;
}
.page-id-19279 .image-text-container div.image-text-image-container img, .image-text-container div.image-text-image-container img, .page-id-16658 .image-text-container div.image-text-image-container img {
	filter: none !important;
}
.page-id-98 div#pipeline {
	padding-top: 90px;
}
section.vision-section.integrate-with-ease {
	padding-top: 20px !important;
}
section.vision-section.measure-iterate {
	padding-top: 0 !important;
}
section.vision-section.pipeline {
	padding-bottom: 0 !important;
}
.vision-section.audiences-build-pipeline {
	padding-bottom: 0;
}
div#audiences-build-pipeline {
	padding-top: 150px;
}
.page-id-98 section.vision-section {
	padding-top: 0;
}
.same-padding {
	padding-top: 12px !important;
}
.vision-section.under-banner-icons {
	margin-top: 88px;
}
/*section.contact-sale-section {
    padding: 198px 0 215px !important;
    position: relative;
    margin-top: 70px;
}*/
/*section.contact-sale-section {
    background: url(../images/blue-dice-marketing.svg) no-repeat;
    background-position: 127px -18px;
    background-size: cover;
    background-position: center;
}

section.contact-sale-section .inner {
    background-color: #fff;
    box-shadow: 0px 4px 45px rgb(0 0 0 / 10%);
    padding: 60px 0 !important;
    z-index: 999;
    position: relative;
    border-radius: 22px;
}
section.contact-sale-section .inner h2 {
    color: #18cb96;
	font-weight: 500 !important;
}*/


section#video.vision-section #marketing_video_section #press-play span.play-text.white:after {
	display: none;
}
.page-id-20756 section#mobility.vision-section {
	background-color: #343741 !important;
	background-image: none !important;
}
section#faq div.inner div#faq-accordion div.faq-item .accordion-header h3 {
	font-weight: 400 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
section#faq div.inner div#faq-accordion div.faq-item a, section#video.vision-section a {
	color: #0000ee !important;
}
section.vision-section.sales-pipeline-bg {
	background: url(../../../../uploads/2023/05/conver-sale-bg.svg);
	display: block;
	background-repeat: no-repeat;
	background-size: 43% 100%;
	background-position: left center;
}
section#relationships {
	overflow: visible !important;
}
section.vision-section.productivity:after {
	content: "";
	background: url(../../../../uploads/2023/05/blue-dice.svg);
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 1103.04px;
	height: 433.29px;
	position: absolute;
	z-index: 9;
	top: 50px;
	right: -120px;
}
.page-id-19279 section#relationships, .page-id-16658 section#relationships {
	padding-top: 140px;
}
section.vision-section.lasting-customer-bg {
	background: url(../../../../uploads/2023/05/build-lasting-bg.svg);
	display: block;
	background-repeat: no-repeat;
	background-size: 40% 100%;
	background-position: left center;
}
section.vision-section.get-real-time-bg {
	background: url(../../../../uploads/2023/05/blue-lines.svg);
	display: block;
	background-repeat: no-repeat;
	background-size: 47% 75%;
	background-position: left 72px;
}
.get-real-time-bg .headline-text.white {
	background-color: transparent !important;
}
.section#video.marketing_video_section {
	background: url(../../../../uploads/2023/05/crm-video-bg.svg) no-repeat !important;
	background-position: right !important;
	background-size: contain !important;
	margin-top: 70px;
	margin-bottom: 80px;
}
section#video.marketing_video_section-left-bg, section#video {
	background: url(../images/crm-video-bg-left.svg) no-repeat !important;
	/*background: url(/wp-content/uploads/2023/05/crm-video-bg.svg) no-repeat !important;*/
	background-position: -100px center !important;
    background-size: 57% 100% !important;
	margin-top: 70px;
	margin-bottom: 80px;
}
.page-id-19279 section#faq, .page-id-16658 section#faq, .page-id-16658 section#faq {
	margin-bottom: 85px;
	padding-top: 70px !important;
}

.page-id-16658 section#about-intro {
    display: none !important;
}
.page-id-16658 section#mobility.vision-section {
    background-color: #343741 !important;
    background-image: none !important;
}
.page-id-19279 div#better_section, .page-id-16658 div#better_section, .page-id-23346 #better_section, .page-id-24215 #better_section {
	background: #FFFFFF;
	box-shadow: 0px 4px 55px 12px rgba(0, 0, 0, 0.1);
	border-radius: 22px;
	padding: 0 !important;
	overflow: hidden;
}
section#video.better_section {
	background: transparent !important;
	margin-top: -46px;
}
.page-id-19279 section#video.marketing_video_section, .page-id-16658 section#video.marketing_video_section {
	margin-top: -30px;
	margin-bottom: 50px;
}
.page-id-19279 .contact-sale-section, .page-id-16658 .contact-sale-section {
	margin-top: 0 !important;
}
.page-id-19279 section#bottom-cta, .page-id-16658 section#bottom-cta {
	margin-top: -70px !important;
}
section#bottom-cta {
	margin-bottom: 0;
}
.page-id-19279 section#security {
	padding-top: 50px !important;
}
section.customer-drive-heading {
	margin-top: 80px !important;
}
section.vision-section.privacy-compliance .image-text-container h2 {
	font-weight: 500 !important;
	font-size: 32px !important;
	line-height: 44px;
	letter-spacing: -0.01em;
	color: #343741;
}
section.vision-section.privacy-compliance .inner .headline-text p {
	font-weight: 300;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: -0.02em;
	color: #343741;
}
section.vision-section.privacy-compliance {
	padding-top: 0;
}
section.vision-section.productivity-bg {
	padding-top: 0;
	margin-top: -18px
}
.customer-drive-heading {
	padding: 0 !important;
}
.customer-drive-heading .headline-text {
	margin-bottom: 0 !important;
}
section#video.vision-section div.inner #press-play span.play-text.white:after {
	background: #353740 !important;
	display: none !important;
}
.video-text-container.img-goes-left .video-text-image img, .video-text-container.img-goes-right .video-text-image img {
	filter: none !important;
}


section#video.video-section-dice {
	background: none !important;
}
section#video.video-section-dice div#dani-playlist {
	align-items: start !important;
	position: relative;
	z-index: 9;
}
section#video.video-section-dice div#press-play {
	display: none !important;
}
section#video.video-section-dice {
	padding-top: 0 !important;
	margin-top: -7px !important;
	overflow: visible;
}
section#video.video-section-dice:before {
	content: "";
	width: 422.94px;
	height: 427.02px;
	display: block;
	background: url(../../../../uploads/2023/06/video-dice-left.png) no-repeat !important;
	background-size: cover !important;
	position: absolute;
	left: 0;
	top: -231px;
}






section.vision-section.dice-video-heading {
	position: initial !important;
	overflow: visible !important;
}
.page-id-21263 section#form_success-general, .page-id-21979 section#form_success-general {
	display: none;
}
.dice-video-heading .headline-text:after {
	content: "";
	background: url(../../../../uploads/2023/06/video-dice-center.png) no-repeat !important;
	display: block;
	width: 225.56px;
	height: 225.56px;
	position: absolute;
	right: 256px;
	top: -40px;
	margin: 0 auto;
	background-position: center !important;
	background-size: cover !important;
}
.dice-video-heading .inner .headline-text {
	position: relative;
}
section#video.video-section-dice {
	padding-top: 0 !important;
	margin-top: -7px !important;
	overflow: visible;
	background: url(../../../../uploads/2023/06/video-dice-right.png) no-repeat !important;
	background-size: 185.73px !important;
	background-position: right center !important;
	margin-bottom: 42px;
}
.page-id-21263 section.vision-section, .page-id-21979 section.vision-section {
	padding-top: 0;
}
.page-id-21979 section.vision-section {
    padding-bottom: 30px;
}
#app-library button.orange-btn {
	background: #18cb96;
	color: #fff;
}
#app-library button.orange-btn:hover {
	background-color: #18cb96;
}
section#app-library.vision-section {
	overflow: visible !important;
	margin-bottom: 170px;
}
.page-id-21263 section#video.marketing_video_section, .page-id-21979 section#video.marketing_video_section {
	margin-bottom: 200px;
}
.page-id-21263 section#bottom-cta, .page-id-21979 section#bottom-cta {
	margin-top: 0;
}
.page-id-21263 .apps-wrapper p, .page-id-21979 .apps-wrapper p {
	font-weight: 700;
	font-size: 18px;
	line-height: 32px;
}
.page-id-21263 .apps-center .apps, .page-id-21979 .apps-center .apps {
	border-right: 0;
}
.page-id-21263 .test-app.apps-center, .page-id-21979 .test-app.apps-center {
	justify-content: space-between;
}
.page-id-21263 .test-app.apps-center, .page-id-21979 .test-app.apps-center {
	margin: 30px auto 30px;
	width: 100%;
	max-width: 1060px;
}
.page-id-21263 .integration-logo, .page-id-21979 .integration-logo {
	border-radius: 17px;
	/*filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .3));*/
	box-shadow: 0px 4px 22px 0px #10829140;
}
.page-id-21263 section#faq, .page-id-21979 section#faq {
	margin-bottom: 100px;
	padding-top: 80px !important;
}
.video-section-dice-button {
	display: none !important;
}
section#video.video-section-dice div#press-play.video-section-dice-button {
	display: block !important;
}
section#video.video-section-dice div#press-play.video-section-dice-button {
	position: absolute;
	bottom: 21px;
	right: 28px;
	z-index: 999;
}
section#video.video-section-dice .video-text-container.img-goes-left span.video-text-image {
	position: relative;
}
section#video.video-section-dice div#press-play.video-section-dice-button .play-text:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	position: relative;
	top: 6px;
	margin-right: 12px;
	background: url(../../../../uploads/2023/06/play_circle.png) no-repeat;
	background-size: cover !important;
	background-position: center;
	position: absolute;
	left: 23px;
}
section#video.video-section-dice div.inner #press-play span.play-text.white {
	padding-left: 57px;
}
section#video.video-section-dice div.inner #press-play span.play-text.white {
  
    width: 100%;
}
.item.appconnect-item h4 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	text-align: center;
	letter-spacing: -0.005em;
	color: #343741;
	margin: 0;
}
.page-id-21263 .item.appconnect-item .integration-logo, .page-id-21979 .item.appconnect-item .integration-logo {
	height: 76px;
	width: 76px;
	margin-bottom: 13px;
}
.item.appconnect-item h4 {
	margin-bottom: 42px;
}
/*section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
    position: absolute;
    bottom: 300px;
    left: 50%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 1920px;
    transform: translateX(-50%);
    z-index: 1;
    overflow: visible;
}
section#app-library.vision-section #integration-field .col, section#integrations.vision-section #integration-field .col {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
	width: 50%;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card, section#integrations.vision-section #integration-field.logo-card-container .logo-card {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    margin: 10px;
    height: 100px;
    width: 100px;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
    perspective: 10000px;
}
section#app-library.vision-section #integration-field .row3, section#integrations.vision-section #integration-field .row3 {
    top: 240px;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1 {
    -webkit-animation-name: logoflip1;
    -webkit-animation-duration: 20s;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: logoflip1;
    -moz-animation-duration: 20s;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: logoflip1;
    -o-animation-duration: 20s;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-timing-function: ease-out;
    -o-animation-fill-mode: forwards;
    animation-name: logoflip1;
    animation-duration: 20s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
    background: #fff;
    transform: rotateY(0);
    z-index: 2;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    padding: 10px;
    height: 100px;
    width: 100px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back {
    background: #fff;
    transform: rotateY(180deg);
    z-index: 1;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    padding: 10px;
    height: 100px;
    width: 100px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
    display: flex !important;
}*/


section.iconswithcontent.industry-logo-section #icon-boxes .five-column {
	padding: 0 !important;
}
.page-id-21263 section#video.video-section-dice:before, .page-id-21979 section#video.video-section-dice:before {
	background-size: contain !important;
}
.mobileview_image {
	display: none;
}





.page-id-21428 section#video div.inner div.headline-text p, .page-id-22124 section#video div.inner div.headline-text p {
   
    margin-bottom: 40px;
}


.home section.vision-section.iconswithcontent.iconsfull.hpicons a.btn.demobtn, .page-id-22124 section.vision-section.iconswithcontent.iconsfull.hpicons a.btn.demobtn, .page-id-21428 section.vision-section.iconswithcontent.iconsfull.hpicons a.btn.demobtn {
   
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}






.home .vision-section.iconsfull a.btn.demobtn {
    border: none;
    line-height: 24px;
}

.home .vision-section.iconsfull a.btn.demobtn:hover {
    background-color: #18cb96;
    color: #fff;
}
.home section#video.vision-section div.inner #press-play span.play-text.white {
    border: none;
    line-height: 37px;
}
.home section#video.vision-section div.inner #press-play span.play-text.white:hover {
    background-color: #18cb96;
    border: none;
	color:#fff;
}

.home .vision-section .ptb .btn .orange-btn {
    background: #18cb96;
    color: #fff;
    border: none;
}
.home .vision-section .ptb .btn .orange-btn:hover {
    background: #18cb96;
}





.content_underbanner p {
    margin: 0 auto 50px;
	 color: #60646b;
}
.content_underbanner {
   margin: 0 auto 60px;
       max-width: 704px;

}



.content_underbanner a.btn {
    text-align: center;
    display: block !important;
    margin: 48px 0 0;
}


.content_underbanner button.orange-btn {
    margin: 0 auto;
}



.page-id-20774 #video .video-text-container.img-goes-left .video-text-image img {
    border: 1px solid #ededed;
    border-radius: 12px;
}

.page-id-24215 #appConnect-connect .image-text-container {
    align-items: flex-start;
}

.insigtly-second-nav {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 1000;
        top: 60px;
    }

@media only screen and (min-width: 2200px) {
section#video.marketing_video_section-left-bg, section#video, section#video.marketing_video_section, .page-id-20774 section#video {
   background-size: 66% 100% !important;
}

section.vision-section.sales-pipeline-bg, section.vision-section.lasting-customer-bg {
  
    background-size: 66% 100%;
}
section.vision-section.productivity > .inner:after {
    content: "";
    background: url(../../../../uploads/2023/05/blue-dice.svg);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    width: 1103.04px;
    height: 433.29px;
    position: absolute;
    z-index: 9;
    top: 50px;
    right: -120px;
    
}

section.vision-section.productivity > .inner {
    position: relative;
}

section.vision-section.productivity:after{
	display:none;
}
section.vision-section.get-real-time-bg {
  
    background-size: 62% 75%;
}

}

@media only screen and (min-width: 4000px) {
section#video.marketing_video_section-left-bg, section#video, section#video.marketing_video_section, .page-id-20774 section#video {
    background-size: 80% 100% !important;
}
section.vision-section.sales-pipeline-bg, section.vision-section.lasting-customer-bg {
   
    background-size: 79% 100%;
}
section.vision-section.get-real-time-bg {
   
   background-size: 78% 75%;
}

}



@media only screen and (max-width: 1600px) {
/*section#video {
	background-size: 50% 100% !important;
}*/
}


@media only screen and (max-width: 1500px) {
/*section#video.marketing_video_section, section#video.marketing_video_section-left-bg, section#video {
    background-size: 54% 100% !important;
}*/
}



@media only screen and (max-width: 1350px) {
section#video.marketing_video_section, section#video.marketing_video_section-left-bg, section#video {
	background-size: 54% 100% !important;
}
}

@media only screen and (max-width: 1250px) {
nav#why-insightly-nav div.nav-container {
	width: 97% !important;
	max-width: 100% !important;
}
nav#why-insightly-nav div.nav-container a.section-id:last-child {
	margin-right: 15px;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 12px !important;
}
section.vision-section.productivity:after {
	width: 803.04px;
	height: 303.29px;
	top: 60px;
	right: -100px;
}
section.vision-section.lasting-customer-bg {
	background-size: 46% 100%;
}
.wrapper, body {
	width: 100% !important;
}
section#video div#better_section {
	max-width: 100%;
	width: 96%;
	margin: 0 24px;
}
}

@media only screen and (max-width: 1100px) {
nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 13px !important;
}
.page-id-19279 nav#why-insightly-nav div.nav-container a.section-id, .page-id-128 nav#why-insightly-nav div.nav-container a.section-id, .page-id-98 nav#why-insightly-nav div.nav-container a.section-id, .page-id-20756 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id,  .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id, .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id {
	margin-left: 4% !important;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 11px !important;
	margin-left: 3% !important;
}
section#video.marketing_video_section {
	background-size: 50% !important;
}
}

@media only screen and (max-width: 1024px) {
	
	    .insigtly-second-nav {
     
        top: 57px;
    }
.logged-in nav#why-insightly-nav {
	margin-top: 18px !important;
}
nav#why-insightly-nav {
	margin-top: 50px !important;
}
.logged-in nav#why-insightly-nav.subfix {
	margin-top: 0px !important;
}
.page-id-19279 #marketing_video_section .video-text-image img, .page-id-16658 #marketing_video_section .video-text-image img {
	height: 280px !important;
}
/*section.contact-sale-section {
    background: url(../images/blue-dice-marketing.svg) no-repeat;
    background-position: 120px 92px !important;
    background-size: contain;
}*/
.page-id-19279 section#bottom-cta, .page-id-16658 section#bottom-cta {
	margin-top: -70px !important;
	padding: 10px 0 10px !important;
}
section.iconswithcontent #icon-boxes .icon-box h3, section#outcomes.vision-section #icon-boxes .icon-box h3, section#overview.vision-section #icon-boxes .icon-box h3, section#sales.vision-section #icon-boxes .icon-box h3 {
	font-size: 20px;
}
section.vision-section.get-real-time-bg {
	background-size: 74% 67%;
	background-position: left 92px;
}
section#video.video-section-dice:before {
	width: 292.94px;
	height: 307.02px;
	top: -181px;
}
.dice-video-heading .headline-text:after {
	right: 100px;
}
section#app-library.vision-section {
	padding-top: 30px !important;
}
.page-id-21263 section#video.marketing_video_section, .page-id-21979 section#video.marketing_video_section {
	margin-bottom: 60px;
}

.page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before, .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1):before {
    width: 112px;
    height: 24px;
}
.page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
    font-weight: bold !important;
    font-size: 19px !important;
}
.page-id-23346 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
    padding-left: 123px;
}
}

@media only screen and (max-width: 1000px) {
.page-id-19279 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-128 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-98 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-19 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-20756 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1), .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
	font-size: 17px !important;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 11px !important;
	margin-left: 2% !important;
}
}

@media only screen and (max-width: 900px) {
	.page-id-23346 #video .video-text-text, .page-id-24215 #video .video-text-text {
    padding: 30px 0;
}
nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 12px !important;
}
.page-id-19279 nav#why-insightly-nav div.nav-container a.section-id, .page-id-128 nav#why-insightly-nav div.nav-container a.section-id, .page-id-98 nav#why-insightly-nav div.nav-container a.section-id, .page-id-20756 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id, .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id, .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id {
	margin-left: 3% !important;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id {
	font-size: 10px !important;
	margin-left: 1.5% !important;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id:nth-child(1) {
	font-size: 15px !important;
}
section.vision-section.productivity:after {
	width: 733.04px;
	top: 110px;
	right: -130px;
}
.page-id-19279 #marketing_video_section .video-text-image img, .page-id-16658 #marketing_video_section .video-text-image img {
	height: 230px !important;
}
}

@media only screen and (max-width: 767px) {
	
	.page-template-template-leadership .hero_banner .static_image {
    width: 70%;
}
	
.integration-container.intro {
    max-width: 96%;
}
section.custom-faq-section {
	padding: 60px 0 0 !important;
}
section.contact-sale-section div.inner h2 {
	font-size: 27px !important;
	color: #18cb96 !important;
	font-weight: 500 !important;
}
section.contact-sale-section .inner {
	padding: 60px 20px !important;
}
.custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header h3 {
	padding: 30px 44px 30px 24px !important;
}
.custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header span.toggle {
	top: 34% !important;
	right: 23px !important;
}
.custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-header span.toggle.closed {
	right: 23px !important;
}
.custom-faq-section div.inner div#faq-accordion div.faq-item .accordion-content {
	padding: 0 24px 26px 24px !important;
	margin-top: 0 !important;
}
.custom-faq-section div.inner div#faq-accordion div.faq-item {
	padding: 0;
}
section#video #marketing_video_section .video-text-text .headline-text h2, section#video #marketing_video_section-left-bg .video-text-text .headline-text h2 {
	text-align: center;
	font-weight: 500;
}
#marketing_video_section p, #marketing_video_section-left-bg p {
	text-align: center !important;
}
section#video div.inner div.headline-text p {
	text-align: center !important;
}
section#video #marketing_video_section #press-play span.play-text.white, section#video.marketing_video_section-left-bg #press-play span.play-text.white, section#video #press-play span.play-text.white {
	margin: 0 auto;
}
#marketing_video_section .video-text-container.img-goes-left div.video-text-text, section#video.marketing_video_section-left-bg .video-text-container.img-goes-left div.video-text-text, section#video .video-text-container.img-goes-left div.video-text-text {
	margin-top: 70px;
}
section#video.marketing_video_section, section#video.marketing_video_section-left-bg, section#video {
	background-size: 94% 61% !important;
	background-position: left top !important;
}
section#video div#better_section {
	max-width: 100%;
	width: 100%;
	margin: 0;
}
}

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


.page-id-23346 .image-text-container.img-goes-right div.image-text-image-container, .page-id-24215 .image-text-container.img-goes-right div.image-text-image-container {
    text-align: center;
}
section#video.marketing_video_section {
	background-position: right 54px !important;
	background-size: 64% !important;
}


.page-id-98 section.vision-section {
	padding: 30px 0 0px;
}
nav#why-insightly-nav {
	display: none !important;
}
.twocolbgimg-container {
	flex-wrap: wrap;
}
.twocolbgimg-container .col {
	width: 100%;
}
.col.mobilefirst {
	order: -1;
	margin-bottom: 20px;
}
section.vision-section.iconswithcontent {
	padding-top: 120px;
}
.page-id-19279 section.vision-section.iconswithcontent.iconsfull.npt, .page-id-20756 section.vision-section.iconswithcontent.iconsfull.npt, .page-id-16658 section.vision-section.iconswithcontent.iconsfull.npt {
	padding-bottom: 0;
}
.page-id-19279 section.npb, .page-id-20756 section.npb, .page-id-16658 section.npb {
	padding-top: 40px !important;
}
.page-id-19279 section.vision-section .inner .image-text-container, .page-id-20756 section.vision-section .inner .image-text-container, .page-id-16658 section.vision-section .inner .image-text-container {
	padding-top: 0;
	margin-top: 0 !important;
}
.page-id-19279 .image-text-container .headline-text, .page-id-20756 .image-text-container .headline-text, .page-id-16658 .image-text-container .headline-text {
	margin-bottom: 0 !important;
}
.page-id-19279 section#security, .page-id-20756 section#security, .page-id-16658 section#security {
	padding-top: 60px !important;
	padding-bottom: 22px !important;
}
.page-id-19279 section#bottom-cta div#button-container, .page-id-20756 section#bottom-cta div#button-container, .page-id-16658 section#bottom-cta div#button-container {
	margin-top: 20px !important;
}
.page-id-19279 section#bottom-cta, .page-id-20756 section#bottom-cta, .page-id-16658 section#bottom-cta {
	padding: 68px 0 77px;
}
section#overview {
	padding-top: 70px !important;
}
.image-text-container.img-goes-left div.image-text-image-container, .image-text-container.img-goes-right div.image-text-image-container {
	width: 100%;
	display: block;
}
.image-text-container.img-goes-left div.image-text-image-container img, .image-text-container.img-goes-right div.image-text-image-container img {
	width: 100%;
}
section#video.marketing_video_section {
	background-size: 74% 61% !important;
	background-position: left top !important;
}
section#video.marketing_video_section-left-bg, section#video {
	background-size: 74% 61% !important;
	background-position: left top !important;
}
.page-id-19279 div#better_section, .page-id-16658 div#better_section, .page-id-23346 #better_section, .page-id-24215 #better_section {
	background: #FFFFFF;
	box-shadow: none;
}
.page-id-19279 section#bottom-cta, .page-id-16658 section#bottom-cta {
	padding: 98px 0 75px !important;
}
section.vision-section {
	padding: 0 !important;
}
.page-id-19279 section#relationships {
	padding-top: 60px;
}
.page-id-19279 #marketing_video_section .video-text-image img, .page-id-16658 #marketing_video_section .video-text-image img {
	height: auto !important;
	width: 100%;
	object-fit: cover;
}
section.vision-section.sales-pipeline-bg {
	background-size: 73% 100%;
	background-position: left -160px;
}
section.vision-section.lasting-customer-bg {
	background-size: 86% 100%;
	background-position: left -190px;
}
/*section.contact-sale-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
}*/
section.vision-section.get-real-time-bg {
	background-size: contain;
}
.page-id-19279 section#bottom-cta, .page-id-16658 section#bottom-cta {
	padding: 98px 24px 75px !important;
}
section#video.better_section {
	padding: 60px 24px !important;
}
section.customer-drive-heading {
	margin-top: 0px !important;
}

.page-id-21301 section.vision-section.six-boxes, .page-id-21898 section.vision-section.six-boxes {
	padding-top: 0 !important;
	margin-top: -17px;
}
.page-id-21301.page-template-default header#hero.four10, .page-id-21898.page-template-default header#hero.four10 {
	margin-bottom: 38px;
}
section.vision-section.six-boxes #icon-boxes .five-column {
	margin-bottom: 0 !important;
}
.page-id-21301 section.vision-section.every-business, .page-id-21898 section.vision-section.every-business {
	padding-top: 0 !important;
	margin-top: -10px;
}
.page-id-21301 section#bottom-cta, .page-id-21898 section#bottom-cta {

	margin: 0px 0 0px !important;
}
.qoute-image {
	margin-bottom: 20px;
	text-align: left;
}
.page-id-21263 section.vision-section.overview, .page-id-21979 section.vision-section.overview {
	padding-top: 82px !important;
	padding-bottom: 2px !important;
}
.page-id-21263 section.vision-section.iconswithcontent.iconsfull.npt, .page-id-21979 section.vision-section.iconswithcontent.iconsfull.npt {
	padding-top: 0 !important;
}
.page-id-21694 section.vision-section.iconswithcontent.iconsfull {
	padding-top: 0 !important;
	margin-top: -40px;
}
.page-id-21694 section#video {
	margin-bottom: 0;
	margin-top: 0;
}


.page-id-22316 a.btn.demobtn {
   
    max-width: 170px;
}

}

@media only screen and (max-width: 650px) {
.page-id-98 section#bottom-cta {
	background-position: -33px -52px;
}
#marketing_video_section .video-text-container.img-goes-left div.video-text-text {
	margin-top: 40px;
}
section#video.video-section-dice div.inner #press-play span.play-text.white {
	padding-left: 57px;
	font-size: 12px;
	padding: 0px 13px 20px 51px;
	line-height: 33px;
}
section#video.video-section-dice div#press-play.video-section-dice-button .play-text:before {
	left: 20px;
}
}
section.twocolbgcolor.vision-section {
	padding: 70px 0
}
section.twocolbgcolor .headline-text {
	color: #343741;
}
.twocolbgcolor-container {
	display: flex;
	color: #343741;
	margin-top: 30px;
}
.twocolbgcolor-container h3 {
	margin-bottom: 10px;
}
.twocolbgcolor-container p {
	color: #343741;
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 15px;
}
.twocolbgcolor-container button {
	margin-top: 40px;
}
.twocolbgcolor-container .col {
	width: 50%;
}
.twocolbgcolor-container img.img-goes-right {
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
	padding-left: 15%;
	padding-right: 10%;
}
.twocolbgcolor-container .outline-btn {
	background-color: #343741;
}

@media only screen and (max-width: 799px) {
.twocolbgcolor-container {
	flex-wrap: wrap;
}
.twocolbgcolor-container .col {
	width: 100%;
}
section#overview.npb .headline-text {
	margin-bottom: 50px !important;
}
}
section#overview.vision-section, section#sales.vision-section {
	border-top: 1px solid #dfe1df
}
section#overview.vision-section .headline-text, section#sales.vision-section .headline-text {
	margin-bottom: 60px
}
section.iconswithcontent #icon-boxes .three-column {
	max-width: 30%;
	width: 100%;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 auto 20px;
}
section.iconswithcontent #icon-boxes .four-column {
	max-width: 24%;
	width: 100%;
	text-align: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 auto 20px;
}
section.iconswithcontent #icon-boxes .five-column {
	max-width: 33.3%;
	width: 100%;
	text-align: center;
	align-items: center;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 auto 20px;
}
.home section.iconswithcontent #icon-boxes .five-column,  .page-id-21428 section.iconswithcontent #icon-boxes .five-column, .page-id-22124 section.iconswithcontent #icon-boxes .five-column {
	max-width: 18%;
	padding: 0px;
}
.page-id-21263 section.iconswithcontent #icon-boxes .five-column, .page-id-21979 section.iconswithcontent #icon-boxes .five-column {
	max-width: 27%;
}

section.iconswithcontent .inner #icon-boxes .three-column .icon-box, section.iconswithcontent .inner #icon-boxes .four-column .icon-box, section.iconswithcontent .inner #icon-boxes .five-column .icon-box {
	max-width: 100%;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
}
section.iconswithcontent #icon-boxes, section#outcomes.vision-section #icon-boxes, section#overview.vision-section #icon-boxes, section#sales.vision-section #icon-boxes {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center
}
section.iconswithcontent #icon-boxes .icon-box h3, section.iconswithcontent #icon-boxes .icon-box img, section.iconswithcontent #icon-boxes .icon-box p, section#outcomes.vision-section #icon-boxes .icon-box h3, section#outcomes.vision-section #icon-boxes .icon-box img, section#outcomes.vision-section #icon-boxes .icon-box p, section#overview.vision-section #icon-boxes .icon-box h3, section#overview.vision-section #icon-boxes .icon-box img, section#overview.vision-section #icon-boxes .icon-box p, section#sales.vision-section #icon-boxes .icon-box h3, section#sales.vision-section #icon-boxes .icon-box img, section#sales.vision-section #icon-boxes .icon-box p {
	display: block;
	margin: 0 auto
}
section.iconswithcontent #icon-boxes .icon-box img, section#outcomes.vision-section #icon-boxes .icon-box img, section#overview.vision-section #icon-boxes .icon-box img, section#sales.vision-section #icon-boxes .icon-box img {
	margin-bottom: 16px;
	max-width: 130px;
	max-height: 130px;
	width: 130px;
	height: 130px;
}

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

.page-id-24215 #appConnect-connect .image-text-container div.image-text-image-container {
        width: 40%;
    }
	.page-id-24215 #appConnect-connect .image-text-container.img-goes-left div.headline-text {
    width: 49%;
}
section.iconswithcontent.industry-logo-section #icon-boxes .five-column {
	max-width: 18%;
}
section#bottom-cta {
	margin-bottom: 60px;
}
.page-id-98 section#bottom-cta {
	margin-bottom: 0;
}
.page-id-21263 section#bottom-cta, .page-id-21979 section#bottom-cta {
	margin-bottom: 0;
}
.page-id-98 div#measurement {
	padding-top: 110px;
}
.page-id-98 section.vision-section.listseg {
	padding-bottom: 0 !important;
}
.page-id-19279 header.site-header .inner #header-logo svg path.a {
	fill: #18cb96;
}
/*.page-id-19279 header.site-header.mobile-open, .page-id-19279 header.site-header.persist {

    filter: none;
}*/
.page-id-19279 header.site-header .inner nav#main-menu li.menu-item a, .page-id-19279 header.site-header .inner #header-links a, .page-id-19279 header.site-header .inner nav#main-menu .menu-parent, .page-id-19279 header.site-header .inner nav#main-menu .menu-parent a {
	color: #353740;
	font-weight: 500;
}
.page-id-19279 header.site-header {
	background-color: #fff;
}
.page-id-19279 header.site-header .inner #header-links a.unmobile {
	color: #797d83;
}
/*.page-id-19279 header.site-header .inner #header-links a.btn .thin-btn {
	background-color: #18cb96;
	border-color: #18cb96;
	color: #fff;
}
.page-id-19279 header.site-header .inner #header-links a.btn .thin-btn:hover {
	background-color: #18cb96;
	border-color: #18cb96;
}*/
.page-id-19279 .insightly_mobile_icon-bar {
	background-color: #797d83;
}
.page-id-19279 nav#why-insightly-nav div.nav-container a.section-id, .page-id-128 nav#why-insightly-nav div.nav-container a.section-id, .page-id-98 nav#why-insightly-nav div.nav-container a.section-id, .page-id-20756 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21585 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21588 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21589 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21590 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21591 nav#why-insightly-nav div.nav-container a.section-id, .page-id-24215 nav#why-insightly-nav div.nav-container a.section-id, .page-id-25052 nav#why-insightly-nav div.nav-container a.section-id, .page-id-25655 nav#why-insightly-nav div.nav-container a.section-id {
	margin-left: 5%;
}
.page-id-19 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21263 nav#why-insightly-nav div.nav-container a.section-id, .page-id-21979 nav#why-insightly-nav div.nav-container a.section-id, .page-id-23346 nav#why-insightly-nav div.nav-container a.section-id{
	margin-left: 3%;
}
nav#why-insightly-nav div.nav-container a.section-id:hover {
	color: #18cb96;
}
.page-id-19279 nav#why-insightly-nav div.nav-container, .page-id-20756 nav#why-insightly-nav div.nav-container, .page-id-20756 nav#why-insightly-nav div.nav-container {
	justify-content: right;
	max-width: 1162px;
	position: relative;
}
section.centerlogos img {
	max-width: unset !important;
	width: unset !important;
	height: unset !important;
}
.page-id-19279 section.vision-section.nptb.npt .image-text-image-container.twoimages img, .page-id-20756 section.vision-section.nptb.npt .image-text-image-container.twoimages img, .page-id-16658 section.vision-section.nptb.npt .image-text-image-container.twoimages img {
	max-width: 100%;
}
.page-id-19279 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container, .page-id-20756 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container, .page-id-16658 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container {
	width: 60% !important;
}

.page-id-19279 section.vision-section.nopaddingtopbottom .image-text-container div.headline-text, .page-id-20756 section.vision-section.nopaddingtopbottom .image-text-container div.headline-text, .page-id-16658 section.vision-section.nopaddingtopbottom .image-text-container div.headline-text {
	width: 40%;
}
.page-id-19279 section.vision-section.nopaddingtopbottom.smallerimage .image-text-image-container, .page-id-19279 section.vision-section.nopaddingtopbottom.smallerimage .image-text-image-container, .page-id-16658 section.vision-section.nopaddingtopbottom.smallerimage .image-text-image-container {
	width: 48% !important;
}
.page-id-19279 section.vision-section.nopaddingtopbottom.smallerimage .headline-text.grey, .page-id-20756 section.vision-section.nopaddingtopbottom.smallerimage .headline-text.grey, .page-id-16658 section.vision-section.nopaddingtopbottom.smallerimage .headline-text.grey {
	width: 48%;
}
.vision-section .desktop_img {
	display: block;
}
.vision-section .mobile_image {
	display: none;
}
#marketing_video_section span.video-text-image {
	order: 2 !important;
	margin-right: 0 !important;
	margin-left: 6.20875% !important;
	max-width: 100% !important;
	display: block;
	flex-basis: 50.85185%;
}
#marketing_video_section .video-text-text {
	order: 1 !important;
}
section#video.marketing_video_section-left-bg span.video-text-image {
	order: 1 !important;
	margin-right: 6.20875% !important;
	margin-left: 0 !important;
	flex-basis: 50.85185%;
}
section#video.marketing_video_section-left-bg .video-text-text {
	order: 1 !important;
}
.page-id-21263 main.page-content div.wrapper header#hero div.inner div#title-block, .page-id-21979 main.page-content div.wrapper header#hero div.inner div#title-block {
	padding: 12px 24px 0;
}
#marketing_video_section span.video-text-image img {
	height: 310px;
	width: 100%;
	object-fit: cover;
}








}

@media only screen and (max-width: 800px) {
.vision-section .desktop_img {
	display: none;
}
.page-id-19279 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container, .page-id-20756 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container, .page-id-16658 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container {
	width: 100% !important;
}
.page-id-19279 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container img, .page-id-20756 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container img, .page-id-16658 section.vision-section.nopaddingtopbottom .image-text-container div.image-text-image-container img {
	width: 100% !important;
}
.page-id-98 section.vision-section.privacy-compliance .inner .headline-text h2, .page-id-98 section#faq div.inner>h2 {
	font-weight: 500 !important;
	font-size: 27px !important;
}
.page-id-98 .image-text-container.img-goes-left div.image-text-image-container, .page-id-98 .image-text-container.img-goes-right div.image-text-image-container {
	width: 100%;
}
.page-id-98 img.image-text-image.mobile_image {
	width: 100%;
}
div#audiences-build-pipeline {
	padding-top: 30px;
}
.dice-video-heading .headline-text:after {
	display: none !important;
}
section#video.video-section-dice div#dani-playlist {
	align-items: center !important;
}
.page-id-21263 section#video.video-section-dice div.inner div.headline-text p, .page-id-21979 section#video.video-section-dice div.inner div.headline-text p {
	text-align: left !important;
}
section#video.video-section-dice {
	margin-bottom: 0;
}
section#video.video-section-dice .video-text-container.img-goes-left .video-text-image, section#video.video-section-dice .video-text-container.img-goes-right .video-text-image {
	max-width: 100%;
}
section#video.video-section-dice .video-text-container.img-goes-left div.video-text-text .headline-text {
	max-width: 100%;
	padding: 0 20px;
	ext-align: left !important;
}
section#app-library.vision-section {
	margin-bottom: 0;
}
.page-id-21263 section#video.marketing_video_section, .page-id-21979 section#video.marketing_video_section {
	margin-top: 0 !important;
}
.headline-text h2 {
	font-size: 28px;
}


.page-id-23346  .customizable-crm .image-text-image-container, #customers_relations .page-id-23346  .image-text-image-container, .page-id-24215  .customizable-crm .image-text-image-container {
    text-align: center;
}
.page-id-23346  .customizable-crm img.image-text-image, .page-id-24215  .customizable-crm img.image-text-image {
    width: 60% !important;
    margin: 0 auto !important;
    float: none;
}
}
/*end 800px query*/
section#video.video-section-dice .video-text-container.img-goes-left div.video-text-text {
	margin-top: 16px;
}
section.iconswithcontent #icon-boxes .five-column .icon-box img {
	max-height: 50px;
}
section.iconswithcontent #icon-boxes .icon-box h3, section#outcomes.vision-section #icon-boxes .icon-box h3, section#overview.vision-section #icon-boxes .icon-box h3, section#sales.vision-section #icon-boxes .icon-box h3 {
	color: #343741;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 18px
}
section.iconswithcontent #icon-boxes .icon-box p, section#outcomes.vision-section #icon-boxes .icon-box p, section#overview.vision-section #icon-boxes .icon-box p, section#sales.vision-section #icon-boxes .icon-box p {
	color: #343741;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 14px
}
section.iconswithcontent #icon-boxes a.text-link, section.iconswithcontent #icon-boxes .icon-box a {
	color: #18cb96;
}
.under-banner-icons #icon-boxes .five-column {
	max-width: 29% !important;
}

@media only screen and (max-width: 799px) {
section.iconswithcontent .inner #icon-boxes .three-column, section.iconswithcontent .inner #icon-boxes .four-column, section.iconswithcontent .inner #icon-boxes .five-column {
	text-align: center;
	margin-bottom: 40px;
	max-width: 100%;
}
section.iconswithcontent #icon-boxes .icon-box img, section#outcomes.vision-section #icon-boxes .icon-box img, section#overview.vision-section #icon-boxes .icon-box img, section#sales.vision-section #icon-boxes .icon-box img {
	margin-bottom: 16px;
	max-width: 240px;
	max-height: 130px;
	width: 100%;
	height: auto;
}
.under-banner-icons #icon-boxes .five-column {
	max-width: 100% !important;
}
}
section#statement.vision-section div.inner {
	max-width: 690px
}
section#relationships.vision-section {
	padding-bottom: 40px
}
section#relationships.vision-section .inner .headline-text:first-of-type {
	margin-bottom: 60px
}
section#relationships.vision-section .inner div.image-text-container div.image-text-image-container {
	width: 100%;
	max-width: 600px
}
section#relationships.vision-section .inner div.image-text-container .headline-text h2 {
	margin-bottom: 16px
}
section.grey-background {
	background: #edeff0;
	padding-top: 60px;
	padding-bottom: 40px
}
section#projects.vision-section * {
	color: #343741
}
section#projects.vision-section .image-text-container {
	padding: 0
}
section#projects.vision-section img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 600px
}
section#features.vision-section div.inner>.headline-text {
	margin-bottom: 60px
}
section.npt .image-text-container.twoimages {
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
	margin-top: 20px !important;
}
section#features.vision-section div.inner .image-text-container {
	margin-bottom: 20px
}
.image-text-container.twoimages .image-text-image-container, section#features.vision-section div.inner .image-text-container div.image-text-image-container {
	margin-bottom: 24px;
	width: 100%;
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, .15)) /* removing this line makes the second image disappear */
}
.image-text-container.twoimages .image-text-image-container.twoimages {
	position: relative;
	display: flex !important;
	justify-content: flex-end;
	align-items: flex-end
}
section#features.vision-section div.inner #datasets div.image-text-image-container {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end
}
.image-text-image-container.twoimages img.image-text-image, section#features.vision-section div.inner #datasets div.image-text-image-container img.image-text-image {
	margin: 0 auto;
	width: 100%
}
.image-text-image-container.twoimages img.image-text-image-2, section#features.vision-section div.inner #datasets div.image-text-image-container img.image-text-image-2 {
	display: none
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container img.image-text-image {
	margin: 0 auto;
	width: 100%
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container img.image-text-image-2 {
	display: none
}
section#features.vision-section div.inner #dashboards div.image-text-image-container img.image-text-image {
	display: block;
	margin: 0 auto;
	width: 100%
}
section#mobility.vision-section {
	background: url(../images/hero/180920-background-purple-2_hero47a2.svg) no-repeat;
	background-color: #18cb96;
	background-size: cover;
	padding-bottom: 70px
}
.page-id-21585 section#mobility, .page-id-21588 section#mobility, .page-id-21589 section#mobility, .page-id-21590 section#mobility, .page-id-21591 section#mobility {
	background: #343741 !important;
}
section#mobility.vision-section div.inner .headline-text {
	margin-bottom: 30px
}
section#mobility.vision-section div.inner .headline-text * {
	color: #fff
}
section#mobility.vision-section div.inner .headline-text h2 {
	margin-bottom: 12px
}
section#mobility.vision-section div.inner .headline-text p {
	font-weight: 300
}
section#mobility.vision-section div.inner div#mobile-frame, section#mobility.vision-section div.inner div.feature-image-container {
	display: none
}
section#mobility.vision-section div.inner div.feature {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}
section#mobility.vision-section div.inner div.feature p.feature-number {
	/* flex: 1 0 24px; */
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	text-align: right;
	margin-top: -5px;
	margin-right: 18px
}
section#mobility.vision-section div.inner div.feature div.feature-text {
	border-left: 2px solid #fff;
	padding-left: 24px;
	margin-bottom: 24px
}
section#mobility.vision-section div.inner div.feature div.feature-text * {
	color: #fff
}
section#mobility.vision-section div.inner div.feature div.feature-text h3 {
	font-size: 24px;
	font-weight: 500;
	padding-bottom: 8px;
	margin-top: -7px
}
section#mobility.vision-section div.inner div.feature div.feature-text p {
	font-size: 17px;
	font-weight: 300
}
section#app-library.vision-section, section#integrations.vision-section {
	padding-bottom: 90px
}
section#app-library.vision-section div.inner, section#integrations.vision-section div.inner {
	display: flex;
	flex-direction: column;
	padding: 0 24px;
	max-width: 988px
}
section#app-library.vision-section div.inner .puzzle-icon, section#integrations.vision-section div.inner .puzzle-icon {
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto -16px;
	height: 156px;
	width: 140px
}
section#app-library.vision-section div.inner .headline-text, section#integrations.vision-section div.inner .headline-text {
	margin-bottom: 12px
}
section#app-library.vision-section div.inner a.text-link, section#integrations.vision-section div.inner a.text-link {
	color: #18cb96;
	margin: 0 auto
}
section#app-library.vision-section div.inner a.text-link::after, section#integrations.vision-section div.inner a.text-link::after {
	background-color: #18cb96
}
/*section#app-library.vision-section #integration-field,  section#integrations.vision-section #integration-field {
	display: none
}*/


section#app-library.vision-section div.inner a.btn button.orange-btn {
	margin: 0 auto
}
section#privacy.vision-section, section#security.vision-section {
	background: #edeff0;
	padding-bottom: 80px
}
section#privacy.vision-section div.inner, section#security.vision-section div.inner {
	padding: 0 24px;
	max-width: 988px
}
section#privacy.vision-section div.inner .headline-text, section#security.vision-section div.inner .headline-text {
	text-align: center;
	margin-bottom: 24px
}
section#privacy.vision-section div.inner .headline-text h2, section#security.vision-section div.inner .headline-text h2 {
	margin-bottom: 20px
}
section#privacy.vision-section div.inner div.security-features, section#security.vision-section div.inner div.security-features {
	display: flex;
	justify-content: center;
	align-items: stretch
}
section#privacy.vision-section div.inner div.security-features img, section#security.vision-section div.inner div.security-features img {
	display: none;
}
section#privacy.vision-section div.inner div.security-features .checklist-box .security-feature, section#security.vision-section div.inner div.security-features .checklist-box .security-feature {
	display: flex;
	align-items: flex-start;
	padding: 12px
}
section#privacy.vision-section div.inner div.security-features .checklist-box .security-feature .check-icon, section#security.vision-section div.inner div.security-features .checklist-box .security-feature .check-icon {
	flex: 1 0 auto;
	display: block;
	background: url(../images/pages/check_filled_2x6e17.svg) center center/contain no-repeat;
	margin-top: 6px;
	margin-right: 4%;
	height: 17px;
	width: 22px;
	max-width: 22px
}
li.check-icon {
	list-style-image: url(../images/pages/check_filled_22w.png);
	margin-top: 6px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: 300;
}
section#privacy.vision-section div.inner div.security-features .checklist-box .security-feature .text, section#security.vision-section div.inner div.security-features .checklist-box .security-feature .text {
	color: #343741;
	font-size: 17px;
	font-weight: 300;
	text-align: left;
}
section#video {
	background: url(../images/hero/180920-background-dark-orange-1_hero5633.svg) no-repeat;
	background-color: #18cb96;
	background-size: cover;
	padding: 70px 0;
	width: 100%;
}
section#video div.inner div.headline-text {
	color: #fff
}
section#video div.inner div.headline-text p, section#video div.inner div.headline-text p a {
	color: #fff;
	font-size: 17px !important;
	font-weight: 300 !important;
	color: #353740 !important;
}

.appConnect-connect li {
    margin-bottom: 15px;
}
section.vision-section.appConnect-connect {
    padding-top: 0;
    padding-bottom: 0;
}
.page-id-23346 section#video div.inner div.headline-text p, .page-id-24215 section#video div.inner div.headline-text p {
    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
}
.page-id-23346 section#bottom-cta, .page-id-24215 section#bottom-cta {
    margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.page-id-23346 section#video.better_section, .page-id-24215 section#video.better_section {
    margin-bottom: 0 !important;
}
section#video div.inner span.play-text.white {
	color: #fff !important;
}
section.iconswithcontent.centerlogos div.inner div#icon-boxes {
	align-items: center !important;
}

.page-template-template-leadership  .industry-logo-section div#icon-boxes {
    max-width: 870px;
    margin: 0 auto;
    width: 100%;
}

.page-template-template-leadership .industry-logo-section h4 {
    display: block;
    width: 100%;
    text-align: center;
	
	margin-top: 40px;
}
.page-template-template-leadership .leadership_section .flex_boxes {
   
    margin-top: 36px;
}


.page-template-template-leadership section.leadership_section {
    padding-top: 0;
}
/*.page-template-template-leadership .hero_banner .static_image {
    width: 43%;
}*/
.page-id-20756 section#video {
	padding: 0 0 0px!important;
}


.page-id-23346 #customers_relations img.image-text-image, .page-id-24215 #customers_relations img.image-text-image {
   margin: 0 ;
    width: 350px !important;
}
   
	
	
	

.page-id-23346 section#relationships, .page-id-24215 section#relationships {
    margin-top: 0 !important;
    padding-top: 80px !important;
}
.page-id-23346 section.vision-section.customers_relations, .page-id-24215 section.vision-section.customers_relations {
    padding-top: 50px;
    padding-bottom: 70px;
}
div#betterr_section div#dani-playlist {
	opacity: 0;
	display: none;
}
.page-id-19279 #better_section, .page-id-20756 #better_section, .page-id-16658 #better_section, .page-id-20756 #better_section {
	padding-top: 0px !important;
}
div#better_location {
	margin-top: 0px !important;
	padding-top: 70px !important;
}
section#video div.inner span.play-text.white::after {
	background-color: #fff !important;
}
section#customer-journeys.vision-section {
	background: #f5f5f5
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container img {
	display: block;
	margin: 0 auto 18px;
	width: 50%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container div.journey-step {
	border-bottom: 1px solid #dfe1df;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container div.journey-step h3 {
	font-size: 20px;
	font-weight: 500
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container div.journey-step p {
	font-size: 17px;
	font-weight: 300;
	margin: 0 auto;
	width: 80%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container div.journey-step:last-child {
	border-bottom: 0
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container {
	display: none
}
section#email.vision-section div.inner img.img-center, section#forms.vision-section div.inner img.img-center, section#reporting.vision-section div.inner img.img-center {
 max-width: calc(945px * .8)
}
section#platform-integration.vision-section {
	background: #f5f5f5
}
section#platform-integration.vision-section div.inner img.img-center {
	max-width: 714px
}
section#security-and-scalability.vision-section div.inner img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 990px
}
section#integration-designer.vision-section {
	background: #f5f5f5
}
section#integration-designer.vision-section div.inner img.img-center {
	max-width: 660px
}
section#integration-designer.vision-section div.inner #integration-designer-container {
	display: none
}
section#benefits.vision-section div.inner, section#values.vision-section div.inner {
	max-width: 1188px
}
section#benefits.vision-section div.inner #icon-boxes, section#values.vision-section div.inner #icon-boxes {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center
}
section#benefits.vision-section div.inner #icon-boxes .icon-box, section#values.vision-section div.inner #icon-boxes .icon-box {
	flex-wrap: wrap
}
section#benefits.vision-section div.inner #icon-boxes .icon-box h3, section#benefits.vision-section div.inner #icon-boxes .icon-box img, section#benefits.vision-section div.inner #icon-boxes .icon-box p, section#values.vision-section div.inner #icon-boxes .icon-box h3, section#values.vision-section div.inner #icon-boxes .icon-box img, section#values.vision-section div.inner #icon-boxes .icon-box p {
	display: block;
	margin: 0 auto
}
section#benefits.vision-section div.inner #icon-boxes .icon-box img, section#values.vision-section div.inner #icon-boxes .icon-box img {
	background-color: #18cb96;
	border-radius: 50%;
	margin-bottom: 16px;
	max-width: 130px
}
section#benefits.vision-section div.inner #icon-boxes .icon-box h3, section#values.vision-section div.inner #icon-boxes .icon-box h3 {
	color: #343741;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 24px
}
section#benefits.vision-section div.inner #icon-boxes .icon-box p, section#values.vision-section div.inner #icon-boxes .icon-box p {
	color: #343741;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 42px
}
section#slider.vision-section {
	background: #18cb96;
	padding: 60px 0
}
section#slider.vision-section div.headline-text {
	margin-bottom: 40px;
	max-width: 650px
}
section#slider.vision-section div.headline-text h2 {
	color: #fff
}
section#slider.vision-section div.inner {
	max-width: 850px
}
section#slider.vision-section div.inner div.slider div.slide {
	margin: 0 auto
}
section#slider.vision-section div.inner div.slider div.slide div.image-container {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-right: 0;
	height: 450px;
	width: 100%;
	max-width: 850px;
	filter: grayscale(100%);
	transition: .3s all ease-in-out
}
section#slider.vision-section div.inner div.slider div.slide div.image-container:hover {
	filter: grayscale(0);
	transition: .3s all ease-in-out
}
section#slider.vision-section div.inner div#slider-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px auto 0;
	max-width: 110px
}
section#slider.vision-section div.inner div#slider-nav button {
	margin-right: 0
}
section#benefits.vision-section div.inner {
	max-width: 1188px
}
section#benefits.vision-section div.inner div.headline-text {
	max-width: 650px
}
section#benefits.vision-section div.inner #icon-boxes {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center
}
section#benefits.vision-section div.inner #icon-boxes .icon-box img {
	background-color: transparent;
	border-radius: 0
}
section#testimonials.vision-section {
	background: #ff5022;
	padding-top: 40px;
	padding-bottom: 0;
	max-height: 600px
}
section#testimonials.vision-section div.inner div.testimonial {
	display: none;
	padding-bottom: 0;
	margin-bottom: 0
}
section#testimonials.vision-section div.inner div.testimonial div.image-text-image-container {
	display: flex;
	margin: 0 !important
}
section#testimonials.vision-section div.inner div.testimonial div.image-text-image-container img {
	display: none;
	max-height: 576px
}
section#testimonials.vision-section div.inner div.testimonial.img-goes-left div.image-text-image-container {
	justify-content: flex-end
}
section#testimonials.vision-section div.inner div.testimonial.img-goes-right div.image-text-image-container {
	justify-content: flex-start
}
section#testimonials.vision-section div.inner div.testimonial div.headline-text {
	color: #fff;
	margin-bottom: 40px;
	width: 80%
}
section#testimonials.vision-section div.inner div.testimonial div.headline-text h2 {
	font-size: 26px;
	font-weight: 400;
	color: #fff;
}
section#testimonials.vision-section div.inner div.testimonial div.headline-text p {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	margin-bottom: 0
}
/*.sales-pipeline {
  margin-top: 40px;
}
.logged-in .sales-pipeline {
  margin-top: 0px;
}*/

.home section#video, .page-id-21428 section#video, .page-id-22124 section#video {
	padding-top: 0 !important;
	margin-top: 30px;
}
.home section#video .inner, .page-id-21428 section#video .inner, .page-id-22124 section#video .inner {
	padding-top: 60px !important;
}

 .page-id-21428 section#video .inner, .page-id-22124 section#video .inner {
    max-width: 1128px;
}



.page-id-23346 section.vision-section.customizable-crm, .page-id-24215 section.vision-section.customizable-crm {
    margin-top: -70px;
    padding-top: 0;
	    padding-bottom: 0;
}

@media only screen and (min-width:1025px) {
nav#why-insightly-nav.subfix {
	/*position: fixed;*/
	top: 62px;
	left: 0;
	z-index: 1000;
	transition: 0.5s all ease-in-out;
}
}


@media only screen and (min-width:800px) and (max-width:1025px) {
nav#why-insightly-nav.subfix {
	position: fixed;
	top: 49px;
	left: 0;
	z-index: 1000
}
}

@media only screen and (min-width:800px) {
nav#why-insightly-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f6f6f6;
	height: 60px;
	width: 100%;
	/*margin-top: 86px;*/
	
        
}



.first-section-for-subnav {
	        margin-top: 163px !important;
}
header.page_second_nav {
    margin-top: 105px;
}
nav#why-insightly-nav div.nav-container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100%;
	width: 100%;
	max-width: 1162px;
	position: relative;
}
.page-id-19279 nav#why-insightly-nav div.nav-container, .page-id-128 nav#why-insightly-nav div.nav-container, .page-id-98 nav#why-insightly-nav div.nav-container, .page-id-19 nav#why-insightly-nav div.nav-container, .page-id-19279 nav#why-insightly-nav div.nav-container, .page-id-20756 nav#why-insightly-nav div.nav-container, .page-id-21263 nav#why-insightly-nav div.nav-container, .page-id-21585 nav#why-insightly-nav div.nav-container, .page-id-21588 nav#why-insightly-nav div.nav-container, .page-id-21589 nav#why-insightly-nav div.nav-container, .page-id-21590 nav#why-insightly-nav div.nav-container, .page-id-21591 nav#why-insightly-nav div.nav-container, .page-id-21979 nav#why-insightly-nav div.nav-container, .page-id-23346 nav#why-insightly-nav div.nav-container, .page-id-24215 nav#why-insightly-nav div.nav-container, .page-id-25052 nav#why-insightly-nav div.nav-container, .page-id-25655 nav#why-insightly-nav div.nav-container {
	justify-content: right;
}
nav#why-insightly-nav div.nav-container a.section-id {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #353740;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	height: 100%
}
nav#why-insightly-nav div.nav-container a.section-id .nav-hover {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: #18cb96;
	height: 4px;
	width: 0%;
	margin: auto auto 0;
	transition: .2s width ease-in
}
nav#why-insightly-nav div.nav-container a.section-id:hover .nav-hover {
	width: 100%
}
.subfixcorrection {
	margin-top: 60px
}
section#business-integration.vision-section {

	padding: 0;
}
section.vision-section.iconswithcontent.hpicons {
	padding: 120px 0 60px;
}
section.vision-section {
	padding: 60px 0 60px;
}
.page-id-19 div#overview, .page-id-21979 div#overview {
	padding-top: 70px !important;
}
.page-id-19 section.vision-section.overview, .page-id-21979 section.vision-section.overview {
	padding-top: 0 !important;
}
section.vision-section .inner .headline-text {
	margin-bottom: 36px
}
section.vision-section.notwhite .inner .headline-text {
	margin-bottom: 0px
}
section.vision-section .inner .headline-text h2 {
	font-size: 35px
}
.vision-section.sales-pipeline {
	padding-top: 0 !important;
}
body.logged-in div#sales-pipeline {
	padding-top: 80px;
}
div#sales-pipeline {
	padding-top: 125px;
}
section.vision-section.inner_premier_success_section {
	padding-top: 0 !important;
}
div#inner_premier_success_section {
	padding-top: 60px;
}
section.vision-section #dice-video-heading {
	padding-top: 109px;
}
.page-id-98 .image-text-container div.image-text-image-container {
	width: 60%;
}
.page-id-98 section.vision-section .inner .headline-text.grey {
	width: 40%;
}
.page-id-98 .privacy-compliance .image-text-container div.image-text-image-container {
	width: 48%;
}
.page-id-98 section.vision-section.privacy-compliance .inner .headline-text.grey {
	width: 48%;
}
.page-id-98 section.vision-section.pipliine {
	padding: 0 !important;
}
body.logged-in div#pipliine {
	padding-top: 80px;
}
div#pipliine {
	padding-top: 125px;
}
section.vision-section.integrations {
	padding-bottom: 0;
}
section.vision-section.measurement {
	padding-bottom: 0 !important;
}
section.vision-section .inner .headline-text h4 {
	font-size: 21.98px;
	font-weight: 300;
	line-height: 29.98px;
	letter-spacing: 0;
	margin-bottom: 15.98px;
	color: #343741
}
section.vision-section .inner .headline-text p {
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
	letter-spacing: 0;
	margin-bottom: 11px;
	color: #343741
}
section.iconswithcontent .inner, section#outcomes.vision-section .inner, section#overview.vision-section .inner, section#sales.vision-section .inner {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	max-width: 1188px
}
section#outcomes.vision-section .inner .headline-text, section#overview.vision-section .inner .headline-text, section#sales.vision-section .inner .headline-text {
	flex-basis: 100%
}
section.iconswithcontent .inner #icon-boxes, section#overview.vision-section .inner #icon-boxes, section#sales.vision-section .inner #icon-boxes, section#outcomes.vision-section .inner #icon-boxes {
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 100%;
}
section#relationships.vision-section {
	padding-bottom: 60px
}
section#relationships.vision-section div.inner div.image-text-container {
	padding-bottom: 0
}
section#projects.vision-section img {
	display: block;
	margin: 0 auto 24px
}
section#features.vision-section div.inner>.headline-text {
	margin-bottom: 90px
}
section#features.vision-section.npb div.inner>.headline-text {
	margin-bottom: 40px
}
section#features.vision-section div.inner div.image-text-image-container {
	filter: drop-shadow(0 0 0)
}
.image-text-container.twoimages, section#features.vision-section div.inner #custom-apps, section#features.vision-section div.inner #dashboards, section#features.vision-section div.inner #datasets {
	justify-content: center
}
.image-text-container.twoimages .headline-text, section#features.vision-section div.inner #custom-apps .headline-text, section#features.vision-section div.inner #dashboards .headline-text, section#features.vision-section div.inner #datasets .headline-text {
	margin: 0
}
.image-text-container.twoimages .headline-text p {
	font-size: 18px !important;
}
section#features.vision-section div.inner #custom-apps .headline-text p, section#features.vision-section div.inner #dashboards .headline-text p, section#features.vision-section div.inner #datasets .headline-text p {
	font-size: 18px
}
.image-text-image-container.twoimages {
	margin-bottom: 0 !important;
	height: 380px;
	width: 48.50877% !important;
	max-width: 540px;
	overflow: visible
}
section#features.vision-section div.inner #datasets div.image-text-image-container {
	margin-bottom: 0;
	height: 380px;
	width: 48.50877%;
	max-width: 540px;
	overflow: visible
}
.image-text-image-container.twoimages {
	height: auto !important;
}
.image-text-image-container.twoimages img, section#features.vision-section div.inner #datasets div.image-text-image-container img {
	max-width: 450px
}
.image-text-image-container.twoimages img.image-text-image, section#features.vision-section div.inner #datasets div.image-text-image-container img.image-text-image {
	margin: 0 auto 0 0
}
.image-text-image-container.twoimages img.image-text-image-2, section#features.vision-section div.inner #datasets div.image-text-image-container img.image-text-image-2 {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	z-index: -1
}
.image-text-container.twoimages.img-goes-left div.image-text-image-container.twoimages {
	margin-right: 4.38596%;
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container {
	margin-bottom: 0;
	height: 380px;
	width: 48.50877%;
	max-width: 540px
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container img {
	max-width: 450px
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container img.image-text-image {
	margin: 0 0 4px auto;
	z-index: 2
}
section#features.vision-section div.inner #custom-apps div.image-text-image-container img.image-text-image-2 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1
}
section#features.vision-section div.inner #dashboards div.image-text-image-container {
	margin-bottom: 0;
	width: 48.50877%;
	max-width: 540px
}
section#mobility.vision-section div.inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 24px;
	max-width: 1188px
}
section#mobility.vision-section div.inner .headline-text {
	text-align: left;
	margin-bottom: 30px
}
section#mobility.vision-section div.inner .headline-text h2 {
	font-size: 35px
}
section#mobility.vision-section div.inner .headline-text p {
	font-size: 23px
}
section#mobility.vision-section div.inner div#mobile-frame {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0;
	margin: 0 4.58333% 0 auto;
	height: 846px;
	width: 417px
}
section#mobility.vision-section div.inner div#mobile-frame .feature-image-container {
	opacity: 0;
	transition: .2s all ease-in
}
section#mobility.vision-section div.inner div#mobile-frame .feature-image-container.active {
	position: relative;
	display: block;
	top: 96px;
	left: .5px;
	width: 365px;
	opacity: 1;
	transition: .2s all ease-in
}
section#mobility.vision-section div.inner div#mobile-frame .feature-image-container.active img {
	border-radius: 3px
}
section#mobility.vision-section div.inner div.mobile-text {
	flex-shrink: 64;
	margin: 24px auto 24px 0;
	max-width: 436px
}
section#mobility.vision-section div.inner div.mobile-text div.feature {
	margin-bottom: calc(13% - 20px)
}
section#mobility.vision-section div.inner div.mobile-text div.feature:hover {
	cursor: pointer
}
section#mobility.vision-section div.inner div.mobile-text div.feature:hover div.feature-text *, section#mobility.vision-section div.inner div.mobile-text div.feature:hover p.feature-number {
	border-color: #fff;
	color: #fff;
	transition: .2s all ease-in-out
}
section#mobility.vision-section div.inner div.mobile-text div.feature p.feature-number {
	color: rgba(255, 255, 255, .6);
	transition: .2s all ease-in-out
}
section#mobility.vision-section div.inner div.mobile-text div.feature div.feature-text {
	border-left: 2px solid rgba(255, 255, 255, .6);
	padding-bottom: 12px
}
section#mobility.vision-section div.inner div.mobile-text div.feature div.feature-text * {
	color: rgba(255, 255, 255, .6);
	transition: .2s all ease-in-out
}

section#mobility.vision-section div.inner div.mobile-text div.feature.active div.feature-text *, section#mobility.vision-section div.inner div.mobile-text div.feature.active p.feature-number {
	border-color: #fff;
	color: #fff
}
section#mobility.vision-section div.inner div.mobile-text div.store-buttons {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}
section#mobility.vision-section div.inner div.mobile-text div.store-buttons a.store-button {
	margin-right: 20px;
	height: 40px
}
.page-id-21263 section.vision-section #overview, .page-id-21979 section.vision-section #overview {
	padding-top: 107px;
	margin-bottom: -30px;
}
/*
section#app-library.vision-section,  section#integrations.vision-section {
	position: relative;
	padding: 80px 0 170px;
	overflow: hidden
}
section#app-library.vision-section div.inner,  section#integrations.vision-section div.inner {
	display: block;
	padding-bottom: 120px
}
section#app-library.vision-section div.inner .puzzle-icon,  section#integrations.vision-section div.inner .puzzle-icon {
	float: left;
	margin: 0 2% 100px 0
}
section#app-library.vision-section div.inner .headline-text,  section#integrations.vision-section div.inner .headline-text {
	position: relative;
	text-align: left;
	z-index: 2
}
section#app-library.vision-section div.inner a.text-link,  section#integrations.vision-section div.inner a.text-link {
	float: left;
	color: #18cb96;
	margin: 0 0 40px
}
section#app-library.vision-section div.inner a.text-link::after,  section#integrations.vision-section div.inner a.text-link::after {
	background-color: #18cb96
}
section#app-library.vision-section #integration-field,  section#integrations.vision-section #integration-field {
	position: absolute;
	bottom: 300px;
	left: 50%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1920px;
	transform: translateX(-50%);
	z-index: 1;
	overflow: visible
}
section#app-library.vision-section #integration-field .row1,  section#integrations.vision-section #integration-field .row1 {
	top: 0
}
section#app-library.vision-section #integration-field .row2,  section#integrations.vision-section #integration-field .row2 {
	top: 120px
}
section#app-library.vision-section #integration-field .row3,  section#integrations.vision-section #integration-field .row3 {
	top: 240px
}
section#app-library.vision-section #integration-field .col,  section#integrations.vision-section #integration-field .col {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center
}
section#app-library.vision-section #integration-field .col1,  section#app-library.vision-section #integration-field .col11,  section#app-library.vision-section #integration-field .col13,  section#app-library.vision-section #integration-field .col15,  section#app-library.vision-section #integration-field .col3,  section#app-library.vision-section #integration-field .col5,  section#app-library.vision-section #integration-field .col7,  section#app-library.vision-section #integration-field .col9,  section#integrations.vision-section #integration-field .col1,  section#integrations.vision-section #integration-field .col11,  section#integrations.vision-section #integration-field .col13,  section#integrations.vision-section #integration-field .col15,  section#integrations.vision-section #integration-field .col3,  section#integrations.vision-section #integration-field .col5,  section#integrations.vision-section #integration-field .col7,  section#integrations.vision-section #integration-field .col9 {
	margin-top: 60px
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card,  section#integrations.vision-section #integration-field.logo-card-container .logo-card {
	position: absolute;
	background: #fff;
	border-radius: 10px;
	margin: 10px;
	height: 100px;
	width: 100px;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
	perspective: 10000px
}
section#app-library.vision-section {
    padding-top: 136px;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	transform-style: preserve-3d;
	transform-origin: 50px 100%
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip2,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip2 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip3,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip3 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1.2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 1.2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 1.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip4,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip4 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 1.8s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 1.8s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip5,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip5 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 3s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip6,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip6 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 2.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 2.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 2.8s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 2.8s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip7,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip7 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 4.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 4.3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 4.3s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 4.3s;
	animation-iteration-count: 1;

	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip8,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip8 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 3.6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 3.6s;

	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 3.6s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 3.6s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back,  section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	padding: 10px;
	height: 100px;
	width: 100px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	background: #fff;
	transform: rotateY(0);
	z-index: 2
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back,  section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back {
	background: #fff;
	transform: rotateY(180deg);
	z-index: 1
}
section#app-library.vision-section div.inner {
	display: flex
}

section#app-library.vision-section div.inner .headline-text {
	text-align: center
}
section#app-library.vision-section div.inner a.btn {
	z-index: 2
}

 @-webkit-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-moz-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-o-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-webkit-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-moz-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-o-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)

}
}*/




section#privacy.vision-section, section#security.vision-section {
	padding: 80px 0 120px
}
section#privacy.vision-section div.inner .headline-text, section#security.vision-section div.inner .headline-text {
	margin-bottom: 40px
}
section#privacy.vision-section div.inner div.security-features, section#security.vision-section div.inner div.security-features {
	clear: left;
	justify-content: flex-start
}
section#privacy.vision-section div.inner div.security-features img, section#security.vision-section div.inner div.security-features img {
	display: block;
	margin: 0 4% 0 0;
 width: calc(412px * .7)
}
section#privacy.vision-section div.inner div.security-features .checklist-box, section#security.vision-section div.inner div.security-features .checklist-box {
	padding: 12px;
	margin: 0 auto 0 0;
	max-width: 500px
}
section#privacy.vision-section div.inner div.security-features img {
	margin-left: 4%;
 width: calc(412px * .8);
}
section#customer-journeys.vision-section {
	background: #f5f5f5
}
section#customer-journeys.vision-section div.inner div#customer-journeys-mobile-container {
	display: none
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 10.82251%;
	margin: 0 auto;
	min-height: 974px;
	width: 100%;
	min-width: 752px;
	max-width: 840px
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container .step-img {
	display: none
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container .journey-step {
	position: relative;
	background: #fff;
	padding: 16px 16px;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
	opacity: 0;
	transition: 1s all ease-out
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container .journey-step.appear {
	opacity: 1;
	transition: 1s all ease-out
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container .journey-step h3 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.15;
	margin-bottom: 8px
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container .journey-step p {
 font-size: calc(10px + (12 - 10) * ((100vw - 800px)/ (1024 - 800)));
	font-weight: 400
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-1.journey-step {
	top: 20px;
	left: 54.7619%;
	min-height: calc(115px - 16px);
	width: 24.88095%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-1.journey-step.appear {
	top: 0
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-2.journey-step {
	left: 72.38095%;
	margin-top: calc(20px + 14.04761%);
	min-height: calc(115px - 16px);
	width: 21.19047%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-2.journey-step.appear {
	margin-top: 14.04761%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-3.journey-step {
	left: 25.35714%;
	margin-top: calc(20px + .80953%);
	min-height: calc(134px - 16px);
	width: 18.45238%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-3.journey-step.appear {
	margin-top: .80953%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-4.journey-step {
	left: 51.9761%;
	margin-top: calc(20px + 6.66666%);
	min-height: calc(134px - 16px);
	width: 25.95238%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-4.journey-step.appear {
	margin-top: 6.66666%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-5.journey-step {
	bottom: 0;
	margin-top: calc(20px + 24.28571%);
	left: 37.14285%;
	min-height: calc(115px - 16px);
	width: 25.47619%
}
section#customer-journeys.vision-section div.inner div#customer-journeys-container #step-5.journey-step.appear {
	margin-top: 24.28571%
}
section#integration-designer.vision-section div.inner .mobile-only {
	display: none
}
section#integration-designer.vision-section div.inner .headline-text {
	margin-bottom: 54px
}
section#integration-designer.vision-section div.inner div#integration-designer-container {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	margin: 0 auto;

	height: 680px;
	width: 606px
}
section#integration-designer.vision-section div.inner div#integration-designer-container .step-img {
	display: none
}
section#integration-designer.vision-section div.inner div#integration-designer-container .designer-step {
	position: absolute;
	left: 400px;
	background: #fff;
	padding: 16px 16px;
	width: 264px;
	filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .15));
	opacity: 0;
	transition: 1s all ease-out
}
section#integration-designer.vision-section div.inner div#integration-designer-container .designer-step.appear {
	opacity: 1;
	transition: 1s all ease-out
}
section#integration-designer.vision-section div.inner div#integration-designer-container .designer-step h3 {

	font-size: 23px;
	font-weight: 500;
	line-height: 1.15;
	margin-bottom: 8px
}
section#integration-designer.vision-section div.inner div#integration-designer-container .designer-step p {
	font-size: 17px;
	font-weight: 400
}

section#integration-designer.vision-section div.inner div#integration-designer-container #step-1.designer-step {
	top: 124px
}
section#integration-designer.vision-section div.inner div#integration-designer-container #step-1.designer-step.appear {
	top: 104px
}
section#integration-designer.vision-section div.inner div#integration-designer-container #step-2.designer-step {
	top: 334px
}
section#integration-designer.vision-section div.inner div#integration-designer-container #step-2.designer-step.appear {
	top: 314px
}
section#integration-designer.vision-section div.inner div#integration-designer-container #step-3.designer-step {
	top: 592px
}
section#integration-designer.vision-section div.inner div#integration-designer-container #step-3.designer-step.appear {
	top: 572px
}
section#benefits.vision-section div.inner #icon-boxes, section#values.vision-section div.inner #icon-boxes {
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch
}
section.iconswithcontent .inner #icon-boxes .icon-box, section#values.vision-section div.inner #icon-boxes .icon-box {
	max-width: 24%
}
section#benefits.vision-section div.inner #icon-boxes {
	justify-content: center;
	flex-wrap: wrap
}
section#threeiconsacross.vision-section div.inner #icon-boxes .icon-box, section#benefits.vision-section div.inner #icon-boxes .icon-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto 64px;
	max-width: 350px
}
section#benefits.vision-section div.inner #icon-boxes .icon-box img {
	margin: 0 auto 30px;
	max-height: 65px
}
section#benefits.vision-section div.inner #icon-boxes .icon-box h3 {
	margin: 0 auto 16px
}
section#benefits.vision-section div.inner #icon-boxes .icon-box p {
	margin: 0 auto auto
}
section#benefits.vision-section div.inner #icon-boxes .icon-box a {
	color: #18cb96;
}
section#testimonials.vision-section {
	padding-top: 24px
}
section#testimonials.vision-section div.inner div.testimonial div.image-text-image-container img {
	display: block
}
section#testimonials.vision-section div.inner div.testimonial div.headline-text {
	margin-bottom: 24px;
	width: 46.47368%
}
section#testimonials.vision-section div.inner div.testimonial div.headline-text h2 {
	font-size: 31px
}
section#testimonials.vision-section div.inner div.testimonial.img-goes-left div.headline-text {
	margin-left: -4%;
	z-index: 100
}
section#testimonials.vision-section div.inner div.testimonial.img-goes-right div.headline-text {
	margin-right: -4%;
	z-index: 100
}
}
section#app-library.vision-section, section#integrations.vision-section {
	position: relative;
	padding: 80px 0 170px;
	overflow: hidden
}
section#app-library.vision-section div.inner, section#integrations.vision-section div.inner {
	display: block;
	padding-bottom: 120px
}
section#app-library.vision-section div.inner .puzzle-icon, section#integrations.vision-section div.inner .puzzle-icon {
	float: left;
	margin: 0 2% 100px 0
}
section#app-library.vision-section div.inner .headline-text, section#integrations.vision-section div.inner .headline-text {
	position: relative;
	text-align: left;
	z-index: 2
}
section#app-library.vision-section div.inner a.text-link, section#integrations.vision-section div.inner a.text-link {
	float: left;
	color: #18cb96;
	margin: 0 0 40px
}
section#app-library.vision-section div.inner a.text-link::after, section#integrations.vision-section div.inner a.text-link::after {
	background-color: #18cb96
}
section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
	position: absolute;
	bottom: 300px;
	left: 50%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 1920px;
	transform: translateX(-50%);
	z-index: 1;
	overflow: visible
}
section#app-library.vision-section #integration-field .row1, section#integrations.vision-section #integration-field .row1 {
	top: 0
}
section#app-library.vision-section #integration-field .row2, section#integrations.vision-section #integration-field .row2 {
	top: 120px
}
section#app-library.vision-section #integration-field .row3, section#integrations.vision-section #integration-field .row3 {
	top: 240px
}
section#app-library.vision-section #integration-field .col, section#integrations.vision-section #integration-field .col {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center
}
section#app-library.vision-section #integration-field .col1, section#app-library.vision-section #integration-field .col11, section#app-library.vision-section #integration-field .col13, section#app-library.vision-section #integration-field .col15, section#app-library.vision-section #integration-field .col3, section#app-library.vision-section #integration-field .col5, section#app-library.vision-section #integration-field .col7, section#app-library.vision-section #integration-field .col9, section#integrations.vision-section #integration-field .col1, section#integrations.vision-section #integration-field .col11, section#integrations.vision-section #integration-field .col13, section#integrations.vision-section #integration-field .col15, section#integrations.vision-section #integration-field .col3, section#integrations.vision-section #integration-field .col5, section#integrations.vision-section #integration-field .col7, section#integrations.vision-section #integration-field .col9 {
	margin-top: 60px
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card, section#integrations.vision-section #integration-field.logo-card-container .logo-card {
	position: absolute;
	background: #fff;
	border-radius: 10px;
	margin: 10px;
	height: 100px;
	width: 100px;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
	perspective: 10000px
}
section#app-library.vision-section {
	padding-top: 136px;
}

.page-id-21979 section#app-library.vision-section {
    padding-top: 0;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	transform-style: preserve-3d;
	transform-origin: 50px 100%
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip1 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip2, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip2 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip3, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip3 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1.2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 1.2s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 1.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip4, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip4 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 1.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 1.8s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 1.8s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip5, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip5 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 3s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip6, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip6 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 2.8s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 2.8s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 2.8s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;

	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 2.8s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip7, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip7 {
	-webkit-animation-name: logoflip1;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 4.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip1;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 4.3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip1;
	-o-animation-duration: 20s;
	-o-animation-delay: 4.3s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip1;
	animation-duration: 20s;
	animation-delay: 4.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip8, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip.flip8 {
	-webkit-animation-name: logoflip2;
	-webkit-animation-duration: 20s;
	-webkit-animation-delay: 3.6s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: logoflip2;
	-moz-animation-duration: 20s;
	-moz-animation-delay: 3.6s;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: logoflip2;
	-o-animation-duration: 20s;
	-o-animation-delay: 3.6s;
	-o-animation-iteration-count: 1;
	-o-animation-direction: normal;
	-o-animation-timing-function: ease-out;
	-o-animation-fill-mode: forwards;
	animation-name: logoflip2;
	animation-duration: 20s;
	animation-delay: 3.6s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	padding: 10px;
	height: 100px;
	width: 100px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	background: #fff;
	transform: rotateY(0);
	z-index: 2
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back {
	background: #fff;
	transform: rotateY(180deg);
	z-index: 1
}
section#app-library.vision-section div.inner {
	display: flex
}
section#app-library.vision-section div.inner .headline-text {
	text-align: center
}
section#app-library.vision-section div.inner a.btn {
	z-index: 2
}
 @-webkit-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)

}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-moz-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-o-keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @keyframes logoflip1 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 1% {
 transform: perspective(100px) rotateY(180deg)
}
 32% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 65% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 99% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-webkit-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-moz-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @-o-keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
 @keyframes logoflip2 {
 0% {
 transform: perspective(100px) rotateY(0)
}
 2.5% {
 transform: perspective(100px) rotateY(180deg)
}
 30.5% {
 transform: perspective(100px) rotateY(180deg)
}
 33% {
 transform: perspective(100px) rotateY(360deg)
}
 63.5% {
 transform: perspective(100px) rotateY(360deg)
}
 66% {
 transform: perspective(100px) rotateY(540deg)
}
 97.5% {
 transform: perspective(100px) rotateY(540deg)
}
 100% {
 transform: perspective(100px) rotateY(720deg)
}
}
.page-id-21263 section#app-library.vision-section #integration-field, .page-id-21979 section#app-library.vision-section #integration-field {
	display: flex;
}

@media screen and (max-width:799px) {
section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
	display: none;
}
.page-id-21263 section#app-library.vision-section, .page-id-21979 section#app-library.vision-section {
	padding-top: 6px !important;
	padding-bottom: 0px !important;
}
.page-id-21263 section#app-library.vision-section #integration-field, .page-id-21979 section#app-library.vision-section #integration-field {
	display: none !important;
}
.page-id-21263 section#video.marketing_video_section, .page-id-21979 section#video.marketing_video_section {
	margin-top: 50px !important;
}
.page-id-21263 .mobileview_image, .page-id-21979 .mobileview_image {
	display: block;
}
.mobileview_image img {
	width: 100%;
}
.page-id-21263 section#app-library.vision-section div.inner, .page-id-21979 section#app-library.vision-section div.inner {
	padding-bottom: 40px;
}
/*.page-id-21263 section#app-library.vision-section #integration-field .col {
    display: none;
}

.page-id-21263 section#app-library.vision-section #integration-field > .col6, .page-id-21263 section#app-library.vision-section #integration-field > .col7, .page-id-21263 section#app-library.vision-section #integration-field > .col8, .page-id-21263 section#app-library.vision-section #integration-field > .col9, .page-id-21263 section#app-library.vision-section #integration-field > .col10 {
	display:flex;
}*/
/*section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
  
    width: 100%;
}*/





.iducstry-pages section#app-library.vision-section #integration-field {
	display: flex;
}
.iducstry-pages section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, .iducstry-pages section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	height: 100px !important;
	width: 100px !important;
}
.iducstry-pages section#app-library.vision-section #integration-field.logo-card-container .logo-card {
	height: 100px !important;
	width: 100px !important;
}
.iducstry-pages section#app-library.vision-section {
	margin-bottom: 170px;
}
.iducstry-pages section#app-library.vision-section div.inner {
	padding-bottom: 210px;
}
section#app-library.vision-section #integration-field, section#integrations.vision-section #integration-field {
	bottom: 350px;
}
section#app-library.vision-section {
	overflow: hidden !important;
}
}

@media screen and (max-width:650px) {
section#app-library.vision-section #integration-field.logo-card-container .logo-card {
	height: 90px;
	width: 90px;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	height: 90px;
	width: 90px;
}
}

@media screen and (max-width:550px) {
section#app-library.vision-section #integration-field.logo-card-container .logo-card {
	height: 75px;
	width: 75px;
}
section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#app-library.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .back, section#integrations.vision-section #integration-field.logo-card-container .logo-card .logo-flip .front {
	height: 75px;
	width: 75px;
}
.page-id-21694 section#video {
	background-size: 85% 75% !important;
	background-position: left -89px !important;
}
}

@media screen and (max-width:450px) {
.page-id-21694 section#video {
	background-size: 85% 75% !important;
	background-position: left -111px !important;
}

 
 
}

@media screen and (max-width:400px) {
.page-id-21694 section#video {

	background-position: left -138px !important;
}
}

@media only screen and (min-width:1024px) {
section#customer-journeys.vision-section div.inner div#customer-journeys-container .journey-step p {
	font-size: 12px
}
section#slider.vision-section {
	padding: 100px 0
}
section#slider.vision-section div.inner div.slider div.slide div.image-container {
	background-size: cover
}
section#slider.vision-section div.inner div#slider-nav {
	position: relative;
	bottom: auto;
	left: auto
}
.page-id-23346 #customers_relations img.image-text-image, .page-id-24215 #customers_relations img.image-text-image {
 
   margin-left: 11%;
}
    .page-id-23346 #customers_relations .headline-text, .page-id-24215 #customers_relations .headline-text {
        margin-left: 8%;
    }
}








section.vision-section.connect-all-heading {
    padding-top: 0;
    padding-bottom: 0;
}