.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

@font-face {
	font-family: icomoon;
	src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.html") format("woff2");
	font-weight: 400;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-help:before {
	content: "\e900";
}

.icon-left:before {
	content: "\e901";
}

.icon-right:before {
	content: "\e902";
}

.icon-clock:before {
	content: "\e903";
}

.icon-down:before {
	content: "\e904";
}

.icon-lock:before {
	content: "\e905";
}

.icon-arrow:before {
	content: "\e906";
}

.icon-facebook:before {
	content: "\e907";
}

.icon-twitter:before {
	content: "\e908";
}

.icon-linkedin:before {
	content: "\e909";
}

body {
	min-width: 320px;
}

a {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.btn-primary {
	font-size: 18px;
	line-height: 22px;
	background: -webkit-linear-gradient(69.77deg, #96baa9 -7.43%, #96baa9 96.94%, #96baa9 96.94%), #FFFFFF;
	background: linear-gradient(69.77deg, #96baa9 -7.43%, #96baa9 96.94%, #96baa9 96.94%), #FFFFFF;
	border-radius: 10px;
	padding: 19px 10px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	min-width: 227px;
	min-height: 62px;
	border: none;
	margin: 10px auto 10px auto !important;
}

.btn-primary:hover {
	opacity: .8;	
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.header {
	position: relative;
	padding: 27px 0;
}

.logo {
	position: relative;
	display: block;
	width: 212px;
	margin: 0 auto;
}

.logo a {
	display: block;
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
}

.steps-area {
	background: -webkit-linear-gradient(320.51deg, #96baa9 6.4%, #96baa9 105.49%);
	background: linear-gradient(129.49deg, #96baa9 6.4%, #96baa9 105.49%);
	position: relative;
	padding: 53px 0 56px;
}

.heading-area {
	position: relative;
	text-align: center;
	color: #fff8f8;
	margin: 0 0 35px;
}

.heading-area h1 {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 4px;
}

.heading-area .text {
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
	display: block;
}

.steps-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 718px;
	margin: 0 auto;
}

.steps-list li {
	position: relative;
	width: 33.333%;
}

.steps-list li:first-child .num:before {
	display: none;
}

.steps-list li.active .num {
	border-color: #fff;
	color: #fff;
}

.steps-list li.active .num:before {
	background: #fff;
}

.steps-list li.active .text {
	color: #fff;
}

.steps-list a {
	display: block;
	outline: none;
}

.steps-list a:hover {
	text-decoration: none;
	opacity: .8;
}

.steps-list .num {
	font-size: 13px;
	line-height: 21px;
	width: 25px;
	height: 25px;
	position: relative;
	display: block;
	border-radius: 50%;
	border: 2px solid #96baa9;
	margin: 0 auto 8px;
	text-align: center;
	color: #96baa9;
}

.steps-list .num:before {
	width: 215px;
	height: 2px;
	content: "";
	position: absolute;
	right: calc(100% + 2px);
	top: 10px;
	background: #96baa9;
}

.steps-list .text {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	display: block;
	color: #96baa9;
}

.main {
	position: relative;
}

.funding-area {
	position: relative;
	padding: 80px 0 74px;
}

.funding-area .col-12 {
	margin: 0 0 30px;
}

.funding-area .block {
	box-shadow: 2px 4px 4px rgba(0, 0, 0, .08);
	background: #fff;
	border: .5px solid #f0f5fa;
	height: 100%;
	border-radius: 37px;
	position: relative;
	overflow: hidden;
	padding: 50px 62px 60px;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}

.funding-area .block:before {
	width: 276px;
	height: 149px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.funding-area .block.style01:before {
	width: 273px;
	height: 160px;
	left: auto;
	right: 0;
}

.funding-area .block.style01 .image-holder {
	margin: -11px 0 12px;
}

.funding-area .block.style01 .head h2 span {
	color: #96baa9;
}

.funding-area .block.style01 .btn-primary {
	background: -webkit-linear-gradient(336.78deg, #96baa9 6.4%, #96baa9 105.49%);
	background: linear-gradient(113.22deg, #96baa9 6.4%, #96baa9 105.49%);
}

.funding-area .head {
	position: relative;
	text-align: center;
	margin: 0 0 35px;
}

.funding-area .head h2 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
	color: #525f81;
}

.funding-area .head h2 span {
	color: #96baa9;
	font-weight: 600;
}

.funding-area .image-holder {
	position: relative;
	margin: 0 0 17px;
}

.funding-area .image-holder img {
	display: block;
	margin: 0 auto;
}

.funding-area .tag-text {
	display: block;
	font-weight: 400;
	margin: 0 0 21px;
}

.funding-area .tag-text span {
	font-weight: 500;
}

.funding-area p {
	margin: 0 0 37px;
}

.funding-area .link-holder {
	font-size: 24px;
	line-height: 30px;
	padding: 48px 0 0;
	display: block;
	text-align: center;
}

.funding-area .link-holder a {
	text-decoration: underline;
	color: #96baa9;
}

.funding-area .link-holder a span {
	font-weight: 600;
}

.funding-area .link-holder a:hover {
	text-decoration: none;
}

.contactus-area {
	position: relative;
	background: #f0f6ff;
	padding: 37px 0 40px;
}

.contactus-area .wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.contactus-area .text-wrap {
	position: relative;
	width: calc(100% - 230px);
}

.contactus-area .title {
	font-size: 25px;
	line-height: 28px;
	font-weight: 500;
	display: block;
	color: #96baa9;
	margin: 0 0 20px;
}

.contactus-area .text {
	font-size: 18px;
	line-height: 24px;
	color: #96baa9;
	display: block;
}

.contactus-area .btn-primary {
	background: -webkit-linear-gradient(238.72deg, #96baa9 8.54%, #96baa9 91.46%), white;
	background: linear-gradient(211.28deg, #96baa9 8.54%, #96baa9 91.46%), white;
	border: none;
	margin: 8px 0 0;
}


.social-networks {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 30px -12px;
}

.social-networks li {
	position: relative;
	padding: 0 12px;
}

.social-networks a {
	width: 38px;
	height: 38px;
	background: #515162;
	display: block;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.social-networks a i {
	font-size: 20px;
	line-height: 38px;
	display: block;
}

.social-networks a .icon-twitter {
	font-size: 24px;
}

.social-networks a .icon-linkedin {
	line-height: 36px;
}

.social-networks a:hover {
	opacity: .8;
	text-decoration: none;
}

.offer-row {
	position: relative;
}

.offer-row .col-12 {
	margin: 0 0 30px;
}

.offer-block {
	box-shadow: 1px 7px 7px rgba(92, 92, 92, .2);
	border-radius: 10px;
	position: relative;
	height: 100%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 47px 31px 40px;
}

.offer-block .offer-head {
	position: relative;
	border-bottom: 1px solid #e1e0ff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	padding: 0 5px 30px;
	text-align: center;
}

.offer-block .offer-head .title {
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	font-weight: 400;
	color: #525f7f;
	display: block;
	margin: 0 0 3px;
}

.offer-block .offer-head h2 {
	font-size: 24px;
	line-height: 25px;
	font-weight: 600;
	color: #96baa9;
	margin: 0 0 17px;
}

.offer-block .offer-head .price {
	font-size: 22px;
	line-height: 24px;
	font-weight: 400;
	display: block;
	color: #525f7f;
}

.offer-block .offer-list {
	position: relative;
	padding: 26px 0 0 9px;
	margin: 0 0 25px;
}

.offer-block .offer-list li {
	position: relative;
	color: #525f7f;
	margin: 0 0 7px;
}

.offer-block .offer-list li.lock {
	color: rgba(82, 95, 127, .4);
}

.offer-block .offer-list li.lock i {
	color: #babfcc;
}

.offer-block .offer-list li.lock i:before {
	font-size: 16px;
	content: "\e905";
}

.offer-block .offer-list .text {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0 0 0 45px;
}

.offer-block .offer-list .text i {
	font-size: 13px;
	line-height: 14px;
	position: absolute;
	left: 0;
	top: 5px;
}

.offer-block .btn-holder {
	display: block;
	text-align: center;
}

.offer-block .btn {
	background: -webkit-linear-gradient(), #96baa9;
	background: linear-gradient(), #96baa9;
	box-shadow: .7px 5px 3.6px rgba(100, 100, 113, .07);
	width: 150px;
	height: 50px;
	min-height: Helvetica;
	-webkit-transition: none;
	transition: none;
	border: none;
	padding: 15px 10px;
}

.offer-block.pakage {
	background: -webkit-linear-gradient(224.41deg, #96baa9 6.09%, #96baa9 93.91%), #fff;
	background: linear-gradient(225.59deg, #96baa9 6.09%, #96baa9 93.91%), #fff;
	box-shadow: 1px 6.9px 7px rgba(92, 92, 92, .17);
	margin-top: -50px;
}

.offer-block.pakage:hover {
	margin-top: -70px;
}

.offer-block.pakage .offer-head .title {
	color: #fff;
}

.offer-block.pakage .offer-head h2 {
	color: #fff;
}

.offer-block.pakage .offer-head .price {
	color: #fff;
}

.offer-block.pakage .offer-list li {
	color: #fff;
}

.offer-block.pakage .offer-list li.lock {
	color: #97a5eb;
}

.offer-block.pakage .offer-list li.lock i {
	color: rgba(255, 255, 255, .5);
}

.offer-block.pakage .btn {
	background: #fff;
	color: #96baa9;
}

.offer-block:hover {
	background: -webkit-linear-gradient(224.41deg, #96baa9 6.09%, #96baa9 93.91%), #fff;
	background: linear-gradient(225.59deg, #96baa9 6.09%, #96baa9 93.91%), #fff;
	box-shadow: 1px 6.9px 7px rgba(92, 92, 92, .17);
	margin-top: -20px;
}

.offer-block:hover .offer-head .title {
	color: #fff;
}

.offer-block:hover .offer-head h2 {
	color: #fff;
}

.offer-block:hover .offer-head .price {
	color: #fff;
}

.offer-block:hover .offer-list li {
	color: #fff;
}

.offer-block:hover .offer-list li.lock {
	color: #97a5eb;
}

.offer-block:hover .offer-list li.lock i {
	color: rgba(255, 255, 255, .5);
}

.offer-block:hover .btn {
	background: #fff;
	color: #96baa9;
}

.jcf-select {
	width: 100%;
	height: 44px;
	display: block;
	position: relative;
	border: 1px solid #cccdff;
	box-shadow: -.1px 1px 2.8px rgba(0, 0, 0, .11);
	border-radius: 5px;
	background: #fff;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #525f7f;
	margin: 0 35px 0 15px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 32px;
	bottom: 0;
	right: 0;
	top: 0;
}

.jcf-select .jcf-select-opener:before {
	font-family: "icomoon" !important;
	content: "\e904";
	position: absolute;
	left: 0;
	top: 16px;
	color: #525f7f;
	font-size: 8px;
	line-height: 10px;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #cccdff;
	border-radius: 5px;
}

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #cccdff;
	min-width: 200px;
	border-radius: 5px;
	margin: 0 15px;
}

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 20px;
	font-size: 16px;
	width: 100%;
	border-radius: 5px;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 7px 15px;
	color: #656565;
	height: 1%;
}

.jcf-option.jcf-option-hideme {
	display: none !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

.jcf-select.jcf-select-select-alt {
	height: 55px;
	border-radius: 10px;
	border: 2px solid #96baa9;
}

.jcf-select-drop.jcf-select-select-alt .jcf-select-drop-content {
	border: 2px solid #C7CBFE;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.09);
	border-radius: 0px 0px 10px 10px;
}

.jcf-select-select-alt.jcf-drop-active {
	z-index: 99999;
}
.jcf-option-hide-me {
	color: rgba(82, 95, 127, 0.2);
}

.jcf-option.jcf-option-hide-me {
	display: none;
}

.jcf-select-select-alt .jcf-select-text {
	font-size: 18px;
	line-height: 51px;
}

.jcf-select-select-alt .jcf-select-text {
	margin: 0 45px 0 15px;
}

.jcf-select-select-alt .jcf-select-opener {
	right: 10px;
}

.jcf-select-select-alt .jcf-select-opener:before {
	content: '';
	border-style: solid;
	border-width: 16px 12px 0 12px;
	border-color: #96baa9 transparent transparent transparent;
	top: 50%;
	transform: translate(0, -50%);
}

.jcf-select-select-alt.jcf-drop-active .jcf-select-opener:before {
	transform: rotate(180deg) translate(0, 50%);
}


body > .jcf-select-select-alt.jcf-select-drop {
	margin: -13px 0 0;
}

body > .jcf-select-select-alt.jcf-select-drop.jcf-drop-flipped {
	margin: 13px 0 -13px;
}

.jcf-select-select-alt.jcf-select-drop.jcf-drop-flipped .jcf-list {
	padding: 0 0 15px;
}

.jcf-select-select-alt .jcf-select-drop .jcf-select-drop-content {
	border-radius: 0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.09);
	border: 2px solid #C7CBFE;
}

.jcf-select-select-alt .jcf-list {
	padding: 15px 0 0;
	font-size: 18px;
	line-height: 23px;
	color: #525F7F;
}

.jcf-select-select-alt .jcf-list .jcf-option {
	padding: 11px 15px;
}

.jcf-select-select-alt.jcf-select-drop .jcf-hover,
.jcf-select-select-alt .jcf-list-box .jcf-selected {
	background: #F7F7FF;
	color: #525F7F;
}

.payment-area {
	position: relative;
	padding: 69px 0;
}

.payment-row {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.payment-content-area {
	position: relative;
	padding: 0 30px 0 0;
	width: calc(100% - 432px);
}

.payment-content {
	position: relative;
	box-shadow: -.3px 3px 12px rgba(0, 0, 0, .1);
	background: #fff;
	border-radius: 10px;
	padding: 0 18px;
	overflow: hidden;
}

.payment-content .date-block {
	position: relative;
	padding: 38px 20px 30px;
	border-bottom: 2px solid #f7f8fc;
}

.payment-content .field-block {
	position: relative;
	padding: 50px 20px 24px;
	border-bottom: 2px solid #f7f8fc;
}

.payment-content .fields-list {
	position: relative;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.payment-content .fields-list li {
	position: relative;
	width: 43%;
}

.payment-content .payment-method {
	position: relative;
	padding: 50px 20px 24px;
}

.payment-content .price-select {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -15px 70px;
}

.payment-content .price-select li {
	position: relative;
	padding: 0 15px;
}

.payment-content .price-select label {
	margin: 0;
}

.payment-content .price-select .price-holder {
	position: relative;
	padding: 0 0 0 27px;
	display: block;
	font-weight: 400;
}

.payment-content .price-select .price-holder .radio-icon {
	width: 20px;
	height: 20px;
	border: 1px solid #a3adc6;
	border-radius: 50%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	left: 0;
	top: 8px;
}

.payment-content .price-select .price-holder .radio-icon:before {
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	left: 3px;
	top: 3px;
	content: "";
	background: #96baa9;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	opacity: 0;
	visibility: hidden;
}

.payment-content .price-select .price-wrap {
	position: relative;
	display: block;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: #c0bed2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: 0 0 5px;
}

.payment-content .price-select .price-wrap .price {
	font-size: 35px;
	line-height: 1;
	font-weight: 600;
	color: #c0bed2;
	display: block;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.payment-content .price-select .price-wrap sup {
	font-size: 100%;
	top: -14px;
	color: #525f7f;
	right: -3px;
}

.payment-content .price-select .member-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.payment-content .price-select .member-info .text {
	font-size: 22px;
	line-height: 1;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: #c0bed2;
	display: block;
}

.payment-content .price-select .member-info .sub-text {
	font-size: 18px;
	line-height: 1;
	color: #525f7f;
	display: block;
	margin: 0 0 0 5px;
}

.payment-content .price-select input[type="radio"] {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}

.payment-content .price-select input[type="radio"]:checked ~ .price-holder .radio-icon:before {
	opacity: 1;
	visibility: visible;
}

.payment-content .price-select input[type="radio"]:checked ~ .price-holder .price-wrap .price {
	color: #96baa9;
}

.payment-content .price-select input[type="radio"]:checked ~ .price-holder .member-info .text {
	color: #525f7f;
}

.payment-content .card-info {
	position: relative;
}

.payment-content .card-info .title {
	font-size: 24px;
	line-height: 27px;
	font-weight: 400;
	text-align: center;
	display: block;
	color: #71798c;
	margin: 0 0 56px;
}

.payment-content .card-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.payment-content .card-list li {
	position: relative;
	width: 40%;
}

.payment-content .card-list .fake-radio {
	font-size: 18px;
	line-height: 22px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 37px;
	color: #525f7f;
}

.payment-content .card-list .fake-radio img {
	display: block;
}

.payment-content .card-list .radio-icon {
	width: 20px;
	height: 20px;
	border: 1px solid #a3adc6;
	border-radius: 50%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	left: 0;
	top: 2px;
}

.payment-content .card-list .radio-icon:before {
	width: 12px;
	height: 12px;
	position: absolute;
	border-radius: 50%;
	left: 3px;
	top: 3px;
	content: "";
	background: #96baa9;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	opacity: 0;
	visibility: hidden;
}

.payment-content .card-list input[type="radio"] {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}

.payment-content .card-list input[type="radio"]:checked + .fake-radio .radio-icon:before {
	opacity: 1;
	visibility: visible;
}

.form-group {
	position: relative;
	margin: 0 0 25px;
}

.form-group label {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 20px;
	position: relative;
	font-weight: 400;
	color: #525f7f;
	margin: 0 0 7px;
}

.form-group.cvv .form-control {
	width: 120px;
}

.form-group.tel .form-control {
	padding-right: 35px;
}

.form-group.tel .icon-arrow {
	position: absolute;
	right: 12px;
	top: 38px;
	color: #000;
	font-size: 14px;
	line-height: 16px;
}

.form-control {
	font-size: 18px;
	line-height: 22px;
	width: 100%;
	height: 44px;
	font-weight: 400;
	border-radius: 5px;
	border: 1px solid #96baa9;
	box-shadow: -.1px 1px 2.8px rgba(0, 0, 0, .11);
	padding: 8px 15px;
	outline: none;
	color: #525f7f;
}

.form-control:-moz-placeholder {
	color: #525f7f;
	opacity: 1;
}

.form-control::-moz-placeholder {
	color: #525f7f;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #525f7f;
}

.form-control::-webkit-input-placeholder {
	color: #525f7f;
}

.checkbox-list {
	margin: 0;
}

.checkbox-list.date-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.checkbox-list.date-list li {
	position: relative;
	width: 42%;
	margin: 0 0 30px;
}

.checkbox-wrap {
	position: relative;
}

.checkbox-wrap label {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}

.checkbox-wrap .fake-checkbox {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	position: relative;
	padding: 0 0 0 30px;
	color: black;
}

.checkbox-wrap .fake-checkbox:before {
	width: 20px;
	height: 20px;
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border-radius: 4px;
}

.checkbox-wrap .fake-checkbox:after {
	font-size: 10px;
	line-height: 10px;
	font-family: "icomoon" !important;
	content: "\e906";
	color: #fff;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: absolute;
	left: 5px;
	top: 5px;
	opacity: 0;
	visibility: hidden;
}

.checkbox-wrap input[type="checkbox"] {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}

.checkbox-wrap input[type="checkbox"]:checked ~ .fake-checkbox:before {
	background: #96baa9;
}

.checkbox-wrap input[type="checkbox"]:checked ~ .fake-checkbox:after {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.promo-area {
	position: relative;
	padding: 30px 0 35px;
}

.promo-area:before {
	content: "";
	position: absolute;
	left: -9999px;
	right: -9999px;
	top: 0;
	bottom: 0;
	background: #f9fbff;
}

.promo-area .wrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.promo-area .promo-label {
	position: relative;
	padding: 4px 0 0;
	width: 43%;
}

.promo-area .promo-label label {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #71798c;
}

.promo-area .promo-field {
	position: relative;
	width: 43%;
}

.promo-area .promo-field .icon-arrow {
	position: absolute;
	right: 12px;
	top: 15px;
	color: #41bb6a;
	font-size: 14px;
	line-height: 16px;
}

.promo-area .form-control {
	padding-right: 30px;
}

.terms-area {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 48px 0 0 69px;
}

.terms-area .submit-area {
	position: relative;
	padding: 0 0 0 90px;
}

.terms-area .btn-primary {
	background: -webkit-linear-gradient(334.01deg, #96baa9 6.4%, #96baa9 105.49%);
	background: linear-gradient(115.99deg, #96baa9 6.4%, #96baa9 105.49%);
	width: 258px;
}

.terms-holder {
	position: relative;
	width: calc(100% - 432px);
	padding: 0 30px 0 0;
}

.terms-holder .terms-list {
	position: relative;
	margin: 0 0 25px;
}

.terms-holder .terms-list li {
	position: relative;
	margin: 0 0 10px;
}

.terms-holder .checkbox-wrap .fake-checkbox {
	color: #71798c;
}

.terms-holder .text {
	font-size: 18px;
	line-height: 22px;
	color: #71798c;
	display: block;
}

.payment-heading {
	position: relative;
	text-align: center;
	margin: 0 0 50px;
}

.payment-heading h2 {
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
	color: black;
	margin: 0 0 6px;
}

.payment-heading .text {
	font-size: 24px;
	line-height: 26px;
	color: #71798c;
	display: block;
}

.payment-heading .text a {
	color: #96baa9;
	text-decoration: underline;
}

.payment-heading .text a:hover {
	text-decoration: none;
}

.payment-sidebar {
	box-shadow: -.1px 1px 12px rgba(0, 0, 0, .07);
	background: #fff;
	width: 432px;
	position: relative;
	border-radius: 10px;
	padding: 39px 18px;
}

.payment-info-list {
	position: relative;
	margin: 0;
}

.payment-info-list li {
	border-bottom: 2px solid #f7f8fc;
	padding: 26px 15px;
	position: relative;
}

.payment-info-list .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	display: block;
	color: #96baa9;
	margin: 0 0 10px;
}

.payment-info-list .text {
	font-size: 18px;
	line-height: 22px;
	display: block;
	color: #525f7f;
}

.total-amount-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 40px 32px 0 13px;
}

.total-amount-info .heading {
	font-size: 25px;
	line-height: 28px;
	font-weight: 600;
	color: #525f7f;
	display: block;
}

.total-amount-info .total-amount {
	position: relative;
	text-align: right;
}

.total-amount-info .price {
	font-size: 25px;
	line-height: 28px;
	font-weight: 600;
	display: block;
	margin: 0 0 1px;
}

.total-amount-info .text {
	font-size: 15px;
	line-height: 18px;
	font-weight: 400;
	color: #525f7f;
	display: block;
}

.visual-area {
	background: -webkit-linear-gradient(left, #96baa9 0%, #96baa9 100%);
	background: linear-gradient(to right, #96baa9 0%, #96baa9 100%);
	position: relative;
	padding: 47px 0 70px;
	color: #fff;
	text-align: center;
}

.visual-area .visual-caption {
	position: relative;
}

.visual-area h1 {
	font-size: 40px;
	line-height: 46px;
	font-weight: 600;
	margin: 0 0 9px;
}

.visual-area .title {
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
	display: block;
}

.welcome-area {
	position: relative;
	padding: 90px 0;
}

.welcome-area .wrap {
	font-size: 24px;
	line-height: 28px;
	position: relative;
	max-width: 890px;
	margin: 0 auto;
	text-align: center;
	color: #71798c;
}

.welcome-area .wrap .image-holder {
	position: relative;
	width: 338px;
	margin: 0 auto 54px;
}

.welcome-area .wrap .image-holder img {
	display: block;
	width: 100%;
	height: auto;
}

.welcome-area .wrap h2 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 500;
	color: black;
	margin: 0 0 20px;
}

.welcome-area .wrap p {
	margin: 0 0 63px;
}

.welcome-area .wrap .btn {
	background: -webkit-linear-gradient(20deg, #96baa9 -7.43%, #96baa9 100%, #96baa9 97%), #fff;
	background: linear-gradient(70deg, #96baa9 -7.43%, #96baa9 100%, #96baa9 97%), #fff;
}

.step-list-block {
	padding: 53px 0;
	position: relative;
	z-index: 3;
}

.step-list-block:before {
	position: absolute;
	left: 0;
	right: -20px;
	top: 0;
	bottom: -40px;
	content: '';
}

.step-list {
	position: relative;
	max-width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

.step-list li {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	padding: 0 15px;
	width: 25%;
}
.step-list.step-list-count5 li {
	width:20%;
}

.step-list li.active,
.step-list li:hover {
	opacity: 1;
}

.step-list li.active .num,
.step-list li:hover .num {
	background: -webkit-linear-gradient(330.15deg, #96baa9 27.89%, #96baa9 108.83%);
	background: linear-gradient(119.85deg, #96baa9 27.89%, #96baa9 108.83%);
	color: #fff;
}

.step-list li.active .text,
.step-list li:hover .text {
	color: #96baa9;
}

.step-list li.active a:before {
	background: #96baa9;
	z-index: 3;
}

.step-list li:last-child a:before {
	right: -200px;
	width: 600px;
}

.step-list .num {
	font-size: 22px;
	line-height: 52px;
	width: 52px;
	height: 52px;
	position: relative;
	border-radius: 50%;
	font-weight: 500;
	display: block;
	margin: 0 auto 14px;
	text-align: center;
	background: -webkit-linear-gradient(119.85deg, #E0E3FF 27.89%, #C2E4F4 108.83%);
	background: linear-gradient(119.85deg, #E0E3FF 27.89%, #C2E4F4 108.83%);
	color: #fff;
	z-index: 5;
}

.step-list a:before {
	top: 28px;
	content: '';
	background: #DDE3FE;
	height: 2px;
	right: 60px;
	width: 400px;
	position: absolute;
}

.step-list .text {
	font-size: 16px;
	line-height: 20px;
	color: #DDE3FE;
	font-weight: 500;
	display: block;
	text-align: center;
}

.step-list a {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.step-list a:hover {
	text-decoration: none;
}

.form-area {
	position: relative;
	padding: 115px 0;
	text-align: center;
	

}

.form-area .container {
	position: relative;
}

.form-area .arrow-left {
	width: 44px;
	height: 44px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
	position: absolute;
	left: 0;
	top: 50%;
	margin: -22px 0 0;
	text-align: center;
	border-radius: 50%;
	z-index: 4;
}

.form-area .arrow-left i {
	font-size: 16px;
	line-height: 44px;
	display: block;
	color: #525f7f;
}

.form-area .arrow-left:hover {
	text-decoration: none;
	opacity: .5;
}

.form-area .arrow-right {
	width: 44px;
	height: 44px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
	position: absolute;
	right: 0;
	top: 50%;
	margin: -22px 0 0;
	text-align: center;
	border-radius: 50%;
	z-index: 4;
}

.form-area .arrow-right i {
	font-size: 16px;
	line-height: 44px;
	display: block;
	color: #525f7f;
}

.form-area .arrow-right:hover {
	text-decoration: none;
	opacity: .5;
}

.form-area h1.heading {
	color: #96baa9;
	font-size: 26px;
	line-height: 45px;
	font-weight: 600;
	margin: 0;
}

.form-area h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: black;
	margin: 0 0 44px;
}

.form-area .fields-area {
	position: relative;
	max-width: 515px;
	margin: 0 auto;
}

.form-area .form-group {
	text-align: left;
	margin: 0 0 23px;
}

.form-area .form-control {
	border: 2px solid #96baa9;
	height: 55px;
	color: rgba(82, 95, 127, .8);
	border-radius: 10px;
}

.form-area .form-control:focus {
	border-left-width: 5px;
}

.form-area .form-control:-moz-placeholder {
	color: rgba(82, 95, 127, .2);
	opacity: 1;
}

.form-area .form-control::-moz-placeholder {
	color: rgba(82, 95, 127, .2);
	opacity: 1;
}

.form-area .form-control:-ms-input-placeholder {
	color: rgba(82, 95, 127, .2);
}

.form-area .form-control::-webkit-input-placeholder {
	color: rgba(82, 95, 127, .2);
}

.form-area .btn {
	margin-top: 10px;
}

.input-cpf{
	width: 100%;
	height: 30px;
	border: 3px solid #96baa9;
	border-radius: 7px;
	padding: 8px 10px;
	margin: auto;
}

.form-area .sub-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #71798c;
	display: block;
	margin: 0 0 35px;
}

.form-area .sub-title a {
	color: #71798c;
}

.form-area .sub-title a:hover {
	text-decoration: none;
	opacity: .8;
}

.form-area .capture-area {
	position: relative;
	max-width: 372px;
	margin: 0 auto;
}

.form-area .capture-area img {
	display: block;
	width: 100%;
	height: auto;
}

.form-area .sub-heading {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	display: block;
	color: #71798c;
	margin: -30px 0 0;
}

.option-holder {
	position: relative;
	text-align: center;
	padding: 10px 0 0;
}

.option-holder .title {
	font-size: 24px;
	line-height: 27px;
	font-weight: 400;
	color: #71798c;
	display: block;
	margin: 0 0 30px;
}

.option-holder .num-field {
	position: relative;
	text-align: center;
	max-width: 271px;
	margin: 0 auto;
}

.option-holder .num-field .form-control {
	width: 100%;
	padding: 8px 30px;
}

.option-holder .num-field .curr {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	color: #96baa9;
	font-weight: 500;
}

.option-holder .form-control {
	font-size: 18px;
	line-height: 24px;
	border: 2px solid #96baa9;
	width: 112px;
	height: 55px;
	color: #525f7f;
	text-align: center;
	border-radius: 10px;
	margin: 0 auto;
}

.option-holder .form-control:-moz-placeholder {
	color: rgba(82, 95, 127, 0.2);
	opacity: 1;
}

.option-holder .form-control::-moz-placeholder {
	color: #525f7f;
	opacity: 1;
}

.option-holder .form-control:-ms-input-placeholder {
	color: rgba(82, 95, 127, 0.2);
}

.option-holder .form-control::-webkit-input-placeholder {
	color: rgba(82, 95, 127, 0.2);
}

.option-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.option-list li {
	position: relative;
	padding: 0 18px;
}

.option-list label {
	display: block;
	margin: 0;
}

.option-list .fake-radio {
	font-size: 18px;
	line-height: 48px;
	width: 108px;
	height: 54px;
	position: relative;
	text-align: center;
	font-weight: 500;
	border: 3px solid #96baa9;
	color: #96baa9;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	display: block;
	border-radius: 10px;
}

.option-list .fake-radio:hover {
	background: -webkit-background: linear-gradient(159.48deg, #96baa9 40.76%, #96baa9 149.64%);
	background: linear-gradient(159.48deg, #96baa9 40.76%, #96baa9 149.64%);
	color: #fff;
}

.option-list input[type="radio"] {
	position: fixed;
	opacity: 0;
	visibility: hidden;
}

.option-list input[type="radio"]:checked + .fake-radio {
	background: -webkit-linear-gradient(159.48deg, #96baa9 40.76%, #96baa9 149.64%);
	background: linear-gradient(159.48deg, #96baa9 40.76%, #96baa9 149.64%);
	color: #fff;
}

.amount-section {
	position: relative;
	text-align: left;
	padding: 50px 120px 0;
}

.amount-section .col-12 {
	margin: 0 0 25px;
}

.amount-section .offer-block {
	padding:45px 30px;
}

.amount-section .offer-block.pakage {
	background: -webkit-linear-gradient(85.84deg, #96baa9 2.56%, #96baa9 100%, #96baa9 97.61%), #fff;
	background: linear-gradient(4.16deg, #96baa9 2.56%, #96baa9 100%, #96baa9 97.61%), #fff;
	margin-top: 0 !important;
}

.amount-section .offer-block .offer-head {
	border-bottom: none;
}

.amount-section .offer-block .offer-list {
	padding: 0;
	margin: 0;
}

/*.amount-section .amount-block {
	position: relative;
}*/

.amount-section .amount-block .btn {
	background: -webkit-linear-gradient(163.38deg, #96baa9 27.89%, #96baa9 108.83%);
	background: linear-gradient(163.38deg, #96baa9 27.89%, #96baa9 108.83%);
	box-shadow: 0 2px 4px rgba(68, 90, 255, .17);
	margin-top: 0;
	display: block;
	width: 100%;
	border-radius: 10px;
}

.amount-section .amount-block .valid {
	font-size: 17px;
	line-height: 20px;
	display: block;
	padding: 30px 0 0;
	text-align: center;
	color: #83b9f9;
}

.amount-section .amount-block .valid .img {
	width: 57px;
	display: inline-block;
	vertical-align: middle;
}

.amount-section .amount-block .valid img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.amount-section .amount-block .valid i {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	margin: -3px 5px 0 0;
}

.amount-section .amount-block-title {
	font-size: 18px;
	line-height: 22px;
	position: relative;
	display: block;
	background: #fff;
	border: .5px solid #fbfafa;
	box-shadow: 2px 4px 2px rgba(0, 0, 0, .02);
	border-radius: 50px;
	max-width: 362px;
	height: 62px;
	color:#96baa9;
	padding: 21px 10px;
	text-align: center;
	margin: 0 auto 35px;
}

.amount-section .total-amount .price {
	font-weight: 600;
	color: #96baa9;
}

.amount-section .price-info {
	position: relative;
	margin: 0 0 36px;
}

.amount-section .price-info li {
	font-size: 18px;
	line-height: 22px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 16px;
	color: #525f7f;
}

.amount-section .price-info li.total {
	padding: 16px 0 0;
	border-top: 1px solid rgba(82, 95, 127, .2);
	margin: 0;
}

.amount-section .price-info li.total .price-title {
	font-weight: 600;
}

.amount-section .price-info li.total .price {
	font-weight: 600;
	color: #96baa9;
}

.amount-section .price-info .price-title {
	font-weight: 400;
	display: block;
}

.amount-section .price-info .price {
	font-weight: 400;
	display: block;
}

.video-holder {
	position: relative;
	max-width: 632px;
	margin: 68px auto 45px;
}


.video-holder img {
	display: block;
	width: 100%;
	height: auto;
}

.video-holder .video-wrap {
	box-shadow: 0 0 11.2px rgba(152, 152, 152, .23);
	background: #fff;
	position: relative;
	border-radius: 25px;
	padding: 26px;
}

.video-holder .play-btn {
	width: 58px;
	height: 58px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	z-index: 3;
	margin: -29px 0 0 -29px;
}



.video-holder .play-btn:hover {
	opacity: .9;
}

.pagination,
.slick-dots {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination li,
.slick-dots li {
	position: relative;
	padding: 0 8px;
}

.pagination li.active a,
.pagination li.active button,
.pagination li.slick-active a,
.pagination li.slick-active button,
.slick-dots li.active a,
.slick-dots li.active button,
.slick-dots li.slick-active a,
.slick-dots li.slick-active button {
	background: #c1c1c1;
}

.pagination a,
.pagination button,
.slick-dots a,
.slick-dots button {
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: block;
	border-radius: 50%;
	background: #dedede;
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
}

.pagination a:hover,
.pagination button:hover,
.slick-dots a:hover,
.slick-dots button:hover {
	background: #c1c1c1;
}

.main-area {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: calc(100vh - 320px);
}

.left-col {
	background: -webkit-linear-gradient(270.66deg, #96baa9 29.73%, #96baa9 109.63%, #96baa9 109.63%), #fff;
	background: linear-gradient(179.34deg, #96baa9 29.73%, #96baa9 109.63%, #96baa9 109.63%), #fff;
	position: relative;
	padding: 130px 50px;
	width: 50%;
}

.left-col .text-holder {
	font-size: 20px;
	line-height: 28px;
	position: relative;
	color: #fff;
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}

.left-col .text-holder .sub-title {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
	display: block;
	margin: 0 0 35px;
}

.left-col .text-holder .title {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	display: block;
	margin: 0 0 35px;
}

.left-col .text-holder p {
	margin: 0 0 25px;
}

.left-col .text-holder p strong {
	font-weight: 600;
}

.left-col .text-holder .btn-primary {
	border: none;
	background: -webkit-linear-gradient(333.49deg, #96baa9 -36.71%, #96baa9 150.66%);
	background: linear-gradient(116.51deg, #96baa9 -36.71%, #96baa9 150.66%);
	box-shadow: 2px 4px 4px rgba(70, 93, 254, .5);
	margin: 35px 0 0;
}

.left-col .help {
	font-size: 31px;
	line-height: 1;
	position: absolute;
	left: 45px;
	bottom: 30px;
	color: #fff;
}

.left-col .help i {
	display: block;
}

.left-col .help:hover {
	text-decoration: none;
	opacity: .8;
}

.right-col {
	position: relative;
	width: 50%;
}

.right-col .image-holder {
	position: relative;
	height: 100%;
}

.right-col .image-holder img {
	display: block;
	width: 100%;
	height: auto;
	height: 100%;
	object-fit: cover;
}

.right-col .insription-block {
	position: relative;
	padding: 100px 25px;
}

.right-col .insription-block .wrap {
	position: relative;
	max-width: 485px;
	margin: 0 auto;
	border: 1px solid #e6eaed;
}

.right-col .insription-block .title {
	font-size: 25px;
	line-height: 1;
	font-weight: 700;
	background: #8299c2;
	display: block;
	color: #fff;
	padding: 35px 30px;
}

.right-col .insription-list {
	position: relative;
	margin: 0;
	padding: 10px 30px 35px;
}

.right-col .insription-list li {
	position: relative;
	padding: 28px 0;
	border-bottom: 1px solid #e6eaed;
}

.right-col .insription-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.right-col .insription-list li a {
	background: -webkit-linear-gradient(top, #96baa9 0%, #96baa9 100%);
	background: linear-gradient(to bottom, #96baa9 0%, #96baa9 100%);
	font-weight: 600;
	font-size: 17px;
	line-height: 20px;
	text-align: center;
	position: relative;
	display: block;
	color: #fff;
	width: 100%;
	height: 50px;
	padding: 15px 10px;
}

.right-col .insription-list li a:hover {
	opacity: .8;
	text-decoration: none;
}

.right-col .insription-list .date {
	font-weight: 600;
	display: block;
	margin: 0 0 10px;
}

.right-col .text-info-area {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 25px;
	height: 100%;
}

.right-col .placeholder-wrap {
	position: relative;
}

.right-col .placeholder-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.viusal-area {
	background: -webkit-linear-gradient(left, #96baa9 0%, #96baa9 100%);
	background: linear-gradient(to right, #96baa9 0%, #96baa9 100%);
	position: relative;
}

.viusal-area .container {
	max-width: 1760px;
	position: relative;
	padding: 64px 15px 89px;
}

.viusal-area .btn-wrap {
	position: absolute;
	left: 15px;
	top: 42px;
}

.viusal-area .back-btn {
	display: inline-block;
	vertical-align: top;
	font-size: 25px;
	line-height: 28px;
	position: relative;
	padding: 0 0 0 62px;
	color: #fff;
}

.viusal-area .back-btn .icon {
	width: 40px;
	height: 40px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
	left: 0;
	top: -5px;
	border-radius: 50%;
}

.viusal-area .back-btn .icon i {
	font-size: 14px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #525f7f;
}

.viusal-area .back-btn:hover {
	text-decoration: none;
	opacity: .8;
}

.viusal-area .message-box {
	position: relative;
	text-align: center;
	margin: 0 auto;
	max-width: 570px;
	color: #fff;
}

.viusal-area .message-box .icon-holder {
	width: 40px;
	height: 40px;
	display: block;
	border: 3px solid #37f2a3;
	border-radius: 50%;
	color: #37f2a3;
	text-align: center;
	margin: 0 auto 15px;
}

.viusal-area .message-box .icon-holder i {
	font-size: 14px;
	line-height: 32px;
	display: block;
}

.viusal-area .message-box .title {
	font-size: 30px;
	line-height: 36px;
	display: block;
	font-weight: 700;
}

.viusal-area .message-box .title span {
	display: block;
	font-weight: 400;
}

.three-col-area {
	position: relative;
	padding: 60px 0;
}

.three-col-area .container {
	max-width: 1680px;
}

.three-col-area h2 {
	font-size: 30px;
	line-height: 1.1;
	text-align: center;
	font-weight: 400;
	color: #96baa9;
	margin: 0 0 91px;
}

.three-col-area h2 span {
	font-weight: 600;
}

.three-col-area .col-12 {
	margin: 0 0 25px;
}

.three-col-area .block {
	position: relative;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
}

.three-col-area .image-holder {
	position: relative;
	min-height: 225px;
	margin: 0 0 7px;
}

.three-col-area .image-holder img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.three-col-area .description {
	font-size: 18px;
	line-height: 22px;
	width: 750px;
	position: relative;
	color: black;
}
.three-col-area .description > p {
	min-height:100px
}

.three-col-area .description .title {
	font-size: 25px;
	line-height: 30px;
	display: block;
	font-weight: 600;
	margin: 0 0 13px;
}

.espace-moncpf{
	margin-top:50px;
	margin-bottom:50px;
}

.titre-moncpf{
	margin-bottom:35px;
}
/* Slick slider styles */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-arrow {
	width: 44px;
	height: 44px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
	position: absolute;
	top: 50%;
	margin: -22px 0 0;
	text-align: center;
	border-radius: 50%;
	z-index: 4;
}

.slick-arrow i {
	font-size: 16px;
	line-height: 44px;
	display: block;
	color: #525f7f;
}

.slick-arrow:hover {
	text-decoration: none;
	opacity: .5;
}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

@media (min-width: 768px) {
	.offer-row {
		padding: 38px 0 0;
	}

	.form-area .btn {
		margin-top: 50px;
	}
}

@media (min-width: 992px) {

	.social-networks {
		margin: 45px -12px;
	}

	.offer-row {
		margin: 0 -11px !important;
	}

	.offer-row .col-12 {
		padding: 0 11px !important;
	}
}

@media (min-width: 1250px) {
	.funding-area .row {
		margin: 0 -46px;
	}

	.funding-area .col-12 {
		padding: 0 46px;
	}

	.contactus-area .text-wrap {
		width: calc(100% - 222px);
		margin: 0 0 0 -6px;
	}

	.social-networks {
		margin: 57px -12px 50px;
	}

	.payment-content .field-block {
		padding: 50px 51px 24px;
	}

	.payment-content .fields-list {
		padding: 6px 0 0;
	}

	.payment-content .payment-method {
		padding: 50px 51px 24px;
	}

	.payment-content .price-select {
		padding: 16px 0 0;
	}

	.checkbox-list.date-list {
		padding: 22px 20px 0;
	}

	.promo-area .wrap {
		padding: 0 51px;
	}

	.amount-section .row {
		margin: 0 -45px;
	}

	.amount-section .col-12 {
		padding: 0 45px;
	}
}

@media (min-width: 1500px) {
	.three-col-area .description p {
		padding: 0 10px;
	}
}

@media (max-width: 1499.98px) {
	.three-col-area .description .title {
		font-size: 23px;
	}
}

@media (max-width: 1249.98px) {
	.funding-area .block {
		padding: 50px 25px;
	}

	.offer-block {
		padding: 35px 20px;
	}

	.offer-block .offer-head h2 {
		font-size: 22px;
	}

	.offer-block .offer-list {
		padding: 25px 0 0;
	}

	.offer-block .offer-list .text {
		padding: 0 0 0 30px;
	}

	.payment-content-area {
		width: calc(100% - 300px);
		padding: 0 20px 0 0;
	}

	.payment-content .fields-list li {
		width: 48%;
	}

	.payment-content .price-select li {
		width: 50%;
	}

	.checkbox-list.date-list li {
		width: 48%;
	}

	.promo-area .promo-label {
		width: 48%;
	}

	.promo-area .promo-field {
		width: 48%;
	}

	.terms-area {
		padding: 40px 0 0 25px;
	}

	.terms-area .submit-area {
		padding: 0 0 0 40px;
	}

	.terms-holder {
		width: calc(100% - 300px);
	}

	.payment-sidebar {
		width: 300px;
	}

	.payment-info-list li {
		padding: 15px 10px;
	}

	.payment-info-list .text {
		font-size: 16px;
		line-height: 20px;
	}

	.visual-area {
		padding: 45px 0;
	}

	.welcome-area .wrap p {
		margin: 0 0 32px;
	}

	.amount-section {
		padding: 50px 60px 0;
	}

	.left-col {
		padding: 75px 25px;
	}

	.left-col .text-holder {
		font-size: 18px;
		line-height: 26px;
	}

	.left-col .text-holder .sub-title {
		font-size: 21px;
		line-height: 26px;
		margin: 0 0 20px;
	}

	.left-col .text-holder .title {
		font-size: 26px;
		line-height: 32px;
		margin: 0 0 20px;
	}

	.left-col .text-holder p {
		margin: 0 0 20px;
	}

	.left-col .text-holder .btn-primary {
		margin: 10px 0 0;
	}

	.left-col .help {
		left: 25px;
		bottom: 20px;
	}

	.viusal-area .back-btn {
		font-size: 22px;
	}

	.three-col-area h2 {
		margin: 0 0 60px;
	}

	.three-col-area .description {
		font-size: 16px;
	}
}

@media (max-width: 991.98px) {
	.steps-list .num:before {
		width: 205px;
	}

	.funding-area {
		padding: 60px 0;
	}

	.contactus-area .title {
		font-size: 23px;
	}

	.payment-area {
		padding: 45px 0;
	}

	.payment-content-area {
		width: 100%;
		padding: 0;
		margin: 0 0 30px;
	}

	.terms-area .submit-area {
		padding: 0;
		width: 100%;
		text-align: center;
	}

	.terms-holder {
		width: 100%;
		margin: 0 0 30px;
	}

	.payment-sidebar {
		width: 100%;
		padding: 25px 15px;
	}

	.visual-area h1 {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 6px;
	}

	.visual-area .title {
		font-size: 23px;
	}

	.welcome-area {
		padding: 50px 0;
	}

	.welcome-area .wrap {
		font-size: 19px;
		line-height: 24px;
	}

	.welcome-area .wrap .image-holder {
		margin: 0 auto 35px;
	}

	.welcome-area .wrap h2 {
		font-size: 23px;
		margin: 0 0 15px;
	}

	.form-area .sub-title {
		font-size: 22px;
		line-height: 26px;
	}

	.left-col {
		padding: 50px 15px;
	}

	.left-col .text-holder {
		font-size: 16px;
		line-height: 24px;
	}

	.left-col .text-holder .sub-title {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 15px;
	}

	.left-col .text-holder .title {
		font-size: 22px;
		line-height: 26px;
	}

	.left-col .help {
		bottom: 15px;
		bottom: 15px;
		font-size: 24px;
	}

	.right-col .insription-block {
		padding: 50px 20px;
	}

	.viusal-area .container {
		padding: 65px 15px;
	}

	.viusal-area .back-btn {
		font-size: 20px;
	}

	.three-col-area h2 {
		margin: 0 0 40px;
	}
}

@media (max-width: 767.98px) {
	.btn-primary {
		font-size: 16px;
		line-height: 20px;
		min-height: 44px;
	}

	.header {
		padding: 15px 0;
	}

	.logo {
		width: 180px;
	}

	.steps-area {
		padding: 25px 0;
	}

	.heading-area {
		margin: 0 0 18px;
	}

	.heading-area h1 {
		font-size: 22px;
		line-height: 26px;
	}

	.heading-area .text {
		font-size: 18px;
		line-height: 22px;
	}

	.steps-list {
		max-width: 290px;
	}

	.steps-list .num:before {
		width: 72px;
	}

	.steps-list .text {
		font-size: 13px;
		line-height: 16px;
	}

	.funding-area {
		padding: 30px 0;
	}

	.funding-area .block {
		font-size: 15px;
		line-height: 22px;
		padding: 50px 20px 30px;
		border-radius: 20px;
	}

	.funding-area .block:before {
		width: 180px;
		height: 100px;
	}

	.funding-area .block.style01:before {
		width: 170px;
		height: 100px;
	}

	.funding-area .head {
		margin: 0 0 18px;
	}

	.funding-area .head h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.funding-area .tag-text {
		margin: 0 0 15px;
	}

	.funding-area p {
		margin: 0 0 15px;
	}

	.funding-area .link-holder {
		font-size: 18px;
		line-height: 22px;
		padding: 0;
	}

	.step-list-block:before {
		bottom: -25px;
	}

	.contactus-area {
		padding: 20px 0;
	}

	.contactus-area .wrap {
		display: block;
	}

	.contactus-area .text-wrap {
		width: 100%;
	}

	.contactus-area .title {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 10px;
	}

	.contactus-area .text {
		font-size: 14px;
		line-height: 18px;
	}

	.contactus-area .btn-primary {
		margin: 15px 0 0;
	}

	.social-networks {
		margin: 20px -8px;
	}

	.social-networks li {
		padding: 0 8px;
	}

	.offer-block {
		padding: 20px 15px;
	}

	.offer-block .offer-head {
		padding: 0 5px 20px;
	}

	.offer-block .offer-head .title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 1px;
	}

	.offer-block .offer-head h2 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 10px;
	}

	.offer-block .offer-head .price {
		font-size: 17px;
		line-height: 20px;
	}

	.offer-block .offer-list {
		padding: 18px 0 0;
		font-size: 14px;
		margin: 0 0 18px;
	}

	.offer-block .offer-list .text {
		padding: 0 0 0 25px;
	}

	.offer-block .offer-list .text i {
		top: 4px;
	}

	.offer-block.pakage {
		margin-top: 0;
	}

	.offer-block.pakage:hover {
		margin-top: 0;
	}

	.offer-block:hover {
		margin-top: 0;
	}

	.payment-area {
		padding: 25px 0;
	}

	.payment-content {
		padding: 0 10px;
	}

	.payment-content .date-block {
		padding: 20px 10px;
	}

	.payment-content .field-block {
		padding: 20px 10px;
	}

	.payment-content .fields-list li {
		width: 100%;
	}

	.payment-content .payment-method {
		padding: 20px 10px 10px;
	}

	.payment-content .price-select {
		margin: 0 0 25px;
	}

	.payment-content .price-select li {
		width: 100%;
		padding: 0;
		margin: 0 0 15px;
	}

	.payment-content .price-select li:last-child {
		margin-bottom: 0;
	}

	.payment-content .price-select .price-holder .radio-icon {
		top: 4px;
	}

	.payment-content .price-select .price-wrap .price {
		font-size: 25px;
	}

	.payment-content .price-select .member-info .text {
		font-size: 16px;
	}

	.payment-content .price-select .member-info .sub-text {
		font-size: 14px;
	}

	.payment-content .card-info .title {
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 15px;
	}

	.payment-content .card-list li {
		width: 100%;
		margin: 0 0 15px;
	}

	.payment-content .card-list li:last-child {
		margin-bottom: 0;
	}

	.payment-content .card-list .fake-radio {
		padding: 0 0 0 28px;
		font-size: 16px;
	}

	.form-control {
		font-size: 16px;
		line-height: 20px;
	}

	.checkbox-list.date-list li {
		width: 100%;
		margin: 0 0 15px;
	}

	.checkbox-list.date-list li:last-child {
		margin-bottom: 0;
	}

	.checkbox-wrap .fake-checkbox {
		font-size: 15px;
	}

	.promo-area {
		padding: 18px 0;
	}

	.promo-area .promo-label {
		width: 100%;
		margin: 0 0 10px;
	}

	.promo-area .promo-label label {
		font-size: 16px;
		line-height: 20px;
	}

	.promo-area .promo-field {
		width: 100%;
	}

	.terms-area {
		padding: 20px 0 0;
	}

	.terms-holder .terms-list {
		margin: 0 0 20px;
	}

	.terms-holder .text {
		font-size: 16px;
		line-height: 20px;
	}

	.payment-heading {
		margin: 0 0 20px;
	}

	.payment-heading h2 {
		font-size: 24px;
		line-height: 26px;
		margin: 0 0 5px;
	}

	.payment-heading .text {
		font-size: 18px;
		line-height: 22px;
	}

	.total-amount-info {
		padding: 20px 10px;
	}

	.total-amount-info .heading {
		font-size: 20px;
		line-height: 24px;
	}

	.total-amount-info .price {
		font-size: 20px;
		line-height: 24px;
	}

	.total-amount-info .text {
		font-size: 14px;
	}

	.visual-area {
		padding: 35px 0;
	}

	.visual-area h1 {
		font-size: 22px;
		line-height: 26px;
	}

	.visual-area .title {
		font-size: 18px;
		line-height: 22px;
	}

	.welcome-area .wrap {
		font-size: 16px;
		line-height: 20px;
	}

	.welcome-area .wrap .image-holder {
		width: 240px;
		margin: 0 auto 30px;
	}

	.welcome-area .wrap h2 {
		font-size: 20px;
		line-height: 24px;
	}

	.welcome-area .wrap p {
		margin: 0 0 25px;
	}

	.step-list-block {
		padding: 20px 0 5px;
	}

	.step-list {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: center;
	}

	.step-list li {
		margin: 0 0 15px;
		padding: 0 10px;
		width: 25%;
	}

	.step-list a:before {
		top: 20px;
		right: 30px;
	}

	.step-list .num {
		font-size: 20px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		margin: 0 auto 8px;
	}

	.step-list .text {
		font-size: 12px;
		line-height: 16px;
	}

	.form-area {
		padding: 25px 0;
	}

	.form-area .arrow-left {
		display: none;
	}

	.form-area .arrow-right {
		display: none;
	}

	.form-area h1.heading {
		font-size: 22px;
		line-height: 35px;
	}

	.form-area h2 {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 20px;
	}

	.form-area .form-group {
		margin: 0 0 18px;
	}

	.form-area .sub-title {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 20px;
	}

	.form-area .sub-heading {
		font-size: 18px;
		line-height: 22px;
		margin: -8px 0 0;
	}

	.option-holder {
		padding: 30px 0 0;
	}

	.option-holder .title {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 20px;
	}

	.option-holder .form-control {
		font-size: 16px;
		line-height: 20px;
	}

	.option-list li {
		padding: 0 12px;
	}

	.amount-section {
		padding: 20px 0 0;
	}

	.amount-section .offer-block {
		padding: 20px 15px;
	}

	.amount-section .amount-block .valid {
		font-size: 15px;
		padding: 18px 0 0;
	}

	.amount-section .total-amount {
		font-size: 16px;
	}

	.amount-section .price-info {
		margin: 0 0 20px;
	}

	.amount-section .price-info li {
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 10px;
	}

	.amount-section .price-info li.total {
		padding: 10px 0 0;
	}

	.video-holder {
		margin: 25px auto;
	}

	.video-holder:before {
		display: none;
	}

	.video-holder .video-wrap {
		border-radius: 10px;
		padding: 10px;
	}

	.main-area {
		min-height: Helvetica;
	}

	.left-col {
		width: 100%;
		padding: 25px 15px 50px;
	}

	.left-col .text-holder .btn-primary {
		margin: 5px 0 0;
	}

	.right-col {
		width: 100%;
	}

	.right-col .insription-block {
		padding: 25px 15px;
	}

	.right-col .insription-block .title {
		padding: 20px 15px;
		font-size: 20px;
	}

	.right-col .insription-list {
		padding: 10px 15px 25px;
	}

	.right-col .insription-list {
		padding: 0 15px 15px;
	}

	.right-col .insription-list li {
		padding: 18px 0;
	}

	.right-col .insription-list li {
		padding: 14px 0;
	}

	.right-col .insription-list li a {
		font-size: 16px;
	}

	.right-col .insription-list .date {
		font-size: 14px;
	}

	.viusal-area .container {
		padding: 25px 15px;
	}

	.viusal-area .btn-wrap {
		position: relative;
		left: 0;
		top: 0;
		display: block;
		margin: 0 0 20px;
	}

	.viusal-area .back-btn {
		padding: 0 0 0 50px;
		font-size: 18px;
	}

	.viusal-area .message-box .icon-holder {
		margin: 0 auto 10px;
	}

	.viusal-area .message-box .title {
		font-size: 20px;
		line-height: 26px;
	}

	.three-col-area {
		padding: 30px 0;
	}

	.three-col-area h2 {
		font-size: 20px;
		margin: 0 0 25px;
	}

	.three-col-area .description {
		font-size: 15px;
		line-height: 20px;
	}

	.three-col-area .description .title {
		font-size: 20px;
		line-height: 26px;
	}

	.slick-arrow {
		display: none !important;
	}
}

.box-choices-inline {
	padding-left:300px;
	padding-right:300px;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width:960px) {
	.box-choices-inline {
		padding-left:5px;
		padding-right:5px;
	}
}
.box-choice-inline {
	cursor:pointer;
	display: inline-block;
	border-radius:5px;
	padding:10px 12px;
	margin:5px;
	border: 2px solid;
}
.box-choice-inline.selected {
	color:#fff;
}
.box-choice {
	cursor:pointer;
	width:100%;
	display:block;
	border-radius:1px;
	padding:1px;
	background: linear-gradient(to right, #96baa9, #96baa9);
	margin-bottom:15px;
}
.box-choice.selected {
	padding: 4px;
	margin: -1px;
}
.box-choice:hover {
	background: linear-gradient(to left, #96baa9, #96baa9);
}
.box-choice >span {
	background:#fff;
	height:220px;
	border:5px solid #f9f9f9;
	display: block;
	position: relative;
	overflow:hidden;
}
.box-choice .text {
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	margin:0;
	padding:4px 10px;
	text-align:center;
	background:rgba(255, 255, 255, 0.95);
	color:#333;
	font-size:18px;
}
.box-choice .text >span {
	font-size:11px;
	display: block;
	color:#96baa9;
}
.box-choice img {
	overflow:hidden;
	display: block;
	width:100%;
}
.box-choice:hover img img {
}

.options-tf label {
	display:block;
	cursor: pointer;
	padding:8px 10px;
	border-radius: 7px;
	border: 2px solid #96baa9;
}
.options-tf input {
	opacity: 0;
	position: absolute;
}
.options-tf label:hover {
	background: #96baa9;
	color:#fff;
}
input:checked + label {
	background: #96baa9;
	color:#fff;
}

.alert-transparent {
	border:1px solid #fff86d;
	color:#fff86d;
	background:rgba(255, 255, 255, 0.1);
}
span.btn {
	cursor: pointer;
}
.steps {
	position: relative;
	height: 1000px;
	width: 100%;
}
.step {
	position: absolute;
	width: 100%;
	left:100%;
}
.step.animated {
	transition: all 700ms;
}
#steps li {
	cursor: pointer;
}
.arrow-left, .arrow-right {
	display: none;
}
.offer-right-panel {
	position:relative;
}
.offer-right-panel .amount-block {
}
.offer-right-panel .amount-block .amount-block-fc {
	text-align:center;
	font-size:15px;
}
.offer-right-panel .loading-wrapper {
	display: table;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}
.offer-right-panel .loading-wrapper > div {
	display: table-cell;
	vertical-align: middle;
}
.hide-by-default {
	display: none;
}
#reset-cookies {
	position: fixed;
	left:0;
	bottom:0;
	background:red;
	color:#fff;
	padding:4px 10px;
}

fieldset {
	padding: 10px;
	background:#2c45d7;
	border:1px solid #fff;
}
fieldset legend {
	font-weight: bold;
}
.right-col-image img {
	display: block;
	width: 70%;
	margin:30px auto 0;
}
.help-video {
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	display: block;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	position: fixed;
	min-width: 300px;
	background: linear-gradient(to right, #fff, #eee);
	background-size: 300% 300%;
	opacity: 1;
	animation: 3s ease 0s normal forwards 1 fadein;
}
@media (min-width:960px) {
	.help-video {
		width:400px;
		cursor: pointer;
		left:initial;
		border-radius:10px;
		margin: 10px;
	}
	.help-video:hover {
		box-shadow:0 0 10px rgba(0, 0, 0, 0.6);
	}
	.help-video .video iframe {
		height: 200px !important;
		width: 100% !important;
	}
}

.help-video .text:before {
	box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	background-size: 100% 100%;
	width:70px;
	height:70px;
	margin:0 10px 0 0;
	content:"";
	float: left;
}
.help-video .video {
	display: none;
	margin-bottom:10px;
	text-align: center;
}
.help-video .video iframe {
	display: block;
	width: calc(100vw - 20px);
	height: 56.25vw; /* 100/56.25 = 560/315 = 1.778 */
	margin-bottom: 10px;
}
.help-video .video .close {
	display: block;
	text-align:center;
}
@keyframes fadein{
	0% { opacity:0; }
	66% { opacity:0; }
	100% { opacity:1; }
}

.main-link-cpf {
	background: rgb(2,136,242);
	background: linear-gradient(180deg, rgba(2,136,242,1) 0%, rgba(1,119,215,1) 100%);
	padding:12px 25px;
	border-radius:2px;
	color:#fff;
	display:inline-block;
}

.main-link-cpf:hover {
	color:#fff;
	text-decoration: underline;
}

/*#wrapper .steps { opacity: 0.1; }
#wrapper.ready .steps { opacity: 1; }*/
.input-group-montantcpf {
	margin:0 auto;
	position: relative;
	padding:0 60px;
	width:40%;
	min-width:200px;
}
.input-group-montantcpf .label {
	font-size:24px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	width:60px;
	line-height:55px;
}
.message-warning {
	font-size:12px;
	line-height:14px;
	color:#555;
}

.aide-cpf-link {
	font-size:12px;
	line-height:14px;
	cursor:pointer;
	color:#000;
}
.aide-cpf-link:hover {
	text-decoration:underline;
}

.data-offer-price {
}
.dossier-head {
	display:block;
	text-align:center;
	color:#96baa9;
	margin-top:12px;
}

.c-blue { color:#96baa9; }
.c-green { color: #00b400; }
.c-black { color:#000; }

.options-formation {
	border-radius:6px;
	padding:8px 14px;
	font-size:13px;
	line-height:18px;
	background:#f6f6f6;
	display:inline-block;
}
.options-formation [data-next-step] {
	cursor:pointer;
}
.options-formation [data-next-step]:hover {
	text-decoration:underline;
}
.options-formation .data-course-name {
}
.offer-conditions li {
	list-style: none;
	font-size:14px;
	line-height:24px;
}

@media (max-width: 767.98px) {
	.input-group-montantcpf {
		width:80%;
	}
}
@media (min-width: 767.98px) {
	.offer-right-panel .amount-block .amount-block-static {
		min-height: 300px;
	}

	.offer-right-panel .amount-block .amount-block-cta {
		position: absolute;
		bottom: 0;
		left: 45px;
		right: 45px;
	}
}

.c-them-1314316 { border-color: #b84fce; color: #b84fce; }
.c-them-1314316.selected { background-color: #b84fce; }
.c-them-1314316:hover { background-color: #E9BCF0; }
.c-them-1314322 { border-color: #525f7f; color: #525f7f; }
.c-them-1314322.selected { background-color: #525f7f; }
.c-them-1314322:hover { background-color: #BCC1CD; }
.c-them-1314320 { border-color: #314ffd; color: #314ffd; }
.c-them-1314320.selected { background-color: #314ffd; }
.c-them-1314320:hover { background-color: #AEBCFF; }
.c-them-1314466 { border-color: #512ea8; color: #512ea8; }
.c-them-1314466.selected { background-color: #512ea8; }
.c-them-1314466:hover { background-color: #BCAEDE; }
.c-them-1314330 { border-color: #9771ff; color: #9771ff; }
.c-them-1314330.selected { background-color: #9771ff; }
.c-them-1314330:hover { background-color: #D8C8FF; }
.c-them-1314463 { border-color: #4865ff; color: #4865ff; }
.c-them-1314463.selected { background-color: #4865ff; }
.c-them-1314463:hover { background-color: #B7C2FF; }
.c-them-1314332 { border-color: #0177bd; color: #0177bd; }
.c-them-1314332.selected { background-color: #0177bd; }
.c-them-1314332:hover { background-color: #A7CAE6; }
.c-them-1314326 { border-color: #014d3f; color: #014d3f; }
.c-them-1314326.selected { background-color: #014d3f; }
.c-them-1314326:hover { background-color: #A3BBB5; }
.c-them-1323449 { border-color: #01848f; color: #01848f; }
.c-them-1323449.selected { background-color: #ABCFD5; }
.c-them-1323449:hover { background-color: #01848f; }
.c-them-1323452 { border-color: #21a5ff; color: #21a5ff; }
.c-them-1323452.selected { background-color: #24A5FF; }
.c-them-1323452:hover { background-color: #AEBCFF; }

#head-steps {
	max-height:10px;
	padding: 0;
	overflow: hidden;
}
#head-steps >* {
	display:none;
}