/*
	**********************************
	**********************************
	Mobile & Tablet Support
	**********************************
	**********************************
*/
@media only screen and (max-width: 1460px) {
	#el-raised-card_pos {
	    left: -265px;
	}
	#el-raised-card_pos img {
	    width: 660px;
	    right: 60px;
	    top: 50px;
	}
}
@media only screen and (max-width: 1400px) {

}
@media only screen and (max-width: 1352px) {
	#el-raised-card_billing {
	    position: absolute;
	    overflow: hidden;
	    left: -247px;
	    top: -23px;
	}
}
@media only screen and (max-width: 1320px) {
	.square-card-insert h3 {

	}
	#el-raised-card_pos {
		left: -245px;
	}
	#el-img-shirt {
		background-position: -350px -130px;
	}
}
@media only screen and (max-width: 1270px) {
	.row-section .content-wrapper {
	    padding: 0 35px;
	}
}
@media only screen and (max-width: 1284px) {
	#el-raised-card_pos img {
	    width: 620px;
	}
}
@media only screen and (min-width: 1200px) {
	.is-mobile-optimized {
		padding: 0 40px;
	}
}
@media only screen and (max-width: 1200px) {
	.header-logo {
	    left: 17px;
	}
	#heroCollapse {

	}
	#heroCollapse .content {
	    max-width: unset;
	    width: 900px;
	}
	#heroContent {
	    padding: 0 0px 0 20px;
	}
	#heroSlider {
		border: none;
	}
	.callout h1 {
		line-height: 34px;
	    font-size: 28px;
	}
	.callout p {
	    letter-spacing: 0.3pt;
	    font-weight: 400;
	    font-size: 15px;
	}
	#el-raised-card_pos img {
	    width: 590px;
	}
	#el-raised-card_billing {
	    left: -227px;
	}
	.row-section .content-wrapper {
		padding: 0 45px;
	}
	.is-sidebar-content {
		padding: 0 45px;
	}
	.row-section p {
	    line-height: 150%;
	    font-size: 15px;
	}
	h1 {
	    line-height: 32px;
	    font-size: 30px;
	}
	h2 {
		line-height: 28px;
		font-size: 26px;
	}
	h3 {
	    line-height: 40px;
	    font-weight: 200;
	    font-size: 34px;
	}
	h4 {
		line-height: 22px;
		font-size: 20px;
	}
	.square-card-insert h3 {
	    line-height: 43px;
	    font-size: 37px;
	}
	.square-card-insert {
	    width: 370px;
	}
	.square-card:hover {
	    transform: scale(1.1);
	}
	#posCommentary {
	    width: 400px;
	}
	#billingFade {
		display: none;
	}
	#paymentsCollapse {
	    padding: 0 40px 30px 0;
	}
	#paymentsCollapse .el-img {
	    background-position: center right;
	}
	#paymentsContent {
		margin: -50px auto 50px;
	    max-width: 700px;
	}
	#paymentsRow {
		max-height: 560px;
	}
	.element-block .el-img.is-wide {
	    height: 340px;
	    width: 563px;
	}
}
@media only screen and (max-width: 1180px) {

	.row-section p.commentary {
	    font-size: 14px;
	}
	.square-card-insert h3 {

	}
	.block.tlx-shift-up {
		border-radius: unset;
		box-shadow: unset;
		margin-top: unset;
		max-width: 1000px;
		border-top: 50px;
	}
	/*
		maintain article max width
	*/
	.tlx-article-content {
	    max-width: 730px;
	}
	/* full size article image */
	.tlx-article-image {
	    box-sizing: border-box;
		margin: 0 0px 40px;
	    padding: 10px 0 0;
	}
	.tlx-article-image .tlx-article-img {
	    height: 400px;
	}
}
@media only screen and (max-width: 1120px) {
	.square-card-insert h3 {
	    line-height: 36px;
	    font-size: 31px;
	}
	.square-card-insert {
	    width: 310px;
	}
}
@media only screen and (max-width: 1099px) {
	#el-raised-card_pos img {
		max-width: 750px;
		width: 100%;
		left: -10px;
	}
	.el-fade-left-edge {
		background: linear-gradient(90deg, #ffffff 35%, #ffffff00 98%);
		width: 600px;
		left: -20px;
	}
	#el-raised-card_pos {
	    left: -427px;
	}
	#posCollapse {
	    width: 360px;
	}
	#posContent {
	    width: calc(100% - 400px);
	    padding: 0 40px;
	}
	#posCommentary {
	    width: 400px;
	}
	#el-img-shirt {
	    background-position: -440px -130px;
	}
}
@media only screen and (max-width: 1086px) {
	#billingRow {
	    flex-flow: column-reverse;
	    display: flex;
	}
	#billingFade {
		display: none;
	}
	.billing-column {
		width: 100%;
	}
	/* remove bk from card */
	.el-raised-card {
		background-image: none;
	}
	#el-raised-card_billing {
		transform: perspective(278px) rotateY(-3deg);
		box-shadow: -2px 6px 100px 1px #dddddd42;
		border-top: 1px solid #7678781a;
		width: calc(100% + 160px);
		background-image: none;
		background: #ffffffc9;
		height: 680px;
		left: -130px;
	}
	#el-raised-card_billing img {
	    transform: perspective(278px) rotateY(0deg);
	    position: absolute;
	    width: 810px;
	    left: 10px;
	    top: 32px;
	}
	#billingIcon {
		position: absolute;
		display: block;
		bottom: 140px;
		right: 48px;
	}
	#billingIcon i {
	    font-size: 390px;
	    color: #eeeeee6b;
	}
	#billingCollapse {
	    min-height: 390px;
	    width: 100%;
	}
	#billingContent {
		width: calc(100% - 330px);
	    margin: -30px auto 70px;
	}
	#billingContent h3 {
	    max-width: 582px;
	}
}
@media only screen and (max-width: 1050px) {
	#heroCollapse .content {
	    width: 840px;
	}
}
@media only screen and (max-width: 1000px) {
	.article-list.typography {
		margin: 0px;
	}
	.article-list.typography.tlx-list-content {
	    padding: 20px 0px;
	}
	.tlx-article-main-image {
		margin: 0px 0 50px;
	}
	.tlui-col {
		width: 100%;
	}
	.content-full {
		padding-top: 0;
	}
	.tlx-article-body {
		max-width: 100%;
	}
	.tlx-widget {
		width: 100%;
	}
	.article-list {
		/* justify-content: center;
		flex-wrap: wrap;
		display: flex; */
	}
	.article-list.tlx-tlcm article {
		padding: 0 10px 10px;
		border-bottom: unset;
		position: relative;
		min-height: 280px;
		width: 260px;
		margin: 0px;
	}
	.article-list.column-view.typography .tlx-header {
		width: 260px;
	}
	.article-list.tlx-tlcm .tlx-header {
		position: relative;
		display: block;
		height: 200px;
		width: 100%;
	}
	.article-list.tlx-tlcm .tlx-capital-letter {
		background: #ffffff17;
		border-radius: 820px;
		justify-content: center;
		line-height: 250px;
		text-align: center;
		position: absolute;
		font-weight: 500;
		font-size: 200px;
		margin: 0 auto;
		bottom: -20px;
		display: flex;
		right: 20px;
		left: -56px;
	}
	.article-list.tlx-tlcm .tlx-header .tlx-no-image {
		border-radius: 8px;
		position: relative;
		display: flex;
		height: 200px;
		width: 100%;
	}
	.scrapbook-photo-b::before {
	    top: -22px;
	}
	.article-list.tlx-tlcm .tlx-h3 {
		margin: 8px 0px 0 10px;
	}
	.tlx-header a {
		transition: all 0.3s ease-in-out;
		display: flex;
		height: 200px;
		width: 100%;
	}
	.tlx-bk-img {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		height: 200px;
		width: 100%;
	}
	.article-list.tlx-tlcm .tlx-header a .tlx-bk-img {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		height: 200px;
		width: 100%;
	}
	.article-list.tlx-tlcm .meta {
		margin: 5px 0 0 10px;
	}
	.is-about-us {
    	max-width: 350px;
	}
	.is-about-us h2 {
	    font-size: 39px;
	}
	#aboutSection {
		flex-direction: column-reverse;
		display: flex;
	}
	#aboutCollapse {
		height: 510px;
		width: 100%;
	}
	#el-img-shirt {
		background-position: -220px -270px;
	}
	#aboutContent {
		height: 590px;
		width: 100%;
	}
	.is-about-us {
	    position: absolute;
	    max-width: 450px;
	    margin: 0 auto;
		padding: 0;
	    top: -30px;
	    right: 0;
	    left: 0;
	}
}
@media only screen and (max-width: 950px) {
	#posContent {
	    width: calc(100% - 375px);
	    padding: 0 21px;
	}
}
@media only screen and (max-width: 940px) {
	#billingIcon i {
	    font-size: 350px;
	}
	.callout h1 {
	    line-height: 32px;
	    font-size: 26px;
	}
	#heroCollapse .content {
	    width: 680px;
	}
}
@media only screen and (max-width: 900px) {
	#billingIcon {
		position: absolute;
		display: block;
		bottom: 140px;
		right: 48px;
	}
	#billingIcon i {
	    font-size: 320px;
	}
}
@media only screen and (min-width: 541px) and (max-width: 1000px) {
	.block.content-full {
	    padding: 60px 0 0;
	}
	.tlx-article-main-image {
	    height: 350px;
	}
	.square-card-insert {
	    top: 34%;
	}
}
@media only screen and (min-width: 851px) and (max-width: 1000px) {
	.tlx-article-main-image {
		margin: 0px 0 50px;
	    height: 480px;
	}
}

