@import url("icomoon.css");

body{
	position: relative; 
	font-family: 'jost';
}

::-webkit-scrollbar { width: 8px; }h
::-webkit-scrollbar-thumb {
  border-right: solid 10px #00A3AB;
  background: #CC3F90;
}
::-webkit-scrollbar-track {
  border: none;
  background: #CC3F90;
}
::-webkit-input-placeholder { 
	font-family: 'jost';
	font-style: italic;
  color: #6D7278;
  font-size: 16px;
  font-weight: normal;
    
}
:-ms-input-placeholder { 
	font-family: 'jost';
	font-style: italic;
  color: #6D7278;
  font-size: 16px;
  font-weight: normal;
}
::placeholder {
	font-family: 'jost';
	font-style: italic;
  color: #6D7278;
  font-size: 16px;
  font-weight: normal;
}
p{
	color:#6D7278;
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
}
figure {
  margin: 0;
}
h3 {
  font-weight: 500;
  font-size: 20px;
  margin: 0;
}
h5 {
  font-size: 20px;
  line-height: 30px;
  color: #166075;
  margin-bottom: 30px;
}
a{
 transition: color .1s ease-out .1s; 
}
a:hover {
  color: #00a3ab;
}
.sectionOne, .sectionThree, .sectionFour,  .sectionSix, .sectionSeven{
  position: relative;
  overflow: hidden;
}
 .navbar-brand {
  color: rgba(0,0,0,.9);
  padding-right: 60px;
}
.navigation-wrap.start-header.start-style {
  box-shadow: 3px 3px 8px #00000029;
  height: 90px;
  display: flex;
  align-items: center;
}
.navbar.navbar-expand-md.navbar-light {
  padding:0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background-color: #fff;
}

.sticky + .content {
    padding-top: 60px;
}
/* #Tabs
================================================== */

.nav-tabs .nav-link{
  border: none;
  border-radius: 0;
  transition: color .2s ease-out;
}
.tabs-dark .nav-link {
  color: #fff;
}
.tabs-light .nav-link {
  color: rgba(0,0,0,.5);
}
.tabs-dark .nav-link:not(.active):hover {
  color: #aeb0b3;
}
.tabs-light .nav-link:not(.active):hover {
  color: #495057;
}
.nav-pills .nav-link {
  color: #166075;
  transition: color .1s ease-out .1s;
  font-weight: 500;
  font-size: 20px;
  border-bottom: 0px solid ;
  padding: 0 65px 16px 65px;
}
.nav-pills .nav-item {
  margin:0;
  margin-right: 24px;
}
.nav-pills .nav-item:last-child {
  margin:0;
  margin-right:0;
}
.nav-tabs {
  border-bottom: 1px solid #d5a1be;
}
.nav-pills.pills-dark .nav-link.active {
  background-color:transparent;
  color: #CC3F90;
  border-bottom:4px solid;
  border-radius:0px;
}
.nav-pills.pills-dark .nav-link:not(.active):hover {
  color: #CC3F90;
}
.tabs-marker .nav-link {
  position: relative;
}
.tabs-marker .nav-link .marker {
  height: 6px;
  width: 6px;
  position: absolute;
  overflow: hidden;
  left: 50%;
  bottom: -6px;
}
.tabs-marker .nav-link.active .marker:after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  background-color: #cc3f90;
  position: absolute;
}
.tabs-marker .nav-link .marker:after {
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  top: 0;
  right: 0;
  left: 0;
  background-color: #cc3f90;
  position: absolute;
}


/*added*/
#myTab {
  display: inline-flex;
}
#myTab .nav-link.active,
#myTab .nav-item.show .nav-link {
	color:#CC3F90;
  background-color:transparent;
  border-color: #CC3F90;
  border-bottom: 4px solid;
  font-weight: bold;
}
#myTab .nav-link {
  color: #6D7278;
  font-size: 14px;
}
#myTab .nav-link {
  padding:0;
}
#myTab .nav-link:hover {
  color: #cc3f90;
  font-size: 14px;
}
#myTab .nav-item{
	margin-right: 40px;
}
#myTab li:last-child {
	margin-right:0;
}
#pills-tab {
	border-bottom: 1px solid #d5a1be;
	margin-bottom: 50px !important;
	display: flex;
  justify-content: center;
}
.figure-tab {
  -moz-transform: translate(0px, 10px);
  -webkit-transform: translate(0px, 10px);
  -o-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}
