@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Passion+One:400,700,900');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
input[type="button"] {
    cursor: pointer;
    font-family: HelveticaNeue;
    font-weight: 500
}
input,
select,
button {
    outline: none!important;
    font-family: HelveticaNeue
}
button,
input {
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
button:hover,
input:hover {
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
strong {
    font-weight: 700
}
a {
    text-decoration: none!important;
    outline: none;
    color: #000;
    outline: none!important;
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
a:hover,
a:focus,
a:active,
a:select,
a:visited {
    text-decoration: none!important;
    outline: none!important;
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
::-moz-selection {
    color: #fff;
    background: #525252
}
::selection {
    color: #fff;
    background: #525252
}
a:hover {
    color: #494949;
    text-decoration: none
}
textarea:focus {
    outline-color: transparent!important;
    outline-style: none!important
}
body {
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-weight: 400;
    color: #000;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
ul,
ol {
    margin: 0
}
ul,
li {
    list-style: none
}
p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #444444;
    line-height: 24px;
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto
}
h1,
h2,
h3,
h4,
h5 {
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    margin: 0;
}
strong {
    font-weight: 700
}
header,
section,
footer,
article {
    display: block;
    width: 100%;
    float: left;
}
section {
    overflow: hidden;
}
.navigationHeader {
    position: relative;
    z-index: 9999;
    height: 87px;
    box-shadow: 0px 30px 90px rgba(5, 23, 39, 0.15);
    line-height: 1;
}
.navigationHeader .navbar-inverse {
    border: none;
    background-color: transparent;
    color: #666;
    height: inherit;
    margin: 0px;
}
.navigationHeader .navbar-brand {
    height: 57px;
    margin: 15px 0;
    width: 174px;
    padding: 0px;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background: transparent;
    color: #20438a;
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    background: transparent;
    color: #20438a;
}
.navigationHeader .navbar-nav>li>a {
    font-size: 15px;
    font-weight: 400;
    padding: 33.5px 25px;
}
/* stroke */

nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all .5s;
}
nav.stroke ul li a {
    position: relative;
}
nav.stroke ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #20438a;
    height: 2px;
}
nav.stroke ul li a:hover:after {
    width: 100%;
}
/* stroke */

.heroHeader {
    text-align: center;
    padding: 60px 0px;
}
.marginMiddleHero {
   /* margin: 0px 60px;*/
}
.mobileView {
    display: none;
}
.clubwiseAppSection {
    text-align: center;
    padding-bottom: 90px;
}
.clubwiseAppSection h6 {
    font-size: 34px;
    color: #606060;
    margin-bottom: 15px;
}
.clubwiseAppSection h1 {
    font-size: 51px;
    color: #253d93;
    margin-bottom: 50px;
    line-height: 1.4;
}
.clubwiseAppSection p {
    max-width: 1130px;
    margin: 0px auto 15px auto;
    width: 100%;
    font-size: 18px;
    line-height: 34px;
}
.darkSection {
    background-color: #f2f2f2;
    text-align: left;
    padding: 90px 0px;
}
.lightSection {
    background-color: #ffffff;
    text-align: left;
    padding: 90px 0px;
}
.listingSection li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #444;
    padding-left: 17px;
    /*background-image: url('../images/bulleticon.svg');
    background-repeat: no-repeat;
    background-position: left 8px;
    background-size: 5px 5px;*/
}
.listingSection li:last-child {
    margin-bottom: 0px;
}
.iconCommonSize {
    width: 90px;
}
.iconSection {
    width: 100%;
    float: left;
}
.sectionTitle {
    font-size:30px;
    color: #253d93;
    margin: 20px 0px 25px 0px;
}
.sectionPhone {
    position: relative;
    width: 100%;
    float: left;
}
.phoneRight {
    text-align: right;
    float: right;
}
.phoneLeft {
    float: left;
}
.zoom-feature {
    position: absolute;
    box-shadow: 0px 30px 120px rgba(5, 23, 39, 0.20);
    /*border:solid 2px #dfe2e4; */
    
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    z-index: 100;
    padding: 15px;
    background-color: #fff;
    border-top: solid 4px #274490;
}
/*.zoom-feature:before{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:101.6%;
	height:4px;
	background:#274490;
	margin-top:-2px;
	margin-left:-2px;
	 
	
}*/

.zoomPosition1 {
    top: 50%;
    left: 10px;
    top: 110px;
}
.zoomPosition7 {
    top: 50%;
    left: 0px;
    top: 30px;
}
.zoomPosition2 {
    top: 50%;
    left: 35px;
    margin-top: -70px;
}
.zoomPosition3 {
    top: 50%;
    right: 60px;
    margin-top: -70px;
}
.zoomPosition4 {
    top: 50%;
    left: 220px;
    margin-top: -150px;
}
.zoomPosition5 {
    top: -18px;
    right: -50px;
    margin-top: -70px;
}
.zoomPosition6 {
    bottom: -60px;
    right: 60px;
    margin-top: -70px;
}
.centerCols {
    text-align: center;
}
.paddingNone {
    padding: 0px !important;
}
.paddingTop70 {
    padding-top: 70px;
}
.margintabtop150 {
    margin-top: 150px;
}
.dashiPhoneLeft {
    float: left;
    position: absolute;
    left: 0px;
    bottom: -40px;
    z-index: 30;
}
.dashiPhoneRight {
    float: left;
    position: absolute;
    right: 0px;
    bottom: -40px;
    z-index: 30;
}
.sectionPaddingBtmAd {
    padding-bottom: 150px;
}
footer {
    color: #fff;
    background-color: #f2f2f2;
    padding-top: 90px;
    padding-bottom: 90px;
}
.videoBox {
    max-width: 770px;
    width: 100%;
    margin: 0px auto;
}
.videoBox img {
    opacity: 0.60;
    width: 100%;
    display: block;
}
.videoImg {
    margin: 0px 0px 100px 0px;
    position: relative;
    background: #051727;
    width: 100%;
    float: left;
    box-shadow: 0px 30px 120px rgba(0, 0, 0, 0.30);
}
.videoImg a {
    width: 98px;
    height: 98px;
    display: block;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 98px;
    -moz-border-radius: 98px;
    -webkit-border-radius: 98px;
}
.footerLast {
    width: 100%;
    float: left;
    color: #666666;
    margin-bottom: 0px;
}
.footerLeft,
.footerRight {
    font-size: 24px;
    color: #666666;
}
.footerLeft span,
.footerRight span {
    font-size: 24px;
    font-weight: 700;
    color: #333;
}
.footerLeft {
    width: 50%;
    text-align: right;
    float: left;
    padding-right: 20px;
}
.footerRight {
    width: 50%;
    text-align: left;
    float: right;
    padding-left: 20px;
}
.footerLast p {
    margin: 0px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-top: 30px;
    display: block;
    width: 100%;
    float: left;
}
.modal {
    text-align: center;
    padding: 0!important;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    max-width: 800px;
}
.close {
    position: absolute;
    right: -32px;
    top: 0px;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    text-shadow: none;
    opacity: 1;
    color: #fff;
}
button.close {
    background: rgba(0, 0, 0, 1);
}
.close:hover {
    color: #f08a20;
    opacity: 1;
    background: rgba(0, 0, 0, 1);
}
.videoBlank {
    position: relative;
    padding: 0px;
    width: 100%;
    float: left;
    border-radius: none;
}
.videoBox h2 {
    margin-top: 100px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
}
.videoBox h2 span {
    font-weight: 300;
}
.videoBlank video {
    width: 100%;
    display: block;
    height: 450px;
}
.carousel-indicators li {
    height: 5px;
    width: 25px;
    border: none;
    background-color: #858d94;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.carousel-indicators .active {
    background-color: #051727;
    width: 25px;
    border: none;
    height: 5px;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.carousel-indicators {
    bottom: -40px;
}
/*Slider Fade effect start*/
/*.carousel-inner>.item{
	-webkit-transition: none !important;
    -o-transition:none !important;
    transition:none !important;
	
}*/

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}
.carousel-fade .carousel-inner .item {
    float: left;
    width: 100%;
}
.carousel-inner {
    overflow: inherit;
    float: left;
}
.carousel {
    float: left;
    width: 100%;
}
/*Slider Fade effect end*/

.zoomSliderCenter {
    text-align: center;
}
.zoomSliderCenter .phoneLeft {
    float: none;
}
.zoomSliderCenter .zoomPosition3 {
        right: 140px;
    margin-top: -180px;
}
.zoomPosition7 {
    top: 50px;
    left: 10px;
}
.zoomPosition8 {
    top: 50%;
    left: 223px;
    margin-top: -60px;
}
.store-wrap {
    margin-top: 30px;
    width: 100%;
    float: left;
    text-align: center;
    float: left;
    color: #666;
    font-size: 24px;
}
.store-wrap a {
    display: block;
    margin-top: 30px;
}
.zoomPosition9 {
    top: 50%;
    right: 80px;
    margin-top: -130px;
}
.everysection {
    color: #666;
}
.everysection span {
    display: block;
    width: 100%;
    font-size: 38px;
    font-weight: 600;
}
.everysection .appstoreButton {
    display: inline-block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fff;
    background: #000;
	height:55px;
    padding: 8px 20px;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    margin-top: 35px;
}
.everysection .appstoreButton .appleicon {
    width: 70px;
    float: left;
}
.everysection .appstoreButton .appleiconInfo {
    margin-left: 90px;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.everysection .appstoreButton .appleiconInfo span {
    line-height: 1;
    display: block;
    text-align: center;
}
.everysection .appstoreButton .appleiconInfo .smalltext {
    font-size: 20px;
    margin-bottom: 8px;
    margin-top: 7px;
}
.everysection .appstoreButton .appleiconInfo .bigtext {
    font-size: 40px;
}
.everysection .appstoreButton:hover .appleiconInfo {
    margin-left: 100px;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.everysection .appstoreButton:hover {
    background-color: #222;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: 0px 15px 80px rgba(5, 23, 39, 0.40);
}
.margintabtop100 {
    margin-bottom: 100px;
}
.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    box-sizing: border-box;
    -webkit-justify-content: center;
    justify-content: center;
}
.iphonehero {
    -webkit-flex: 1;
    flex: 1;
    max-width: 235px;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.ipadehero {
    -webkit-flex: 2;
    flex: 2;
    max-width: 830px;
    width: 100%;
    height: auto;
}
.floatRight {
    float: right;
}
.mobileCenter {
    position: relative;
}
.mobileBlank {
    width: 100%;
    float: left;
    position: relative;
}
.mobileview {
    display: none;
    ;
}
/*Edit Slider*/

.carousel-indicators {
    position: static;
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}
.carousel-indicators li,
.carousel-indicators .active,
.listingSection li, .pullRightSection p  {
    list-style: none;
    width: 100%;
    background-color: transparent;
    margin-bottom: 0px;
    border: none;
    height: auto;
    text-indent: 0px;
    padding: 15px 10px 15px 25px;
    text-align: left;
    margin: 0px;
    background-position: 10px 23px;
}
.carousel-indicators .active {
    background-color: #fff;
    color: #1b4489;
    box-shadow: 0px 10px 120px rgba(0, 0, 0, 0.10);
}
/*Edit Slider end*/

.dashboardRelative {
    /*display:block; position:relative; text-align:center; width:100%; float:left; margin-bottom:50px;*/
}
.margintop0 {
    margin: 0px;
}
.contactSection{ padding:90px 0px; overflow:inherit;}

/*contact form css start*/
.contactBlank h2{ font-size:22px; line-height:1.5; font-weight:600;text-align:center;}
.lms-form{
	    max-width: 640px;
    width: 100%;
    margin: 0px auto;
}
.lms-form .input, .lms-form  textarea.hs-input{
	width:100%;
	background:transparent;
	padding:0;
	color:#000 !important;
	border:none;
	outline:none;
	font-weight:400;
	font-size:16px;
	outline:none;
	border-bottom: solid 2px #eeeeee;
	font-family: 'Poppins', sans-serif;
	box-shadow:none !important;
}
.lms-form  textarea.hs-input{ border-bottom:none !important; }
.lms-form input::-webkit-input-placeholder, .lms-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0,0,0,0.5);
}
.lms-form input ::-moz-placeholder, .lms-form textarea ::-moz-placeholder  { /* Firefox 19+ */
 color: rgba(0,0,0,0.5);
}
.lms-form input:-ms-input-placeholder, .lms-form textarea:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0,0,0,0.5);
}
.lms-form input:-moz-placeholder, .lms-form textarea:-moz-placeholder  { /* Firefox 18- */
  color: rgba(0,0,0,0.5);
}
.lms-form .input {
	color: #666;
    position: relative;
    display: inline-block;
}
.lms-form .input input, .lms-form  textarea.hs-input{
outline:none;
    font-family: 'Poppins', sans-serif;
	font-weight:500;
	border:none;
	box-shadow:none;
}
.lms-form .input:after {
	position: absolute;
    left: 50%;
	content: '';
	height: 40px;
	height: 2px;
    background: #f08a21;
    width: 0;
    bottom: -2px;  
	-webkit-transition: all 800ms cubic-bezier(0.800, 0.000, 0.200, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.800, 0.000, 0.200, 1.000);
    -o-transition: all 800ms cubic-bezier(0.800, 0.000, 0.200, 1.000);
    transition: all 800ms cubic-bezier(0.800, 0.000, 0.200, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.800, 0.000, 0.200, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.800, 0.000, 0.200, 1.000);
    -o-transition-timing-function: cubic-bezier(0.800, 0.000, 0.200, 1.000);
    transition-timing-function: cubic-bezier(0.800, 0.000, 0.200, 1.000);
}

