@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400i&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

b, strong {
	font-weight: bolder !important;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	color: #162C3B;
}

h1, h2, h3, h4 {
	line-height: 1.2em;
}

h1 {
	font-size: 4rem;
}

h2 {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	color: #32AFA5;
}

h3 {
	font-size: 2.3rem;
}

h4 {
	font-size: 1.75rem;
	line-height: 1.75em;
}

p {
	line-height: 1.5em;
	font-size: 24px;
	margin-bottom: 20px;
}

.btn-primary {
	color: #FFFFFF;
	padding: 10px 20px;
	background: #81BA41;
	border-color: #81BA41;
	border-radius: 50px;
	position: relative;
}

.btn-primary:hover {
	background: #44740F;
	border-color: #44740F;
}

/*************************************************** NAVBAR ***************************************************/
.navbar {
	z-index: 100;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0,0,0,1);
	padding: 0 20px;
}

.navbar-light .navbar-brand {
	font-weight: 700;
	color: #fff;

}

.navbar-expand-lg .navbar-nav .nav-link {
}

.navbar a.btn-primary, .cta .btn-primary {
	color: #ffffff !important;
	background: #536DFE;
	-webkit-box-shadow: 0px 7px 33px -13px rgba(80,109,254,0.68);
	-moz-box-shadow: 0px 7px 33px -13px rgba(80,109,254,0.68);
	box-shadow: 0px 12px 33px -13px rgba(80,109,254,0.68);
	border-radius: 5px;
}

/*************************************************** HERO ***************************************************/
.hero {
	background: url('images/hero-background.png') 0 0 no-repeat;
	background-size: cover;
	min-height: 848px;
	padding-top: 220px;
	position: relative;
	top: -100px;
}

.hero h1 {
	font-size: 70px;
	font-weight: 700;
}

.hero p {
	font-size: 36px;
	font-weight: 500;
	line-height: 45px;
}

/*************************************************** CTA Users ***************************************************/
.cta-users {
	margin-top: -200px;
	margin-bottom: 100px;
}

.cta-users .card {
	border: none;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
}

.cta-users .card-text {
	font-size: 16px;
}

.cta-users .card-header {
	font-size: 18px;
	font-weight: 700;
	padding-top: 34px;
	padding-bottom: 34px;
	color: #FFFFFF;
	border: 0;
}

.cta-users .card-header  a {
	color: #FFFFFF;
}

.cta-users .card-adherant .card-header {
	background: #36BBB4;
}

.cta-users .card-collecte .card-header {
	background: #81BA41;
}

.cta-users .card-prestataire .card-header {
	background: #F06A41;
}

/*************************************************** About IWAY ***************************************************/
.about-iway {
	margin-bottom: 100px;
}

.about-text {
	position: relative;
}

.about-text::after {
	content: "";
	position: absolute;
	width: 268px;
	height: 268px;
	background: url('images/dotted-shape.svg') 0 0 no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	left: 96%;
	bottom: 61%;
}

.about-iway h4 {
	font-size: 22px;
	font-weight: 700;
	color: #81BA41;
	margin-bottom: 30px;
}

.about-iway p {
	font-size: 16px;
	color: #5E6163;
	text-align: justify;
}

.about-iway img.about-img {
	border-radius: 10px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
}

.partners-logo {
	display: block;
	margin: 0 auto;
}


/*************************************************** Key Numbers ***************************************************/
.keys-numbers {
	margin-bottom: 180px;
	position: relative;
	overflow: hidden;
}

.keys-numbers::after {
	content: "";
	position: absolute;
	width: 291px;
	height: 306px;
	background: url(images/balls-blue.svg) 0 0 no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	left: 87%;
	top: 42%;
	z-index: -1;
}

.keys-numbers::before {
	content: "";
	position: absolute;
	width: 291px;
	height: 306px;
	background: url(images/balls-green.svg) 0 0 no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	left: -9%;
	top: 19%;
	z-index: -1;
}

.keys-numbers .number-box {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
	border-radius: 14px 14px 90px 14px;
	padding: 30px 30px 10px 30px;
}

.keys-numbers h2 {
	margin-bottom: 60px;
}

.keys-numbers .row {
	margin-bottom: 30px;
}

.keys-numbers h3 {
	font-size: 40px;
	font-weight: 700;
	position: relative;
}

.keys-numbers span {
	display: block;
	width: 80px;
	height: 5px;
	margin-bottom: 25px;
	background: #32AFA5;
	border-radius: 2px;
}

.keys-numbers p {
	font-size: 16px;
	margin-left: 20px;
}

/*************************************************** Isante Features ***************************************************/
.isante-feautres {
	margin-bottom: 100px;
}
.isante-feautres .features-start p {
	font-size: 16px;
	text-align: justify;
	margin-top: 30px;
	color: #5E6163;
	font-weight: 300;
}

