@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('icons/flaticon.css');

* {

	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: 'Inter', sans-serif;

}



ul,

ol {

	margin: 0
}



ul,

li {

	list-style: none
}



p {

	font-size: 18px;

	margin-bottom: 20px;

	color: #2d2d2d;

	line-height: 26px;

}



img {

	max-width: 100%;

	width: auto\9;

	height: auto
}



h1,

h2,

h3,

h4,

h5 {

	font-family: 'Inter', 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: 20px;

	line-height: 34px;

}



.darkSection {

	background-color: #f2f2f2 !important;

	text-align: left;

	padding: 50px 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-bottom: 35px;

	padding-top: 35px;

}



.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: #252525;

	text-align: center;

	margin-bottom: 0px;

}

.footerLast strong {

	font-size: 26px;

	color: #252525;

}

.footerLast strong span {
	display: inline-block;
	margin: 0px 10px;
}

.footerLast strong span div {

	display: inline-block;

}

.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: 16px;

	color: #666666;

	text-align: center;

	margin-top: 0px;

	display: block;

	width: 100%;

	float: left;

}



.modal {

	text-align: center;

	padding: 0 !important;

}




.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: #fe621d;

	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;

}






.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;

	;

}





.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: #fe621d;

	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-bottom: 100px;

	max-width: 100%;

	width: 100%;

	float: left;

	height: auto;

	padding: 25px;

	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.10);

	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: #fe621d;

}



.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: #fe621d;

}



.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: 23px;

	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;

}


.registerTitle {

	margin-top: 50px;

}


.widthForm {

	max-width: 800px;

}



.introText {

	float: none;

	margin: auto;

	width: 70%;

}





/* ================================= Online Joining CSS Start Here ================================= */



.headerBG {

	width: 100%;

	float: left;

	padding: 70px 0px;
	background: #22418c;

}



.toplogo {

	padding: 15px 0;

}



.logo {

	display: inline-block;

	max-width: 220px
}



.headerTitle {

	font-size: 55px;

	color: #fff;

	line-height: 1.4;

	margin-top: 0px;

	margin: 0px;

	margin-bottom: 20px;

	display: black;

	margin-top: 20px;



}



.bluLgt {
	background: #d0deff;
	padding: 30px;
	color: #2d2d2d;
	font-size: 23px;
	text-align: center;
	line-height: 1.4
}

.GryBox {
	background: #f3f3f3;
	border-radius: 11px;
	padding: 25px 15px;
	font-size: 17px;
	text-align: center;
	line-height: 1.4;
	min-height: 215px;
	margin-bottom: 20px
}

.GryBox img {
	padding-bottom: 20px
}



.container890 {

	max-width: 867px;

	width: 100%;

	margin: 0px auto;

}



.text-r-c {

	text-align: right
}



.blankWhite {

	/*background:#e1caff;

	padding:15px;*/

	width: 100%;

	float: left;

	/*border-radius:5px;

	-moz-border-radius:5px;

	box-shadow:0px 5px 10px rgba(0,0,0,0.1);*/

}



.blankWhite img {

	border-radius: 7px;

	-moz-border-radius: 7px;

	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);

}



.blankWhite p {

	font-size: 16px;

	line-height: 1.4;

	font-weight: 600;

}



.howitworksSection {

	background: #ffffff;

	padding-top: 50px;

}



.titleH2 {

	font-size: 40px;

	color: #22418c;

	font-weight: 700;

	margin-top: 0px;

	margin-bottom: 50px;

	text-align: center;

	line-height: 1.5
}



.container960 {

	max-width: 980px;

	width: 100%;

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}



.howWorksRow {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%;

	float: left;

	margin-bottom: 60px;

}



.Steptext,

.StepImg {

	width: 50%;

	padding: 0px 10px;

}



.Steptext p {

	font-size: 20px;

	color: #575757;

	line-height: 1.6;

}



.stepBox {

	width: 100%;

	float: left;

	text-align: center;

	position: relative;

}



