body {
			font-family: 'proxima_nova_rgregular', Arial, Helvetica, sans-serif;
			font-weight: inherit;
			overflow-x: hidden;
		}
		p {
			font-size: 16px;
			line-height: 1.6;
			margin-bottom: 20px;
			font-family: 'Roboto Slab', serif;
		}
		.page-content,
		.page-content p,
		.z-pouup-wrap {
			font-family: 'Roboto Slab', serif;
		}
		h1 {
			font-size: 50px;
			font-weight: 400;
			color: #000;
			line-height: 1.2;
			margin-bottom: 20px;
		}
		h1 span {
			display: block;
		}
		h2 {
			font-size: 45px;
			font-weight: 400;
			color: #000;
			line-height: 1.2;
			margin-bottom: 20px;
		}

		h2 span {
			display: block;
		}

		.z-button {
			background: #f0483e none repeat scroll 0 0;
			color: #fff;
			display: inline-block;
			font-family: "proxima_novasemibold";
			padding: 10px 25px;
			text-transform: uppercase;
		}

		.z-slider-wrap {
			position: relative;
		}

		.z-slider {
			margin-bottom: 0;
			list-style: none;
			min-height: 150px;
			padding-left: 0px;
			transition: height 1s ease;
			-moz-transition: height 1s ease;
			-o-transition: height 1s ease;
			-webkit-transition: height 1s ease;
		}

		.z-slider li {
			position: absolute;
			top: 0px;
			display: none;
			width: 100%;
			margin: 0;
		}

		.z-slider li img {
			display: block;
			width: 100%;
			height: auto;
			max-width: 100%;
		}

		.z-img-wrap img {
			display: block;
		}

		

		.main {
			margin: 0px;
			background: #fafafa;
			overflow: hidden;
		}

		.page-content {
			font-family: 'Roboto Slab', serif;
		}

		.z-page-layout {
			max-width: 980px;
			margin: 0 auto;
			background: #fff;
			border: 1px solid #e4e4e4;
			padding: 90px 0px;
			position: relative;
		}

		.z-alt-page-layout {
			margin-bottom: 120px;
		}

		.z-alt-page-layout .z-page-layout {
			padding: 0px;
			background: transparent;
			border: none;
		}

		.z-content-area {
			max-width: 650px;
			margin: 0 auto;
		}

		.z-img-wrap {
			position: relative;
		}

		.z-img-wrap img {
			display: block;
			margin: 0 auto;
		}

		.z-img-wrap .screen-shots {
			position: absolute;
			top: 75px;
			left: -6px;
			right: 0px;
			margin: 0 auto;
			border: 1px solid #f5f5f5;
		}

		.z-img-wrap .ipad-device.screen-shots {
			top: 36px;
			left: -15px;
			max-width: 700px;
		}

		#banner-section .z-page-layout {
			max-width: 980px;
			margin: 0 auto;
			background: none;
			border: none;
			padding: 40px 0px 60px;
			text-align: center;
		}

		.z-page-layout p {
			max-width: 550px;
			margin: 0 auto;
		}

		#section1,
		#section2,
		#section3,
		#section4,
		#section5,
		#section6 {
			text-align: center;
			position: relative;
		}

		#section1 {
			margin-top: 20px;
		}

		#section1 .z-page-layout {
			padding-bottom: 350px;
		}

		#section1-alt {
			margin-top: -300px;
			margin-bottom: 150px;
		}

		#section1-alt .z-mobile-only {
			display: none;
		}

		#section1-alt .devices-mobile,
		#section1-alt .devices-tablet {
			left: -50px;
			position: absolute;
			top: 80px;
			width: 320px;
			z-index: 1;
		}

		#section1-alt .devices-mobile {
			left: auto;
			right: -20px;
			width: 170px;
			TOP: 188PX;
		}

		#section2 .z-page-layout,
		#section3 .z-page-layout,
		#section4 .z-page-layout,
		#section5 .z-page-layout,
		#section6 .z-page-layout {
			padding-bottom: 400px;
		}

		#section2-alt,
		#section3-alt,
		#section4-alt,
		#section5-alt,
		#section6-alt {
			margin-top: -350px;
		}

		#section3 .z-page-layout img,
		#section4 .z-page-layout img,
		#section6 .z-page-layout img {
			position: absolute;
			bottom: 0px;
			left: 0px;
		}

		.z-cursor {
			display: inline-block;
			margin-left: 2px;
			width: 2px;
			position: relative;
		}

		.z-cursor label {
			position: absolute;
			top: -32px;
			left: -14px;
			background: #122ceb;
			color: #fff;
			font-size: 12px;
			padding: 5px 15px;
			border-radius: 5px;
			font-family: 'Roboto Slab', serif;
			font-weight: 700;
			line-height: 15px;
			opacity: 1;
		}

		.z-cursor label:after {
			width: 0;
			height: 0;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 7px solid #122ceb;
			position: absolute;
			top: 100%;
			content: '';
			display: block;
			left: 8px;
			right: 0px;
		}

		.z-cursor span {
			position: absolute;
			top: 10%;
			left: 0px;
			background: #122ceb;
			width: 100%;
			height: 80%;
			display: block;
		}

		.z-cursor-blink {
			-webkit-animation: blink 2.5s linear 0s infinite;
			-moz-animation: blink 2.5s linear 0s infinite;
			-ms-animation: blink 2.5s linear 0s infinite;
			-o-animation: blink 2.5s linear 0s infinite;
		}

		@-webkit-keyframes blink {
			0% {
				opacity: 1;
				background: #e52053;
			}
			25% {
				opacity: 0;
			}
			50% {
				opacity: 1;
				background: #30ce6b;
			}
			75% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				background: #1c4eef;
			}
		}

		@-moz-keyframes blink {
			0% {
				opacity: 1;
				background: #e52053;
			}
			25% {
				opacity: 0;
			}
			50% {
				opacity: 1;
				background: #30ce6b;
			}
			75% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				background: #1c4eef;
			}
		}

		@-o-keyframes blink {
			0% {
				opacity: 1;
				background: #e52053;
			}
			25% {
				opacity: 0;
			}
			50% {
				opacity: 1;
				background: #30ce6b;
			}
			75% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				background: #1c4eef;
			}
		}

		@keyframes blink {
			0% {
				opacity: 1;
				background: #e52053;
			}
			25% {
				opacity: 0;
			}
			50% {
				opacity: 1;
				background: #30ce6b;
			}
			75% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				background: #1c4eef;
			}
		}

		.z-cursor.blinking {
			display: inline-block;
			height: 50px;
			left: -8px;
			margin-left: 2px;
			padding-top: 0;
			position: relative;
			top: 6px;
			width: 2px;
		}

		[data-animation] {
			visibility: hidden !important;
		}

		.fadeIn,
		.fadeInLeft,
		.fadeInRight,
		.zoomIn {
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		@-webkit-keyframes fadeInLeft {
			from {
				opacity: 0;
				-webkit-transform: translate3d(-200px, 0, 0);
				transform: translate3d(-200px, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}

		@keyframes fadeInLeft {
			from {
				opacity: 0;
				-webkit-transform: translate3d(-200px, 0, 0);
				transform: translate3d(-200px, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}

		.fadeInLeft {
			-webkit-animation-name: fadeInLeft;
			animation-name: fadeInLeft;
		}

		@-webkit-keyframes fadeInRight {
			from {
				opacity: 0;
				-webkit-transform: translate3d(200px, 0, 0);
				transform: translate3d(200px, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}

		@keyframes fadeInRight {
			from {
				opacity: 0;
				-webkit-transform: translate3d(200px, 0, 0);
				transform: translate3d(200px, 0, 0);
			}
			to {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
			}
		}

		.fadeInRight {
			-webkit-animation-name: fadeInRight;
			animation-name: fadeInRight;
		}

		@-webkit-keyframes fadeIn {
			from {
				opacity: 0;
			}
			to {
				opacity: 1;
			}
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
			}
			to {
				opacity: 1;
			}
		}

		.fadeIn {
			-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
		}

		.decorated-image {
			position: absolute;
			bottom: 0;
			left: 45%;
		}

		.decorated-image.plant {
			left: 220px;
		}

		.decorated-image.pencilstand {
			left: auto;
			/* right: 270px; // */
			bottom: 15px;
		}

		.decorated-image.bookarray {
			left: 220px;
		}

		.z-page-layout.bottom-mobile-btn {
			text-align: center;
			border: none;
			background: none;
			padding: 0 0 80px;
			margin-top: -60px;
		}
		/* video animations */

		.zimg-container.zvideo-con {
			width: 100%;
			margin: 0 auto;
			position: relative;
			max-width: 691px;
		}
		/* .zvideo-con .zimg-skin {
			transform: rotate(90deg);
		} */

		.zvideo-con .zimg-skin {
			box-shadow: initial;
			-webkit-filter: drop-shadow(5px 6px 37px #d6d6d6);
			-moz-filter: drop-shadow(5px 6px 37px #d6d6d6);
			filter: drop-shadow(5px 6px 37px #d6d6d6);

			/* -webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			transform: rotate(90deg); */
		}


		.zvideo-con .zvideo-wrap {
			position: absolute;
			z-index: 1;
			top: 28px;
			left: 55px;
			width: 570px;
			box-shadow: initial;
			cursor: pointer;
			transition: all .6s;
			border: 1px solid #ddd;
			height: 428px;
		}
		.zvideo-wrap video{
/*			border: 1px solid #d7d7d7;*/
		}

		.zvideo-wrap span {
			content: "";
			background: rgba(0, 0, 0, .4);
			width: 100%;
			height: 100%;
			position: absolute;
			transition: all .6s;
			top: 0;
			display:none;
		}

		.zvideo-wrap.zremove-bg span {
			background-color: transparent;
			transition: all .6s;
		}

		.zvideo-wrap video {
			width: 100%;
                        position: relative;
                        /* top: -60px; */
                        max-width: 100%;
		}

		.playButton {
			border-radius: 100px;
			border: 3px solid #fff;
			height: 80px;
			position: absolute;
			width: 80px;
			margin: auto;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			cursor: pointer;
			display: block;
			opacity: 0.95;
			transition: opacity 150ms;
			z-index: 1;
			pointer-events: none;
			display:none;
		}

		.playButton:before {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 0 12px 21px;
			border-color: transparent transparent transparent #fff;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}

		.play.replay {
			position: absolute;
			width: 80px;
			height: 80px;
			margin: auto;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: auto;
			background: url(images/replay@2x.png);
			display: inline-block;
			background-repeat: no-repeat;
			background-size: 100%;
			pointer-events: none;
		}

                .main-container-wrapper{
                        background: #fafafa;
                }


                /*  New style  */
                .apple-store, .google-play{
                      background: url(/sites/default/files/download-apps-sprite2x.png) no-repeat left top;
                      background-size: auto 40px;
                      height: 40px;
                      margin: 20px 10px 0;
   
                }
                .apple-store {
                      background-position: 0 0;
                      width; 135px;
                }

               .google-play{
                     background-position: -135px 0;
                     width: 134px;
               }
                
               .main-container-wrapper p{
                    font-size: 18px;
               }

              .hidden-xs {
                    display: none;
              }

               /*  End of new style   */

		@media only screen and (max-width: 1200px) {
			#section1-alt .z-desktop-only {
				display: none;
			}
			#section1-alt .z-mobile-only {
				display: block;
			}
		}

		@media only screen and (max-width: 991px) {
			.z-page-layout {
				width: 90%;
			}
			#section2 img,
			#section3 img {
				opacity: 0;
			}
		}

		@media only screen and (max-width: 767px) {
			h1 {
				font-size: 45px;
			}
			h2 {
				font-size: 40px;
				margin-bottom: 10px;
			}
			.z-page-layout {
				padding: 60px 0px;
			}
			.z-content-area {
				width: 90%;
			}
			img.zimg-skin {
				display: none;
			}
			.zvideo-con .zvideo-wrap {
				position: static;
				margin: 0 auto;
				width: 100%;
				height: auto;
				border:0px;
			}
			.zvideo-wrap span,
			.playButton {
				display: none;
			}
			#section5 .z-page-layout{border:0px;background:none}
			.zvideo-wrap video{border:1px solid #ddd;padding-right:1px;}
			.zvideo-wrap {

			}
		}

		@media only screen and (max-width: 480px) {
			h1 {
				font-size: 36px;
				margin-bottom: 15px;
			}
			h2 {
				font-size: 32px;
			}
			.z-page-layout {
				padding: 40px 0px;
				margin-bottom: 80px;
			}
			#section1 .z-page-layout {
				padding-bottom: 350px;
			}
			#section1-alt {
				margin-top: -400px;
				margin-bottom: 150px;
			}
			#section2-alt,
			#section3-alt,
			#section4-alt,
			#section5-alt,
			#section6-alt {
				margin-top: -450px;
			}
			.mobile-device {
				max-width: 300px;
			}
			.z-img-wrap .screen-shots {
				width: 260px;
				height: 475px;
				top: 9%;
				left: -4px;
			}
			.z-img-wrap video.screen-shots {
				top: 19px;
				height: 550px;
				border: 0px solid #fff;
			}
		}