@import url("font-awesome.min.css");
@import url('theme_v1.css');
@import url('animation.css');

h2
{
	font-weight:700;
	font-size:45px;
}

/*
	############################# HEADER CSS
*/
.headerMain
{
	padding:10px 0px;
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow:    0px 2px 8px 0px rgba(0, 0, 0, 0.09);
	box-shadow:         0px 2px 8px 0px rgba(0, 0, 0, 0.09);
	background:#ffffff;
	z-index:1;
}
.headerMain .logo{float:left;}

.headerMain .logo .forBlack{display:none;}
.headerMain .logo .forWhite{display:block;}

.headerMain nav{float:right;}
.headerMain nav ul li{float:left; padding:15px 15px 0px;}
.headerMain nav ul li a{font-weight:500; font-size:15px; color:#2d3e50;}
.headerMain nav ul li a.active, .headerMain nav ul li a:hover{color:#f65317;}

.headerMain .actionButton	{ float:right; padding:6px 0px 0px 10px;}
.headerMain .actionButton a	
{ 
	font-size: 18px; 
	font-weight: 500; 
	text-transform: none; 
	padding: 8px 18px;
}

/*
	############################# Footer CSS
*/
footer{background:#010b15; color:#bacadb; padding:30px 0px; font-size:14px;}

footer h3{color:#ffffff; font-size:17px; padding-bottom:10px;}
footer .footerMain  { border-bottom: 1px solid #222b35; padding-bottom: 30px; }
.mobileScreenshot	{ display: none; }
.quickinfo	{float:left; width:30%; line-height:24px; text-align:justify; margin-left:35px;}
.quickinfo img{padding-bottom:17px;}

.quickLinks	{float:left; width:24%; margin-left:6%; padding-top:34px;}
.quickLinks ul {display:inline-block; margin-right:20px; vertical-align:top;}
.quickLinks ul li{padding:6px 13px; position: relative;}
.quickLinks ul li a{color:#bacadb;}
.quickLinks ul li a:hover{color:#ffffff;}
.quickLinks ul li:before
{
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #ffffff;
    position: absolute;
    top: 10px;
    left: 0px;
}

.contactUS{float:right; width:34%;  padding-top:34px;}
.contactUS .salesDept	{ float: left; width: 50%; }
.contactUS .help			{ float: right; width: 50%; }
.contactUS h3	{ padding-bottom: 16px; }
.contactUS a 
{
	color: #bacadb;
	font-size: 14px;
	display: block;	
	padding-bottom: 17px;
	position: relative;
	padding-left: 52px;
}	
.contactUS a span	
{
	display: block;
	color: #ffd75c;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 500;
}
.contactUS a:before
{
	content: " ";
	width: 45px;
	height: 35px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../../images/sprite3.png') no-repeat;
	background-size: 180px 329px;
}
.contactUS a.india:before		{ background-position: -118px -13px; }
.contactUS a.singapore:before	{ background-position: -118px -63px; }
.contactUS a.usa:before			{ background-position: -118px -110px; }
.contactUS .help a	{ padding-left: 35px; }
.contactUS a.call:before
{
	content: "\f10b";
	font-family: 'FontAwesome', sans-serif;
	font-size: 40px;
	color: #ffffff;
	background: none;
}
.contactUS a.email:before
{
	content: "\f0e0";
	font-family: 'FontAwesome', sans-serif;
	font-size: 22px;
	color: #ffffff;
	background: none;
	top: 5px;
}
.contactUS .salesDept a.email:before	{ font-size: 28px; top: 0px; left: 6px; }
.contactUS p
{
    line-height:25px;
    padding-left: 23px;
    position: relative;
}
.contactUS p:before    
{ 
    content: "\f095";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
}
.contactUS label    
{ 
    border-top: none;  
    padding: 0px; 
    text-align: left;
}
.contactUS label:before
{
    content: "\f0e0";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #ffffff;
    padding-right: 10px;
}
.contactUS .socialIcons { padding-top: 25px; }
.contactUS .socialIcons a
{
    color: #ffffff;
    font-size: 15px;
    height: 28px;
    width: 28px;
    line-height: 26px;
    border: 1px solid #ffffff;
    text-align: center;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-right: 6px;

}
.contactUS .socialIcons a:hover
{
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.79);
-moz-box-shadow:    0px 0px 6px 0px rgba(0, 0, 0, 0.79);
box-shadow:         0px 0px 6px 0px rgba(0, 0, 0, 0.79);
}
.contactUS .socialIcons a.fa-facebook:hover
{
    background: #3b5998;
    border:1px solid  #3b5998;
}
.contactUS .socialIcons a.fa-twitter:hover
{
    background: #00aced;
    border:1px solid  #00aced;
}
.contactUS .socialIcons a.fa-google-plus:hover
{
    background: #d34836;
    border:1px solid  #222b35;
}
footer label    
{ 
    font-size: 13px; 
    color: #bacadb; 
    text-align: center;
    display: block;
    border-top: 1px solid #222b35;
    margin-top: 2px;
}
footer label span
{
    border-top: 1px solid #222b35;
    margin-top: 2px;
    display: block;
    padding-top: 25px;
}




.flipBox .featuredPoints .actionButton a, .leaderboard .featuredPoints .actionButton a	
{
		-o-box-shadow: 0px 5px 5px 0px rgba(201, 67, 17, 0.75);
		-moz-box-shadow: 0px 5px 5px 0px rgba(201, 67, 17, 0.75);
		-webkit-box-shadow: 0px 5px 5px 0px rgba(201, 67, 17, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(201, 67, 17, 0.75);
}

/*
	############################# INDEX HERO BANNER CSS
*/

.heroBanner .headerMain
{
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.09);
}

.heroBanner .headerMain .logo .forBlack{display:block;}
.heroBanner .headerMain .logo .forWhite{display:none;}

.heroBanner .headerMain nav ul li a		{color:#ffffff;}
.heroBanner .headerMain nav ul li a.active{color:#ffd248;}

.heroBanner
{
	background:url("../../images/index_banner.png") #504656 no-repeat top center;
	height:640px;
	color:#ffffff;	
	overflow:hidden;
	position: relative;
}
.bannerText 
{ 
	text-align: center; 
	width: 40%;
	margin: 0px auto;
	padding-top: 4%;
}

.heroBanner h1
{
	font-size: 24px;
	font-weight: 300;
	line-height: 45px;
}
.heroBanner h1 strong
{
	font-size: 35px;
	color: #000000;
	background: #ffdd2b;
	display: block;
	font-family: 'Poppins', sans-serif;
	padding: 5px 0px;
	font-weight: 700;
	margin: 5px 0px;
}
.heroBanner h1 span	
{ 
	font-size: 30px; 
	font-weight: 500; 
	display: block; 
	text-transform: uppercase;
}
.heroBanner .bannerText a
{
	background:#ffdd2b;
	border-radius:45px;
	padding:15px 30px;
	font-weight:600;
	font-size:22px;
	color:#000000;
	margin-top: 18px;
	text-transform: uppercase;
	z-index: 1;
}
.slide_graph	
{ 
	position: absolute;
	bottom: 0px;
	left: -45px;
}
.slide_phone	
{ 
	position: absolute;
	bottom: -70px;
	right: 45px;
	text-align: right;
}
.slide_phone img
{
	max-width: 50%;
}


/*
	############################# About GYMAPPZ Intro
*/
.aboutIntro
{
	background:#ffd248; 
	padding:40px 0px 70px;
}
.aboutIntro .introTitle
{
	text-align:center; 
	color:#000000;
}
.aboutIntro .introTitle label{padding:30px 0px;}
.aboutIntro .introTitle label,
.aboutIntro .introTitle p
{
	font-weight:300; 
	font-size:25px; 
	display:block
}
.aboutIntro .introTitle div
{
	font-weight:300; 
	font-size:20px;
}
.aboutIntro .introTitle div span.plus
{
	vertical-align:top;
	font-size:35px;
	padding:0px 20px;
}
.aboutIntro .introTitle div span {position: relative;}
.aboutIntro .introTitle div span.cloudBased:before
{
    font-family:"FontAwesome";
    content: "\f108";
	font-size:42px;
	
    height: 45px;
    width: 45px;
	/*
    background: url('../../images/sprite.png') no-repeat;
    background-size: 150px 533px;
    background-position: 0px 0px;
	*/
    position: absolute;
    top: -1px;
    left: -59px;
}
.aboutIntro .introTitle div span.mobileApp:before
{
	font-family:"FontAwesome";
    content: "\f10b";
	font-size:55px;
	line-height:44px;
	text-align:left;
	
    height: 45px;
    width: 45px;
    /*background: url('../../images/sprite.png') no-repeat;
    background-size: 160px 569px;
    background-position: -12px -50px;*/
    position: absolute;
    top: -1px;
    right: -59px;
}
.aboutIntro ul
{
	background:#ffffff;
	border-radius:4px;
	margin-top:45px;
	overflow:hidden;
	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.35);
}
.aboutIntro ul li
{
	width:calc(100%/3);
	min-height:290px;
	float:left;
	border-right:1px solid #d7dce2;
	border-bottom:1px solid #d7dce2;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	text-align:center;
	padding:35px 35px 15px;
}
.aboutIntro ul li:hover
{
	background:#ffffff;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.aboutIntro ul li label
{
	display:block; 
	font-weight:500;
	font-size:18px;
	color: #0a1826
}
.aboutIntro ul li .ico
{
    width: 70px;
    height:70px;
    background: url('../../images/sprite.png') no-repeat;
    background-size: 162px 576px;
    margin:10px auto;
    text-align: center;
    opacity: 0;
}
.aboutIntro ul li.marketing .ico     { background-position: -1px -98px; }
.aboutIntro ul li.membership .ico     { background-position: -1px -179px; }
.aboutIntro ul li.workout .ico     { background-position: -3px -257px; }
.aboutIntro ul li.feedback .ico     { background-position: -2px -337px; }
.aboutIntro ul li.levelUp .ico     { background-position: -2px -412px; }
.aboutIntro ul li.engage .ico     { background-position: -3px -499px; }
.aboutIntro ul li.active .ico
{
    opacity: 1;
    -o-transition: .8s ease-out;
    -moz-transition: .8s ease-out;
    -webkit-transition: .8s ease-out;
    transition: .8s ease-out;
    animation: popIn 0.7s;
    transform: scale(0,0);
    animation-fill-mode: forwards;
}
@keyframes popIn
{
    0%{transform:scale(0,0); opacity:0;}
    50%{transform:scale(1.5,1.5); opacity:0.5;}
    100%{transform:scale(1,1); opacity:1;}
}
.aboutIntro ul li p
{
	color: #5e6d7d; 
	font-size:15px; 
	line-height:24px;
}
/*
	############################# Key Points
*/
.keyPoints{}

.screenShort
{
    float:left; 
    width:55%;
    
    position: relative;
	
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;

	-webkit-transform: translate3d(-120%,0,0);
	-moz-transform: translate3d(-120%,0,0);
	transform: translate3d(-120%,0,0);
    
}
.points
{
    float:right; 
    width:44%; 
	
	font-weight:300;
    font-size:18px; 
	color: #324254;
	
    letter-spacing:0.4px;
    
    position: relative;
	
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;

	-webkit-transform: translate3d(120%,0,0);
	-moz-transform: translate3d(120%,0,0);
	transform: translate3d(120%,0,0);    
}

.keyPoints .points h2
{
	font-family: 'Poppins';
	font-weight: 700;
	color: #0a1826;
	font-size:30px; 
	padding:0px 0px 15px;
}
.keyPoints .points p{line-height:29px;}

.keyPoints .points h3
{
	font-weight:300; font-size:19px; 
	padding:25px 0px;
}
.keyPoints .points ul{margin-left:25px; }
.keyPoints .points ul li{ padding-bottom:15px; padding-left:25px;}

.keyPoints .points ul li:before
{
    content: "\f138";
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #ffd248;
    padding-right: 9px;
	position:absolute;
	top:0px;
	left:0px;
}
.keyPoints .points ul.check li:before
{
	 content: "\f058";
}
.keyPoints .points .actionButton{margin-top:25px;}
.keyPoints .points .actionButton a{padding:10px 20px}

/* |-------> For Portal */
.ofPortal{padding:5% 0px;}
.ofPortal .screenShort	{ width: 45%; margin-left: -15%; }
.ofPortal .screenShort img	{ max-width: none; }
.ofPortal .points	{ width: 47%; }

/* |-------> For App */
.ofApp{padding:5% 0px; background:#010b15;}
.ofApp .screenShort
{
    float:right; 
    width:44%;
    
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;

	-webkit-transform: translate3d(120%,0,0);
	-moz-transform: translate3d(120%,0,0);
	transform: translate3d(120%,0,0);
}
.ofApp .points
{
    float:left; 
    width:55%; 
    padding-top:9%;
	color:#ffffff;
	
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;

	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
   
}
.ofApp .points h2{color:#ffffff;}
.ofApp .points h2 span{padding-right:10px;}
.ofApp .points h2 span strong{color:#ffdd2b;}
.ofApp .points ul li:before
{
	
}

/*
	############################# About GYMAPPZ Intro
*/
.growth
{
	background:#ffffff;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 3px 8px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 3px 8px 0px rgba(0, 0, 0, 0.15);	
	z-index:1;
}
.growth .title
{
	background:#edf5f7; 
	padding:70px 0px;
	color: #0a1826;
	text-align:center;
}
.growth .title p
{
	font-weight:300; 
	font-size:22px;	
}
.growth .title p strong
{
	font-family: 'Poppins';	
	font-weight: 700;
	font-size:37px;
	display:block;	
}
.growth .wrapper
{
	height:600px;
	overflow:hidden;
}
.growth .clientAvtar
{
	float:left;
	width:40%;	
	background:url('../../images/client-avtar.png') no-repeat top center;
	height:600px;
}
.growth .clientSays
{
	float:right;
	width:58%;
	padding:63px 0px;
}
.growth .clientSays h3
{
	font-weight:500;
	font-size:26px;
}
.growth .clientSays label,
.growth .clientSays p
{
	display:block;
	font-weight:300;
	font-size:19px;
	color: #324254;
}
.growth .clientSays p
{
	font-size:25.5px;
	padding:26px 0px;
	line-height:41px;
}
.growth .clientSays ul
{
	margin-top:3%;
}
.growth .clientSays ul li
{
	float:left;
	text-align:center;
	margin-right:40px;
}
.growth .clientSays ul li:last-child
{
	margin-right:0px;
}
.growth .clientSays ul li .ico
{
	width:85px;
	height:85px;
	border:2px solid #673ab7;
	margin:0px auto;
	border-radius:100%;
	
	background: url('../../images/sprite.png') no-repeat;
    background-size: 162px 576px;
}
.growth .clientSays ul li strong
{
	display:block;
	font-size:40px;
	font-weight:400;
	color:#673ab7;
	padding:10px 0px 0px;
}
.growth .clientSays ul li label
{
	display:block;
	font-weight:300;
	font-size:17px;
	color: #324254;
	line-height:25px;
}
.growth .clientSays ul li label span	{ display: block; }
.growth .clientSays ul li.ico1 .ico{background-position:-87px -1px; border-color:#673ab7;}

.growth .clientSays ul li.ico2 strong{color: #4ece9c;}
.growth .clientSays ul li.ico2 .ico{background-position:-87px -73px; border-color:#4ece9c;}

.growth .clientSays ul li.ico3 strong{color: #f9bc2b;}
.growth .clientSays ul li.ico3 .ico{background-position:-87px -167px; border-color:#f9bc2b;}

.growth .clientSays ul li.ico4{margin-right:0px;}
.growth .clientSays ul li.ico4 strong{color: #1a77c2;}
.growth .clientSays ul li.ico4 .ico{background-position:-87px -257px; border-color:#1a77c2;}




/*
	############################# About Schedule Demo
*/
.scheduleDemo
{
	background:#ffd248;
	padding:4% 0px;
	text-align:center;
}
.scheduleDemo h4
{
	font-family: 'Poppins';	
	font-weight: 700;
	color:#000000;
	font-size:30px;
	margin-bottom:15px;
}
.scheduleDemo a,
.freeDemoBtn
{
	background:#ffffff;
	border-radius:45px;
	color:#000000;
	padding:12px 40px;
	font-weight:700;
	font-size:27px;
	text-transform:uppercase;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.scheduleDemo a:hover,
.freeDemoBtn:hover
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}



/* 
    #######################
    ######### Page Banner
    #######################
*/
.pageBanner
{
	background:#ffdd2b;
	height:430px;
	text-align:center;
	overflow:hidden;
	font-weight:300;
	letter-spacing:0.5px;
}
.pageBanner .wrapper{padding-top:8%;}
.pageBanner label
{
	font-size:21px;	
	color:#f65317;
	letter-spacing:2px;
}
.pageBanner h1
{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:45px;
	color:#000000;
	line-height:48px;
	padding:15px 0px;
}
.pageBanner h1 span, .pageBanner p span{display:block;}
.pageBanner p
{
	font-size:21px;	
	color:#000000;
}


/* 
    #######################
    ######### Page  = About us
    #######################
*/
.pageAboutUs{}
/* ====== */
.businessSolution{padding:80px 0px;}

.businessSolution .figure,
.businessSolution .text
{
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.businessSolution .figure
{
	width:40%; float:left;
	-webkit-transform: translate3d(-50%,50%,0);
	-moz-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0);
}
.businessSolution .text
{
	width:56%; float:right;
	-webkit-transform: translate3d(50%,50%,0);
	-moz-transform: translate3d(50%,50%,0);
	transform: translate3d(50%,50%,0);
}
.businessSolution .text h2
{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:40px;
	color:#18314b;
	line-height:48px;
	padding-bottom:25px;
}
.businessSolution .text p
{
	font-weight:300;
	font-size:19px;
	color:#3f5d7c;
	line-height: 1.842;
	padding-bottom:15px;
}
/* ====== */
.ourMissions
{
	background:#040e23;
	padding:100px 0px;
	text-align:center;
}
.ourMissions label
{
	font-weight:500;
	font-size:21px;	
	color:#ffdd2b;
	letter-spacing:2px;
	display:block;
	padding-bottom:20px;
}
.ourMissions p
{
	font-family: 'Merriweather', serif;
	font-size:30px;
	color:#ffffff;
	line-height: 1.6;
}
/* ====== */
.poweringBusiness
{
	background:#f2f5f8;
	padding:85px 0px;
	text-align:center;
}
.poweringBusiness label
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:21px;	
	color:#040e23;
	letter-spacing:2px;
	display:block;
}
.poweringBusiness h2
{
	font-weight:300;
	font-size:35px;
	color:#040e23;
}
.poweringBusiness h2 strong{font-weight:500;}
.poweringBusiness ul
{
	padding-top:7%;
	
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	transition: all 0.6s linear;

	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.poweringBusiness ul li
{
	width:31%;
	float:left;
	background:#ffffff;
	border-radius:5px;
	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(198, 209, 220, 0.6);
	-moz-box-shadow:    0px 0px 7px 0px rgba(198, 209, 220, 0.6);
	box-shadow:         0px 0px 7px 0px rgba(198, 209, 220, 0.6);
	padding:35px 15px 25px 15px;
}
.poweringBusiness ul li:nth-child(2){margin-left:3.5%;}
.poweringBusiness ul li:nth-child(3){float:right; margin:0px;}
.poweringBusiness ul li .ico span
{
	background: url(../../images/sprite3.png) no-repeat;
	background-size: 204px 373px;
	background-position: 0px 0px;
	width:100px;
	height:100px;
	display:inline-block;	
}
.poweringBusiness ul li:nth-child(1) .ico span	{ background-position: -5px -12px; }
.poweringBusiness ul li:nth-child(2) .ico span	{ background-position: -8px -122px; }
.poweringBusiness ul li:nth-child(3) .ico span	{ background-position: 1px -252px; }
.poweringBusiness ul li h3
{
	font-weight:600;
	font-size:19px;
	color:#09193a;
	padding-bottom:8px;
	padding-top:20px;
}
.poweringBusiness ul li p
{
	font-size:15px;
	color:#3f5d7c;
	line-height: 1.8;
	padding-bottom:13px;
}
.poweringBusiness ul li a
{
	font-weight:500;
	text-decoration:underline;
}
/* ====== */
.softwareFeatures
{
	padding:55px 0px 0px;
	border-bottom:1px solid #cfd8e2;
	overflow:hidden;
		-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 82, 122, 0.11);
	-moz-box-shadow:    0px 3px 10px 0px rgba(50, 82, 122, 0.11);
	box-shadow:         0px 3px 10px 0px rgba(50, 82, 122, 0.11);
}
.softwareFeatures h3
{
	font-weight:300;
	font-size:35px;
	color:#040e23;
	text-align:center;
}
.softwareFeatures h3 strong
{
	font-weight:700;
	color:#040e23;
}
.softwareFeatures ul
{
	padding-top:35px;
}
.softwareFeatures ul li
{
	float:left;
	width:29%;
	margin:25px 1.5% 10px;
	padding-left:55px;
	min-height:80px;
}
.softwareFeatures ul li:before
{
	font-family:"FontAwesome";
	content:"\f005";
	color:#e2e5e7;
	font-size:45px;
	position:absolute;
	top:8px;
	left:0px;
}
.softwareFeatures ul li p
{
	font-weight:300;
	font-size:17px;
	color:#324c68;
	line-height:25px;
}
.softwareFeatures .figure
{
	padding-top:45px;
	
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	transition: all 1s linear;

	-webkit-transform: translate3d(0,100%,0);
	-moz-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.softwareFeatures .figure img { top: 10px; }


/* ====== */
.downloadEBook
{
	background:#ffd248;
	padding:75px 0px 55px;
	text-align:center;
	color:#000000;
}
.downloadEBook h3
{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:39px;
	line-height:39px;
	padding-bottom:15px;
}
.downloadEBook p
{
	font-weight:300;
	font-size:25px;
	line-height: 1.6;
	padding-bottom:35px;
}
.downloadEBook a
{
	background:#ffffff;
	padding:10px 30px;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:27px;
	border-radius:12px;
	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.25);
	
	color:#000000;
}

/* ====== */
.havePlan
{
	padding:80px 0px;
	text-align:center;
}
.havePlan label
{
	font-size:35px;
	display:block;
	color:#0f2235;
	padding-bottom:10px;
	padding-top:45px;
}
.havePlan p
{
	font-weight:300;
	font-size:23px;
	display:block;
	color:#0f2235;
	line-height:1.5;
}

/* ====== */
.scheduleFreeDemo
{
	background:#f2f5f8;
	padding:80px 0px;
	text-align:center;
}
.scheduleFreeDemo .figure{width:50%; float:left;}
.scheduleFreeDemo .text{width:50%; float:right; padding-top:8%;}
.scheduleFreeDemo .text h3
{
	font-weight:600;
	color:#0f2235;
	font-size:43px;
}
.scheduleFreeDemo .text p
{
	font-weight:300;
	font-size:23px;
	padding:10px 0px 35px;
}
.scheduleFreeDemo .text a
{
	background:#f65317;
	border-radius:45px;
	padding:9px 25px;
	font-weight:600;
	font-size:30px;
	color:#ffffff;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(246, 83, 23, 0.75);
	-moz-box-shadow:    0px 0px 8px 0px rgba(246, 83, 23, 0.75);
	box-shadow:         0px 0px 8px 0px rgba(246, 83, 23, 0.75);
}


/* 
    #######################
    ######### Page  = Contact us
    #######################
*/
.pageContactUs{}
.getinTouch
{
	padding:80px 0px;	
	-webkit-box-shadow: 0px 5px 6px 0px rgba(113, 157, 200, 0.21);
	-moz-box-shadow:    0px 5px 6px 0px rgba(113, 157, 200, 0.21);
	box-shadow:         0px 5px 6px 0px rgba(113, 157, 200, 0.21);	
	z-index:1;
}
.getinTouch .departments
{
	float:left;
	width:55%;
	padding:15px 50px 15px 15px;
}
.departments h3
{
	background:#f65317;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:28px;
	text-align:center;
	color:#ffffff;
	padding:20px 0px;
	margin-bottom:45px;
}
.departments h4
{
	padding-bottom:30px;
	font-weight:300;
	font-size:27px;
	color:#09193a;	
}
.getinTouch .departments ul li
{
	padding-bottom:30px;
}
.departments ul li a
{
	font-weight:300;
	font-size:20px;
	color:#09193a;
	padding-left:55px;
	
}
.departments ul li a:before
{
	content:" ";
	display:inline-block;
	width:44px;
	height:44px;
	position:absolute;
	top:0px;
	left:0px;
	background:url('../../images/flag_ico.png') no-repeat;
	background-size:44px 466px;
}
.departments ul li a.in:before{background-position:0px 0px;}
.departments ul li a.sg:before{background-position:0px -92px;}
.departments ul li a.us:before{background-position:0px -182px;}
.departments ul li a.em:before{background-position:0px -278px;}
.departments ul li a.call:before{background-position:0px -385px;}

.departments ul li a span
{
	color:#8893a9;
	display:block;
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
}
.getinTouch .departments .sales{float:left; width:45%;}
.getinTouch .departments .Support{float:right; width:45%;}
.getinTouch .contactForm
{
	float:right;
	width:45%;
	border-left:1px solid #dde4f3;
	padding:15px;
	
}
.getinTouch .contactForm h2
{
	font-family: 'Poppins', sans-serif;
	font-size:24px;
	color:#18314b;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:25px;
}
.requestFrom ul.form
{
	margin:0px 5%;
}
.requestFrom .value
{
	padding:0px!important;
	float:none!important;
	width:100%!important;
}
.requestFrom .value .input
{
	
	font-weight:300;
	font-size:17px;
	color:#061a2e;
	height:auto!important;
	padding:12px 15px!important;
	border:1px solid #e5e9ee;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.requestFrom .value .input:focus
{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(113, 157, 200, 0.31);
	-moz-box-shadow:    0px 0px 6px 0px rgba(113, 157, 200, 0.31);
	box-shadow:         0px 0px 6px 0px rgba(113, 157, 200, 0.31);
}

.cod{width:20%!important;}
.codNumber{width:78%!important; float:right;}

.requestFrom .submit
{
	text-align:center;
	padding:15px 0px;
}
.requestFrom .submit input[type="submit"]
{
	background:#f65317;
	border-radius:45px;
	padding:9px 25px;
	font-weight:600;
	font-size:23px;
	color:#ffffff;
}

/* 
    #######################
    ######### Page  = Request a FREE Demo
    #######################
*/
.pageRequestDemo{}
.freeDemo
{
	background: url('../../images/free_trial.png') no-repeat;
	z-index:1;
	background-size: 50%;
	margin-bottom: 7%;
	background-attachment: fixed;
	
		-o-box-shadow: 0px 2px 8px #e3e3e3;
		-moz-box-shadow: 0px 2px 8px #e3e3e3;
		-webkit-box-shadow: 0px 2px 8px #e3e3e3;
	box-shadow: 0px 2px 8px #e3e3e3;
}
.freeDemo .wrapper
{
	padding:50px 0px;
	display:flex;
}
.freeDemo .ourIntro, 
.freeDemo .freeDemoForm		{ width:50%; float:left; }
.freeDemo .ourIntro h2
{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:34px;
	color:#18314b;
	line-height:48px;
	padding-bottom:25px;
	padding-top:12%;
}
.freeDemo .ourIntro p
{
	font-weight:300;
	font-size:22px;
	color:#000000;
	line-height: 1.542;
	padding-bottom:15px;
}
.freeDemo .freeDemoForm
{
	padding:0px 45px;
}
.freeDemo .freeDemoForm h1
{
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:24px;
	color:#18314b;
	text-align:center;
	padding-bottom:30px;
}
.freeDemo .freeDemoForm h1 span
{
	color:#f65317;
}
.pageRequestDemo .departments 
{ 
	float :none; 
	width: 100%; 
	padding-bottom: 7%;
}
.pageRequestDemo .departments h3	
{ 
	padding: 15px 0px; 
	width: 69%; 
	margin: 0px auto; 
}
.pageRequestDemo .departments h4
{
	padding: 35px 0px;
	text-align: center;
}
.pageRequestDemo .sales		
{ 
	width: 80%; 
	margin: 0px auto; 
	float: none;
}
.pageRequestDemo .departments ul li
{
	float: left;
	width: 25%;
}


/* 
    #######################
    ######### Page  = Fitness Studio
    #######################
*/
.beforeLoadCOlor
{
	background: #504656;
	background: -moz-linear-gradient(top, #504656 8%, #ffffff 13%);
	background: -webkit-linear-gradient(top, #504656 8%,#ffffff 13%);
	background: linear-gradient(to bottom, #504656 8%,#ffffff 13%);
}
.fitnessHero
{
	background:url('../../images/fitness_studio_bg.png') no-repeat top center;
	
}
.fitnessHero .headerMain
{
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.09);
}

.fitnessHero .headerMain .logo .forBlack{display:block;}
.fitnessHero .headerMain .logo .forWhite{display:none;}

.fitnessHero .headerMain nav ul li a{color:#ffffff;}
.fitnessHero .headerMain nav ul li a.active{color:#ffd248;}

.fitnessIntro
{
	text-align:center; 
	color:#ffffff;
	padding:10% 0px 12%;
}
.fitnessIntro label{color:#ffdd2b;}
.fitnessIntro h1
{
	font-family: 'Poppins';
	font-weight: 700;
	font-size:50px;
	text-transform:uppercase;
	line-height:54px;
	padding:15px 0px;
}
.fitnessIntro p,
.fitnessIntro label
{
	font-weight:300;
	font-size:24px;
}
.fitnessText
{
	color:#ffffff;
	width:44%;
	float:left;
	padding-top:15%;
}
.fitnessText h2
{
	font-family: 'Poppins';
	font-weight: 700;
	font-size:39px;
	text-transform:uppercase;
	line-height:54px;
	text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	padding-bottom:15px;
}
.fitnessText p
{
	font-weight:300;
	font-size:21px;
	padding-bottom:15px;
	line-height:35px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.fitnessText h3
{	
	font-weight: 500;
	font-size:22px;
	line-height:35px;
	padding-top:12%;
	color:#0a1826;
	text-align:center;
}
.fitnessText h3 span{font-size:30px;}
.fitnessText ul li
{
	font-weight:300;
	font-size:21px;
	padding-bottom:15px;
	line-height:32px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	position:relative;
	padding-left:28px;
}
.fitnessText ul li:before
{
	font-family:"FontAwesome";
	content:"\f138";
	position:absolute;
	top:0px;
	left:0px;
}

.fitnessText a
{
	margin-top:15px;
	background:#ffdd2b;
	border-radius:5px;
	padding:10px 25px;
	color:#000000;	
	font-size:21px;
	font-weight:700;
	text-transform:uppercase;
	
	-webkit-box-shadow: 0px 5px 5px 0px rgba(201, 67, 17, 0.75);
	-moz-box-shadow:    0px 5px 5px 0px rgba(201, 67, 17, 0.75);
	box-shadow:         0px 5px 5px 0px rgba(201, 67, 17, 0.75);
}
.fitnessText a:hover
{
	-webkit-box-shadow: 0px 15px 5px 0px rgba(201, 67, 17, 0.75);
	-moz-box-shadow:    0px 15px 5px 0px rgba(201, 67, 17, 0.75);
	box-shadow:         0px 15px 5px 0px rgba(201, 67, 17, 0.75);
}
.fitnessIntroScreen
{
	width:50%;
	float:right;
	margin-top: 9%;
}
.fitnessIntroScreen img
{
	max-width:none;
}
.softwareFeature
{
	margin-bottom:35px;
}
.softwareFeature li
{
	width:calc(100%/3);
	float:left;
	padding:35px 25px 10px 25px;
	
	min-height:300px;
}
.softwareFeature li .ico span
{
	width:120px;
	height:70px;
	
	background: url('../../images/sprite2.png') no-repeat;
    background-size: 200px 672px;
	
}
.softwareFeature li label
{
	display: block;
	font-weight: 500;
	font-size: 19px;
	color: #0a1826;
	padding:7px 0px 9px;
}
.softwareFeature li p
{
	color: #5e6d7d;
	font-size: 16px;
	line-height: 26px;
}
.softwareFeature li.inquiryInfo .ico span{background-position:0px 0px;}
.softwareFeature li.membershipInfo .ico span{background-position:-7px -110px;}
.softwareFeature li.planInfo .ico span{background-position:-6px -220px;}
.softwareFeature li.reportInfo .ico span{background-position:-8px -341px;}
.softwareFeature li.staffInfo .ico span{background-position:-8px -468px;}
.softwareFeature li.renewalsInfo .ico span{background-position:-8px -593px;}

/* ===================== */
.featuredBox
{
	padding:4% 0px;
}
.featuredBox .featuredScreenShort
{
	float:left;
	width:100%;
	text-align:right;
	position: relative;
	margin-left:-50%;
}
.featuredBox .featuredPoints
{
	float:right;
	width:45%;
}
.featuredBox .featuredPoints strong
{
	font-family: 'Poppins';
	font-weight: 600;
	font-size:22px;
	color:#ee9e05;
	text-transform: uppercase;
	display:block;
	letter-spacing: 2px;
}
.featuredBox .featuredPoints h4
{
	font-size:35px;
	padding-bottom:25px;
	font-weight: 300;
}
.featuredBox .featuredPoints p
{
	font-weight: 300;
	font-size: 20px;
	color: #3f5d7c;
	letter-spacing: 0.3px;
	line-height:35px;
	padding-bottom:18px;
}
.featuredBox .featuredPoints ul li
{
	font-weight:300;
	font-size:20px;
	padding-bottom:15px;
	line-height:32px;
	position:relative;
	padding-left:28px;
}
.featuredBox .featuredPoints ul li:before
{
	font-family:"FontAwesome";
	content:"\f138";
	position:absolute;
	top:0px;
	left:0px;
}

.featuredBox .featuredPoints .actionButton
{
	margin-top:15px;
}
.featuredBox .featuredPoints .actionButton a
{
	padding:10px 30px;
	font-size:22px;
}
/* ===================== */
.importantFeatured
{
	background:#020f1f;
	color:#ffffff;
	margin-bottom:15px;
	padding: 7% 0px;
}
.importantFeatured h4
{
	font-family: 'Poppins'!important;	
	font-weight: 700!important;
	font-size:39px;
	text-transform:uppercase;
	line-height:42px!important;
}
.importantFeatured h4 strong	{ color: #ffdd2b !important; }
.importantFeatured .featuredPoints p{color: #ffffff;}


/* ===================== */

.flipBox .featuredPoints	{ float:left; width: 50%; }
.flipBox .featuredScreenShort
{
	float:right;
	width:50%;
	position: relative;
}
.flipBox .featuredPoints strong	{ letter-spacing: 2px; }
.flipBox .featuredScreenShort span
{
	right: 0px;	
	left: 0px;
}
.flipBox .featuredScreenShort span:last-child	{ right: 44%; top: 45px; }


/* ===================== */
.leaderboard	{ /*margin-top: 14%;*/ }
.leaderboard .featuredScreenShort	
{ 
	width: 50%; 
	padding: 0px 5%; 
	float: right; 
}
.leaderboard .featuredPoints		{ float: left; width: 50%; }


/* ===================== */
.featuredSolution
{
	background:#ffd248;
	text-align:center;
	padding:4% 0px;
}
.featuredSolution h4
{
	font-family: 'Poppins';	
	font-weight: 700;
	font-size:39px;
}
.featuredSolution  p
{
	font-weight: 300;
	font-size: 25px;
	letter-spacing: 0.3px;
	line-height:35px;
	padding-bottom:18px;
}
/* ===================== */
.appFeatured
{
	-webkit-box-shadow: 0px 5px 6px 0px rgba(113, 157, 200, 0.21);
	-moz-box-shadow:    0px 5px 6px 0px rgba(113, 157, 200, 0.21);
	box-shadow:         0px 5px 6px 0px rgba(113, 157, 200, 0.21);	
	padding-top:4%;
	z-index:1;	
}
.appFeatured h4
{
	text-align:center;
	font-weight: 300;
	font-size:43px;
	line-height:48px;
}
.appFeatured h4 strong
{
	font-weight: 700;
}
.appFeatured .subIntro
{
	font-weight: 300;
	font-size: 22px;
	letter-spacing: 0.3px;
	text-align:center;
	padding:15px 0px 5%;
}
.appScreen
{
	float:left;
	width:45%;
}
.appPoints
{
	float:right;
	width:52%;
	padding-top:45px;
}
.appPoints ul li
{
	padding-bottom:5%;
	padding-left:15%;
}
.appPoints ul li span
{
	width:75px;
	height:75px;
	border:2px solid #ffdd2b;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:100%;
	overflow: hidden;
	background: url('../../images/sprite3.png') no-repeat;
	background-size: 230px 420px;
	background-position: 0px 0px;
}
.appPoints ul li.customerEngage span	{ background-position: -142px -192px; }
.appPoints ul li.notification span		{ background-position: -147px -259px; }
.appPoints ul li.attendence span		{ background-position: -150px -320px; }
.appPoints ul li.leaderboard span		{ background-position: -89px -360px; }
.appPoints ul li label
{
	font-weight:500;
	font-size:22px;
	display:block;
	padding-bottom:8px;
}
.appPoints ul li p
{
	font-weight: 300;
	font-size: 17px;
	color: #3f5d7c;
	line-height:27px;
}

/* 
    #######################
    ######### Page  = Pricing
    #######################
*/
.pagePricing{}
.pagePricing .pageBanner .wrapper{padding-top:6%;}
.pagePricing .pageBanner h1{line-height:55px;}
.pagePricing .pageBanner p
{
	line-height:30px;
}
.pricingPanel
{
	background:#f9f7ee;
	padding:0 0px 5%;
}
.pricingPanel .wrapper
{
	display:flex;
}
.pricingPanel .priceBox
{
	border-radius:5px;
	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.15);
	
	width:22%;
	float:left;
	margin:0px 0 0px 2%;
	background:#ffffff;
	padding:5px;
	margin-top:-70px;
}
.pricingPanel .priceBox h2
{
	font-weight:500;
	font-size:22px;
	text-align:center;
	padding:15px 0px 7px;
}
.pricingPanel .priceBox p.packageInfo
{
	text-align:center;
	color:#6b7f93;
	font-size:14px;
	line-height:21px;
	min-height:65px;
}
/* ============= */
.pricingPanel .priceBox .packagePrice
{
	text-align:center;
	padding:30px 0px;
}
.pricingPanel .priceBox .packagePrice label
{
	font-weight:300;
	font-size:29px;
	text-align:center;
	display:block;
}
.pricingPanel .priceBox .packagePrice label strong
{
	font-weight:400;
	color:#6b7f93;
	font-size:14px;
}
.pricingPanel .priceBox .packagePrice span
{
	text-align:center;
	color:#6b7f93;
	font-size:14px;
	display:block;
}
/* ============= */
.pricingPanel .priceBox .packageFor
{
	text-align:center;
	padding-bottom:30px;
}
.pricingPanel .priceBox .packageFor label
{
	font-weight:300;
	font-size:21px;
	text-align:center;
	display:block;
}
.pricingPanel .priceBox .packageFor span
{
	text-align:center;
	color:#6b7f93;
	font-size:14px;
	display:block;
}
/* ============= */
.packageBtn
{
	text-align:center;
	padding-bottom:25px;
}
.packageBtn a
{
	background:#eeb815;
	border-radius:45px;
	padding:8px 20px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.15);
}
.packageBtn a:hover
{
	-webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 8px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 8px 10px 0px rgba(0, 0, 0, 0.25);
}
/* ============= */
.packageInclude
{
	text-align:center;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:12px 0px;
	margin-bottom:25px;
}
.packageInclude label
{
	
	font-size:18px;
	display:block;
}
.packageInclude p
{
	color:#6b7f93;
	font-size:14px;
}
/* ============= */
.softwareTitle,
.appTitle
{
	
	font-size:15px;
	text-transform:uppercase;
	padding-left:37px;
	position:relative;
	margin:0px 8px;
	padding-bottom:15px;
}
.softwareTitle:before,
.appTitle:before
{
	font-family:"FontAwesome";
	content:"\f108";
	font-size:25px;
	position:absolute;
	top:5px;
	left:0px;
}
.appTitle:before
{
	content:"\f10b";
	font-size:40px;
	top:0px;
	left:5px;
}

/* ============= */
.pricingPanel .priceBox ul
{
	margin-bottom:20px;
}
.pricingPanel .priceBox ul li
{
	color:#6b7f93;
	font-size:14px;
	padding:0px 0px 0px 20px;
	margin:0px 10px 10px;
}
.pricingPanel .priceBox ul li:before
{
	font-family:"FontAwesome";
	content:"\f00c";
	font-size:12px;
	position:absolute;
	top:3px;
	left:0px;
}
/* ============= */
.package1 h2{color:#eeb815;}
.package1 .packageBtn a{background:#eeb815;}
.package1 .packageInclude label{color:#eeb815;}

.package2 h2{color:#2db795;}
.package2 .packageBtn a{background:#2db795;}
.package2 .packageInclude label{color:#2db795;}

.package3 h2{color:#f06949;}
.package3 .packageBtn a{background:#f06949;}
.package3 .packageInclude label{color:#f06949;}

.package4 h2{color:#3360c4;}
.package4 .packageBtn a{background:#3360c4;}
.package4 .packageInclude label{color:#3360c4;}
.package4 .packageInfoPoint
{
	margin:22px 40px 0px;
	padding-bottom:22px;
}

/* ============= */
.planInclude
{
	text-align:center;
	padding:4% 0px;
	position: relative;
}
.planInclude h3
{
	font-weight:300;
	font-size:30px;
	padding-bottom:25px;
}
.planInclude div
{
	display:inline-block;
	text-align:left;
	margin:0px 30px;
	vertical-align:top;
}
.planInclude div ul li
{
	font-weight:300;
	font-size:18px;
	padding:10px 0px 10px 21px;
	color:#6b7f93;
}
.planInclude div ul li:before
{
	font-family:"FontAwesome";
	content:"\f00c";
	font-size:16px;
	position:absolute;
	top:12px;
	left:0px;
}
.planInclude span	
{
	position: absolute;
	top: -44px;
	right: -30px;
	opacity: 0;
		-o-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.planInclude .gurantee
{
	opacity: 1;
	transform: scale(0.6);
}



/* ============= */
.packageContact
{
	background:#020f1f;
	color:#ffffff;
	text-align:center;
	padding:3% 0px;
	vertical-align:top;
}
.packageContact h2
{
	font-weight:500;
	font-size:40px;
	color:#ffffff;
}
.packageContact p
{
	font-weight:300;
	font-size:22px;
	padding-bottom:4%;
}
.packageContact div
{
	vertical-align:top; 
	display:inline-block;
	padding:0px 40px;
}

.packageContact .contactIcon{}
.packageContact .contactIcon img{vertical-align: top;}

.packageContact .callUs{text-align:left;}
.packageContact .callUs label
{
	font-weight:500;
	font-size:22px;
	display:block;
}
.packageContact .callUs a
{
	display:block;
	color:#ffffff;
	font-size:22px;
	position:relative;
	padding-left:60px;
	margin:20px 0px;
}
.packageContact .callUs a:before
{
	width:45px;
	height:35px;
	border-radius:5px;
	content:" ";
	display:inline-block;
	background: url('../../images/sprite3.png') no-repeat;
	background-size: 204px 373px;
	background-position: 0px 0px; 
	position:absolute;
	top:5px;
	left:0px;
}
.packageContact .callUs a.india:before		{ background-position: -135px -18px; }
.packageContact .callUs a.singapore:before	{ background-position: -135px -75px; }
.packageContact .callUs a.usa:before		{ background-position: -135px -130px; }
.packageContact .callUs a span
{
	font-size:13px;
	text-transform:uppercase;
	display: block;
}

.packageContact .requestACall{}
.packageContact .requestACall label
{
	font-weight:500;
	font-size:22px;
	display:block;
	padding-bottom:20px;
}
.packageContact .requestACall p
{
	font-weight:300;
	font-size:18px;
	display:block;
	line-height:30px;
}
.packageContact .requestACall select,
.packageContact .requestACall input[type="number"],
.packageContact .requestACall input[type="tel"]
{
	background:#ffffff;
	border-radius:7px;
	font-size:20px;
	font-weight:500;
	padding:10px 15px;
	margin:0px 7px;
}
.packageContact .requestACall select{width:90px;}
.packageContact .requestACall input[type="tel"]{text-align:center; width:250px;}

.packageContact .requestACall input[type="submit"]
{
	background:#ffdd2b;
	border-radius:7px;
	font-size:20px;
	font-weight:500;
	padding:10px 15px;
	margin-left:7px;
}
.packageContact .requestACall .validation
{
	clear:both;
	display:block;
	padding-top:15px;
}
/* ============= */
.faq{padding:4% 0px;}
.faq h2
{
	font-weight:300;
	font-size:40px;
	text-align:center;
	padding-bottom:40px;
}
.faq ul{margin:0px 2%;}
.faq ul li
{
	padding-bottom:30px;
}
.faq ul li label
{
	font-weight:500;
	font-size:18px;
	display:block;
	padding-bottom:10px;
	line-height:24px;
}
.faq ul li p
{
	display:block;
	padding-bottom:10px;
	color:#6b7f93;
	text-align:justify;
	line-height:24px;
}
.faq .faqLeft{float:left; width:45%;}
.faq .faqRight{float:right; width:45%;}

/* ============= */
.message
{
	background:#f6f6f6; border:1px solid #e5e5e5;
	border-radius:5px;
	margin-bottom:20px;
	padding:10px 10px 10px 40px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(133, 190, 179, 0.45);
	-moz-box-shadow:    0px 0px 5px 0px rgba(133, 190, 179, 0.45);
	box-shadow:         0px 0px 5px 0px rgba(133, 190, 179, 0.45);
}
.message:before
{
	font-family:"FontAwesome";
	content:"\f058";
	color:#3baf98;
	font-size:21px;
	position:absolute;
	top:7px;
	left:10px;
}
.success
{
	background:#f0fffc; 
	border:1px solid #cae5e0;
}

/* 
    #######################
    ######### Page  = Member Mobile App
    #######################
*/
.memberApp .fitnessHero	
{ 
	background:url('../../images/member_app_banner_bg.png') no-repeat top center;
	background-size:contain;
}
.memberApp .softwareFeature li.inquiryInfo .ico span	{ background-position: -125px 0px; }
.memberApp .softwareFeature li.planInfo .ico span	{ background-position: -130px -104px; }
.memberApp .fitnessIntro{ padding:8% 0px 5%; }
.memberApp .fitnessText{padding-top: 24%;}
.memberApp .fitnessIntroScreen{text-align:center;}
.memberApp .fitnessIntroScreen img{max-width:100%;}

.appPedometer
{
	background:url('../../images/app_padometer_bg.png') repeat #020f1f;
	background-attachment:fixed;
	color:#ffffff;
	padding-bottom:10%;
	margin-bottom:10%;
}
.memberApp .importantFeatured .featuredScreenShort		{ width: 55%; margin: 0px; }
.memberApp .featuredBox .featuredPoints		
{ 
	width: 45%; 
	margin: 0px;
}
.appPedometer p{color:#ffffff!important;}
.memberApp .appPedometer .featuredScreenShort img
{
	position:absolute;
	top:0px;
	right:0px;
}
.memberApp .featuredBox .featuredScreenShort span
{
	position: absolute;
	top: 0px;
	left: -40px;
} 
.memberApp .importantFeatured .featuredScreenShort span.dietPlan		
{ 
	width: 50%;
	left: -55px; 
	text-align: left;
	top: -40px;
}
.memberApp .importantFeatured .featuredScreenShort span.dietPlan img	{ max-width: 100% }
.memberApp .importantFeatured .featuredScreenShort span.workout	
{ 
	width: 55.4%;
	left: 39%;
	top: -75px; 
}
.memberApp .importantFeatured .featuredScreenShort span.workout img		{ max-width: 100% }

.memberApp .featuredBox .featuredScreenShort img { max-width:none;}
.memberApp .featuredScreenShort	{ width: 55%; margin: 0px; }
.memberApp .flipBox	{ margin-top: 14%; }
.memberApp .flipBox .featuredPoints		{ width: 55%; padding-top: 7%; }
.memberApp .flipBox .featuredScreenShort		{ width: 45%; }
.memberApp .flipBox span.runningMan		{ text-align: left; left: 45px; top: 28px; }
.memberApp .flipBox span.runningMan	img	{ max-width: 98% !important; }
.memberApp .flipBox span.dashboard	img	{ max-width: 60% !important; }
.tracking	
{ 
	background: #020f1f; 
	margin-top: 16%; 
	position: relative; 
	padding: 7% 0px;
}
.tracking .featuredScreenShort	{ width: 56%; }
.tracking .featuredPoints	{ width: 44%; }
.tracking .featuredScreenShort span	{ top: 10px; }
.tracking .featuredScreenShort span.feed1 	
{ 
	width: 50%;
	text-align: left; 
	top: -50px; 
	left: -50px;
}
.tracking .featuredScreenShort span.feed1 img { max-width: 100%; }
.tracking .featuredScreenShort span.feed2 	
{ 
	width: 50%;
	left: 41%;	
	top: -70px; 
	right: 50px; 
}
.tracking .featuredScreenShort span.feed2 img { max-width: 105%; }
.tracking .featuredPoints h4	
{ 
	font-family: 'Poppins',sans-serif;
	font-size: 39px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff; 
}
.tracking .featuredPoints strong	
{ 
	font-size: 22px; 
	color: #ffdd2b;
	font-weight: 400; 
	letter-spacing: normal;
}
.tracking .featuredPoints ul li		{ color: #ffffff; }
.tracking .featuredPoints .actionButton a
{
	margin-top: 10px;
	padding: 10px 40px;
}
.leaderboard .featuredPoints	{ width: 49% !important; }
.leaderboard .featuredScreenShort	{ width: 51%; }
.leaderboard .featuredScreenShort img {	max-width: 75% !important; }