.stepBox:before {

	content: "";

	position: absolute;

	bottom: 0px;

	height: 50%;

	width: 100%;

	display: block;

	background: #fe621d;

	border-radius: 200px;

	border-radius: 0px 0px 5px 5px;

	display: none !important;

}



.stepBox:after {

	content: "";

	position: absolute;

	top: 50%;

	height: 116px;

	width: 116px;

	font-size: 60px;

	font-weight: 700;

	color: #fff;

	text-align: center;

	z-index: 111;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #f08a20;

	border-radius: 200px;

	margin-top: -58px;

	left: -58px;

	display: none !important;

}



.stepNumber01:after {

	content: "1";

}



.stepNumber02:after {

	content: "2";

}



.stepNumber03:after {

	content: "3";

}



.stepNumber04:after {

	content: "4";

}



.stepNumber05:after {

	content: "5";

}



.stepNumber06:after {

	content: "6";

}



.stepBox img {

	position: relative;

	z-index: 11;

	border-radius: 5px;

}



.howWorksRow * {

	-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
}



.howWorksRow .stepBox a {

	box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);

}



.howWorksRow:hover .stepBox a {

	-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;

	box-shadow: 0px 25px 30px rgba(0, 0, 0, 0.2);

}



.order-01 {

	order: 1;

}



.textRight {

	text-align: right;

	padding-right: 60px;

}



.Steptext .importantNote {

	color: #e51313 !important;

	background: #fbdcdc;

	border-radius: 5px;

	border: solid 1px #e51313;

	line-height: 1.4 !important;

	font-size: 20px;

	padding: 15px;

}



.importantNote strong {

	font-weight: 600;

}



.titleMB20 {

	margin-bottom: 20px;

}



.descriptionText {

	font-size: 20px;

	line-height: 1.5;

}



.centerText {

	text-align: center;

}



.imgFrame {

	display: inline-block;

	padding: 15px;

	border-radius: 5px;

	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);

	background: #fff;

}



.contacticon {

	width: 20%;

	float: left;

}



.contactinfo {

	float: left;

	width: 80%;

	text-align: left;

}



.contactinfo p {

	font-size: 19px;

	line-height: 1.5;

}



.contactinfo p strong {

	margin-bottom: 5px;

	display: block;

	font-weight: 700;

	color: #243f8c;

}



.mt30 {

	margin-top: 30px;

}



.padding15 {

	padding: 15px;

}



.padding25 {

	padding: 25px;

}



.rightCircle .stepBox:after {

	left: auto;

	right: -58px;

}



.textLeft {

	padding-left: 60px;

}



.btn {

	border-radius: 60px;

	padding: 15px 50px;

	color: #22418c !important;

	font-size: 24px;

	text-transform: uppercase;

	margin: 0 auto;

	font-weight: 700;

	display: inline-block;

	background: #ffffff;

}



.btn:hover {

	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);

}



.titleH3 {

	font-size: 30px;

	color: #575757;

	font-weight: 500;

	margin-top: 0px;

	margin-bottom: 50px;

	text-align: center;

	line-height: 1.5;

}



.gradientBG {

	background: #22418c;

	padding: 40px 0;

	color: #fff;

}



.gradientBG h2,

.gradientBG p {

	color: #fff;

}



#label-company-5ce3b318-a914-4a00-b469-5ba7aa6f4368 {

	height: 10px !important
}



.heightAuto {

	height: auto;

}



.overtxt {

	font-size: 14px;

	padding: 10px 20px;

	border: solid 3px #fe621d;

	display: inline-block;

	border-radius: 30px;

	font-weight: bold;

	margin-top: 20px;

}



.topblue {

	background: #22418c;

	padding: 10px 0;

	color: #fff;

	font-size: 16px;

}



.phone {

	font-size: 27px;

	text-align: right;

	color: #22418c;

	line-height: 1.5;

	font-family: 'Work Sans', sans-serif;

	font-weight: 700;

}



