/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.demo-page {
	background-color: #FFFFFF;
}

.page-intro {
	padding: 0; 
}

.block {
	display: block;
}

.demo-image > span > img {
	display: flex;
	width: 100%;
}
.demo-page .new-free-trial-form-module {
	padding: 20px 40px 80px 48px;
}

.demo-page .new-free-trial-form-module img {
  width: 120px;
  height: 120px;
}

.get-started__top {
	padding-top: 156px !important;
	padding-right: max(10%,calc((100vw - 1200px) / 2)) !important;
	padding-left: max(10%,calc((100vw - 1200px) / 2)) !important;
	/*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMC4yNiIgaGVpZ2h0PSI4MjcuMDM3IiB2aWV3Qm94PSIwIDAgMTkyMC4yNiA4MjcuMDM3Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHg9IjEzOSIgd2lkdGg9IjgzNy4zNTciIGhlaWdodD0iNzI0LjU1MSIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cmVjdCB4PSI1OSIgd2lkdGg9IjgzNy41MiIgaGVpZ2h0PSI2ODMuMzA1IiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiPjxyZWN0IHk9IjkwIiB3aWR0aD0iOTk0LjQwOSIgaGVpZ2h0PSI1NDYuMzEyIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImQiPjxyZWN0IHdpZHRoPSI4MDcuNzciIGhlaWdodD0iNDU2LjUzNyIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxwYXRoIGQ9Ik0wLDBIMTkyMFY4MjdIMFoiIGZpbGw9IiNmZmZjZjYiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NDMuNjYyIDEwMikiIGNsaXAtcGF0aD0idXJsKCNhKSIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNMCwwSDY2Ni4xMTlWMTM2Ny4wNTNIMFoiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjE2LCAwLjc4OCwgLTAuNzg4LCAwLjYxNiwgMTA3Ny4yNTMsIDApIiBmaWxsPSIjZDFhYmEyIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMjMuNzQgMTQzLjM0OCkiIGNsaXAtcGF0aD0idXJsKCNiKSIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cmVjdCB3aWR0aD0iNzY3IiBoZWlnaHQ9IjEyODQuNjM2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjYxNiwgMC43ODgsIC0wLjc4OCwgMC42MTYsIDEwMTIuMzA3LCAwKSIgZmlsbD0iI2U1ZGNkNyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5MjUuNjYyIDE5MC42ODgpIiBjbGlwLXBhdGg9InVybCgjYykiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSI+PHJlY3Qgd2lkdGg9Ijg3MSIgaGVpZ2h0PSIxNTA0IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjYxNiwgMC43ODgsIC0wLjc4OCwgMC42MTYsIDExODUuMTY4LCAwKSIgZmlsbD0iIzhmMmQxNCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTEyIDM3MC41KSIgY2xpcC1wYXRoPSJ1cmwoI2QpIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiPjxyZWN0IHdpZHRoPSIxMDk3IiBoZWlnaHQ9IjEyNDkuMjA4IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjYxNiwgMC43ODgsIC0wLjc4OCwgMC42MTYsIDk4NC4zOSwgMCkiIGZpbGw9IiNkODUxMzEiLz48L2c+PC9zdmc+");*/
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	/*align-items: center;*/
	align-items: self-start;
	justify-content: space-between;
}

.tick-list {
	list-style: none;
	margin: 26px 0 40px 15px;
	padding: 0;
}

.grid-2-columns {
	grid-template-columns: grid-template-columns: repeat(2, 1fr) !important;
	grid-column-gap: 90px !important;
	align-items: baseline;
}

.demo-bottom {
	text-align: right;
	padding: 40px 10% 70px;
}

.get-started__top__right {
	/*width: 50%;*/
	/*margin-top: 335px;*/
	align-self: flex-end;
	/*height: 200vh;*/
	/*min-height: 557px;*/
	min-height: 492px;
	/*background-color: #222222;*/
}

.company-logos {
	display: flex;
	justify-content: center;
	margin: 80px 0 40px 0;
}

.company-logos > .logos {
	display: grid;
  grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	grid-gap: 30px;
	align-items: center;
	text-align: center;
}

.company-logos > .logos img {
	max-width: 200px;
	max-height: 100px;
	filter: grayscale(100%);
}

.company-logos > .logos #hs_cos_wrapper_company5_image-10 > img {
	-webkit-filter: brightness(50%);
	-moz-filter: brightness(50%);
	-o-filter: brightness(50%);
	-ms-filter: brightness(50%);
	filter: brightness(50%);
}