.bloc-ressource {
  background: #fff;
  box-shadow: 3px 3px 8px #00000029;
  padding: 40px 40px 58px 40px;
  margin-bottom: 68px;
}
.h3 {
  font-size: 32px;
  line-height: 38px;
  color: #00848F;
  margin-bottom: 70px;
}
.bloc-ress ul {
	list-style: none
}
.bloc-ress li::before {
  content: "•"; 
  color:#fff;
  display: inline-block; 
  width: 10px;
  height: 10px;
  border: 3px solid #166075;
  border-radius: 50%;
  margin-left: -1em
}
.bloc-ress ul {
  font-size: 20px;
  line-height: 30px;
  color: #6D7278;
  padding-left: 20px;
}
.bloc-ress ul li{
  margin-bottom:11px;
  position: relative;
}
.bloc-ress li::before {
  content: "•";
  color: #fff;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 3px solid #166075;
  border-radius: 50%;
  margin-left: -1em;
  margin-right: 10px;
  top: 10px;
  position: absolute;
}
.Footer {
  background: #166075;
  padding: 24px 80px;
  z-index: 2;
  position: relative;
}
.figure1 {
  padding-right: 32px;
  border-right: 1px solid #fff;
}
.figure2 {
  padding-left: 32px;
}
.text-img {
  margin-top: 23px;
 }
    