.titleH2 span {

	font-weight: 400;

	display: block;

}



.zoomClick {

	font-size: 14px;

	margin-bottom: 0px;

	background: #e4e4e4;

	display: inline-block;

	padding: 5px 15px;

	border-radius: 50px;

	position: relative;

}



.zoomClick:before {

	content: "";

	position: absolute;

	top: -10px;

	left: 50%;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 0 10px 10px 10px;

	border-color: transparent transparent #e4e4e4 transparent;

	margin-left: -8px;

}



.dashboardTab {

	padding: 10px 15px;

	margin-bottom: 15px;

	background: #22418c;

	color: #fff;

	font-weight: 600;

	display: inline-block;

	border-radius: 60px;

	font-size: 20px;

}



section .howWorksRow:last-child {

	margin-bottom: 0px;

}



.howitworksSection {

	padding-bottom: 50px;

}



.addOnProduct {

	padding: 25px;

	max-width: 620px;

	width: 100%;

	margin: 0px auto;

	overflow: hidden;

	box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1);

	background-color: #fff;

}



.fontBlue {

	font-size: 26px !important;

}



.emailbutton {

	text-transform: lowercase;

}



.phone {

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: right;

	float: right;

}



.phoneCircle {

	border-radius: 100px;

	background: #22418c;

	display: inline-block;

	padding: 0px;

	color: #fff;

	margin-right: 10px;

}



.phoneCircle:before {

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: normal;

	font-size: 15px;

	width: 32px;

	height: 32px;

}



.headerTitle strong {

	color: #fff
}



.headerTitleContact {

	font-size: 28px;

	color: #575757;

	line-height: 1.2;

	margin-top: 30px;

	margin-bottom: 50px;

	display: block;

	text-align: center;

	font-weight: 500;

}



.stepBox a {

	display: inline-block;

	position: relative;

	box-shadow: none;

	margin-bottom: 15px;

	box-shadow: none !important;

}



.stepBox a:before {

	content: "\f101";

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100%;

	width: 100%;

	background-color: rgba(34, 65, 140, 0.8);

	color: #fff;

	font-size: 42px;

	font-family: Flaticon;

	position: absolute;

	top: 0;

	z-index: 999;

	opacity: 0;

	left: 0px;

	-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;

	border-radius: 25px;

}



.stepBox a:hover:before {

	content: "\f101";

	opacity: 1;

	-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
}



.colThree {

	text-align: center;

}



.colThree .stepBox a {

	height: 286px;

	bottom: 0px;

	margin-bottom: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

}



.colThree .stepBox a img {

	bottom: 0px;

}



.colThree .stepBox a:before {

	content: "\f101";

	top: 0px;

}



.centerHeaderImg {

	text-align: center;

}



.centerHeaderImg img {

	max-width: 750px;

}



.carousel-indicators li,

.carousel-indicators .active {

	margin: 0px 2px;

	border-radius: 0;

	height: 3px;

	width: 35px;

}



.sliderSection {

	height: 768px;

	padding-bottom: 90px;

}



.howWorksRow .stepBox a {

	box-shadow: none;

	box-shadow: none !important;

}



.headerLogo {

	width: 170px;

}



.boxShadow {

	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);

}



.heroRota {

	border-radius: 31px;

	/*width: initial;

	max-width: initial*/

}



.flexCenter {

	display: flex;

	align-items: center;

	justify-content: center;

}



.sectionWhite {

	width: 100%;

	float: left;
	padding: 70px 0;

}



.PTB50 {

	padding-top: 50px;

	padding-bottom: 50px;

}



.contentCenter {

	text-align: center;

	padding-left: 50px;

	padding-right: 50px;

}



.introTextRota {

	margin-top: 25px;

}



.iconMRL5 {

	margin: 0px 5px;

}



.titleBold {

	font-weight: 700
}



.sectionTitleRota {

	display: flex;

	align-items: center;

	font-size: 28px;

	color: #22418c;

	font-weight: 700;

	justify-content: center;

}



