@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lancelot|Lato');

@import url('https://fonts.googleapis.com/css?family=Lato');

#BGrid {

	background:#f6f2f2 !important;

}



@media (min-width:768px){



.PaddingLR {

	padding-left:0px !important;

	padding-right:0px !important;

}

}



.TopStrip {

	background:#fff;

	height:66px;

}



.HeaderBack-1 {

	background:url(../images/home-back.jpg) no-repeat center;

	min-height:667px;

	padding-top:83px;

}



.HeadBox-1 {

	width:340px;

	height:340px;

	margin:0px auto;

	background:#4dd0f0;

	padding:36px;

}



.HeadBox-1 h1 {

	font-family: 'Lato', sans-serif;

	font-size:35px;

	font-weight:900;

	text-align:center;

	color:#fff;

	line-height:40px;

	border-bottom:2px solid #fff;

	padding-bottom:40px;

	margin:16px 0px 0px 0px;

}



.HeadBox-1 p {

    font-size: 26px;

    font-family: 'Lato', sans-serif;

    margin: 0px 0px 0px 0px;

    padding-top: 30px;

    color: #fff;

    text-align: center;

    line-height: 26px;

}



.HLine-1 {

	width:2px;

	height:222px;

	background:#4dd0f0;

	margin:0px auto;

	margin-top:32px;

}



.HCircle {

	width:156px;

	height:156px;

	border-radius:50%;

	background:#fff;

	margin:0px auto;

}



.Why {

    margin: 56px 0px 0px -86px;

    position: absolute;

}



.Why h2 {

	font-family: 'Lancelot', cursive;

	font-size:38px;

	margin:0px 0px 0px 0px;

	color:#c2c3c4;

	padding:0px 0px 0px 0px;

}



.Why h2 span {

    font-size: 41px;

    font-family: 'Superclarendon-Bold';

    color: #1e1e1e;

    display: inline-block;

    line-height: 44px;

    position: absolute;

    margin-top: -20px;

    margin-left: 46px;

	letter-spacing:-0.2px;

}



.HLine-2 {

	width:2px;

	height:58px;

	background:#4dd0f0;

	margin:0px auto;

}



/*    BoxGrid  */



.BoxGrid {

	background:#fff;

	height:480px;

	border:1px solid #e1dede;

	padding:46px;

	-webkit-box-shadow: 6px 6px 13px -4px rgba(208,205,205,1);

	-moz-box-shadow: 6px 6px 13px -4px rgba(208,205,205,1);

	box-shadow: 6px 6px 13px -4px rgba(208,205,205,1);

}



.BoxGrid .BoxIcon-1 {

	background:url(../images/box-ico-1.png) no-repeat center;

	height:190px;

}



.BoxGrid .BoxIcon-2 {

	background:url(../images/box-ico-2.png) no-repeat center;

	height:190px;

}





.BoxGrid .BoxIcon-3 {

	background:url(../images/box-ico-3.png) no-repeat center;

	height:190px;

}



.BoxGrid .BoxIcon-4 {

	background:url(../images/box-ico-4.png) no-repeat center;

	height:190px;

}





.BoxGrid .BoxIcon-5 {

	background:url(../images/box-ico-5.png) no-repeat center;

	height:190px;

}





.BoxGrid .BoxIcon-6 {

	background:url(../images/box-ico-6.png) no-repeat center;

	height:190px;

}



.BoxGrid h2 { 

	font-family: 'Lato', sans-serif;

	font-size:19px;

	font-weight:600;

	text-align:center;

	color:#373535;

	margin:20px 0px 16px 0px;

}



.BoxGrid p { 

	font-family: 'Lato', sans-serif;

	font-size:14px;

	color:#313030;

	text-align:center;

}



.SLine-3 {

	width:2px;

	height:22px;

	background:#4dd0f0;

	margin:0px auto;

}