/* #Padding
================================================== */
.mt-288{
  margin-top: 288px;
}
.mt-115{
  margin-top: 115px;
}
.mt-44{
  margin-top:50px;
}
.pb-22{
	padding-bottom: 22px;
}
.pb-40{
	padding-bottom:40px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-45{
	margin-bottom:45px;
}
.pb-60{
  padding-bottom: 60px;
}
.mr-65{
  padding-right: 65px;
}
.pd-108{
  padding:0 108px;
}
.ml-65{
  padding-left:65px;
}
.mt-182{
  margin-top:182px;
}
.copy {
  text-align: center;
  margin: 0;
  color: #fff;
}
.copyright-row {
  background: #166075;
  padding: 20px;
}
.sectionEeight:before {
	content: "";
  background: #000;
  opacity: 0.67;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.form-control {
	background: #fff;
  border:0;
  height: 50px;
  border-radius: 0;
  padding: 15px 20px;
}
.bg-green {
	border: 2px solid #00A3AB;
  border-radius: 13px;
  padding: 37px 48px;
  color: #fff;
  font-size: 16px;
  background: #fff;
  z-index: 2;
}
.sectionTow {
  position: absolute;
  left: 0;
  right: 0;
  bottom:0;
  z-index: 2;
}
#sectionOne {
	margin-top: 55px;
}
#sectionOne .card {
  margin-bottom: 45px;
  border: 0;
  background: #fff;
  box-shadow: 3px 3px 8px #00000029;
}
#sectionOne .card-title {
  color: #6D7278;
  font-weight: 500;
  line-height: 30px;
  font-size: 20px;
}
#sectionOne .card-body {
  padding:35px 30px 25px 30px;
}
.btn-outline-danger {
  color: #CC3F90;
  background-color: transparent;
  font-size:16px;
	padding:0;
	border-radius:0;
	font-weight: 500;
	border:0px solid #cc3f90;
}
.btn-outline-danger:hover {
  color:#166075;
  border-bottom:1px solid #166075;
  background-color: transparent;
}
.btn-danger {
  color: #fff;
  background-color: #CC3F90;
  border: 1px solid #CC3F90;
  font-size: 16px;
	padding: 10px 50px;
	border-radius: 4px;
}
.btn-danger:hover {
  color: #cc3f90;
  background-color: transparent;
  border-color: #cc3f90;
}
.pink-link {
  color: #CC3F90;
  text-decoration: underline;
  z-index: 999;
}
.input-shadow {
  box-shadow: 3px 3px 8px #16607533;
}
.selector {
	position: relative;
	display: block;
	text-align: left;
}
.selector__toggle {
	display: block;
	color: #166075;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.selector__toggle i {
	float: right;
	position: relative;
	top: 0.2em;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.open .selector__toggle i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.selector__toggle:hover, .selector__toggle:focus {
	color: #cc3f90;
	text-decoration: none;
}
.selector__list {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #7090cd;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
}
.open .selector__list {
	display: block;
}
.selector__list li a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 1em;
	border-top: 1px solid #8eaeeb;
	background-color: #4a5f87;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.selector__list li:hover a, .selector__list li:focus a, .selector__list li.selected a {
	background-color: #56c022;
}	
.card.slide{
	box-shadow: 3px 3px 8px #00000029;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	margin-bottom: 13px;
	border-radius: 0;
	max-width: 515px;
}
.h1{
	font-size:48px;
	line-height: 62px;
	color: #166075;
	font-weight: 300;
}
.medium{
	font-weight:500;
}
.vert {
	color: #108898;
	margin-top: 33px;
	font-weight: 500;
	line-height: 30px;
	font-size: 20px;
}
.union1 {
  padding-top: 95px;
  text-align: center;
  color:#fff;
  margin-top: 85px;
  background-image: url(../img/Union-1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 640px;
}
.union1 p{
	color:#fff;
}
.union2{
	padding-top: 170px;
  text-align: center;
  color: #fff;
  background-image: url('../img/Union-2.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 75px;
}
.union1 h2 {
	margin-bottom: 30px;
}
.Nubmer{
	font-size: 52px;
}
.input-group-text {
	border: 0;
	background-color: transparent;
	border-radius:0;
}

#basic-addon2 {
  padding-right: 25px;
}
.white-p{
	font-size: 20px;
	line-height: 30px;
}
.w-625{
	max-width: 625px;
}
.mar-auto{
  margin: 0 auto;
}
.content-union {
	display: flex;
	max-width: 1272px;
	margin: 0 auto;
}
.w-408{
	max-width: 370px;
	margin: 0 auto;
}
.card-union {
	padding: 33px 36px 14px 36px;
	background: #fff;
	box-shadow: 3px 3px 8px #00000029;
	border-radius: 5px;
	-moz-transform: translate(0px, -30px);
	-webkit-transform: translate(0px, -30px);
	-o-transform: translate(0px, -30px);
	-ms-transform: translate(0px, -30px);
	transform: translate(0px, -30px);
}
.card-union .vert {
  margin-top:0;
}
.text-img figure {
  margin-bottom: 15px;
}
.figureThree {
  margin-top: 55px;
}
.transtale {
	-moz-transform: translate(0px, -112px);
	-webkit-transform: translate(0px, -112px);
	-o-transform: translate(0px, -112px);
	-ms-transform: translate(0px, -112px);
	transform: translate(0px, -112px);
}
.p-27 {
  color: #fff;
  text-align: left;
  font-size: 27px;
  line-height: 30px;
  margin-top: 45px;
}		
.quote-before-after {
  max-width:665px;
}
.quote {
	position:relative;
	padding-left: 60px;
}
.quote:before{
	content: '"';
  color: #fff;
  position: absolute;
  font-size: 100px;
  left: 0;
  bottom: 65px;
}
.quote:after{
	content: '"';
  color: #fff;
  position: absolute;
  font-size: 100px;
  top: 100px;
  right: 0;
}
.blockAvatar {
  margin-top: 72px;
  opacity: 0.5;
  position: relative;
}
.blockAvatar.active:after {
  opacity: 1;
  content:"";
  width: 45px;
  height: 4px;
  background: #fff;
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:0;
}
.blockAvatar.active {
	opacity:1;
}
.mar-90{
	-moz-transform: translate(0px, 24px);
  -webkit-transform: translate(0px, 24px);
  -o-transform: translate(0px, 24px);
  -ms-transform: translate(0px, 24px);
  transform: translate(0px, 24px);
}
.p-avatar {
  font-weight: 500;
  font-style: italic;
  color: #fff;
  padding-bottom: 10px;
}
.ava-block {
  max-width: 920px;
  margin: 0 auto;
}   
.sectionSeven{
	margin-top: 75px
}
.sectionSeven h2{
	margin-bottom:60px;
}
.losange .card-title {
  color: #166075;
  font-size: 20px;
  line-height: 36px;
  text-align: left;
  padding-left: 45px;
  margin-bottom: 25px;

}
.losange {
  position: relative;
}

.losange .card-title::before {
  opacity: 0.67;
  position: absolute;
  top:0;
  left:0;
  display: inline-block;
  width:32px;
  height:32px;
  border-radius: 50%;
  content: "";
  background: #166075;
}

.losange .card-title::after {
  content: "\e904";
  font-family: 'icomoon' !important;
  color: #fff;
  position: absolute;
  left:10px;
  top: -2px;
  font-size: 16px;
}
.w-624{
	max-width: 624px;
}
.h1 {
  margin-bottom:45px;
}
.bloc-spon a img {
  padding: 0 22px;
}

/* #Vertical Slider ================================================== */
.slider-vertical .card-body {
	padding: 20px 30px;
}

.slider-vertical .slick-prev:before, .slider-vertical .slick-next:before {
	display: none;
}
.slider-vertical .slick-prev, .slider-vertical .slick-next {
  width: 0;
  height: 0;
  border-style: solid;
  margin: 10px;
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  cursor: pointer;
}



.slider-vertical .slick-prev {
  border-width: 0 12px 12px 12px;
  border-color: #cc3f90 transparent;
  right: 70px;
  left: auto;
  top: 90px;
}
.slider-vertical .slick-next {
  border-width: 12px 12px 0px 12px;
  border-color: #cc3f90 transparent;
  right: 70px;
  left: auto;
  bottom: 90px;
}	





.slider-vertical .slick-prev.slick-disabled, .slider-vertical
.slick-next.slick-disabled {
	opacity: 0.1;
	cursor: default;
}
.slider-vertical div {
	height: 105px;
	text-align: center;
	font-size: 50px;
	color:#fff;
}
.slick-slide {
 	opacity:0.5;
}
.slick-slide.slick-current {
  opacity:1;
}
.slick-slide.slick-current .card.slide{
	border-left: 4px solid #cc3f90;
}


/* #Sponsor Slide ================================================== */
.owl-controls {
  margin-top: 20px;
}
.owl-pagination {
  display: none;
  justify-content: center;
}
.owl-page {
  height: 10px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10%;
}
.owl-page:hover,
.owl-page.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.owl-page:not(first-item) {
  margin-left: 10px;
}

/* #Interface 1 ================================================== */

#inter1 .h1, #inter2 .h1  {
  margin-bottom: 18px;
}
#inter1 .vert{
  margin-top:0;
  margin-bottom:0;
}
#inter2 .nav-pills .nav-link {
  padding: 0 45px 16px 0px;
}
#inter2 #pills-tab {
  justify-content: flex-start;
}

