
	@font-face {font-family: "PF DinDisplay Pro Light";	    
	    src: url("fonts/PFDinDisplayPro-Light.ttf") format("truetype");
	}

	@font-face {font-family: "PF DinDisplay Pro Regular";	    
	    src: url("fonts/PFDinDisplayPro-Reg.ttf") format("truetype");
	}

	@font-face {font-family: "PF DinDisplay Pro Medium";	    
	    src: url("fonts/pfdindisplaypro-med-webfont_0.ttf") format("truetype");
	}

	@font-face {font-family: "PF DinDisplay Pro Black";	    
	    src: url("fonts/PFDinDisplayPro-Black.ttf") format("truetype");
	}

	@font-face {font-family: "PF DinDisplay Pro Bold";	    
	    src: url("fonts/PFDinDisplayPro-Bold.ttf") format("truetype");
	}


	body {
		font-family: 'PF DinDisplay Pro Regular', 'Helvetica', 'Arial', 'sans-serif';
	}

	.centered {
		padding: 2em 0 0 0;
		text-align: center;
	}

	.section-wrap {
		overflow: hidden;
		max-width: 100%;
	}

	.hl-red {
		color: #f22800;
		font-size: 1.8em;
		font-family: 'PF DinDisplay Pro Medium', 'Helvetica', 'Arial', 'sans-serif';
	}

	section {
		width: 1180px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

		section.fullwidth {
			width: 100%;
			margin-top: 0;
			margin-bottom: 0;
		}
		
			section.fullwidth > * {
				max-width: 100%;
			}

		section.two-column {
			display: flex;
			align-content: center;
			padding: 5em 0 0 0;	
		}

			section.two-column + section.two-column {
				padding-top: 0;
			}

		section.text-section {
			padding-bottom: 4em;
			padding-top: 5em;
		}
		
		.dark-section {
			background-color: #f2f2f2;
			padding-bottom: 5em;
		}

		.section-column {
			flex: 0 0 50%;
			min-width: 50%;
			padding-right: 1.5em;
			align-self: center;
			overflow: visible;
		}
			.top-columns .section-column {
				align-self: flex-start;
			}
		
			.section-column + .section-column {
				padding-right: 0;
				padding-left: 1.5em;
			}

			.section-column img {
				width: 100%;
				width: 50vw;
			}

			.section-column:first-child img {
				float: right;				
			}

	.btn {
		border: 0;
		cursor: pointer;
		display: inline-block;
		background-color: #39a9dc;
		border-radius: .4em;
		box-shadow: rgba( 0, 0, 0, 0.5 ) 0 0 41px -10px;
		color: #fff;
		text-align: center;
		font-size: 1.5em;
		transition: .2s background-image;
		text-decoration: none;	
		padding: .66em 5em;
	}

		.btn-green {
			background-color: #38a962;
		}

		.btn:hover,
		.btn:active,
		.btn:focus {
			background: radial-gradient( #39a9dc 0, #8bccea 20em );
		}

			.btn-green:hover,
			.btn-green:active,
			.btn-green:focus {
				background: radial-gradient( #38a962 0, #51c77d 20em );
			}




	.section-sep {
		width: 100%;
		margin: 1em auto;
		height: 20px;
	}

		.left-half-gray {
			background-image: linear-gradient( to right, #e8e8e8 0%, #e8e8e8 50%, #fff 50% );
		}

		.left-half-orange {
			background-image: linear-gradient( to right, #ff9500 0%, #ff9500 50%, #fff 50% );
		}		
			.right-half-orange {
			background-position: right 6.65em;
			background-size: 95% 20px !important;
	                 background-image: linear-gradient( to right, #fff 0%, #fff 50%, #ff9500 50% );
			}

			.left-half-orange.dark-section {
		          background-image: linear-gradient( to right, #ff9500 0%, #ff9500 50%, #f2f2f2 50% );		
			}
				.right-half-orange.dark-section {
					background-image: linear-gradient( to right, #f2f2f2 0%, #f2f2f2 50%, #ff9500 50% );
				}

		.left-half-green {
			background-image: linear-gradient( to right, #00aa5d 0%, #00aa5d 50%, #fff 50% );
		}
			.left-half-green.dark-section {
		           background-image: linear-gradient( to right, #00aa5d 0%, #00aa5d 50%, #f2f2f2 50% );		
			}

			.right-line,
			.left-line {
				background-size: 90% 20px;
				background-repeat: no-repeat;
				background-position: left 16.65em;
			}

			.right-line {
				background-position: right 16.65em;				
			}
			
			.left-line-top + .left-line-top section.two-column {
				padding-top: 0;
			}
			
			.left-line-top + .left-line-top .section-column {
				align-self: flex-start;
				padding-top: 1.3em;
			}

			.left-line-top {
				background-position: left 6em;
			}
			.right-line-top {
				background-position: right 6em;				
			}			

				.left-line-top + .left-line-top {
					background-position: left 2.2em;		
				}

				.right-line-top .section-title {
					background-color: #fff;
					max-width: 9em;
				}

		.left-line-top section.two-column {
			padding-left: 5em;			
			box-sizing: border-box;
		}

		/* .left-line-top section ,
		.right-line-top section {
			background: #fff;
		} */
		
			.left-line-top.dark-section section ,
			.right-line-top.dark-section section {
				background: #f2f2f2;
			}

		

	/* Header */

	.header {
		background: linear-gradient( to right, rgba( 255, 255, 255, .65 ) 0%, rgba( 255, 255, 255, .65 ) 70%, rgba( 0,0,0, 0 ) 70% ), url( images/hero2.jpg );
		background-repeat: no-repeat;
		background-position: center 8.5em, center top;
		background-size: 100% 10em, auto auto;
	}
		.header-logo-wrap {
			background: rgba( 255, 255, 255, .65 );
		}		

		.header-logo-wrap {
			padding-top: 1.2em;
			padding-bottom: 1.2em;
		}

			.header-logo-image {
				width: 446px;
				height: 46px;
				display: block;
				background-image: url( 'images/logo.png' );
				background-repeat: no-repeat;			
			}

	.page-title {
		font-size: 4em;
		margin-top: .85em;
		display: inline-block;
		width: auto;
		padding-top: .1em;
		padding-left: .2em;
		padding-bottom: .2em;
		text-transform: uppercase;
		font-family: 'PF DinDisplay Pro Black', 'Helvetica', 'Arial', 'sans-serif';
	}
	
		.page-title small {
			font-size: .6em;
			display: block;
			max-width: 57%;
			text-transform: none;
			font-family: 'PF DinDisplay Pro Medium', 'Helvetica', 'Arial', 'sans-serif';
		}

	.features {
		margin-top: 1em;
	}
		.feature {
			color: #fff;
			padding-left: 1em;
			font-size: 1.9em;
			line-height: 1.4;
			font-family: 'PF DinDisplay Pro Bold', 'Helvetica', 'Arial', 'sans-serif';
			text-transform: none;
			background-repeat: no-repeat;
			background-position: left center;
			text-shadow: rgba( 0,0,0, 0.9 ) 1px 1px 10px, rgba( 0,0,0, 0.4 ) 1px 1px 20px;
		}

			.ftr-map {
				background-image: url( 'images/icon-map-marker.png' );
				background-position: .1em center;
			}
			.ftr-calendar {
				background-image: url( 'images/icon-calendar.png' );
			}
			.ftr-timer {
				background-image: url( 'images/icon-timer.png' );
			}

		.hero .btn {
			margin-top: 3.4em;
			margin-bottom: 4em;
		}


	.centered-section {
		text-align: center;
		margin: 6em auto 3em auto;
	}

		.centered-section p {
			font-size: 1.8em;
			font-family: 'PF DinDisplay Pro Light', 'Helvetica', 'Arial', 'sans-serif';
			color: #696969;
		}

		.centered-section .btn {
			margin-top: 2em;
			margin-bottom: 2em;
		}

		.promo-section .btn {
			margin-top: 0;
			margin-bottom: 0;
		}

		.section-title {
			font-size: 2.5em;			
			line-height: 1.2;
			font-family: 'PF DinDisplay Pro Medium', 'Helvetica', 'Arial', 'sans-serif';
			margin-bottom: .5em;
		}

		.section-subtitle {
			color: #696969;
			font-size: 1.9em;
			margin-top: 0;
			margin-bottom: .5em;
			font-family: 'PF DinDisplay Pro Light', 'Helvetica', 'Arial', 'sans-serif';
		}

			.title-large {
				font-size: 3.8em;				
				margin-bottom: .2em;
			}

			.promo-section .section-title {
				font-family: 'PF DinDisplay Pro Light', 'Helvetica', 'Arial', 'sans-serif';				
			}
	
			.ttl-lighter {
				color: #696969;
			}

			.ttl-orange  {
				color: #f29400;
			}
			.ttl-green  {
				color: #38a962;
			}

	.iconic-list {		
		display: flex;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		flex-wrap: wrap;
		justify-content: space-around;
	}

		.text-section,
		.text-list-item {
			color: #696969;
			line-height: 1.4;
			font-size: 1.25em;
		}

				.text-section h4 {
					font-size: 1.2em;
				}
				.text-section p {
					margin-bottom: 1em;
				}

				
				.dotted-list.text-left {
					padding-left: 0%;
					/* padding-right: 10%; */
				}

				.dotted-list .text-list-item {
					padding-top: .5em;
					padding-bottom: .5em;
				}

				
				.text-left .text-list-item {
					text-align: left;
				}

				.dotted-list .text-list-item:before {
					width: .6em;
					content: '';
					height: .6em;
					border-radius: .6em;
					margin-right: .4em;
					background-color: #f29400;
					display: inline-block;
				}

		.iconic-list li {			
			flex: 0 1 30%;
			align-self: center;
			text-align: left;
			padding-left: 4em;			
			min-height: 4em;
			background-repeat: no-repeat;
			background-position: left center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-bottom: 1.5em;
		}

		.iconic-list li:nth-child( n + 3 ) {
			margin-bottom: .5em;
		}
		
			.iconic-list span {
		
			}

			.icl-pain {
				background-image: url( 'images/icon-woman-training.png' );
			}

			.icl-trauma {
				background-image: url( 'images/icon-foot.png' );
			}
			
			.icl-noise {
				background-image: url( 'images/icon-vertebrae.png' );
			}

			.icl-effect {
				background-image: url( 'images/icon-waist.png' );
			}


	.promo-wrap {
		background-image: linear-gradient( to right, #00aa5d 0%, #00aa5d 50%, #f2f2f2 50% ), linear-gradient( to right, #f2f2f2 0%, #f2f2f2 50%, #00aa5d 50% );
		background-position: center 11.4em, center 16.9em;
		background-size: 100% 20px, 100% 20px;
		background-repeat: no-repeat;
	}

	.promo-section {
		margin-top: 5em;
	}

	
		.promo-section p {
			font-size: 2em;			
			padding-top: .7em;
			font-family: 'PF DinDisplay Pro Light', 'Helvetica', 'Arial', 'sans-serif';
			color: #000;
			background-color: #f2f2f2;
			margin-left: auto;
			margin-right: auto;
			max-width: 23em;
		}

		.price {
			color: #38a962;
			font-family: 'PF DinDisplay Pro Medium', 'Helvetica', 'Arial', 'sans-serif';
			font-size: 3.7em;
			max-width: 8em;
			margin-left: auto;
			margin-right: auto;
		}
			.prc-smaller {
				font-size: 2.4em;
				padding-top: .4em;				
				background: #fff;
			}

			.promo-section .price {
				background-color: #f2f2f2;
			}

		.form-input {
			color: #000;
			display: inline-block;
			border-radius: .6em;
			width: 90%;
			box-sizing: border-box;
			padding: 1.4em 1.2em;
			font-size: .9em;
			border: 0;
		}

			.form-input::placeholder {
				color: #c4c4c4;
			}


	.form-fields {
		display: flex;
		margin: 4em auto .5em auto;
	}
	
	
		.form-fields .btn {
			font-size: 1.4em;
			padding-left: 2em;
			padding-right: 2em;
			text-align: center;
			box-sizing: border-box;
			width: 90%;
			
		}


		.form-fields li {
			flex: 0 1 33%;
			text-align: center;
		}
	
	.note {
		font-size: .9em;
		letter-spacing: -.3px;
		text-align: left;
		padding-left: 1.2em;
	}	
	

	.order-payment-card {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

		
	
	.order-payment-button ,
    .order-payment-title {
    	flex: 1 1 100%;
    }
    .order-payment-column {
    	flex: 0 1 30%;    	
    	
	      padding-top: 2em;
	    
	      font-size: 1.4em;
	      line-height: 1.5;
    }

	.order-payment-button {
		padding-top: 2em;
	}

	.promo-section .features {
			text-align: center;
		}
			.promo-section .feature {
				display: inline-block;
				text-shadow: none;
				width: auto;
				color: #555;
				padding-left: 1.2em;
				margin-left: .5em;
				margin-right: .5em;
				font-size: 1.7em;
			}


	@media screen and (max-width: 1600px) {
        	.header {
        	    background: linear-gradient( to right, rgba( 255, 255, 255, .65 ) 0%, rgba( 255, 255, 255, .65 ) 75%, rgba( 0,0,0, 0 ) 75% ), url( images/hero2.jpg );
        	    background-position: center 8.5em, center top;
        	        background-size: 100% 10em, auto auto;
        	        background-repeat: no-repeat;
		}
		.page-title small {
		    max-width: 65%;
		}
	}

    

	@media screen and (max-width: 1180px) {
	

		.section-column {
			box-sizing: border-box;
		}

		.dark-section {
			padding-bottom: 2em;
		}

		.left-line-top section.two-column,
		section.two-column,
		section {
			padding-left: 3%;
			padding-right: 3%;
			box-sizing: border-box;
		}

		section.fullwidth {
			padding-left: 0;
			padding-right: 0;
		}

		.centered-section {
			margin-top: 4em;
		}

		.left-line {
			background-position: left 14.8em
		}



		.centered-section .btn {
			margin-top: 1em;
			margin-bottom: 1em;
		}



		.promo-section .btn {
			margin-top: 0;
			margin-bottom: 0;
		}

		.note {
			font-size: 1em;
			letter-spacing: 0;
			padding-top: .6em;
		}

		.header {
			background-image: linear-gradient( to right, rgba( 255, 255, 255, .65 ) 0%, rgba( 255, 255, 255, .65 ) 100%, rgba( 0,0,0, 0 ) 100% ), url( images/hero2.jpg );
		}

		.promo-wrap {
			background-position: center 10.4em, center 15.9em;
		}

	}

	@media screen and (max-width: 1023px) {
		.page-title small {
			max-width: 100%;
		}

		.header {
			background-size: 100% 14.5em, auto auto
		}

		section.two-column {
			padding-top: 1.8em;
		}

		.btn {
			padding-left: 3em;
			padding-right: 3em;
		}

		.left-half-gray {
			background-image: none;
		}

		section.two-column {
			flex-wrap: wrap;
		}

		.section-column {
			flex: 1 1 100%;			
			padding-left: 0;
			padding-right: 0;
		}

		.section-column + .section-column {
			padding-left: 0;
			padding-top: 1em;
		}

		.section-column img {
			width: 100%;
		}

		.right-half-orange,
		.right-half-green {
			background-image: none;
		}

		.promo-section p {
			max-width: 19em;
		}

		.promo-wrap.form-submitted {
			background-image: none;
		}
		
			.form-submitted .promo-section p {
				max-width: 100%;
				line-height: 1.2;
			}

			.form-submitted .promo-section p .hl-red {
				display: none;
			}

			.form-submitted .price {
				font-size: 3em;
			}

		.order-payment-column {
    		flex: 0 1 50%;
    	}

		.form-fields {
			flex-wrap: wrap;
		}

			.form-fields li {
				flex: 1 1 50%;
				padding-bottom: 2em;
			}

			.note {
				padding-top: 0;
			}
	}

	@media screen and (max-width: 768px) {
		.section-sep {
			display: none;
		}

		.centered-section {
			margin-bottom: 1em;
		}
		
	}


	@media screen and (max-width: 767px) {
		.page-title {
			font-size: 3.6em;
		}

		.header {
		    background-size: 100% 12.8em, auto auto;
		    background-position: center 8em, center top
		}

		.features {
			padding-left: .8em;
		}

		.form-fields {
			margin-top: 4em;
		}
	}

	@media screen and (max-width: 600px) {

		.order-payment-column {
    		flex: 0 1 100%;
    		padding-top: 0;
    	}

		.order-payment-column:first-of-type {
			padding-top: 2em;
		}



		.page-title {
			font-size: 3.2em;
		}

		.header {
		    background-size: 100% 12em, auto auto;
		    background-position: center 7.4em, center top
		}

		.iconic-list li:nth-child( n + 3 ),
		.iconic-list li {
			flex: 1 1 100%;
			margin-bottom: 0;
		}

		.section-title {
			font-size: 2em;
			line-height: 1;
		}

		.section-subtitle {
			font-size: 1.6em;
			color: #333;
		}

		.promo-wrap {
			background-image: none;
		}

		.promo-section p {
			line-height: 1.3;
		}

		.form-fields {
			margin-top: 2em;
		}

	}

	@media screen and (max-width: 480px) {

		.and-text {
			font-size: 0;
			display: block;
			height: 10px;
		}
		
		.header-logo-image {
			max-width: 100%;
			background-position: center;
			background-size: 100% auto;
		}

		.page-title {
			font-size: 2.2em;
			padding-left: 0;
			padding-right: 0;
		}

		.features {
			padding-left: 0;
		}

		.header {
		    background-size: 100% 8.2em, auto auto;
		    background-position: center 6.9em, 83% top;
		} 

		.left-line-top section.two-column,
		section.two-column,
		section.two-column {
			padding-left: 0;
			padding-right: 0;
		}
		
	
		
			
		section.two-column .section-column,
		.left-line-top section.two-column .section-column,
		section {
		    padding-left: 5%;
		    padding-right: 5%;		    
		}

		.left-line-top  section.two-column .section-column.sectcol-image ,
		section.two-column .section-column.sectcol-image {
			padding-left: 0;
			padding-right: 0;
		}

		.form-fields li {
			flex: 1 1 100%;
		}

		.feature {
			font-size: 1.7em;
		}

		.hero .btn {
			margin-bottom: 2em;
			margin-top: 4em;
		}

		section.fullwidth {
			height: 12em;
			max-width: 100%;
			overflow: hidden;
		}
		
			section.fullwidth img {
				height: 100%;
				max-width: 1000%;
				width: auto;				
				display: inline-block;				
				object-fit: cover;
			}

		.price {
			font-size: 2.7em;
		}

		.hl-red {
			font-size: 1.5em;
		}
	}

	@media screen and (max-width: 374px) {
		.page-title {
			font-size: 1.8em;
		}

		.header {
		    background-size: 100% 6.6em, auto auto;
		    background-position: center 6.5em, 82% top;
		}

		.iconic-list li:nth-child( n + 3 ), .iconic-list li {
			margin-bottom: .7em;
		}

		.section-title {
			font-size: 1.6em;
		}

		.prc-smaller {
			font-size: 2em;
		}

		section.text-section {
			padding-top: 3em;
		}

		.form-fields li {
			padding-bottom: 1em;
		}
	}