.SLine-4 {

	width:2px;

	height:192px;

	background:#4dd0f0;

	margin:0px auto;

}



.BoxGrid-1 {

	min-height:695px;

	background:#dbd8d8;

}



.iphonePic {

	margin-top:175px;

}



.BoxGrid-1 .InfoBox {

	background:#f25151;

	margin-top:108px;

	height:490px;

	padding:60px 50px;

}



.BoxGrid-1 .InfoBox h2 {

	font-family: 'Lato', sans-serif;

	font-size:33px;

	font-weight:bold;

	margin:0px 0px 0px 0px;

	padding-bottom:40px;

	color:#fff;

	border-bottom:1px solid #fff;

	text-align:center;

}



.BoxGrid-1 .InfoBox p {

	font-family: 'Lato', sans-serif;

	font-size:20px;

	margin:50px 0px 0px 0px;

	text-align:center;

	color:#fff;

}





.ImpactTopLine {

	width:2px;

	height:88px;

	background:#4dd0f0;

	margin:0px auto;

	margin-top:0px;

}



.ImCircle {

    width: 156px;

    height: 156px;

    border-radius: 50%;

    background: #fff;

    margin: 0px auto;

}



.ImWhy {

    margin: 56px 0px 0px -196px;

    position: absolute;

}



.ImWhy h2 {

	font-family: 'Lancelot', cursive;

	font-size:38px;

	margin:0px 0px 0px 0px;

	color:#c2c3c4;

	padding:0px 0px 0px 0px;

}



.ImWhy h2 span {

    font-size: 41px;

    font-family: 'Superclarendon-Bold';

    color: #1e1e1e;

    display: inline-block;

    line-height: 44px;

    position: absolute;

    margin-top: -20px;

    margin-left: 46px;

	letter-spacing:-0.2px;

}



.high-performance {

	width:100%;

	height:auto;

	margin-bottom:10px;

}



.SlideBoxGrid {

	width:100%;

}



.SlideBox {

	width:329px;

	height:262px;

	margin-right:10px;

	float:left;

}



.last-img {

	margin-right:0px !important;

}





@media (max-width:767px){

.iphonePic {

	margin-top:60px;

}



.BoxGrid-1 .InfoBox {

	margin-top:20px;

}

.BoxGrid-1 .InfoBox p {

	font-family: 'Lato', sans-serif;

	font-size:18px;

	margin:50px 0px 0px 0px;

	text-align:center;

	color:#fff;

}



.BoxGrid-1 {

	padding-bottom:66px;

}

}





/*   peeps page  */



.PLine-1 {

    width: 2px;

    height:98px;

    background: #4dd0f0;

	margin-left:0px;

}



.HCircle-1 {

	width:123px;

	height:123px;

	border-radius:50%;

	background:#fff;

	margin-left:100px;

}



.HCircle-1 h2  {

    font-size: 40px;

    font-family: 'Superclarendon-Bold';

    color: #1e1e1e;

    display: inline-block;

    line-height: 44px;

    position: absolute;

    margin-top: 19px;

    margin-left: 26px;

	letter-spacing:-0.2px;

}



@media (max-width:767px){

	.PLine-1 {

    width: 2px;

    height:98px;

    background: #4dd0f0;

	margin-left:76px;

}

	.HCircle-1 {

	margin-left:16px;

	margin-top:16px;

}



.HCircle-1 h2  {

	font-size:36px;

}



}



@media (min-width:768px){

.PPaddingLR {

	padding-left:4px !important;

	padding-right:4px !important;

}

}





.PBox-1 {

	background:#f86657;

	height:auto;

	margin-top:46px;

	padding-top:45px;

	padding-bottom:45px;

}



.PBOxImg {

    width: 225px;

    height: 225px;

    border-radius: 50%;

    background: url(../images/pic1.jpg) -116px -10px;

	margin:0px auto;

}



.PBoxLine {

    width: 1px;

    height: 94px;

    background: #fff;

    position: absolute;

    top: -45px;

    left: 93px;}



