.vidieo-popup {
	z-index: 10000;  
	width: 100%;
	height: 100%; 
	float: left;
	position: relative;
}
.vidieo-popup video#myVideo {
	height: 100%;
	position: relative;
	float: left;
}
textarea.form_input_field{
	height: auto;
}
.videof, .videot {
	width: 100%  !important;
	height: 100vh !important;
	object-fit: cover;
}
video::-webkit-media-controls {
	opacity: 0;
}
.playButton {
	border-radius: 100px;
	border: 2px solid #fff;
	height: 100px;
	position: absolute;
	width: 100px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	display: block;
	opacity: 0.95;
	transition: opacity 150ms;
}

.playButton:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 50px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: -10px;
	bottom: 0;
	margin: auto;
}
.playButton {
	position: absolute;
	text-align: center;

	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}
.banner-slider{
	width: 100%;
	float: left;
}
.banner-image {
	width: 100%;
	float: left;
	overflow: visible;
}
.common-section {
	width: 100%;
	float: left;
	position: relative;
}
.banner-slider ul.slick-dots {
	bottom: 30px;
}
.banner-slider .slick-dots li {
	margin: 0 5px;
}
.banner-slider .slick-dots li.slick-active button {
	opacity: 0.6;
}
.banner-slider .slick-dots li button {
	opacity: 0.3;
	background: #e33452;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.banner-slider .slick-dots li.slick-active button {
	opacity: 0.6;
}
.banner-item{
	width: 100%;
	float: left;
	height: auto;
}
.content-section {
	width: 100%;
	float: left;
	padding: 80px 100px 50px;
}
.common-section p{
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px;
	text-align: left;
	color: #122437;
	

}
.common-section p a{
	word-break: break-all;
}
.read-more{
	font-size: 18px;
	text-align: center;
	line-height: 20px;
	font-weight: 600;
	color:#e33452;

	padding: 10px 0 20px;
}
.read-more a{
	color:#e33452; 
}
.common-section h2{
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 20px;
	text-align: left;
	color: #122437;

}
#st-1 .st-btn[data-network='email'] {
	background-color: #f84437 !important;
}
.common-section p:last-child{
	margin-bottom: 0;
}
.form-block {
	width: 100%;
	float: left;
	position: relative; 
	padding: 0px 100px 0px;
	margin:20px 0  0px;
}
.form-block.active{
	background: #112236;
	padding: 80px 100px 50px;
}
.common-form {
	width: 100%;
	float: left;
	display: block;
}
button.toggle_btn.button {
	width: auto;
	float: none;
	display: block;
	margin: 0 auto;
}
.form-block.active button.toggle_btn.button{
	display: none;
}
.common-section .form-block h2,
.common-section .form-block p{
	color: #fff;
}
.contactus-form {
	width: 100%;
	float: left;
	padding:  0px 0 0;
}
label.custom_form_label.form-label-left {
	margin-right: 4%;
}
.form_input_field {
	padding: 12px;
	border: none;
	position: relative;
	z-index: 1;
	display: block;
	border-color: inherit;
	-webkit-appearance: none;
	width: 100%;
	margin-top: 0px;
	height: 44px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 98%, #17445b 4%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 98%, #17445b 4%);
	background-position: -2000px 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	color: #112236;
	font-size: 15px;
	font-weight: 700;
	line-height: 25px;
	margin: 1px 0 2px;
	background-color: #fff;
	border: none;
	border-bottom: none;
	text-align: center;
	letter-spacing: 4px;
	overflow: hidden;
	margin-top: 5px;
	font-family: 'Helvetica';
}
.form_input_field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color:  #112236;
	opacity: 1; /* Firefox */
}

.form_input_field:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:  #112236;
}

