html,
        	body {
        		height: 100%;        	
        		margin: 0 auto;
        		max-width: 1688px;
        		padding: 0px;
        		background: #1f234d;
        		font-family: 'Didact Gothic', sans-serif;
        		font-size: 12pt;
        		font-weight: 200;
        		color: #FFF;
        	}


        	h1,
        	h2,
        	h3 {
        		margin: 1px;
        		padding: 16px;
        	}

        	p,
        	ol,
        	ul {
        		margin-top: 0;
        	}

        	ol,
        	ul {
        		padding: 0;
        		list-style: none;
        	}

        	p {
        		line-height: 180%;

        	}

        	a {
        		color: #FFB6C1;
        	}

        	a:hover {
        		text-decoration: none;
        	}

        	.container {
        		overflow: hidden;
        		margin: 0em auto;
        		width: 100%;
        	}

        	/*********************************************************************************/
        	/* Image Style                                                                   */
        	/*********************************************************************************/

        	.image {
        		display: inline-block;
        	}

        	.image img {
        		display: block;
        		width: 100%;
        	}

        	.image-full {
        		display: block;
        		width: 100%;
        		margin: 0 0 2em 0;
        	}

        	.image-left {
        		float: left;
        		margin: 0 2em 2em 0;
        	}

        	.image-centered {
        		display: block;
        		margin: 0 0 2em 0;
        	}

        	.image-centered img {
        		margin: 0 auto;
        		width: auto;
        	}

        	/*********************************************************************************/
        	/* List Styles                                                                   */
        	/*********************************************************************************/

        	ul.actions li {
        		display: inline-block;
        		padding: 0em 0.50em;
        	}


        	/*********************************************************************************/
        	/* Social Icon Styles                                                            */
        	/*********************************************************************************/

        	ul.contact {
        		margin: 0;
        		padding: 2em 0em 0em 0em;
        		list-style: none;
        	}

        	ul.contact li {
        		display: inline-block;
        		padding: 0em 0.30em;
        		font-size: 1em;
        	}

        	ul.contact li span {
        		display: none;
        		margin: 0;
        		padding: 0;
        	}

        	ul.contact li a {
        		color: #FFF;
        	}

        	ul.contact li a:before {
        		display: inline-block;
        		background: #3f3f3f;
        		width: 40px;
        		height: 40px;
        		line-height: 40px;
        		border-radius: 20px;
        		text-align: center;
        		color: #FFFFFF;
        	}

        	ul.contact li a.icon-twitter:before {
        		background: #2DAAE4;
        	}

        	ul.contact li a.icon-facebook:before {
        		background: #39599F;
        	}

        	ul.contact li a.icon-dribbble:before {
        		background: #C4376B;
        	}

        	ul.contact li a.icon-tumblr:before {
        		background: #31516A;
        	}

        	ul.contact li a.icon-rss:before {
        		background: #F2600B;
        	}

        	/*********************************************************************************/
        	/* Button Style                                                                  */
        	/*********************************************************************************/

        	.button {
        		display: inline-block;
        		padding: 1em 2em 1em 2em;
        		letter-spacing: 0.10em;
        		margin-top: 1.5em;
        		padding: 1.40em 3em;
        		background: #2651a8;
        		border-radius: 6px;
        		text-decoration: none;
        		font-weight: 700;
        		font-size: 1.1em;
        		color: #FFF;
        	}

        	.button-alt {
        		padding: 1em 2em;
        		border-color: rgba(0, 0, 0, .8);
        		color: #FFF;
        		white-space: nowrap;
        	}

        	/*********************************************************************************/
        	/* 4-column                                                                      */
        	/*********************************************************************************/

        	.box1,
        	.box2,
        	.box3,
        	.box4 {
        		width: 235px;
        	}

        	.box1,
        	.box2,
        	.box3 {
        		float: left;
        		margin-right: 20px;
        	}

        	.box4 {
        		float: right;
        	}

        	/*********************************************************************************/
        	/* 3-column                                                                      */
        	/*********************************************************************************/

        	#three-column {
        		text-align: center;
        		color: rgba(0, 0, 0, 0.6);
        	}

        	#three-column .fa {
        		display: block;
        		padding: 1em 0em;
        		color: rgba(0, 0, 0, 1);
        		font-size: 2em;
        	}

        	#three-column .title h2 {
        		font-weight: bold;
        		color: rgba(0, 0, 0, 0.8);
        	}

        	#three-column .title .byline {
        		text-align: center;
        		color: rgba(0, 0, 0, .5);
        	}

        	.boxA,
        	.boxB,
        	.boxC {
        		width: 31%;
        		float: left;
        		margin: 1px 1%;
        		Font-size: 1.4em;
        	}

        	.boxA p,
        	.boxB p,
        	.boxC p {
        		height: 180px;
        	}

        	/*********************************************************************************/
        	/* 2-column                                                                      */
        	/*********************************************************************************/

        	.tbox1,
        	.tbox2 {
        		width: 575px;
        	}

        	.tbox1 {
        		float: left;
        	}

        	.tbox2 {
        		float: right;
        	}


        	/*********************************************************************************/
        	/* Heading Titles                                                                */
        	/*********************************************************************************/

        	.title {
        		margin-bottom: 1.6em;
        	}

        	.title h2 {
        		font-size: 2.7em;
        	}

        	.title .byline {
        		font-size: 1.3em;
        		color: rgba(255, 255, 255, 0.60);
        	}

        	/*********************************************************************************/
        	/* Header                                                                        */
        	/*********************************************************************************/

        	#wrapper {
        		position: relative;
        		padding: 4em 0em 5em 0em;
        		background: #FFF;
        	}

        	/*********************************************************************************/
        	/* Header                                                                        */
        	/*********************************************************************************/

        	#header-wrapper {
        		position: relative;
        		/* padding: 4em 0em 7em 0em; */
        		background: #111111 url(../images/header-bg.jpg) no-repeat center;
        		background-size: cover;
        	}

        	#header {
        		position: relative;
        		padding: 5em 0em;
        	}

        	/*********************************************************************************/
        	/* Logo                                                                          */
        	/*********************************************************************************/

        	#logo {
        		position: absolute;
        		top: 0.5em;
        		left: 0;
        		background: url(../images/logo.png) no-repeat center;
        		Background-size: cover;
        		Width: 70px;
        		height: 70px;
        	}

        	#logo h1 {
        		Margin-left: 70px;
        		font-size: 2.6em;
        		color: #79C255;
        		margin: 10px 0 auto 70px;
        	}

        	#logo a {
        		text-decoration: none;
        		color: rgba(255, 255, 255, 1);
        	}

        	/*********************************************************************************/
        	/* Menu                                                                          */
        	/*********************************************************************************/

        	#menu {
        		position: absolute;
        		top: 2.5em;
        		right: 0;
        		/* Font-size:1.4em; */
        	}

        	#menu ul {
        		display: inline-block;

        	}

        	#menu li {
        		display: block;
        		float: left;
        		text-align: center;
        	}

        	#menu li a,
        	#menu li span {
        		padding: 1em 1.5em;
        		letter-spacing: 1px;
        		text-decoration: none;
        		text-transform: uppercase;
        		font-size: 0.8em;
        		color: rgba(255, 255, 255, 0.80);
        	}


        	#menu .active a {
        		background: #2651a8;
        		border-radius: 6px;
        		color: rgba(255, 255, 255, 1);
        	}



        	/*********************************************************************************/
        	/* Banner                                                                        */
        	/*********************************************************************************/

        	#banner {
        		padding-top: 10em;
        		text-align: center;
        	}

        	#banner .title h2 {
        		font-size: 4em;
        	}

        	#banner .title .byline {
        		font-size: 2em;
        	}

        	#banner .button {
        		margin-top: 2em;
        		padding: 1.40em 3em;
        		border-radius: 6px;
        		font-weight: 700;
        		font-size: 1em;

        	}

        	.banner {
        		margin-bottom: 5em;
        	}

        	/*********************************************************************************/
        	/* Sidebar                                                                       */
        	/*********************************************************************************/



        	/*********************************************************************************/
        	/* Showcase                                                                       */
        	/*********************************************************************************/

        	#showcase {
        		position: relative;
        		padding: 3em 0em 3m 0em;
        		background: #2651a8;
        		background-size: cover;
        		text-align: center;
        	}

        	#showcase .container {
        		width: auto;
        		padding: 0px auto;
        		color: rgba(255, 255, 255, 0.8);
        	}

        	#showcase p {
        		Margin: 6px auto;
        		font-size: 1.1em;
        	}

        	#showcase a {
        		color: rgba(255, 255, 255, 1);
        	}

        	#showcase .button {
        		background: #FFF;
        		color: #2651a8;
        	}

        	/*********************************************************************************/
        	/* nice code especially for iOS 
background: fixed center no-repeat;background-size:cover;background-attachment:scroll;                                                                   */
        	/*********************************************************************************/
        	#showcase .productdemo {
        		height: 28em;
        		margin: auto 0;
        		background: url(../images/productdemo.jpg) fixed center no-repeat;
        		background-size: cover;
        		background-attachment: scroll;
        	}

        	/*********************************************************************************/
        	/* Contact                                                                        */
        	/*********************************************************************************/
        	#contact {
        		position: relative;
        		background: #595959;
        		background-size: cover;
        		text-align: center;
        		padding-bottom: 1px;
        	}

        	/*********************************************************************************/
        	/* Footer                                                                        */
        	/*********************************************************************************/


        	/*********************************************************************************/
        	/* Copyright                                                                     */
        	/*********************************************************************************/

        	#copyright {
        		overflow: hidden;
        		border-top: 3px solid rgba(0, 0, 0, 0.08);
        	}

        	#copyright p {
        		text-align: center;
        		font-size: 1em;
        		color: rgba(255, 255, 255, 0.3);
        		margin: auto;
        		Height: auto;
        	}

        	#copyright a {
        		text-decoration: none;
        		color: rgba(255, 255, 255, 0.6);
        	}


        	/*********************************************************************************/
        	/* Extra                                                                         */
        	/*********************************************************************************/