.In {

	color:#fff;

	position:absolute;

	margin: -13px 0px 0px 71px;

}



.In a {

	font-size:18px;

	color:#fff;

	width:45px;

	height:45px;

	border-radius:50%;

	border:2px solid #fff;

	text-align:center;

	line-height:40px;

	display:block;

}



.In a:hover {

	color:#000;

	border:2px solid #000;

}



.PBox-1 h2 {

	text-align:center;

	color:#fff;

	font-size:30px;

	font-family: 'Superclarendon-Bold';

	letter-spacing:-0.2px;

	margin:26px 0px 26px 0px;

}



.PBox-1 p {

	color:#fff;

	text-align:center;

	padding:0px 26px;

	font-family: 'Lato', sans-serif;

	font-size:20px;

	font-weight:400;

}



.PBox-2 {

	background:#fff;

	height:auto;

	margin-top:46px;

	padding-top:45px;

	padding-bottom:45px;

}





.PBoxLineM {

    width: 1px;

    height: 94px;

    background: #333;

    position: absolute;

    top: -45px;

    left: 93px;

}



.InM {

	color:#fff;

	position:absolute;

	margin: -13px 0px 0px 71px;

}



.InM a {

	font-size:18px;

	color:#7c7c7c;

	width:45px;

	height:45px;

	border-radius:50%;

	border:2px solid #7c7c7c;

	text-align:center;

	line-height:40px;

	display:block;

}



.InM a:hover {

	color:#000;

	border:2px solid #000;

}



.PBox-2 h2 {

	text-align:center;

	color:#7c7c7c;

	font-size:30px;

	font-family: 'Superclarendon-Bold';

	letter-spacing:-0.2px;

	margin:26px 0px 26px 0px;

}



.PBox-2 p {

	color:#7c7c7c;

	text-align:center;

	padding:0px 26px;

	font-family: 'Lato', sans-serif;

	font-size:20px;

	font-weight:400;

}



.PBox-3 {

	background:#4dd0f0;

	height:auto;

	margin-top:46px;

	padding-top:45px;

	padding-bottom:45px;

}



.PBox-3 h2 {

	text-align:center;

	color:#fff;

	font-size:30px;

	font-family: 'Superclarendon-Bold';

	letter-spacing:-0.2px;

	margin:26px 0px 26px 0px;

}



.PBox-3 p {

	color:#fff;

	text-align:center;

	padding:0px 26px;

	font-family: 'Lato', sans-serif;

	font-size:20px;

	font-weight:400;

}



@media (max-width:767px){

	.PBox-1 {

		padding-bottom:45px;

		height:auto;

	}

	

	.PBox-2 {

		padding-bottom:45px;

		height:auto;

	}

	

	.PBox-3 {

		padding-bottom:45px;

		height:auto;

	}

	

	.PBoxLine {

    width: 1px;

    height: 94px;

    background: #fff;

    position: absolute;

    top: -45px;

    left: 93px;

	}

}



.PLine-2 {

    width: 2px;

    height:42px;

    background: #4dd0f0;

	margin-left:0px;

}



.HCircle-2 {

	width:123px;

	height:123px;

	border-radius:50%;

	background:#fff;

	margin-left: -56px;

}



.HCircle-2 h2  {

    font-size: 40px;

    font-family: 'Superclarendon-Bold';

    color: #1e1e1e;

	letter-spacing:-0.2px;

    display: inline-block;

    line-height: 44px;

    position: absolute;

    margin-top: 19px;

    margin-left: 26px;

}



/*   contact  */



.CLine-1 {

    width: 2px;

    height: 200px;

    background: #4dd0f0;

    margin-left: 0px;

}



.CCircle-1 {

	width:123px;

	height:123px;

	border-radius:50%;

	background:#fff;

	margin-left: -56px;

}