.bg-grey{
	background-color: #FAFAFA;
}
.card-col-3 {
  padding: 20px 25px 25px 25px;
  background: #fff;
  box-shadow: 3px 3px 8px #00000029;
  border-radius: 22px 22px 22px 22px;
}
.card-col-3.active {
  border: 1px solid #00A3AB;
  box-shadow: 0 0 white;
  border-radius: 22px 22px 0px 0px;
  border-bottom:0;
}
.green{
  color:#166075;
}
.btn-envoyer {
  background: #00A3AB;
  transition: background .2s ease-out .2s;
  width: 100%;
  border-radius:0px 0px 22px 22px;
  color: #fff;
  padding: 17px 0;
  font-size: 20px;
  font-weight: 500;
}
.btn-envoyer:hover {
  background: #CC3F90;
}
.col-border-doshed{
  border: 2px dashed #6D7278;
  height: 505px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 22px 22px 22px 22px;
}
.plus {
  color: #fff;
  font-size: 20px;
}
.btn-plus {
  background: #CC3F90;
  transition: background .2s ease-out .2s;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  padding: 5px 14px;
  box-shadow: 3px 3px 8px #00000029;
}
a.plus:hover {
  text-decoration: none;
  color: #ffff;
}
.btn-plus:hover {
  cursor: pointer;
  background: #00a3ab;
}
.border-green {
  border: 1px solid #00A3AB;
  border-radius: 5px;
}
.form-control {
  color: #166075;
  font-weight:500;
}
.input-33 {
  border-radius: 5px;
  border: 1px solid #00A3AB;
}
.bloc-input .input-group-text {
  border: 0;
  background-color: #166075;
  border-radius: 5px;
  color: #fff;
  padding: 13px 20px;
  width: 70px;
}
.radius-border{
  border-radius: 5px;
}
.bloc-radio .form-check-label {
  color: #6D7278;
  font-weight: 500;
}

/* checkbox*/

.conta-chek {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  color: #666; 
  line-height: 24px;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.conta-chek input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.conta-chek .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border: 1px solid #00a3ab;
  border-radius: 4px;= 
}
.conta-chek:hover input ~ .checkmark {
  background-color: transparent;
}
.conta-chek input:checked ~ .checkmark {
  background-color: transparent;
  border: 1px solid #00a3ab;
  border-radius: 4px;
}
.conta-chek .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.conta-chek input:checked ~ .checkmark:after {
  display: block;
}
.conta-chek .checkmark:after {
  left: 4px;
  top: 4px;
  width: 14px;
  height: 14px;
  background: #00a3ab;
  border-radius: 2px;
}

/******** Radio btn ***********/