.lms-form .input:hover:after {
	width: 100%;
    margin-left: -50%;
}
 
 
.hs-form fieldset.form-columns-1 .hs-input, .hs-form fieldset.form-columns-2 .hs-input{
		
		margin: 5px 0 !important;
		width:96%;
	}
.hs-form-field{}
.lms-form .hs_firstname, .lms-form .hs-form-field, .lms-form  .hs-form-field{padding:0px 15px !important;}
.fca-rsn .hs-form-required, .popupRequest .hs-form-required{ display:none;}
 

.lms-form input, .lms-form select{ color:#000; font-size:16px; height:37px; margin:0 !important; background:transparent; border-bottom:solid 2px #000;}
.lms-form .hs_submit .hs-button{ 
margin-top:25px !important; 
display:inline-block; 
color:#22418c; 
border:solid 2px #22418c; 
border-radius:50px; 
width:180px; 
height:50px;
line-height:1;
display:inline-block;
padding:0px; 
margin:0px; 
letter-spacing:5px;
background:transparent;
box-shadow:none;
text-shadow:none;
font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:14px;
 
}
.lms-form .hs_submit .hs-button:hover, .lms-form .hs_submit .hs-button:focus{
	background:#22418c !important;
	color:#fff !important;
	box-shadow:none !important;	 
text-shadow:none !important;
border:solid 2px #22418c !important;
	
}
.lms-form input.hs-input:focus, .lms-form textarea.hs-input:focus, .lms-form input.hs-input:active, .lms-form textarea.hs-input:active{ box-shadow:none !important; border:none !important;}
.lms-form .hs_submit .actions{ margin:0px; padding:0px; text-align:center;}
.hs-form-aadb0426-fd7a-40b0-adf1-278f8192f20a_fc148bd4-beaf-49af-a97e-9b315455ca7f fieldset.form-columns-1 .hs-input{ box-shadow:none !important;}
.lms-form .hs-form-aadb0426-fd7a-40b0-adf1-278f8192f20a_1da8db82-a3f9-4a44-9d3e-8ccaacfd979f label, .hs-form-aadb0426-fd7a-40b0-adf1-278f8192f20a_ba41e59e-16f5-4cc9-8cc3-3869ff271e12.stacked .inputs-list>li label{ font-size:12px !important;}
.lms-form .hs-form-aadb0426-fd7a-40b0-adf1-278f8192f20a_8890ee5f-5102-44c3-b82d-4e2dac19f7af fieldset{ margin:0px auto !important;}
.supporticon-100{ max-width:100px; width:100%;}
.hs-form-required{ display:none;}
.lms-form fieldset{ max-width:100% !important;}
.contactBlank{ background-color:#fff; margin-top:-170px; max-width:100%; width:100%; float:left; height:auto; padding:25px; box-shadow:0px 30px 80px rgba(0,0,0,0.15); border-radius:4px;}
.hs-error-msgs  label{ font-weight:400; font-size:12px; color:#ed2541; float:left; margin-top:5px; }
.contactheader{ height:359px; background-color:#20438a; background-position:center bottom; background-repeat:no-repeat; background-image:url('../images/contact-header.jpg'); }
.submitted-message{
	    padding: 20px 40px;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
}
/*contact form css end*/


/*New header*/
.progressbar, .progressbar2, .progressbar3 {
    display: inline-block;
    width: 33.33%;
    margin: 0px;
	float:left;
	}
	.clubwiseAppSection .circle{ font-size:16px;}
	.clubwiseAppSection .circle p, .clubwiseAppSection .circle2 p, .clubwiseAppSection .circle3 p{ margin-top:10px; font-weight:600; font-size:20px; line-height:1.4; margin-bottom:5px; }
	.clubwiseAppSection .circle .orangeText{ color:#db5e27;}
	.clubwiseAppSection .circle2 .fsblueText{ color:#3ebdee;}
	.clubwiseAppSection .circle3 .purpleText{ color:#8054a1;}
.circle, .circle2, .circle3 {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
}
.circle canvas, .circle2 canvas, .circle3 canvas {
    vertical-align: middle;
	
}
.circle div, .circle2 div, .circle3 div  {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
	    
		font-weight:700;color:#fff;
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    border-radius: 100px;
  
    top: 36.5%;
    margin-top: -40px;
	
}
.circle div{  background-color: #db5e27;}
.circle2 div{  background-color: #3ebdee;}
.circle3 div{  background-color: #8054a1;}
.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.circle span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}

.didyouknow{ font-size:20px; line-height:1.6; font-weight:600; color:#606060;}
.progressWrap{ width:100%; max-width:800px; margin:0px auto;}
.didyouknow-top{ margin-top:40px; width:100%; float:left;}
.introSection{ padding:100px 0px;}


/*Mobile Prospecting Start*/

.cwtestimonial {text-align:center;    
    line-height: 26px;     color: #444; font-style:italic;   margin-top:30px; width:100%; float:left;   padding: 15px 10px 15px 25px; }
	.cwtestimonial span{font-size:16px; text-align:center; display:inline-block; margin-top:15px; }
	.cwtestimonial span.quotes{font-size: 24px; line-height:36px; position:relative; margin:0px; display:inline-block; float:left;}
	.cwtestimonial span.quotes:before{
			content:'"';
			font-family: 'Passion One', cursive;
			font-size:60px;
			 display:inline-block;
			 transform: rotate(180deg);
		    position: relative;
    top: -13px;
	width:36px;
		text-align:left;
		
	}
	.cwtestimonial span.quotes:after{
			content:'"';
			font-family: 'Passion One', cursive;
			font-size:60px;
		display:inline-block;
		width:36px;
		text-align:left;
		 position: relative;
    top: 10px;
		
	}
.didyouknowWrapper{ width:100%; float:left;}
.marginMiddleHero{ position:absolute; right:-75px;}
.heroHeader{ padding-bottom:120px;}
.getademoButton{ display:inline-block; text-align:center; padding:20px 60px; font-size:18px; font-weight:600; text-transform:uppercase; background-color:#253d93; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.getademoButton:hover, .getademoButton:active, .getademoButton:focus{ text-decoration:none; color:#fff; background-color:#0e2473; box-shadow:0px 20px 60px rgba(37,61,147,0.4);}
.colorClubBlue{  color:#253d93}
/*Mobile Prospecting End*/

.heroHeader {
	color: #5f6870;
}

.heroHeader h1 {
    font-size: 55px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px;
}
.heroHeader h1 strong {
    color:#253d93;
}
.heroHeader h2 {
    font-size:24px;
    color: #444444;
    font-weight: 400;
	line-height:1.4;
}
.leftHeader{ text-align:right;}
.rightHeader{ text-align:left;}

.header-txt{ padding-top:30px;}
.header-txt h3 {
    font-size: 19px;
    text-align: center;
    font-weight: 400;
   line-height:1.4;
   color: #444444;
 
   font-weight:400;
}

.navigationHeader{
	    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
}
.statsSection{ padding:100px 0px; color:#fff; background-color:#253d93;  }
.statsSection .titleStats { color:#fff; text-align:center; font-size:28px; margin-bottom:50px;}
.statsSection  p{ color:#fff; text-align:center; font-size:18px;}
.statsSection  .circle p, .statsSection  .circle2 p, .statsSection  .purpleText p { margin-bottom:10px; margin-top:15px; font-weight:600; font-size:18px;}
.statsSection .getademoButton{ background-color:rgba(255,255,255,1); color:#253d93; display:inline-block;  float:none;}
.statsSection  .didyouknow-top{ text-align:center;}
.statsSection .circle, .statsSection .circle2, .statsSection .circle3{font-size:18px;}
.memberManagmentPaddingTop{ padding-top:150px;}
.memberManagmentPaddingTop100{
	padding-top:100px;
}
.floatNone{ float:none;}
.heroHeader .appstoreButton{ margin:0px;}
.heroHeader .appstoreButton .appleiconInfo .smalltext{ margin-top:0px; margin-bottom:5px;font-size:11px;}
.heroHeader .appstoreButton .appleiconInfo .bigtext{ font-size:18px;}
.heroHeader  .appstoreButton .appleicon{width:30px;}
.heroHeader  .appstoreButton .appleiconInfo{ margin-left:40px;}

.heroHeader .appstoreButton:hover .appleiconInfo {
    margin-left: 40px;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.heroHeader .appstoreButton:hover {
    background-color: #222;
    -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    box-shadow: 0px 15px 80px rgba(5, 23, 39, 0.40);
}
.bigtitle{text-align:center; margin-bottom:55px; margin-top:0px; font-size:40px;}
.rightHeader{  max-width: 590px; padding-top:40px;}
.store-wrap .headerDemoButton{ 

float:left; 
margin:0px 20px 0px 0px; 
height:55px; 
line-height:55px;
padding:0px 35px;
border-radius:50px;
-moz-border-radius:50px;
}
 

.store-wrap .getademoButton:hover, .store-wrap  .getademoButton:active, .store-wrap  .getademoButton:focus{
	background-color:#253d93 !important;
	box-shadow:none !important;
}
.imgShadow{
	
	 box-shadow: 0px 30px 120px rgba(5, 23, 39, 0.20);
}
.zoomPositionSignature{top:170px;}
.zoomPositionSignature100{ top:100px;}
.pullRightSection{ float:right;}
.comingSoon{ display:inline-block; padding:5px 10px; margin-left:5px;font-size:10px; background-color:#b0b0b0; color:#fff;line-height:1; border-radius:30px; -moz-border-radius:30px;}
.leftHeader .headeriPad{ 
	max-width:640px;
	width:100%;
}
.appstoreButton{ pointer:normal;}

.heroHeader .appstoreButton{
	    width:55px;
		padding:8px 17px;
    cursor: inherit;
}
.indHeader .headerDemoButton:hover, .getademoWrapper  .store-wrap .headerDemoButton:hover, .getademoWrapper  .store-wrap .headerDemoButton:focus, .getademoWrapper  .store-wrap .headerDemoButton:active{
	
	text-decoration:none; color:#fff; background-color:#0e2473 !important; box-shadow:0px 20px 60px rgba(37,61,147,0.4)  !important;
}
.indHeader .store-wrap a{ margin-top:0px;}
.getademoWrapper   { text-align:center;}
.getademoWrapper  .store-wrap .headerDemoButton{ width:auto; display:inline-block; float:none; text-align:center;}

.indHeader  .appstoreButton{ width:auto;}

.indHeader .appstoreButton .appleiconInfo .smalltext{    margin-top: 3px;
    margin-bottom: 3px;}
	.introTextTop-35{ padding-top:35px;}
		.introTextTop-20{ padding-top:20px;}
		
		/* Legal Consent Form - START*/
.hs-richtext p{
	    font-size: 12px!important;
    line-height: 1.5!important;
    font-weight: 400!important;
    margin-top: 0px!important;
	font-family: 'Poppins', sans-serif !important;
	

}
.hs-richtext {
	    font-size: 12px!important;
    line-height: 1.5!important;
    font-weight: 400!important;
    margin-top: 0px!important;
    margin-bottom: 15px!important;
	font-family: 'Poppins', sans-serif !important;
}
.hs-form fieldset.form-columns-1 .hs-form-booleancheckbox-display input{
	    float: left!important;
    height: 16px!important;
    margin: 0px 15px 0 0 !important;
    border: none!important;
	font-family: 'Poppins', sans-serif !important;
}
.hs-form-booleancheckbox-display span{
	  font-size: 12px!important;
    font-weight: 400!important;
    line-height: 1.4!important;
    float: left!important;
	font-family: 'Poppins', sans-serif!important;
}
.legal-consent-container { margin-top:15px;}
.legal-consent-container .field.hs-form-field{ padding:0px !important; margin-bottom:10px !important;}
.legal-consent-container .field.hs-form-field .input:after{ display:none;}
.legal-consent-container .field.hs-form-field .input{ border:none;}
.legal-consent-container label{ margin:0px;}
/* Legal Consent Form - END*/
.registerTitle{ margin-top:50px;}
/*	.lms-form .input {
  width: 100%;
  background: transparent;
  padding: 0;
  color: #000!important;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  outline: none;
  border-bottom: solid 2px #eee;
  font-family: 'Poppins',sans-serif;
}

.lms-form input::-webkit-input-placeholder {
  color: rgba(0,0,0,0.5);
}

.lms-form input ::-moz-placeholder {
  color: rgba(0,0,0,0.5);
}

.lms-form input:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}

.lms-form input:-moz-placeholder {
  color: rgba(0,0,0,0.5);
}

.lms-form .input {
  color: #666;
  position: relative;
  display: inline-block;
}

.lms-form .input input {
  outline: none;
  font-family: 'Poppins',sans-serif;
  font-weight: 500;
  border: none;
  box-shadow: none;
}

.lms-form .input:after {
  position: absolute;
  left: 50%;
  content: '';
  height: 40px;
  height: 2px;
  background: #f08a21;
  width: 0;
  bottom: -2px;
  -webkit-transition: all 800ms cubic-bezier(0.800,0.000,0.200,1.000);
  -moz-transition: all 800ms cubic-bezier(0.800,0.000,0.200,1.000);
  -o-transition: all 800ms cubic-bezier(0.800,0.000,0.200,1.000);
  transition: all 800ms cubic-bezier(0.800,0.000,0.200,1.000);
  -webkit-transition-timing-function: cubic-bezier(0.800,0.000,0.200,1.000);
  -moz-transition-timing-function: cubic-bezier(0.800,0.000,0.200,1.000);
  -o-transition-timing-function: cubic-bezier(0.800,0.000,0.200,1.000);
  transition-timing-function: cubic-bezier(0.800,0.000,0.200,1.000);
}

.lms-form .input:hover:after {
  width: 100%;
  margin-left: -50%;
}

.hs-form fieldset.form-columns-1 .hs-input {
  margin: 20px 0!important;
}

.lms-form .hs_firstname,.lms-form .hs-form-field,.lms-form .hs-form-field {
  padding: 0 15px!important;
}

.fca-rsn .hs-form-required,.popupRequest .hs-form-required {
  display: none;
}

.lms-form input,.lms-form select {
  color: #000;
  font-size: 16px;
  height: 37px;
  margin: 0!important;
  background: transparent;
  border-bottom: solid 2px #000;
}

.lms-form .hs_submit .hs-button, #feedback [name="submit"] {
  display: inline-block;
  color: #22418c;
  border: solid 2px #22418c;
  border-radius: 50px;
  width: 180px;
  height: 50px;
  line-height: 1;
  display: inline-block;
  padding: 0;
  margin: 15px 0 0!important;
  letter-spacing: 5px;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  font-family: 'Poppins',sans-serif;
 text-transform:uppercase;
  font-weight: 700;
  letter-spacing:5px;
  font-size: 18px; 
}

.lms-form .hs_submit .hs-button:hover,.lms-form .hs_submit .hs-button:focus , #feedback [name="submit"]:hover {
  background: #22418c!important;
  color: #fff!important;
  box-shadow: none!important;
  text-shadow: none!important;
  border: solid 2px #22418c!important;
}

.lms-form input.hs-input:focus,.lms-form textarea.hs-input:focus,.lms-form input.hs-input:active,.lms-form textarea.hs-input:active {
  box-shadow: none!important;
  border: none!important;
}

.lms-form .hs_submit .actions {
  margin: 0;
  padding: 0;
  text-align: center;
}*/
.widthForm{ max-width:800px;}
		.introText{
	    float: none;
    margin: auto;
    width: 70%;
}