.CCircle-1 h2  {

    font-size: 40px;

    font-family: 'Superclarendon-Bold';

    color: #1e1e1e;

	letter-spacing:-0.2px;

    display: inline-block;

    line-height: 44px;

    position: absolute;

    margin-top: 19px;

    margin-left: 26px;

}



.ContBox {

	background:#fff;

	padding:50px 70px 100px 70px;

	min-height:166px;

	margin-top:-72px;

}



.FullRow {

	width:100%;

	clear:both;

}



.FRLeft {

	float:left;

	clear:right;

	margin-right:10px;

}



.FRRight {

	float:left;

	clear:right;

}



.FRLeft p {

  font-family: 'Lato', sans-serif;

  font-size:18px;

  color:#3a3838;

  margin:0px;

}



.FullRow .ER-De {

	border:none;

	border-bottom:1px solid #7c7c7c;

	outline:none;

}



.FullRow .FR-input1 {

	width:475px;

	margin-bottom:30px;

}



.FullRow .FR-input2 {

	width:346px;

	margin-bottom:30px;

}



.FullRow .FR-input3 {

	width:406px;

	margin-bottom:30px;

}



.FullRow .FR-input4 {

	width:470px;

	margin-bottom:30px;

}

.Cont-btn-grid {

    width:143px;

    height: 50px;

    margin: -22px 0px 20px 60px;

    float: left;

}



.Cont-btn {

  -webkit-border-radius: 20;

  -moz-border-radius: 20;

  border-radius: 30px;

  -webkit-box-shadow: 2px 2px 7px 0px #797979;

  -moz-box-shadow: 2px 2px 7px 0px #797979;

  box-shadow: 2px 2px 7px 0px #797979;

  font-family: Arial;

  color: #ffffff;

  font-size: 18px;

  background: #ff6150;

  padding: 11px 15px;

  text-decoration: none;

  text-align:center;

  width:100%;

  outline:none;

  border:none;

  font-family: 'Montserrat-Regular';

}



.Cont-btn:hover {

	background: #da2917;

	text-decoration: none;

	color:#fff;

}



p.ContInfo {

	margin:16px 0px 0px 0px;

	color:#8a8888;

	font-family: 'Montserrat-Regular';

	font-size:14px;

}



.AddGrid {

	margin-top:56px;

}



.AddressBox {

	min-height:430px;

	background:#4dd0f0;

	padding:0px 80px;

}



.SocialBox {

	min-height:430px;

	background:#f86657;

	padding:0px 80px;

}

.PadRight {

	padding-right:5px !important; 

}



.PadLeft {

	padding-left:5px !important; 

}



.ContData .TopLine {

	width:2px;

	background:#fff;

	height:76px;

	margin-left:16px;

}



.ContData h2 {

	margin:0px 0px 40px 0px;

	font-size:40px;

	color:#fff;

}



.MapIco {

    width: 18px;

    height: 18px;

    float: left;

    background: url(../images/Sprite.svg) 427px -755px;

    margin-right: 16px;

	font-weight:600;

	margin-top: 4px;

}



.PhoIco {

    width: 18px;

    height: 18px;

    float: left;

    background: url(../images/Sprite.svg) 506px -755px;

    margin-right: 16px;

	font-weight:600;

	margin-top: 4px;

}



.MailIco {

    width: 18px;

    height: 18px;

    float: left;

    background: url(../images/Sprite.svg) 477px -758px;

    margin-right: 16px;

	font-weight:600;

	margin-top: 4px;

}



.InIco {

    width: 18px;

    height: 18px;

    float: left;

    background: url(../images/Sprite.svg) 404px -755px;

    margin-right: 16px;

	font-weight:600;

	margin-top: 4px;

}



.ContData p {

	color:#fff;

	font-size:18px;

	font-family: 'Lato', sans-serif;

	margin:0px 0px 6px 0px;

}