/* The container */
.container {
 display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  color: #666; 
  line-height: 24px;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: transparent;
  border: 1px solid #00a3ab;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color:transparent;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #00a3ab;
    border-radius: 50%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #00a3ab;
}
textarea.form-control {
  height: 210px;
  box-shadow: 3px 3px 8px #16607533;
  padding: 15px 22px;
  font-family: 'jost';
  font-style: italic;
  color: #6D7278;
  font-size: 16px;
  font-weight: normal;

}
.alert-danger {
  color: #721c24;
  background-color: transparent;
  /*border-color: transparent;*/
  padding: 12px;
  font-size: 12px;
  color: #6D7278;
  border: 0.5px solid #E2373C;
  border-radius: 14px;
}
.bg-color-grey{
  background-color: #FAFAFA;
  padding-top: 36px;
}
.end-session{
  padding:36px 80px ;
  box-shadow: -3px -3px 8px #00000029;
  background-color: #fff;
}
.p-14{
  font-size: 14px;
  line-height: 18px;
  max-width: 400px;
}
.end-sess-btn{
  padding:9px 82px;
  color: #fff;
  background-color: #CC3F90;
  transition: color .15s ease-in-out,background-color .15s;
  border: 1px solid #CC3F90;
  font-size: 16px;
  border-radius: 4px;
}
.end-sess-btn:hover {
  color: #cc3f90;
  background-color: transparent;
  border-color: #cc3f90;
}
.end-session .d-flex {
  align-items: center;
  justify-content: flex-end;
}
.suite-tab {
  max-width: 970px;
}
.suite{
  box-shadow: 3px 3px 8px #00000029;
  padding: 15px 18px;
  text-align: center;
  height: 160px;
  display: flex;
  flex-direction: column;
}
.suite .card-title {
  color: #166075;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
}
#inter1 #pills-tab {
  justify-content: flex-start;
}
.carousel-indicators {
  display: inline-flex;
}
.carousel-indicators li {
  width: 24px;
  border: 1px solid #CC3F90;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(255,255,255,.5);
  cursor: pointer;
}
.carousel-indicators {
  top: auto;
  bottom: auto;
}
.carousel-indicators .active {
  border: 2px solid #CC3F90;
  background-color: rgba(255,255,255,.5);
}
.carousel-indicators li.active::before {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
  background: #cc3f90;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 1;
  width:auto;
  z-index: 999;
}
.icon-left-arrow-line-symbol:before {
  content: "\e901";
  font-size: 25px;
  color: #cc3f90;
}
.icon-right-arrow-angle:before{
  content: "\e902";
  font-size: 25px;
  color: #cc3f90;
}
.carousel-control-next {
  right:0;
  top: auto;
}
.carousel-control-prev {
  left: 0;
  top: auto;
}
ol.carousel-indicators li {
  margin-right: 35px;
}
ol.carousel-indicators li:last-child {
  margin-right:0;
}
.bloc-flesh {
  margin: 0 auto;
  width: 385px;
  position: relative;
  top: 26px;
}
#carouselExample2 .carousel-indicators {
  bottom:10px;
}
#carouselExample2 {
  padding-bottom:145px;
}
#carouselExample2 .bloc-flesh {
  top: 120px;
}
#carouselExample2 .carousel-control-prev {
  left:0;
  top: auto;
  bottom:0;
}
#carouselExample2 .carousel-control-next {
  right:0;
  top: auto;
  bottom:0;
}
#carouselExample3 .carousel-indicators {
  bottom: auto;
  top:auto;
  margin-bottom:0;
}
#carouselExample3 .carousel-control-next {
  right:0;
}
#carouselExample3 .carousel-control-prev {
  left:0;
  top: auto;
  bottom:0;
}
#carouselExample3 .carousel-inner {
  padding-bottom: 30px;
}
.d-flex-indicators {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.fleches {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 410px; 
}
.bord-after {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}
.bord-after:after{
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  border: 0.5px solid #6D7278;
  opacity: 0.3;
}
.icon-check {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 5px ;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 2px;
}
.icon-check:before {
  content: "\e905";
  color: #fff;
  font-size: 12px;
}
.trans-8 {
  -moz-transform: translate(0px, 55px);
  -webkit-transform: translate(0px, 55px);
  -o-transform: translate(0px, 55px);
  -ms-transform: translate(0px, 55px);
  transform: translate(0px, 55px);
  z-index: 1;
}
.trans-9{
  -moz-transform: translate(0px, 45px);
  -webkit-transform: translate(0px, 45px);
  -o-transform: translate(0px, 45px);
  -ms-transform: translate(0px, 45px);
  transform: translate(0px, 45px);
  z-index: 1;
}
.red-text {
  color: #E2373C;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  display: block;
  margin-top: 10px;
}
.bloc-p-motif{
  position: relative;
  padding-left: 46px;
}
#carouselExample3 p {
  text-align: left;
  margin-bottom: 40px;
  line-height: 24px;
}
.bloc-p-motif p::before {
  opacity: 0.67;
  position: absolute;
  top:0;
  left:0;
  display: inline-block;
  width:32px;
  height:32px;
  border-radius: 50%;
  content: "";
  background: #166075;
}
.bloc-p-motif p::after {
  content: "\e904";
  font-family: 'icomoon' !important;
  color: #fff;
  position: absolute;
  left:10px;
  top: 4px;
  font-size: 16px;
}
.trans-10{
  -moz-transform: translate(0px, 6px);
  -webkit-transform: translate(0px, 6px);
  -o-transform: translate(0px, 6px);
  -ms-transform: translate(0px, 6px);
  transform: translate(0px, 6px);
}
.btn-link-block {
  position: relative;
  text-align: left;
  -moz-transform: translate(25px, -12px);
  -webkit-transform: translate(25px, -12px);
  -o-transform: translate(25px, -12px);
  -ms-transform: translate(25px, -12px);
  transform: translate(25px, -12px);
  z-index: 9999;
}
.slick-slide .card-title {
  color: #166075;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
}
#inter6 .carousel-inner {
  padding-bottom: 50px;
}
#inter3 .carousel-inner {
  padding-bottom: 88px;
}
/*********** CSS  multiple email *******/
span.email-ids {
    float: left;
    /* padding: 4px; */
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding: 3px 10px;
    border-radius: 5px;
}
span.cancel-email {
    border: 1px solid #ccc;
    width: 18px;
    display: block;
    float: right;
    text-align: center;
    margin-left: 20px;
    border-radius: 49%;
    height: 18px;
    line-height: 15px;
    margin-top: 1px;    cursor: pointer;
}
.email-id-row {
    border: 1px solid #ccc;
}
.email-id-row input {
    border: 0; outline:0;
}
span.to-input {
    display: block;
    float: left;
    padding-right: 11px;
}
.email-id-row {
    padding-top: 6px;
    padding-bottom: 7px;
    /*margin-top: 23px;*/
}
.body-content {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #FAFAFA;
    display: flex;
    flex-wrap: wrap;
}
/*** Notification page *****************/
.body-content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background: #FAFAFA;
}
.subhead {
    align-items: end;
    padding-top: 40px;
    padding-bottom: 40px;
}
.left-bloc {

}
.frt-page-title {
    font: normal normal 300 48px/62px Jost;
    letter-spacing: 0px;
    color: #166075;
    margin-bottom: 20px;
}
.frt-page-subtitle {
    font: 400 20px/30px Jost;
    letter-spacing: 0px;
    color: #166075;
}
.msg-sent {
    background: #FFFFFF;
    border: 1px solid #00A3AB;
    border-radius: 23px;
    padding: 0;
    margin: 0 10px 25px;
}
.msg-sent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.new-msg {
    border: 2px dashed #6D7278;
    border-radius: 23px;
    margin: 0 5px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg-container {
    padding: 20px 15px;
}
.title-bloc-send {
    font: 500 16px/24px Jost;
    letter-spacing: 0px;
    color: #6D7278;
}
.p-label {
    font: 400 16px/24px Jost;
    margin-bottom: 0;
}
.p-bold {
    color: #6D7278;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.h-title {
    font: normal normal bold 16px/25px Jost;
    letter-spacing: 0px;
    color: #166075;
    opacity: 0.8;
    margin-bottom: 10px;
}
.success-bottom {
    background-color: #00A3AB;
    border-radius: 0px 0px 22px 22px;
    padding: 15px 0;
    text-align: center;
}
.success-msg {
    font: normal normal 500 20px/30px Jost;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.bloc-msg-info p.message {
    font: normal normal normal 16px/24px Jost;
    word-wrap: break-word;
    letter-spacing: 0px;
    color: #6D7278;
    opacity: 0.8;
}
.terti_links {
    text-decoration: underline;
    font: normal normal normal 16px/25px Jost;
    letter-spacing: 0px;
    color: #CC3F90;
    opacity: 1;
}

.bky-input-group {
    box-shadow: 3px 3px 8px #16607533;
    display: flex;
    border-radius: 5px;
    padding: 12px 0;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #166075 25%, #ffffff 25%);
}
.bky-choices {
    display: flex;
}
.bky-txt-input {
    border: none!important;
    max-width: 70%;
    padding: 5px 10px!important;
}
.bky-input-state {
    min-width: 25%;
    font: normal normal 500 16px/25px Jost;
    letter-spacing: 0px;
    color: #FFFFFF;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 5px;
    margin-bottom: 0;
}
.msg-form-container {
    padding: 20px 15px;
}
.btn-bky-custom {
    color: #fff;
    background-color: #CC3F90;
    border-color: #CC3F90;
}
.message-holder {
    margin-bottom: 25px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00A3AB;
}
.bky-alert .bi-exclamation-triangle {
    width: 36px;
    height: 36px;
    fill: #E9504E;
}
.btn-new-msg-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.btn-new-msg {
    background-color: #cc3f90;
    color: #fff !important;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 18px 5px;
    cursor: pointer;
}
.msg-bloc .alert-danger p {
    font-size: 11px !important;
}
.popup-message {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    font: normal normal 500 16px/24px Jost;
    letter-spacing: 0px;
    color: #6D7278;
}
.head-pop {
    font: normal normal normal 20px/29px Jost;
    letter-spacing: 0px;
    color: #707070;
}
#form_prenom {
    border: 1px solid #00A3AB;
    border-radius: 7px;
}
.msg-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    border-radius: 23px;
    min-height: 530px;
}
/****************************************************************/
/* Advices page */
.wrapper-posts {
    display: flex;
    flex-wrap: wrap;
}
.block-post {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000029;
    text-align: center;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.final-content .nav-pills .nav-link {
    color: #166075;
    transition: color .1s ease-out .1s;
    font-weight: 500;
    font-size: 20px;
    border-bottom: 0px solid;
    padding: 0 25px 16px 25px;
}
.final-content #pills-tab {
    border-bottom: 1px solid #d5a1be;
    margin-bottom: 50px !important;
    display: flex;
    justify-content: space-between;
}
.column-flex {
    flex-direction: column;
}
/* #Media ================================================== */
@media screen and (min-width:1440px) {
	.container-fluid {
    max-width: 100% !important;
  	padding: 0 80px;
	} 
}
@media screen and (max-width:1440px) {
  .slider-vertical .slick-prev {
    right: 30px;
  }
  .slider-vertical .slick-next {
    right: 30px; 
  }
  .body-content {
      padding-top: 40px;
      padding-bottom: 40px;
      background: #FAFAFA;
      display: flex;
      flex-wrap: wrap;
  }
}
@media (max-width:1366px) {
	.container-fluid {
    max-width: 100% !important;
  	padding: 0 60px;
	}
	.nav-pills .nav-link {
  	padding: 0 50px 15px 50px;
	}
	.nav-pills .nav-item {
  	margin-right: 15px;
	}
  .btn-link-block {
    -moz-transform: translate(75px, -12px);
    -webkit-transform: translate(75px, -12px);
    -o-transform: translate(75px, -12px);
    -ms-transform: translate(75px, -12px);
    transform: translate(75px, -12px);
  }
}
@media (max-width:1280px) { 
	.nav-pills .nav-link {
  	padding: 0 32px 15px 32px;
	}
  .slider-vertical .slick-prev {
    right:0px;
  }
  .slider-vertical .slick-next {
    right:0px; 
  }
}
@media (max-width:1200px) { 
	.container-fluid {
    max-width: 100% !important;
  	padding: 0 30px;
	}
	.bloc-ress {
  	max-width: 340px;
	}
  #bloc-radio, #bloc-radio2 {
    flex-direction: column;
  }
  .container {
    margin-bottom: 5px;
  }
}
@media (max-width:1024px) { 
	.container-fluid {
    max-width: 100% !important;
  	padding: 0 20px;
	}
  .slider-vertical .card-body {
    padding: 10px 30px;
  }
	.navbar-brand {
  	padding-right: 5px;
	}
	#sectionThree .slide .card-title {
  	font-size: 18px;
  	line-height: 28px;
	}
	.card.slide {
    max-width: 430px;
  }
	.slider-vertical .slick-next {
    right:0;
  }
  .slider-vertical .slick-prev {
    right:0;
  }

  .nav-pills .nav-link {
    padding: 0 20px 15px 20px;
	} 
	.bloc-ressource {
    padding: 25px 25px 45px 25px;
	}
	.bloc-ress ul {
    font-size: 18px;
    line-height: 28px;
  }
  .p-27 {
	  font-size: 22px;
	  line-height: 28px;
	} 
 .w-408 {
  	max-width: 280px;
  }  
  .bloc-spon a img {
  	padding: 0 5px;
	}
  .inter1 .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }
  #bloc-radio, #bloc-radio2 {
    flex-direction: row;
  }
  #inter2 .nav-pills .nav-link {
    padding: 0 12px 12px 0px;
  }

  .btn-link-block {
    position: relative;
    text-align: inherit;
    -moz-transform: translate(0, 70px);
    -webkit-transform: translate(0, 70px);
    -o-transform: translate(0, 70px);
    -ms-transform: translate(0, 70px);
    transform: translate(0, 70px);
  }
}
@media (max-width:991px) { 
	.owl-pagination {
    display: flex;
	}
	#sectionSeven .d-flex {
	  flex-direction: column;
	}
	.content-union {
		flex-direction: column;
	}
	.union1 {
	 	padding-top: 55px;
	  margin-top: 25px;
	  height: 100%;
	  padding-bottom: 30px;
	}
	.Nubmer {
	  font-size: 39px;
	}
	.white-p {
	  font-size: 18px;
	  line-height: 28px;
	}
	.transtale {
		-moz-transform: translate(0px, -38px);
		-webkit-transform: translate(0px, -38px);
		-o-transform: translate(0px, -38px);
		-ms-transform: translate(0px, -38px);
		transform: translate(0px, -38px);
	}
	#myTab {
	  display: inline-flex;
	  display: none;
	}
	.mr-65{
		padding-right:35px;
	}
	.ml-65{
		padding-left:35px;
	}
	.sectionTow {
    position: inherit;
    bottom: 35px; 
	}
  #inter2 .nav-pills .nav-link {
    padding: 10px 12px 12px 10px;
  }
  .suite-tab .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
	#pills-tab {
	  flex-direction: column;
	  margin-bottom: 20px !important;
	  border-bottom: 0;
	}
	.h1 {
    margin-bottom: 22px;
	}
	#sectionOne .card-body {
    padding: 25px 25px 20px 25px;
	}
	.mr-65{
		padding-right:15px;
	}
	.ml-65{
		padding-left:15px;
	}
	.slider-vertical div {
    height: auto;
  }
  .slider-vertical .card-body {
    padding: 15px 15px;
	}
	.card.slide {
    max-width: 300px;
	}
	.p-27 {
    font-size: 18px;
    line-height: 24px;
	}
	.nav-pills .nav-link {
    font-size: 18px;
  }
  h5 {
    margin-bottom: 10px;
    margin-top: 30px;
	}
	.h3 {
    margin-bottom: 30px;
  }
  .blockAvatar {
    width: auto;
    margin-top:33px;
    margin-right: 0;
	}
	.nav-pills.pills-dark .nav-link.active {
    border-bottom: 0 solid;
    border-left: 4px solid;
	}
  .end-session .d-flex {
    flex-direction: column;
  }
  .end-session .text-right {
    text-align: center !important;
  }
  .end-session {
    padding:40px 18px;
  }
  #inter2 .end-session .pink-link {
    margin: 20px 0 35px 0;
  } 
}
@media (max-width:767px) {
    .block-post {
        -ms-flex: 0 0 46.5%;
        flex: 0 0 46.5%;
        max-width: 46.5%;
        margin: 0.5rem;
    }
}
@media (max-width:550px) { 

  #inter1 .d-flex.space  {
    flex-direction: column;
  }
 .align-items-center.space {
    -webkit-box-align: inherit!important;
    -ms-flex-align: inherit!important;
    align-items: inherit !important;
  }
  #inter1 .vert {
    margin-bottom: 10px;
  }
  .inter1 .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
    margin-bottom: 25px;
  }
  .bloc-flesh {
    width: 340px;
  }
	.bg-green {
    padding: 15px 15px;
    flex-direction: column;
  }
  .Footer .d-flex{
  	flex-direction: column;
    justify-content: center !important;
  }
  .d-flex.bloc-footer-one{
  	flex-direction: row;
  	margin-bottom: 45px;
  }
  .bloc-footer-tow {
    text-align: center;
	}
  .Footer {
    padding: 38px 18px;
  }
	.card.slide {
    max-width: 100%;
	}
	.slide .card-title {
	  max-width: 255px;
	}
	.slider-vertical .slick-next {
	  right: 20px;
	  bottom: 55px;
	}
	.slider-vertical .slick-prev {
    right:0;right: 20px;
    bottom: 115px;
  }
  .union1 {
    padding: 55px 20px 55px 20px;
  }
  .quote {
    padding-left: 0;
  } 
  .figure2 {
    padding-left: 20px;
    bottom: 115px;
  }
	.quote:after {
    font-size: 80px;
    top: 128px;
	}
	#sectionOne .d-flex.mt-5.justify-content-between.align-items-center {
	  flex-direction:column-reverse;
	}
	#sectionOne .btn.btn-danger {
    margin-bottom: 15px;
	}
	.mt-115 {
    margin-top: 30px;
	}
	.sectionSeven h2 {
    margin-bottom: 30px;
  }
  .sectionSeven {
    margin-top: 30px;
  }
  .trans-9 {
    -moz-transform: translate(0px, 32px);
    -webkit-transform: translate(0px, 32px);
    -o-transform: translate(0px, 32px);
    -ms-transform: translate(0px, 32px);
    transform: translate(0px, 32px);
  }
  .btn.end-sess-btn {
    margin-top: 12px;
    width: 100%;
  }
  .end-session .btn-danger {
    width: 100%;
  }
  .suite {
    height:auto;
  }
  .mt-44 {
    margin-top:25px;
  }
  .mt-mobile {
    margin-top:35px;
  }
  .pd-108 {
    padding:0 15px;
  }
  .mt-288 {
    margin-top:0;
  }
  .mobile-block {
    background: #fff;
    box-shadow: -3px -3px 8px #00000029;
    padding: 16px 19px;
    /* top: 520px; */

    position: absolute;
    bottom: 21rem;
  }
  #inter4 .mobile-block, #inter6 .mobile-block, #inter3 .mobile-block  {
    width: 100%;
    height: 66px;
    padding: 22px 19px 16px 19px;
  }
  #inter4 .carousel-indicators, #inter6 .carousel-indicators, #inter3 .carousel-indicators {
    position: absolute;
    margin-bottom: 0;
  }
  .mobile-block .btn-link-block {
    display: flex;
    text-align: center;
  }
  .btn-link-block {
    -moz-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  .carousel-indicators {
    position: initial;
    margin-bottom: 30px;
  }
    .block-post {
        margin-bottom: 25px;
        -ms-flex: 0 0 46.5%;
        flex: 0 0 46.5%;
        max-width: 46.5%;
        margin: 0.2rem;
    }
}
@media (max-width:375px) { 
  .container-fluid {
    max-width: 100% !important;
    padding: 0 15px;
  }
  .btn-outline-danger {
    padding: 8px 30px;
  }
}
@media (min-width: 590px) {
    .msg-sent, .msg-form {
        flex: 0 0 46.4%;
    }

}

.msg-form {
    display: none;
}
.dialogify .btn.btn-primary {
    background-color: #CC3F90 !important;
    color: #FFF;
    font: normal normal 500 16px/16px Jost;
    padding: 10px 30px;
}

@media (min-width: 768px) {
    .block-post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 46.5%;
        flex: 0 0 46.5%;
        max-width: 46.5%;
        margin: 0.5rem;
    }
}
@media (min-width: 992px) {
    .block-post {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
        margin: 0.5rem;
    }

}
@media (min-width: 1200px) {
    .carousel-item {
        min-height: 380px;
    }
    .msg-sent {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #00A3AB;
        border-radius: 23px;
        padding: 0;
        margin: 0 10px 25px;
        flex: 0 0 23%;
    }
    .msg-form {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 8px #00000029;
        border-radius: 23px;
        padding: 0;
        margin: 0 10px 25px;
        flex: 0 0 23%;
        min-height: 530px;
    }
    .new-msg {
        min-height: 530px;
    }


}