.features-start {
	position: relative;
}

.features-start::after {
	content: "";
	position: absolute;
	width: 268px;
	height: 268px;
	background: url('images/dotted-shape.svg') 0 0 no-repeat;
	background-repeat: no-repeat;
	background-size: 100%;
	left: 96%;
	bottom: 61%;
}

.your-class p {
	font-size: 14px;
	font-weight: 300;
	color: #5E6163;
	font-weight: 300;
}

.your-class .card {
	min-height: 554px;
}

.features-list {
	margin-right: 30px;
}

.features-list .card-header {
	font-size: 18px;
	font-weight: 700;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #FFFFFF;
	border: 0;
}

.card-agility .card-header {
	background: #36BBB4;
}

.card-agility{
	border-color: #36BBB4;
	border-width: 4px;
}

.card-performance .card-header  {
	background: #81BA41;
}

.card-performance {
	border-color: #81BA41;
	border-width: 4px;
}

.card-values .card-header {
	background: #FBC02B;
}

.card-values {
	border-color: #FBC02B;
	border-width: 4px;
}

.card-acessibility .card-header {
	background: #F06A41;
}

.card-acessibility {
	border-color: #F06A41;
	border-width: 4px;
}

/*************************************************** Strong Features ***************************************************/
.strong-features {
	margin-bottom: 100px;
}

.product-features {
	background: #32AFA5;
	border-radius: 8px;
	padding: 60px 90px;
	position: relative;
	display: block;
	overflow: hidden;
}

.product-features::after {
	content: "";
	position: absolute;
	opacity: 0.3;
	width: 350px;
	height: 350px;
	background: url('images/plus-sign.svg') 0 0 no-repeat;
	background-size: 100%;
	right: -40px;
	bottom: -40px;
}

.product-features h2 {
	color: #FFFFFF;
	margin-bottom: 30px;
}
.product-features ul li {
	color: #FFFFFF;
	margin-bottom: 22px;
	font-size: 18px;
	font-weight: 300;
}

/*************************************************** Strong Features ***************************************************/
.i-sante-offer {
	margin-bottom: 100px;
}

.i-sante-offer h2 {
	float: left;
}

.i-sante-offer .nav-tabs {
	float: right;
}

.tab-content {
	margin-top: 60px;
}

.tab-content small {
	display: block;
	margin-bottom: 10px;
}

.tab-content h4 {
	font-size: 18px;
	margin-top: 15px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 30px;
	color: #5E6163;
}

.tab-content ul li {
	font-size: 18px;
	margin-bottom: 15px;
	color: #5E6163;
}

.tab-content ul li i {
	font-size: 10px;
	margin-right: 8px;
}

.offer-bpo {

}

.offer-bpo p {
	font-size: 17px;
	margin-top: 15px;
}

.nav-tabs {
	border-bottom: 0px solid #dee2e6;
}

.nav-tabs .nav-link.active {
	color: #FFFFFF;
	background-color: #162C3B;
	border-color: #162C3B;
	border-radius: 50px;
	margin: 0 10px;
}

.nav-tabs .nav-link {
	color: #162C3B;
	padding: 12px 20px;
	background-color: #fff;
	border-color: #162C3B;
	border-radius: 50px;
}

/*************************************************** References ***************************************************/
.references {
	margin-top: 100px;
	margin-bottom: 100px;
}

.references h2 {
	margin-bottom: 60px;
}

.references img {
	margin: 8px;
}

/*************************************************** Testimonials ***************************************************/
.testimonials {
}

.testimonial-block {
	color: #ffffff !important;
	background: #162C3B;
	border-radius: 5px;
	padding: 60px;
}

.testimonial-block h2 {
	margin-bottom: 40px;
}

.testimonial-container p {
	font-family: 'PT Serif', serif;
	font-size: 16px;
	min-height: 100px;
}

/*************************************************** Footer ***************************************************/
footer {
	margin-top: 80px;
}

footer p {
	font-size: 16px;
	color: #4B4F50;
}


/*************************************************** Slick Slider ***************************************************/
/* Arrows */
.slick-dots {display: none !important;}
.slick-prev,
.slick-next
{
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 10;
	top: -50px;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

.slick-prev:before, .slick-next:before
{
	font-family: "Ionicons" !important;
	font-size: 40px;
	line-height: 1;
	opacity: 1;
	color: #162C3B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
	left: 0px;
}
[dir='rtl'] .slick-prev
{
	right: -53px;
	left: auto;
}
.slick-prev:before
{
	content: '\f2ca';
}
[dir='rtl'] .slick-prev:before
{
	content: '\f2ca';
}

.slick-next
{
	left: 60px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: -40px;
}
.slick-next:before
{
	content: '\f30f';
}
[dir='rtl'] .slick-next:before
{
	content: '\f30f';
}