.get-started__bottom {
	padding: 165px 10%;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ29tcG9uZW50Xzg4XzIiIGRhdGEtbmFtZT0iQ29tcG9uZW50IDg4IOKAkyAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI4NzAiIHZpZXdCb3g9IjAgMCAxOTIwIDg3MCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IHg9Ii01NTYiIHk9IjMzOSIgd2lkdGg9IjEyMjkuNzciIGhlaWdodD0iODY4LjUzNyIgZmlsbD0ibm9uZSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9IlJlY3RhbmdsZV80MTIiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQxMiIgZmlsbD0iI2U1ZGJkNiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiPg0KICAgIDxyZWN0IHdpZHRoPSIxOTIwIiBoZWlnaHQ9Ijg3MCIgc3Ryb2tlPSJub25lIi8+DQogICAgPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxOTE5IiBoZWlnaHQ9Ijg2OSIgZmlsbD0ibm9uZSIvPg0KICA8L2c+DQogIDxwYXRoIGlkPSJQYXRoXzE4MDciIGRhdGEtbmFtZT0iUGF0aCAxODA3IiBkPSJNMTkyOS44NDIsMFY1NzVsLTgxNS01NzVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNTM2IDEpIiBmaWxsPSIjZDFhYmEyIi8+DQogIDxnIGlkPSJTY3JvbGxfR3JvdXBfMjIiIGRhdGEtbmFtZT0iU2Nyb2xsIEdyb3VwIDIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjQ2LjIzIC0zMzgpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSIgc3R5bGU9Imlzb2xhdGlvbjogaXNvbGF0ZSI+DQogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV80MTEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDQxMSIgd2lkdGg9IjEwOTciIGhlaWdodD0iMjE1Mi4yMDgiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjE2LCAwLjc4OCwgLTAuNzg4LCAwLjYxNiwgOTg0LjM5LCAwKSIgZmlsbD0iI2Q4NTEzMSIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
	background-repeat: no-repeat;
	background-size: cover;
}

.footer > .top {
	display: none !important; 
}

/*110px screen size */

@media screen and (max-width: 1160px) {
	.get-started__top {
		flex-direction: row;
		align-items: start;
	}
	.get-started__top__right {
		/* 		align-self: center;
		max-width: 500px;
		margin-right: 65px; */
		display: flex;
		justify-content: center;
	}
	.get-started__top__right  > div {
/* 		width: 614px; */
	}
	.demo-image > span > img {
		/* 		max-width: 100%; */
		width: 614px;
	}
	.get-started__bottom {
		padding: 165px 10%;
	}
	.get-started__top {
		flex-direction: column !important;
	}
	.column-5 {
		max-width: 100%;
	}
	.demo-image > span > img {
		/* 		max-width: 578px; */
	}
	.demo-image > span {
		display: flex;
		justify-content: center;
	}
	.company-logos > .logos {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* @media screen and (max-width: 1160px) {
	
} */

/*950px screen size */
@media screen and (max-width: 950px) {
	.get-started__top__right {
		min-height: 0px; 
	}
}

/*900px screen size */

@media screen and (max-width: 900px) {
	.get-started__top__right {
		/* 		width: 80%; */
	}
	.get-started__top__right .form {
		min-width: 100% !important;
		box-sizing: border-box;
	}
	.demo-image > span > img {
		/* 		max-width: 171%;  */
		max-width: 614px;
		width: 100%;
	}
}

/*800px screen size */

@media screen and (max-width: 800px) {
	.get-started__top__right {
		width: 100%;
		margin-top: 0 !important;
	}
	.column-5 {
		max-width: 100%;
		min-width: 0;
	}
}

/*700px screen size */

@media screen and (max-width: 700px) {
	.get-started__top__right {
		width: 100%;
	}
	.get-started__bottom {
		padding: 165px 0;
	}
	.company-logos > .logos {
		grid-template-columns: 1fr;
	}
}

/* 605px screen size */

@media screen and (max-width: 605px) {
	.page-intro__top > h1 {
		font-size: 36px;
		line-height: 46px;
		text-align: center;
	}
	.page-intro__top > p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.032em;
		min-width: 100% !important;
		text-align: center;
	}
	.get-started__top {
		padding: 156px 5% 0 5% !important;
		/*padding: 120px 5% 0 5% !important;*/
		display:block;
	}
	.get-started__list > li {
		font-size: 16px; 
	}
	.get-started__top__right {
		margin-top: 40px !important;
	}
	.tick-list {
		margin-left: 0;
	}
	.demo-bottom {
		margin: 0;
		padding: 0;
	}
	.demo-image > span > img {
		max-width: 100%; 
		display: none !important;
	}
	.column-5, .column-7 {
		flex: 0;
		max-width: 100%;
	}
}