@media only screen and (max-width: 880px) {
	.header-logo {
		top: -197px;
	}
	.is-screenshot {
		flex-direction: column-reverse;
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
		display: flex;
	}
	.is-last-screen .is-screenshot:last-of-type {
		border-bottom: none;
	}
	.is-screenshot .el-img {
	    margin: 5px 0px;
	}
	.is-last-screen {

	}
	.is-last-screen .is-content.row-section {
		padding: 0px;
	}
	.is-screen-description {
		width: 100%;
		padding: 0;
	}
	.is-screen-container {
		width: 100%;
		padding: 0;
	}
	.is-invisible-collapsed {
		display: none;
	}
	.is-sidebar-top {
	    border-top: 20px solid #f7f7f9;
	    padding: 30px 0px 0;
	    margin-top: -10px;
	}
	.is-mobile-optimized {
	    margin: -50px auto 50px;
	    width: 100% !important;
	    padding: 0 40px;
	}
	.is-page-top {
	    margin: 100px 0 0;
	}
	.is-page-top .row-section {
	    padding: 100px 0 40px;
	}
	.is-maintenance {
	    max-width: unset;
	}
	.is-maintenance .content-wrapper {
	    margin: -50px auto 38px;
	    width: 100% !important;
	    padding: 0px 40px;
	}
	#heroContent {
	    width: 33.33333333% !important;
	}
	#heroCollapse {
	    width: 66.66666667% !important;
	}
	#heroSlider {
	    background-position: -170px center;
		margin: 30px 10px 0 0;
	}
	#posContent {
	    margin: -50px auto 210px;
	    width: 100% !important;
	    padding: 0 40px;
	}
	#insightContent {
	    margin: -50px auto 110px;
	    width: 100% !important;
	    padding: 0px 40px;
	}
	#paymentsContent {
	    margin: -50px auto 50px;
	    width: 100% !important;
	    padding: 0px 40px;
	}
	#billingContent {
	    margin: -50px auto 50px;
	    width: 100% !important;
	    padding: 0px 40px;
	}
	#insightContent h3 {
	    max-width: 540px;
	}
	#el-raised-card_pos {
	    transform: perspective(888px) rotateY(15deg);
		border-top: 9px solid #6081d8;
	    position: absolute;
	    background: #FFF;
	    height: 710px;
	    z-index: 1000;
	    width: 2070px;
	    left: -749px;
	    top: -170px;
	}
	#el-raised-card_pos img {
	    max-width: 2000px;
	    width: 960px;
	    top: -180px;
	    left: 730px;
	}
	#el-raised-card_billing img {
	    left: unset;
		right: 80px;
	    top: 32px;
	}
	#posInsightSVGa {
		visibility: hidden;
	}
	#posInsightSVGb {
		visibility: visible;
	}
	.column {
		width: 100% !important;
	    position: relative;
		height: unset;
	}
	#posRow {
	    flex-direction: column-reverse;
	    /* background: #4c68af; */
	    background: #2a428a;
	}
	#posRow h4 {
	    color: #FFF !important;
	}
	#posRow h3 {
	    color: #FFF !important;
	}
	#posRow p {
	    color: #FFF !important;
	}
	#posCommentary {
	    width: 410px!important;
	    background: #3f5796;
	    display: block;
	    float: right;
	}
	#insightCustomerImg {
	    margin-top: -7px;
	}
	.el-right-bar {
		transform: perspective(1289px) rotateY(-45deg);
		background: #02bce9;
		position: absolute;
		height: 560px;
		width: 1860px;
		left: -539px;
		top: -70px;
	}
	#insightRow {
	    padding-bottom: 10px;
		margin-bottom: 0;
	}
	#insightCommentary {
	    width: 410px!important;
	    background: #1ea3c6;
	}
	.element-block #el-title-customer {
	    background: #0599bd2b;
	    padding: 30px 92px;
	    width: 2100px;
	    z-index: -1;
	    left: 0px;
	    top: 115px;
	}
	.row-section p.commentary {
	    background: transparent;
	}
	.el-fade-left-edge {
	    background: transparent;
	}
	#billingIcon {
	    position: absolute;
	    display: block;
	    bottom: 140px;
	    right: unset;
		z-index: -1;
	    left: 80px;
	}
	#billingIcon i {
	    font-size: 320px;
	}
	#paymentsCollapse {
		padding: 0 0px 30px 0;
	}
	#paymentsCollapse .element-block.has-margin-left {
		margin-left: 0;
	}
	#paymentsRow {
		max-height: unset;
	}
	.article-list {
		justify-content: center;
		flex-wrap: wrap;
		display: flex;
	}
}
@media only screen and (max-width: 870px) {

	#heroContent {
	    width: 40% !important;
	}
	#heroCollapse {
	    width: 60% !important;
	}
}
@media only screen and (max-width: 780px) {
	.element-block #el-title-customer {
	    background: #02bce9de;
	    padding: 20px 0 53px;
	    text-align: center;
	    z-index: 1000;
	    width: 100%;
	    top: 217px;
	    left: 0;
	}
	#billingIcon {
		display: none;
	}
	#billingCollapse {
	    min-height: 350px;
	}
}
@media only screen and (max-width: 740px) {
	#paymentsCollapse {
	    padding: 0 20px 30px;
	}
	#paymentsContent {
		margin: -50px auto 50px;
	    max-width: 700px;
	}
	#el-img-shirt {
	    background-position: center -270px;
	}
}
@media only screen and (max-width: 728px) {
	.callout h1 {
	    line-height: 32px;
	    font-size: 23px;
	}
}
@media only screen and (max-width: 700px) {
	.is-page-top {
		margin: 50px 0 0;
	}
	#heroContent {
		width: 46% !important;
	}
	#heroCollapse {
		width: 54% !important;
	}
	#el-raised-card_billing img {
		width: calc(100% - 56px);
		top: 32px;
	    right: 0;
		left: 0;
	}
	#billingCollapse {
	    min-height: 360px;
	}
	.footer .quote {
		font-size: 16px;
	}
}
@media only screen and (max-width: 670px) {
	#posCommentary {
	    width: 100%!important;
	    float: unset;
	}
	#insightCommentary {
	    width: 100%!important;
	    float: unset;
	}
	.element-block .el-img.is-wide {
		width: calc(100% - 50px);
	    height: 340px;
	}
}
@media only screen and (max-width: 666px) {
	#billingCollapse {
	    min-height: 346px;
	}
}
@media only screen and (max-width: 647px) {
	.element-block.el-customer-perspective {
	    justify-content: center;
		flex-direction: column;
	    padding: 24px 0 0px;
	    margin-bottom: 18px;
	    align-items: center;
	}
	.element-block .el-img.is-small {
		box-shadow: 0 0 20px 0 #c2c2c242;
		border: 8px solid #FFF;
	    height: 180px;
	    width: 180px;
	}
	.el-customer-perspective .el-text {
	    letter-spacing: 0.5px;
	    padding: 0 0 0 20px;
	    line-height: 17px;
		max-width: 330px;
	    font-size: 14px;
		margin: 30px 0;
	    color: #525252;
	    display: block;
	    width: 100%;
	}
	.is-about-us {
	    max-width: 350px;
	    top: -55px;
	}
}
@media only screen and (max-width: 630px) {
	#billingCollapse {
	    min-height: 326px;
	}
}
@media only screen and (max-width: 570px) {
	#billingCollapse {
	    min-height: 302px;
	}
	.footer .quote {
		line-height: 22px;
	    font-size: 16px;
	    width: 280px;
	}
}
@media only screen and (max-width: 500px) {
	.row-section .content-wrapper {
	    padding: 0 5px;
	}
	.is-maintenance .content-wrapper {
	    padding: 0px 40px;
	}
	.is-maintenance i {
	    font-size: 210px;
	}
	#el-raised-card_billing img {
	    width: calc(100% - -154px);
		left: -80px;
	    top: 2px;
	    right: 0;
	}
	.is-live i {
	    font-size: 310px;
	}
}
@media only screen and (max-width: 450px) {

}
@media only screen and (min-width: 721px) and (max-width: 850px) {
	.tlx-article-main-image {
	    height: 440px;
	}
}
@media only screen and (min-width: 651px) and (max-width: 720px) {
	.tlx-article-main-image {
	    height: 390px;
	}
}
@media only screen and (min-width: 541px) and (max-width: 650px) {
	.tlx-article-main-image {
	    height: 320px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 540px) {
	.tlx-article-main-image {
	    height: 260px;
	}
}
@media only screen and (min-width: 451px) and (max-width: 480px) {
	.tlx-article-main-image {
	    height: 230px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 879px) {
	#headerBlock {

	}
	#blockSlider {
		margin-bottom: -40px;
	    margin-top: -36px;
	}
	#posSection {
		border-top: none;
	}
	.navigation-mobile-logo {
	    position: absolute;
	    display: block;
	    z-index: 1726;
	    width: 130px;
	    left: 26px;
	    top: 46px;
	}
	.navigation-mobile-logo img {
		width: 100%;
	}
	.software-emblem {
		display: none;
	}
	.header-line {
		display: none;
	}
	.logo {
		left: 20px;
	}
	.navigation-wrapper {
		justify-content: center;
		flex-direction: column;
		position: relative;
		margin: 0 auto;
		display: flex;
		padding: 0;
	}
	.navigation-container {
		z-index: 2050;
	}
	.navigation-mobile {
		background: #26366a59;
	    border-radius: 2px;
	    text-align: center;
	    position: absolute;
	    padding: 5px 14px;
	    display: block;
	    color: #ffffff;
	    z-index: 3200;
	    right: 10px;
	    top: 43px;
	}
	.navigation-mobile i {
	    line-height: 48px;
	    font-size: 36px;
	    display: block;
	}
	.navigation-mobile-menu {
	    font-size: 10px;
	}
	.navigation-mobile-overlay {
	    background: #293767;
	    position: fixed;
	    display: none;
	    z-index: 2900;
	    bottom: 0;
	    right: 0;
	    left: 0;
	    top: 0;
	}
	.navigation-mobile-overlay .print-container {
	    position: absolute;
	    width: 560px;
	    bottom: 0;
	    left: 0px;
	    top: 0;
	}
	.print-container img {
		width: 100%;
	}
	.navigation {
	    box-shadow: -20px 0px 60px 0 #031245b3;
	    border-left: 1px solid #96969c2b;
	    background: #25366a;
	    overflow-x: auto;
	    min-width: unset;
	    position: fixed;
		z-index: 3000;
	    left: unset;
		right: -1px;
	    width: 0px;
	    bottom: 0;
	    top: 0;
	}
	.navigation.active {
		transition: 0.3s ease all;
	    width: 310px;
	}
	.navigation-mobile-overlay.active {
	    display: block;
	}
	.navigation ul {
		padding: 68px 0 0;
	}
	.navigation li {
		width: 100%;
	}
	.navigation a {
		text-transform: uppercase;
		text-decoration: none;
		line-height: 70px;
		text-align: left;
		font-weight: 500;
		font-size: 13px;
		padding: 0 14px;
		display: block;
		color: #c3c3c3;
		margin: 0;
	}
	.navigation a.active {
		background: #162e4ec2;
		box-shadow: unset;
	}
	.block.half {
	    float: unset;
	    width: 100%;
	}
	.block.flip {
	    flex-direction: column-reverse;
	}
	.section.half .item {
		width: calc(100% - 30px);
	}
	#navMain {
	    position: absolute;
		top: 70px;
	    right: 0;
		left: 0;
	}
	#navAdditional {
	    position: absolute;
		background: #FFF;
	    top: 234px;
	    right: 0;
	    left: 0;
	}
	#navMain .content,
	#navAdditional .content {
	    position: relative;
		display: block;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	}
	.navigation-wrapper .nav-item a,
	.navigation-wrapper .nav-item a:hover,
	.navigation-wrapper .nav-item a:visited {
		color: #FFF !important;
	}
	.nav-list {
	    background: transparent!important;
	}
	.nav-item {
		white-space: nowrap;
	    width: 100%;
	}
	#heroContent .callout {
	    margin-top: 160px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 800px) {

}
@media only screen and (min-width: 0px) and (max-width: 680px) {
	.navigation-mobile-overlay .print-container {
	    position: absolute;
	    width: 610px;
		left: -52px;
	    bottom: 0;
	    top: 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 620px) {

}
@media only screen and (min-width: 0px) and (max-width: 700px) {
	.navigation-mobile {
		background: unset;
	    color: #cecece;
	}
	.navigation-mobile-menu {
		display: none;
	}
	.navigation-mobile-logo_old {
		position: absolute;
		display: block;
		z-index: 1726;
		width: 110px;
		left: 7px;
		top: 10px;
	}
	.navigation-mobile-logo {
	    position: absolute;
	    display: block;
	    z-index: 1726;
	    width: 110px;
	    left: 7px;
	    top: 46px;
	}
	#blockSlider {
		position: relative;
		min-height: 820px;
		width: 100%;
	}
	#heroContent {
		width: 100% !important;
		position: absolute;
		z-index: 1000;
		padding: 0;
		margin: 0;
		right: 0;
		left: 0;
		top: 0;
	}
	#heroContent .content {
		padding: 0;
	}
	#heroCollapse .content {
		width: 1170px;
		height: 100%;
	}
	#heroContent .callout {
	    background: #ffffff;
	    padding: 20px 40px;
	    margin-top: 500px;
	}
	#heroContent h4 {
	    margin-top: 20px;
	}
	#heroCollapse {
		margin-top: 90px;
	}
	#heroSlider {
		background-position: -170px center;
		position: absolute;
		border-radius: 0;
		height: 560px;
		right: -110px;
		width: 910px;
		left: 0px;
		top: 14px;
	}



}
@media only screen and (min-width: 0px) and (max-width: 540px) {

}
@media only screen and (min-width: 0px) and (max-width: 480px) {

}
@media only screen and (min-width: 0px) and (max-width: 450px) {

}