.form_input_field::-ms-input-placeholder { /* Microsoft Edge */
	color:  #112236;
}
div.input_error {
	position: absolute;
	font-size: 14px;
	color: red;
	text-align: center;
	float: left;
	/* font-weight: 600; */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	bottom: -25px;
	left: 0px;
	right: 0;
	margin: 0 auto;
}
label.custom_form_label.form-label-right {
	margin-left: 4%;
}
.custom_form_label {
	position: relative;
	float: left;
	width: 46%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	margin-bottom: 30px;
	padding: 0 0px;
}
label.custom_form_label.form-full-width {
	width: 100%;
} 
label.radio-block {
	width: 80px;
	float: left;
	margin: 0 auto;
	text-align: left;
	position: relative;
	display: block;
}
.select-form {
	position: absolute;
	visibility: hidden;
	opacity: 0;
}
label.radio-block label {
	font-size: 16px;
	font-family: 'Helvetica';
	color: #fff;
	cursor: pointer;
	padding-left: 30px;
}
.form-block.active button.get_btn.button {
	background: #fff;
	color: #112236;
	margin-top: 10px;
}
button.get_btn.button {
	width: 165px;
	float: none;
	display: block;
	margin: 0 auto;
}
.select-form[type="radio"]:not(:checked) + label:before, 
.select-form[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #fff; 
}

.select-form[type="checkbox"]:not(:checked) + label:before, 
.select-form[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #fff; 
}
.goals {
	width: 100%;
	float: left;
	position: relative;
} 
.goals ul li {
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 15px 30px;
	position: relative;
}
.goals ul li:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #85a5b2;
	left: 0px;
	top: 7px;
}
.help-guid {
	width: 100%;
	float: left;
	padding-top: 50px;
}
.custom_form_label h5{
	position: relative;
	margin: 0;
	margin-bottom: 	10px;
	color: #fff;
	font-weight: 400;
	line-height: 20px;
	font-size: 15px;
}
.help-log{
	width: 100%;
	padding-bottom: 30px;
	float: left;
}

.help-log li{
	width: auto;
	float: left;

}
.help-log li img{
	max-height: 70px;
}

.help-able{
	width: 100%;
	padding-bottom:  0px;
	float: left;
}