@media only screen and (max-width: 414px) {

.ContBox {

    margin-top: 11px;

}



.CCircle-1 {

    margin-left: 113px;

    margin-top: 30px;

    width: 66px;

    height: 66px;

}



.CCircle-1 h2 {

    font-size: 30px;

    display: inline-block;

    line-height: 30px;

    position: absolute;

    margin-top: 3px;

    margin-left: 22px;

}

.CLine-1 {

    margin-left: 145px;

	height: 145px;

}





.FRLeft {

    float: left;

    clear: right;

    margin-right: 10px;

    width: 100%;

}



.FRRight {

    float: left;

    clear: right;

    width: 100%;

}



.FullRow .FR-input1 {

    width: 100%;

    margin-bottom: 30px;

}



.FullRow .FR-input2 {

    width: 100%;

    margin-bottom: 30px;

}



.FullRow .FR-input3 {

    width: 100%;

    margin-bottom: 30px;

}



.FullRow .FR-input4 {

    width: 100%;

    margin-bottom: 30px;

}



p.ContInfo {

    margin: 49px 0px 26px 0px;

}



.PadRight {

	padding-right:15px !important; 

	padding-left:15px !important; 

}



.PadLeft {

	padding-left:15px !important; 

	padding-right:15px !important; 

}



.AddressBox {

    padding: 0px 40px;

	margin-bottom:10px;

}



.SocialBox {

	padding:0px 40px;

}



.ContData p {

	display: table-row;

}



.Cont-btn-grid {

    margin: -22px 0px 20px 105px;

    float: left;

}

}



@media only screen and (max-width: 320px) {

	.ContBox {

    background: #fff;

    padding: 50px 32px 100px 32px;

	}

	

	.CLine-1 {

    margin-left: 90px;

    height: 145px;

	}

	

	.CCircle-1 {

    margin-left: 62px;

	}

	

	.Cont-btn-grid {

    margin: -22px 0px 20px 66px;

    float: left;

}

}



/*  how it works  */

.HeadBox-2 {

	width:340px;

	height:340px;

	margin:0px auto;

	background:#f25151;

	padding: 60px 40px;

}



.HeadBox-2 h1 {

	font-family: 'Lato', sans-serif;

	font-size:40px;

	text-align:center;

	color:#fff;

	line-height:40px;

	margin:16px 0px 0px 0px;

}



.HeadBox-2 p {

    font-size: 30px;

    font-family: 'Lato', sans-serif;

    margin: 0px 0px 0px 0px;

    padding-top: 20px;

    color: #fff;

    text-align: center;

    line-height: 36px;

}



.ProfileTopLine {

	width:2px;

	height:30px;

	background:#fff;

	margin-left:170px;

}



.ProfileBotLine {

	width:2px;

	height:45px;

	background:#fff;

	margin-left:170px;

}



.ProfileCircle {

	width:156px;

	height:156px;

	border-radius:50%;

	background:#fff;

	margin-left:100px;

}



.ProfileCircle  h2 {

	font-family: 'Superclarendon-Regular';

	font-size:40px;

	margin:0px 0px 0px 0px;

	color:#515050;

	padding: 51px 0px 0px 59px;

}



.ProfileBox {

	width:354px;

	background:#4dd0f0;

	padding:70px 40px;

	float:left;

	margin-left:100px;

}



.ProfileBox .ProfileIcon{

    background: url(../images/profile-icon.png) no-repeat;

    width: 146px;

    height: 119px;

    position: absolute;

    margin: -121px 0px 0px -124px;

}



.ProfileBox p {

    font-size: 18px;

    color: #fff;

    font-family: 'Lato', sans-serif;

    line-height: 26px;

    margin: 0px;

}



.Profile_Lap {

    float: right;

    top: -83px;

    right: 0px;

    position: absolute;

    z-index: -1;

}



.PlayGrid {

	background:#fff;

	padding:40px 0px 130px 0px;

	margin-top:104px;

}