.sectionTitleRota span {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 44px;

	height: 44px;

	border-radius: 50px;

	background-color: #22418c;

	color: #fff;

	margin-right: 15px;

}



.pt50 {

	padding-top: 50px;

}



.pb100 {

	padding-bottom: 100px;

}

.pb170 {

	padding-bottom: 170px;

}

.pt70 {

	padding-top: 70px;

}



.pt100 {

	padding-top: 100px;

}



.borderRadius {

	border-radius: 10px;

}



.videoTitle {

	font-size: 28px;

	color: #4f4f4f;

	line-height: 1.5;

	text-align: center;

}



.mt30 {

	margin-top: 30px;

}



.sectionDark {

	background-color: #f0f0f0;

}



.mt100 {

	margin-top: 100px;

}



.smallShadow {

	/*-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

       -moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

            box-shadow:0 2px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/

}

.headerTitle02 {



	font-size: 35px;

	color: #22418c;

	line-height: 1.4;

	margin-top: 0px;

	margin: 0px;

	margin-bottom: 20px;

	display: black;

	font-weight: 700;



}



.textCenter {

	text-align: center;

}

.pb50 {

	padding-bottom: 50px;

}

.contactText {

	font-size: 26px;

	line-height: 1.5;

	margin-top: 30px;

}

.contactText a {

	font-weight: 700;

}

.contactRow .sectionTitleRota {

	font-size: 35px;

}

.mb40 {

	margin-bottom: 40px;

}



.shadow {
	padding: 25px;
	border-radius: 11px;
	box-shadow: 0 0 20px #ccc;
	display: block
}











.modal {
	background: rgba(255, 255, 255, 0.9);
	z-index: 89899
}

.modal-content {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border-radius: 0;
	padding: 0 20px 0 40px;
	border: none
}

.modal-body {
	padding: 0
}

.modal-dialog {
	margin: 100px auto
}

.modal-header {
	border-bottom: none
}

.close {
	color: #fff;
	font-size: 25px;
	font-weight: normal
}

.modal-header .close {
	background: #20438a;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 6px 12px;
	opacity: 1
}

.modal-body h3 {
	font-size: 18.5px;
	font-weight: 300;
	margin: 0 0 0;
	overflow: hidden;
	line-height: 1.6em;
	color: #20438a;
	text-align: center
}

.modal-body h3 strong {
	display: block;
	font-size: 25px;
	font-weight: 600
}

.hs-form fieldset {
	max-width: 100% !important
}

.modal-body input,
.gettouch-home select {
	font-size: 16px;
	margin: 0 !important;
	background: #fff;
	border: solid 1px #ccc;
	font-family: 'Inter', Arial;
	color: #000
}

.modal-body .hs-button {
	color: #fff;
	border: solid 2px #fff;
	border-radius: 8px;
	width: 180px;
	height: 50px;
	letter-spacing: 5px;
	background: #20438a
}

.model02 {
	background: rgba(0, 0, 0, .7)
}

.modal-content01 {
	background: #fff;
	border-radius: 4px;
	display: inline-block
}

#icn-n01 .modal-dialog {
	width: 65%
}

#icn-n01 .close {
	color: #000;
	font-size: 40px;
}

#icn-n02 .modal-dialog,
#icn-n03 .modal-dialog,
#icn-n04 .modal-dialog,
#icn-n05 .modal-dialog,
#icn-n06 .modal-dialog,
#icn-n07 .modal-dialog,
#icn-n08 .modal-dialog,
#icn-n09 .modal-dialog {
	width: 65%
}

#icn-n02 .close,
#icn-n03 .close,
#icn-n04 .close,
#icn-n05 .close,
#icn-n06 .close,
#icn-n07 .close,
#icn-n08 .close,
#icn-n09 .close {
	color: #000;
	font-size: 40px;
}

.spacebt {
	margin-bottom: 30px
}

.spacetpbt {
	margin: 30px 0
}

.spacetpbt p {
	border: solid 1px #3bbded;
	background: #ace9ff;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px
}

.modelhome {
	background: rgba(0, 0, 0, 0.7);
}

.modelhome .modal-content {
	background: #fff;
}

.modal-body .closebtnnew {
	display: none !important;
}



.portfolio-modal .modal-content {

	padding: 50px 0;

	min-height: 100%;

	border: 0;

	border-radius: 0;

	text-align: center;

	background-clip: border-box;

	-webkit-box-shadow: none;

	box-shadow: none;

	background: rgba(255, 255, 255, 0.8);

	color: #fff;

}

.portfolio-modal .modal-content h2 {
	margin-bottom: 15px;
	font-size: 2.5em;
}

.portfolio-modal .modal-content p {
	margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
	margin: 10px 0 30px;
	font-size: 14px;
	font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}

.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	background-color: transparent;
	cursor: pointer;
}

.portfolio-modal .close-modal:hover {
	opacity: .3;
}

.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	background-color: #000;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.portfolio-modal .btn-primary {
	color: #fff;
	background-color: #fe621d;
	border-color: #fe621d;
}

.portfolio-modal .btn-primary:hover,
.portfolio-modal .btn-primary:focus,
.portfolio-modal .btn-primary.focus,
.portfolio-modal .btn-primary:active,
.portfolio-modal .btn-primary.active {
	color: #fff;
	background-color: #032e3a
}

.headerTitle {



	margin-top: 0px;

}

.activateButton {

	background: #22418c;

	color: #ffffff;

	font-size: 24px;

	line-height: 1;

	text-transform: uppercase;

	padding: 20px 30px;

	border-radius: 100px;

	font-weight: 700;

	display: inline-block;

	text-decoration: none;

	margin-bottom: 30px;

}

.activateButton:hover,
.activateButton:focus {

	color: #ffffff;

}

.headerBG,
.toplogo {
	padding-left: 60px;
	padding-right: 60px;
}

.topForm {
	background: #001a58;
	box-shadow: 0 0 20px #02184e;
	border-radius: 11px;
}

.topForm h2 {
	color: #fff;
	text-align: center;
	padding: 20px;
	font-size: 30px
}

.topForm1 {
	padding: 25px 35px 35px 35px;
}

.topForm1 .hs-input {
	background: #536ba5 !important;

	color: #fff !important;

	border: none;

	width: 100%;

	padding: 10px;

	font-size: 17px;
	font-family: 'Inter', sans-serif;
	border-radius: 6px;
	border: solid 1px #728cc9
}

.topForm1 .hs-input::placeholder {
	color: #afb3d1
}

.topForm2 {
	padding: 25px 35px 35px 35px;
}

.topForm2 .hs-input {
	background: #ffc282 !important;
	color: #fff;
	border: none;
	width: 100%;
	padding: 10px;
	font-size: 17px;
	font-family: 'Inter', sans-serif;
	border-radius: 6px;
	border: solid 1px #ffe1c2
}
.actions {
	padding: 0 !important
}
.hs-button {
	font-size: 21px !important;
	line-height: 22px !important;
}

.hs-form .hs-button {

	font-size: 21px !important;
	width: 100%;
	background: #fe621d;
	border: solid 2px #fff;
	color: #fff;
	padding: 15px 0;
	margin-top: 15px;
	font-family: 'Inter', sans-serif;
	text-transform: uppercase;
	border-radius: 10px
}



.rgMar {
	margin-left: -80px
}



.topFormOrg {
	background: #fe621d;
}

.topFormOrg h3 {
	font-size: 31px;
	color: #fff;
	text-align: center;
	padding: 25px 35px 0 35px;
	font-weight: 300;
	margin-top: 110px
}

.ftCE {
	color: #666666;
	padding-bottom: 10px
}

.ftCE a {
	color: #666666;
}



.submitted-message p {
	color: #fff !important
}