.help-able li{
	width: auto;
	float: left;
	padding-right: 30px;
	padding-top: 20px;

}
.help-able li.able-mind{
	padding-bottom:  0px;
	padding-top: 0;
	margin-top: -10px;
}
.help-able li img{
	max-height:  110px;
	display: block;
}
.help-able li img{
	max-width: 140px;
}
.radio-box{
	height: 51px;
}
.select-form[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	top:4px;
	left: 3px;
	font-size: 1.3em;
	line-height: 0.8;
	color: #e33452;
	background-color: #e33452;
	width: 10px;
	height: 9px;
	transition: all 0.2s;
}
.select-form[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top:4px;
	left: 3px;
	font-size: 1.3em;
	line-height: 0.8;
	color: #e33452;
	background-color: #e33452;
	width: 10px;
	height: 9px;
	transition: all 0.2s;
}
.form-block h4{
	width: 100%;
	float: left;
	color: #fff;
	text-align: center;
	font-weight: 400;
	margin: 0;
}
.extra-details {
	float: left;
	width: 100%;
	display: none;
}
.select-form[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
.select-form[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
.name-nfp {
	width: 100%;
	float: left;
	text-align: center;
	color: #87A7B4;
	font-size: 70px;
	font-family: 'DCC - Ash';
	letter-spacing: 14px;
	font-weight: 400;
}
.name-nfp span{
	color: #E33452;
}
button.apply_btn.button {
	width: auto;
	float: none;
	display: block;
	margin: 0 auto; 
}
.form-block.active button.apply_btn.button { 
	background: #fff;
	color: #112236;
	margin-top: 10px;
}
.get-help {
	width: 100%;
	float: left;
	padding: 40px 100px 0;
}
.get {
	width: 100%;
	float: left;
	padding: 20px;
	background: #e33452;
}

.get p{
	color: #fff;
	margin-bottom: 20px;

}
.button-section {
	width: 100%;
	float: left;
	text-align: left;
}
.button.help-btn {
	background: #112236;
	color: #fff;
	width: 165px;
	float: left;
	margin: 0 auto;
	display: block; 
}
.dwn-logo {
	width: 100%;
	float: left;
	padding: 40px 10%;
	border-bottom: 1px solid #707070;
}
.share-icons {
	width: auto;
	float: none;
	display: inline-block;
	padding: 0 10px;
	cursor: pointer;
}
.share-icons img{
	max-height: 41px;
}
.social-share p {
	font-size: 20px;
	line-height: 34px;
	margin: 10px 0 20px;
	text-align: center;
	float: left;
	color: #2A2A2A;
	width: 100%; 
}
.dwn-logo p{
	margin-bottom: 20px;
}
.button.download-btn{
	width: 197px;
	margin: 0 auto;
	display: block;
	float: none;
	padding: 7px 0;
}
.clients{
	width: 100%;
	float: left;
	padding: 40px 100px ;
}
.clients ul{
	width: 100%;
	float: left;
	padding: 0  0%;
	text-align: center;
}


.clients ul li {
	width: auto;
	float: none;
	padding: 0 20px;
	display: inline-block;
	margin: 0 auto;
}
.clients ul li p{
	float: left;
	width: auto;
	margin-bottom: 0;
}
.clients ul li span { 

	vertical-align: middle;
}
.clients ul li span img{
	max-width: 120px;
}

.top-section{
	width: 100%;
	float: left;
	position: relative;
	padding: 20px 100px 0;
}
.top-section h1{
	width: 100%;
	float: left;
	text-align: center;
	color: #87A7B4;
	font-size: 200px;
	font-family: 'DCC - Ash';
	letter-spacing: 14px;
	font-weight: 400;
	margin: 0;
}
.top-section h2{
	width: 100%;
	float: left;
	text-align: center;
	color: #87A7B4;
	font-size: 40px;  
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
}
.nfp-img {
	width: 100%;
	float: left;
	padding: 20px 0;
	text-align: center;
}
.top-section h1 span {
	color: #E33452;
}
.top-section p{
	font-size: 20px;
	line-height: 34px;
	margin: 10px 0  0px;
	text-align: center;
	float: left;
	color: #2A2A2A;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px solid #87A7B4;
} 
.social-share{
	width: 100%;
	float: left;
	padding:  10px  0px 20px;
	text-align: left;
}
.common-section p a{
	color: #e33452;
}
.shared-list {
	width: 100%;
	float: left;
	padding: 20px 100px 40px;
}
.shared-list ul li{
	width: 25%;
	float: left;
	padding: 10px;
	color: #B2B2B2;
	font-size: 25px;
	line-height: 30px;
}
.popup_overlay {
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.doenload-popup.active {
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	opacity: 1;
	z-index: 9999;
}
.doenload-popup {
	position: fixed;
	z-index: 999999;
	background-color: #FFFFFF;
	max-width: 500px;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 8px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	-webkit-transform: translateY(-50%) scale(2);
	-moz-transform: translateY(-50%) scale(2);
	-ms-transform: translateY(-50%) scale(2);
	transform: translateY(-50%) scale(2);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: -1;
	padding: 30px;
}
.close_popup {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 30px;
	cursor: pointer;
	color: #e33452;
}
.download-list {
	width: 100%;
	text-align: center;
	float: left;
	padding: 0 0 30px;
}
.download-list h3{
	font-size: 22px;
	line-height: 28px;
	margin: 0 0 20px; 
	color: #122437;
}
.download-list p{
	font-size: 16px;
	line-height: 26px;
	margin: 0 0  0px; 
	color: #122437;
}
.download-list ul li {
	width: 100%;
	float: left;
	padding: 10px 0;
}
.download-list ul li input[type="radio"]:checked, [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
.download-list ul li input[type="radio"]:checked + label, .download-list ul li input[type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}
.download-list ul li label {
	width: 100%;
	float: right;
	color: #505050;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
}
.download-list ul li input[type="radio"]:checked + label:before, .download-list ul li input[type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #B3B3B3;
	border-radius: 100%;
	background: #fff;
}
.download-list ul li input[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.download-list ul li input[type="radio"]:checked + label:after, .download-list ul li input[type="radio"]:not(:checked) + label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #e33452;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.download-list ul li input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
label.custom_form_label.down-label {
	width: 100%;
	float: left;
	padding-bottom:  0px;
	margin-bottom: 0;
}
button.download_btn.button {
	float: none;
	margin: 0 auto;
	display: inherit;
}
#st-1{
	text-align: center;

}
.terms {
	width: 100%;
	float: left;
	padding: 50px 100px;
}
.terms h2{
	text-align: center;
	font-size: 26px;
	margin: 0;
	padding: 0 0 20px;
}
.terms h3{ 
	font-size: 20px;
	margin: 0;
	padding: 0 0 20px;
}
.terms p{
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 20px; 
	color: #122437;
}
.get-section {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #707070;
}

.help-list {
	width: 33.3%;
	float: left;
	padding: 10px;
}
@media screen and (min-width:1500px){
	.shared-list ul li{
		width: 20%;
	} 
}
@media screen and (max-width:1250px){ 
	.clients ul li{
		padding: 0;
	}
}
@media screen and (max-width:1100px){ 
	.clients ul li span img {
		max-width: 118px;
	}
	.shared-list ul li{
		width: 33.3%;
	}
}
@media screen and (max-width:1000px){ 
	.content-section { 
		padding: 50px 70px;
	}
	.form-block { 
		padding: 0px 70px 0px;
	}
	.form-block.active { 
		padding: 40px 70px;
	}
	.get-help { 
		padding: 40px 70px 0;
	}
	.clients {
		width: 100%;
		float: left;
		padding: 40px 70px;
	}
	.footer{
		padding: 30px 70px;
	}
	.top-section { 
		padding: 20px 70px 0;
	}
	.social-share { 
		padding: 20px 70px; 
	}
	.shared-list { 
		padding: 20px 70px 40px;
	}
}
@media screen and (max-width:820px){ 
	.content-section { 
		padding: 50px 40px;
	}
	.form-block { 
		padding: 0px 40px 0px;
	}
	.videof, .videot {
		width: 100%  !important;
		height: 100%   !important;
		object-fit: cover;
	}
	.form-block.active { 
		padding: 20px;
	}
	.get-help { 
		padding: 40px 40px 0;
	}
	.clients {
		width: 100%;
		float: left;
		padding: 40px 40px;
	}
	.footer{
		padding: 30px 40px;
	}
	.top-section { 
		padding: 20px 40px 0;
	}
	label.custom_form_label.form-label-right {
		margin-left: 0%;
	}
	.social-share { 
		padding: 0px 0px 10px; 
	}
	.shared-list { 
		padding: 20px 40px 40px;
	}
	.name-nfp{
		font-size: 40px;
		letter-spacing: 6px;
	}
	.playButton{
		width: 50px;
		height: 50px;
	}
	.playButton:before {    
		border-width: 13px 0 13px 23px;
		right: -7px;
	}
	.common-section p {
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 20px;
		text-align: left;
		color: #122437;
		word-break: break-all;
	}
	.top-section h2{
		font-size: 26px;
	}
	.social-share p,
	.top-section p{
		font-size: 16px;
		line-height: 25px;
	}
	.share-icons img {
		max-height: 31px;
	}
	.share-icons { 
		padding: 0 7px; 
	}
	label.custom_form_label.form-label-left {
		margin-right: 0%;
	}
	label.custom_form_label.form-label-left {
		margin-right: 0%;
	}
	.custom_form_label { 
		width: 100%; 
	}
	.button{
		font-size: 12px;
		padding: 0px 10px ;
		height: 34px;
	}
	.get p{
		color: #fff;
	}
	.clients ul li span {
		vertical-align: middle;
		width: 100%;
		float: left;
		text-align: center;
		padding: 20px 0;
	}
	.shared-list ul li {
		width: 50%;
		font-size: 18px;
		padding: 5px;
	}
	.terms {
		width: 100%;
		float: left;
		padding: 50px 40px;
	}
	.terms p {
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 20px;
		color: #122437;
	}
	.button.help-btn { 
		width: 100px; 
	}
	.goals ul li{
		padding: 0 0 15px 25px
	}
	.common-section h2{
		font-size: 18px;
	}
	.goals ul li:before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #85a5b2;
    left: 0px;
    top: 7px;
}
	.help-log li {
    width: 50%;
    float: left;
    min-height:  80px;
}
.help-log li img{
	max-height: auto;

}
.help-able li img {
   
   max-width: 115px;
}
.help-able li {
    width: auto;
    float: left;
    padding-right: 20px;
    padding-top: 0;
    padding-bottom: 10px;
}
} 