.PlayTopLine {

    width: 1px;

    height: 146px;

    background: #f25151;

    margin-left: 200px;

    margin-top: -145px;

}



.PlayBotLine {

	width:1px;

	height:45px;

	background:#f25151;

	margin-left:200px;

}



.PlayCircle {

	width:156px;

	height:156px;

	border-radius:50%;

	background:#f1f1f1;

	margin-left:140px;

}



.PlayCircle  h2 {

	font-family: 'Superclarendon-Regular';

	font-size:40px;

	margin:0px 0px 0px 0px;

	color:#515050;

	padding: 51px 0px 0px 59px;

}



.PlayBox {

	width:381px;

	background:#f25151;

	padding:70px 40px;

	float:left;

}



.PlayBox .PlayIcon{

    background: url(../images/play-icon.png) no-repeat;

    width: 171px;

    height: 171px;

    position: absolute;

   margin: -199px 0px 0px -62px;

}



.PlayBox p {

    font-size: 18px;

    color: #fff;

    font-family: 'Lato', sans-serif;

    line-height: 26px;

    margin: 0px;

}

.Play_Phone {

       float: right;

    top: -48px;

    right: 34px;

    position: absolute;

}



.AssessTopLine {

    width: 2px;

    height: 350px;

    background: #4dd0f0;

    margin-right: 400px;

    float: right;

    margin: -319px 300px 0px 0px;

}



.AssessBotLine {

	width:2px;

	height:45px;

	background:#4dd0f0;

	margin: 0px 300px 0px 0px;

	float:right;

	

}



.AssessCircle {

    width: 156px;

    height: 156px;

    border-radius: 50%;

    background: #fff;

    margin-left: 650px;

    margin-top: 30px;

}



.AssessCircle  h2 {

	font-family: 'Superclarendon-Regular';

	font-size:40px;

	margin:0px 0px 0px 0px;

	color:#515050;

	padding: 51px 0px 0px 59px;

}



.AssessBox {

	width:354px;

	background:#4dd0f0;

	padding:70px 40px;

	float:right;

	margin-left:100px;

}



.AssessBox .AssessIcon{

    background: url(../images/profile-icon.png) no-repeat;

    width: 146px;

    height: 119px;

    position: absolute;

    top: -46px;

    right: -98px;

}



.AssessBox p {

    font-size: 18px;

    color: #fff;

    font-family: 'Lato', sans-serif;

    line-height: 26px;

    margin: 0px;

}



.Assess_Lap {

    float: left;

    top: -126px;

    left: 0px;

    position: absolute;

    z-index: 1;

}





.InterGrid {

	background:#fff;

	padding:40px 0px 130px 0px;

	margin-top:104px;

}



.InterTopLine {

    width: 1px;

    height: 146px;

    background: #f25151;

    margin-left: 200px;

    margin-top: -145px;

}



.InterBotLine {

	width:1px;

	height:45px;

	background:#f25151;

	margin-left:200px;

}



.InterCircle {

	width:156px;

	height:156px;

	border-radius:50%;

	background:#f1f1f1;

	margin-left:140px;

}



.InterCircle  h2 {

	font-family: 'Superclarendon-Regular';

	font-size:40px;

	margin:0px 0px 0px 0px;

	color:#515050;

	padding: 51px 0px 0px 59px;

}



.InterBox {

    width: 381px;

    background: #f25151;

    padding: 70px 40px;

    float: left;

    position: inherit;

    z-index: 100;

}



.InterBox .InterIcon{

    background: url(../images/play-icon.png) no-repeat;

    width: 171px;

    height: 171px;

    position: absolute;

   margin: -199px 0px 0px -62px;

}



.InterBox p {

    font-size: 18px;

    color: #fff;

    font-family: 'Lato', sans-serif;

    line-height: 26px;

    margin: 0px;

}



.Inter_Phone {

    float: right;

    top: -76px;

    right: 103px;

    position: absolute;

}