@import 'new.css';

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Raleway', sans-serif !important;
	font-size: 16px;
}

.font-space-grotesk {
	font-family: 'Space Grotesk', sans-serif !important;
}

.font-open-sans {
	font-family: 'Open Sans', sans-serif !important;
}

.font-roboto {
	font-family: 'Roboto', sans-serif !important;
}

.font-raleway {
	font-family: 'Raleway', sans-serif !important;
}

a {
	color: #000;
	text-decoration: none;
	transition: all .25s;
}

a:hover {
	opacity: .8;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.block {
	display: block;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}

.grid-2-cols {
	grid-template-columns: 1fr 1fr;
}

.grid-3-cols {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-4-cols {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.noTrackCockpit {
	text-align: center;
	padding: 25px 25px 0;
}

.grid-non-template {
	grid-template-columns: none;
}

.flex-col {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-0-5 {
	flex: .5;
}

.flex-1 {
	flex: 1;
}

.flex-1-5 {
	flex: 1.5;
}

.flex-2 {
	flex: 2;
}

.flex-2-5 {
	flex: 2.5;
}

.flex-3 {
	flex: 3;
}

.flex-vert-aligned {
	align-items: center;
}

.flex-hor-aligned {
	justify-content: center;
}

.justify-content-right {
	justify-content: right;
}

.height-fit-content {
	height: fit-content;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.max-width {
	max-width: 100%;
}

.max-width-200 {
	max-width: 200px;
}

.max-height-35 {
	max-height: 35px;
}

.uppercase {
	text-transform: uppercase;
}

.light-text {
	font-weight: 300;
}

.medium-text {
	font-weight: 500;
}

.semibold-text {
	font-weight: 600;
}

.semibolditalic-text {
	font-weight: 600;
	font-style: italic;
}

.bold-text {
	font-weight: 700;
}

.extrabold-text {
	font-weight: 800;
}

.black-text {
	font-weight: 900;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 12px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-17 {
	font-size: 17px;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-21 {
	font-size: 21px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-25 {
	font-size: 25px;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-39 {
	font-size: 39px !important;
}

.fs-42 {
	font-size: 42px !important;
}

.darkblue-bg {
	background-color: #1F497D;
}

.lightblue-bg {
	background-color: #D5EEFF;
}

.lightgreen-bg {
	background-color: rgba(24, 183, 126, .17);
}

.lightgray-bg {
	background-color: rgba(212, 237, 218, .3);
}

.lightgrayalt-bg {
	background-color: #eef5ff;
}

.hardgrayalt-bg {
	background-color: #def3e6;
}

.lightgray2-bg {
	background-color: #E9FFF7;
}

.greenalt-bg {
	background-color: #D2EDC0;
}

.orangealt-bg {
	background-color: #FFE8AA;
}

.violetalt-bg {
	background-color: #98A6EE;
}

.white-bg {
	background-color: rgba(255, 255, 255, 1);
}

.gray-bg {
	background-color: #DFDFDF;
}

.hardgray-bg {
	background-color: grey;
}

.grayalt-bg {
	background-color: #C4C4C4;
}

.color-wt {
	color: #fff;
}

.altgray-bg {
	background-color: #EFFAF6;
}

.lightgray-bg {
	background-color: rgba(212, 237, 218, .3);
}

.darkgray-bg {
	background-color: #242C27;
}

.darkgrayalt-bg {
	background-color: #373A3E;
}

.red-bg {
	background-color: #FF4A4A;
}

.orange-bg {
	background-color: #FCB315;
}

.green-bg {
	background-color: #18B77E;
}

.lightgreen-bg {
	background-color: rgba(24, 183, 126, .2);
}

.violet-bg {
	background-color: #9D4EDD;
}

.blue-bg {
	background-color: #5390D9;
}

.altblue-bg {
	background-color: #265CAC;
}

.lightblue-bg {
	background-color: #E4FCF5;
}

.lighterblue-bg {
	background-color: rgba(31, 73, 125, .1);
}

.pink-bg {
	background-color: #FF5890;
}

.dark-bg {
	background-color: #212121;
}

.darkblue-text {
	color: #1F497D;
}

.altblue-text {
	color: #265CAC;
}

.white-text {
	color: rgba(255, 255, 255, 1);
}

.red-text {
	color: #FF005B;
}

.redalt-text {
	color: #FF4A4A;
}

.green-text {
	color: #18B77E;
}

.blue-text {
	color: #5390D9;
}

.lightblue-text {
	color: #0085FF;
}

.primary-text {
	color: #18B77E;
}

.gray-text {
	color: #8F8F8F;
}

.lightgray-text {
	color: rgba(0, 0, 0, .8);
}

.dark-text {
	color: #000;
}

.pink-text {
	color: #FF5890;
}

.darkgrayalt-text {
	color: #373A3E;
}

.underlined-text {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.underlined-text-simple {
	text-decoration: underline;
}

.border-rad-full {
	border-radius: 100%;
}

.border-rad-70 {
	border-radius: 70px;
}

.border-rad-60 {
	border-radius: 60px;
}

.border-rad-30 {
	border-radius: 30px;
}

.border-rad-20 {
	border-radius: 20px;
}

.border-rad-10 {
	border-radius: 10px;
}

.border-rad-5 {
	border-radius: 5px;
}

.border-rad-top-20 {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.border-rad-top-10 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.border-black {
	border: 1px #000 solid;
}

.border-gray {
	border: 1px #DFDFDF solid;
}

.border-lightgray {
	border: 1px #F3F3F3 solid;
}

.border-green {
	border: 1px #18B77E solid;
}

.border-darkblue {
	border: 1px #1F497D solid;
}

.border-white {
	border: 1px #fff solid;
}

.border-pink {
	border: 1px #FF5890 solid;
}

.border-primary-2 {
	border: 2px #18B77E solid;
}

.border-darkblue-2 {
	border: 2px #1F497D solid;
}

.border-darkblue-3 {
	border: 3px #1F497D solid;
}

.border-white-5 {
	border: 5px #fff solid;
}

.border-primary-10 {
	border: 10px #18B77E solid;
}

.border-white-10 {
	border: 10px #fff solid;
}

.no-border {
	border: 0;
}

.pt-100 {
	padding-top: 100px;
}


.pb-100 {
	padding-bottom: 100px;
}

.pt-75 {
	padding-top: 75px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pl-50 {
	padding-left: 50px;
}

.pr-50 {
	padding-right: 50px;
}


.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pl-30 {
	padding-left: 30px;
}

.pr-30 {
	padding-right: 30px;
}

.pt-25 {
	padding-top: 25px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pt-20 {
	padding-top: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pl-20 {
	padding-left: 20px;
}

.pr-20 {
	padding-right: 20px;
}

.pl-15 {
	padding-left: 15px;
}

.pr-15 {
	padding-right: 15px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pr-10 {
	padding-right: 10px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-20 {
	padding-left: 20px;
}


.pt-10 {
	padding-top: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pl-5 {
	padding-left: 5px;
}

.pr-5 {
	padding-right: 5px;
}

.fs-23 {
	font-size: 23px !important;
}

.pt-5 {
	padding-top: 5px;
}

.pb-5 {
	padding-bottom: 5px;
}

.padding-0 {
	padding: 0;
}

.padding-5 {
	padding: 5px;
}

.padding-10 {
	padding: 10px !important;
}

.padding-15 {
	padding: 15px;
}

.padding-20 {
	padding: 20px;
}

.padding-25 {
	padding: 25px;
}

.padding-30 {
	padding: 30px;
}

.padding-40 {
	padding: 40px;
}

.padding-unset {
	padding: unset !important;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mr-20 {
	margin-right: 20px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.ml-10 {
	margin-left: 10px;
}

.mr-10 {
	margin-right: 10px;
}

.mt-5 {
	margin-top: 5px;
}

.mb-5 {
	margin-bottom: 5px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-20 {
	margin-left: 20px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.ml-35 {
	margin-left: 30px !important;
}

.mr-35 {
	margin-right: 30px !important;
}

.mr-5 {
	margin-right: 5px;
}

.center-aligned {
	text-align: center;
}

.object-fit-cover {
	object-fit: cover;
}

.lh-normal {
	line-height: normal;
}

.lh-14 {
	line-height: 14px;
}

.lh-20 {
	line-height: 20px;
}

.max-height-320px {
	max-height: 320px;
}

.max-height-650px {
	max-height: 650px;
}

.lh-19 {
	line-height: 19px;
}

.lh-21 {
	line-height: 21px;
}

.lh-24 {
	line-height: 24px;
}

.lh-27 {
	line-height: 27px;
}

.lh-30 {
	line-height: 30px;
}

.lh-32 {
	line-height: 32px;
}

.lh-37 {
	line-height: 37px;
}

.lh-39 {
	line-height: 39px;
}

.lh-47 {
	line-height: 47px;
}

.lh-50 {
	line-height: 50px;
}

.items-center {
	align-items: center;
}

.skilmi-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 40px;
}

.skilmi-btn-fixed {
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 40px;
}

.gap-5 {
	grid-gap: 5px;
}

.gap-10 {
	grid-gap: 10px;
}

.gap-15 {
	grid-gap: 15px;
}


.gap-20 {
	grid-gap: 20px;
}

.gap-25 {
	grid-gap: 25px;
}

.gap-30 {
	grid-gap: 30px;
}

.gap-40 {
	grid-gap: 40px;
}

.has-shadow {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
}

.has-shadow-hard {
	box-shadow: 2px 5px 8px 4px rgb(162 162 162 / 50%);
}

.has-shadow-2 {
	box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

.has-shadow-alt {
	box-shadow: 0 3px 2px rgba(0, 0, 0, .08);
}

.no-shadow {
	box-shadow: none;
}

.has-underline {
	text-decoration: underline;
}

.has-underline-2 {
	padding-bottom: 10px;
	border-bottom: 3px #FF4A4A solid;
}

.has-underline-3 {
	border-bottom: 3px #FF4A4A solid;
}

.has-nano-graded-img img {
	width: 40px;
	min-height: 40px;
	max-height: 40px;
}

.has-micro-graded-img img {
	width: 90px;
	min-height: 90px;
	max-height: 90px;
	border-radius: 100%;
	object-fit: cover;
}

.has-small-graded-img img {
	min-height: 150px;
	max-height: 150px;
}

.has-bgimg {
	min-height: inherit;
	background-size: cover;
	background-position: center;
}

.has-link {
	color: #265CAC;
}

input,
button,
textarea,
select {
	font-family: 'Raleway', sans-serif !important;
	border: 0;
	outline: 0;
	min-height: 30px;
	background: transparent;
	font-size: 16px;
}

.skilmi-dashboard-form input,
.skilmi-dashboard-form button,
.skilmi-dashboard-form textarea,
.skilmi-dashboard-form select {
	min-height: 45px;
}

input,
button,
select {
	transition: all .5s;
}

input,
input::placeholder,
select,
textarea::placeholder {
	color: #8F8F8F;
}

textarea {
	height: 100px;
	resize: none;
}

button {
	cursor: pointer;
}

.ls-1 {
	letter-spacing: 1px;
}

.ls-2 {
	letter-spacing: 2px;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto;
}

.mt-auto {
	margin-top: auto !important;
}

.mb-auto {
	margin-bottom: auto;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-multiline {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.transition-5 {
	transition: all .5s;
}

.transition-2-5 {
	transition: all .25s;
}

.translateY--100 {
	transform: translateY(-100px);
}

.mt--100 {
	margin-top: -100px;
}

.thin-sep-1 {
	height: 1px;
}

.thin-sep-3 {
	height: 3px;
}

.thin-sep-4 {
	height: 4px;
}

.vert-sep-1 {
	border-left: 1px #DFDFDF solid;
}

.z-index-1 {
	z-index: 1;
}

.overflow-x {
	overflow-x: hidden !important;
}

.overflow-x-auto {
	overflow-x: auto;
}

.overflow-y {
	overflow-y: hidden;
}

.bullet {
	min-width: 11px;
	height: 11px;
}

.has-gradient:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 115px;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.inner-header .has-gradient:before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
	border-bottom-right-radius: 60px;
}

.container {
	width: 100%;
	max-width: 1260px;
	height: inherit;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.very-top {
	height: 30px;
}

.nav-ul li:not(:last-child) {
	margin-right: 50px;
}

.skilmi-nav.nav-ul li:not(:last-child) {
	margin-right: 0;
}

.skilmi-nav li {
	transition: 0.3s;
}

.outerFilterBox {
	display: flex;
	height: 44px;
	width: 253px;
	padding: 0.1rem 0.7rem;
	font-weight: 400;
	background-color: white;
	border-radius: 7px;
	transition: 0.3s;
	cursor: pointer;
}

#search_category,#teams_search_category {
	font-size: 14px;
	padding-right: 1rem;
	font-weight: 400;
	height: 100%;
	width: 100%;
	outline: none;
	background-color: transparent;
	border: none;
	max-width: 220px;
	cursor: pointer;
}

/* #search_category {
	padding: 10px;
} */
.search-box {
	/* overflow: hidden; */
}

.search-box:hover {
	/* transform: scale(0.9); */
	background-color: #18B77E;
	transition: 0.3s;


	img {
		filter: brightness(100);
	}

	input {
		color: white;
	}

	input::placeholder {
		color: white;
	}
}

/* 
#search_button_complate {
}

#search_button_complate:hover {
	transform: scale(0.9);
	background-color: #18B77E;
} */

/* #search_keyword:focus,#search_keyword:hover {
	background-color: #18B77E;
	color:white;

	&::placeholder{
		color:white;
	}
} */

.outerFilterBox:hover {
	background-color: #18B77E;

	select {
		color: white;

		option {
			color: #8F8F8F;
		}
	}
}

.skilmi-nav>li>a:hover,
.skilmi-nav>li>div>a:hover {
	transform: scale(0.9);
	background-color: #18B77E;


	img {
		filter: brightness(100);
	}
}

.skilmi-nav li a {
	min-width: 45px;
	height: 45px;
	border-radius: 10px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: 0.3s;
}

.skilmi-nav li a .has-new {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
	background-color: #FF5858;
	border-radius: 100%;
}

/*
	.bodyScrolled .nav-ul li a {
        	color: rgba(255, 255, 255, 1);
	}
	*/

.nav img.logo {
	max-width: 200px;
	min-width: 200px;
}

.nav img.logo-reversed,
.bodyScrolled .nav img.logo:not(.logo-reversed) {
	display: none;
}

.bodyScrolled .nav img.logo.logo-reversed {
	display: block;
}

.header {}

.inner-header {
	background-image: url('../img/inner/header/inner-header-bg.png');
	background-size: 100% !important;
	;
	background-position: top center !important;
	background-repeat: no-repeat !important;
}

.inner-header.journey-header {
	background-image: url('../img/inner/header/inner-header-journey-bg.png');
}

.header-search {
	height: 70px;
}

.header-search input {
	border-left: 1px #8F8F8F solid;
}

.header-search-btn .skilmi-btn {
	height: 90px;
}

.your-program-ul .skilmi-btn {
	line-height: normal;
}

.header-search-btn .skilmi-btn img {
	position: relative;
	top: -25px;
}

.header-media {}

.header-media-placeholder {
	width: 324px;
	height: 324px;
}

.one-to-one-lessons-body .header-media-placeholder {
	height: 221px;
	width: 100%;
}

.header-img-placeholder {
	width: 200px;
	height: 200px;
	bottom: 15px;
	left: -25%;
}

.media-controlers {
	bottom: 30px;
}

.one-to-one-lessons .media-controlers {
	bottom: 20px;
}

.inner-header .media-controlers {
	bottom: 10px;
	left: -15px;
}

.header-small-imgs-placeholder {
	bottom: 100px;
	top: 0;
}

.header-small-img {
	width: 154px;
	height: 195px;
	border-top-left-radius: 60px;
	border-bottom-right-radius: 60px;
}

.header-large-img {
	width: 237px;
	min-height: 100px;
	border-bottom-left-radius: 150px;
	align-items: flex-end;
}

.one-to-one-lessons-div {
	height: 510px;
}

.one-to-one-lessons-header {
	min-height: 35px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.close-popup {
	right: 20px;
	top: 0;
	transform: rotate(45deg);
	font-size: 60px;
}

.bulleted-ul li em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
}

.bulleted-ul.enlarged li em {
	min-width: 25px;
	height: 25px;
}

.one-to-one-lessons-address {
	height: 20px;
	max-width: 425px;
}

.one-to-one-lessons-body,
.one-to-one-lessons-footer {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.one-to-one-lessons-body.has-bg {
	background-image: url('../images/inner/guaranteed-quality/one-to-one-lessons-body.png');
	background-size: cover;
}

.leaning-by-doing .has-bg {
	background-image: url('../images/inner/leaning-by-doing-bg.png');
	background-size: cover;
}

.leaning-by-doing>div {
	border: 5px solid #eef5ff;
}

.one-to-one-lessons-body strong,
.has-paragraph strong,
.adapted-courses h3 strong {
	font-weight: 700;
}

.one-to-one-lessons-body h3 strong {
	color: #FF005B;
}

.one-to-one-lessons-body h3.blacked strong {
	color: #000;
}

.increase-productivity h3 strong {
	color: #18B77E;
}

.increase-productivity h3 strong,
.adapted-courses h3 strong {
	font-weight: 800;
}

.has-paragraph p:not(:last-of-type) {
	margin-bottom: 24px;
}

.has-paragraph ul {
	margin-top: 17px;
	list-style: disc;
	padding-left: 17px;
	line-height: 17px;
}

.has-paragraph ul li::marker {
	color: #999;
}

.notre-vision-img {
	bottom: 0;
}

.adapted-courses .skilmi-btn {
	line-height: 90px;
}

.adapted-courses-icon {
	min-width: 53px;
	height: 53px;
}

.offer-for-hrd.overlayed {
	top: -150px;
}

.offer-for-hrd .adapted-courses-icon {
	min-width: 66px;
	max-width: 66px;
	height: 66px;
}

.adapted-courses-ul {
	justify-content: space-between;
}

.adapted-courses-ul li:hover {
	border-radius: 10px;
	background-color: #E9FFF7;
}

.adapted-courses-ul li:hover .adapted-courses-text {
	color: #18B77E;
}

.adapted-courses-large-icon,
.adapted-courses-large-img {
	border: 55px #82d8ba solid;
	outline: 105px #2fbe8b solid;
}

.adapted-courses-ul {
	justify-content: space-between;
}

.flex-space-between {
	justify-content: space-between;
}

.adapted-courses-large-img img {
	border: 10px #fff solid;
}

.adapted-courses-large-icon {
	width: 500px;
	height: 500px;
}

.adapted-courses-large-img {
	width: 546px;
	height: 546px;
}

.qualiopi-training-item {
	height: 250px;
}

.your-program-item {
	height: 300px;
}

.qualiopi-trainer-avatar {
	max-width: 80px;
	height: 80px;
}

.explore-academies .skilmi-btn,
.inner-page .skilmi-btn {
	height: 50px !important;
}

.rates-stars li:not(:last-child) {
	margin-right: 2px;
}

.rates-stars li {
	background-image: url('../img/frontpage/qualiopi-training/star.svg');
	background-size: cover;
}

.explore-academies .skilmi-btn,
.inner-page .skilmi-btn {
	height: 50px;
}

.rates-stars li.selected {
	background-image: url('../img/frontpage/qualiopi-training/star-selected.svg');
}

.rates-stars.enlarged li {
	background-image: url('../img/icons/unit/star.svg');
	min-width: 23px;
	height: 22px;
}

.rates-stars.enlarged li.selected {
	background-image: url('../img/icons/unit/star-selected.svg');
}

.skilme-in-numbers .skilmi-btn {
	width: 335px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
}

.explore-academies .skilmi-btn,
.inner-page .skilmi-btn {
	height: 50px;
}

.experts-community-ul li {
	width: calc(50% - 10px);
}

.leverage-the-resources {
	background-repeat: no-repeat;
	background-position: center;
}

.leverage-the-resources:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(177 174 174 / 70%);
	border-radius: 5px;
}

.leverage-the-resources .qualiopi-trainer-avatar {
	width: 40px;
	height: 40px;
}

.social-network a:not(:last-of-type) {
	margin-right: 5px;
}


.lighterblue-bg .leaning-by-doing:before {
	background-image: url('../images/inner/leaning-by-doing-blue.png');
}


.leaning-by-doing.from-bottom:before {
	transform: translateX(35px) translateY(25px);
}

.adapted-ul li {
	height: 250px;
}

.adapted-ul.enlarged li {
	height: 300px;
}

.adapted-ul li .adapted-ul-img {
	width: 48px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.adapted-ul li:nth-child(1) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-1.svg");
}

.adapted-ul li:nth-child(1):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-1r.svg");
}

.adapted-ul li:nth-child(2) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-2.svg");
}

.adapted-ul li:nth-child(2):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-2r.svg");
}

.adapted-ul li:nth-child(3) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-3.svg");
}

.adapted-ul li:nth-child(3):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-3r.svg");
}

.adapted-ul li:nth-child(4) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-4.svg");
}

.adapted-ul li:nth-child(4):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-4r.svg");
}

.adapted-ul li:nth-child(5) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-5.svg");
}

.adapted-ul li:nth-child(5):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-5r.svg");
}

.adapted-ul li:nth-child(6) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-6.svg");
}

.adapted-ul li:nth-child(6):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-6r.svg");
}

.adapted-ul.enlarged li:nth-child(1) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-7.svg");
}

.adapted-ul.enlarged li:nth-child(1):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-7r.svg");
}

.adapted-ul.enlarged li:nth-child(2) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-8.svg");
}

.adapted-ul.enlarged li:nth-child(2):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-8r.svg");
}

.adapted-ul.enlarged li:nth-child(3) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-9.svg");
}

.adapted-ul.enlarged li:nth-child(3):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-9r.svg");
}

.adapted-ul.enlarged li:nth-child(4) .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-10.svg");
}

.adapted-ul.enlarged li:nth-child(4):hover .adapted-ul-img {
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-10r.svg");
}

.adapted-ul li:hover {
	transform: scale(1.15);
	background-color: #18B77E;
	background-image: url("https://www.skilmi.fr/assets/images/icons/adapted/adapted-ul-item-bg.png");
	background-size: cover;
	box-shadow: 0 4px 34px 0 rgba(0, 0, 0, .15);
	z-index: 1;
}

.adapted-ul li:hover .adapted-ul-text {
	color: #fff;
}

.all-skills {
	background-image: url('https://www.skilmi.fr/assets/images/inner/all-skills/all-skills-bg.png');
	background-repeat: no-repeat;
	background-position: center;
}

.all-skills li {
	min-height: 390px;
}

.unique-training li {
	min-height: 445px;
}

.offer-for-hrd li {
	min-height: 320px;
}

.tabular-data th,
.tabular-data td {
	padding: 15px;
	width: 33.33%;
}

.tabular-data th {
	padding-left: 0;
	text-align: left;
}

.tabular-data th,
.tabular-data td {
	vertical-align: middle;
}

.tabular-data tr:not(:first-child) th {
	border-top: 1px #ccc solid;
}

.tabular-data tr:not(:first-child) td {
	border-top: 1px #fff solid;
}

.tabular-data tr:not(:first-child) *:first-child {
	font-weight: 500;
}

.three-cols-grid li {
	width: calc(33.3% - 27px);
}

.skilmi-popup-layer {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .7);
	align-items: flex-start;
	z-index: 2;
}

.layered-popup {
	top: -40px;
	right: -50px;
	max-width: 415px;
	z-index: 1;
}

.your-program-ul-unit li {
	max-width: calc(50%);
	min-width: calc(33.3% - 30px);
}

.your-program-ul li {
	max-width: calc(33.3% - 20px);
	min-width: calc(33.3% - 30px);
}

.blog-ul li {
	width: calc(100% / 3 - 27px);
}

.blog-ul .your-program-item img {
	height: inherit;
}

.blog-ul li p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.skilmi-contact-section {
	margin-top: -200px;
}

.skilmi-contact-title {
	min-height: 299px;
}

.skilmi-contact-title img.absolute {
	top: 0;
	left: 0;
}

.skilmi-contact-section input:not([type="checkbox"]),
.skilmi-contact-section select {
	height: 45px;
}

.has-ul-marker {
	margin-left: 40px;
	list-style: square;
}

.has-ul-marker ul {
	list-style: square;
}

.has-ul-marker ul,
.has-ul-marker p {
	line-height: normal;
	margin-bottom: 15px;
}

.has-ul-marker {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
	}
}

.has-ul-marker li::marker {
	font-size: 25px;
}

.has-ul-marker.greenalt li::marker {
	color: #D2EDC0;
}

.has-ul-marker.green li::marker,
.has-ul-marker.green a {
	color: #18b77e;
}

.has-ul-marker.green li::marker {
	background-color: #18b77e;
}

.has-ul-marker.green a {
	transition: none;
}

.has-ul-marker.green a:hover {
	text-decoration: none;
	border-bottom: none;
}

.has-ul-marker.orangealt li::marker {
	color: #FFE8AA;
}

.has-ul-marker.violetalt li::marker {
	color: #98A6EE;
}

.has-ul-marker li a {
	border-bottom: 1px transparent solid;
	transition: all .5s;
}

.has-ul-marker li a:hover {
	border-bottom: 1px rgba(0, 0, 0, .8) solid;
}

.formation .grid.grid-3-cols li a span {
	/*font-size: 18px !important;
				font-weight: 600;
				transition:all .5s;*/
}

.formation .grid.grid-3-cols li a:hover span {
	opacity: .85;
}

.training_pop_up {
	transition: all .5s;
}

/*	.training_pop_up:hover {
				box-shadow:0 0 5px rgba(0, 0, 0, .25);
			}
		*/

.user-avatar {
	min-width: 90px;
	height: 90px;
}

.logout-link .icon {
	width: 40px;
	height: 40px;
}

.footer {
	position: relative;
}

.footer .logo {
	max-width: 120px;
}

.footer strong {
	border-bottom: 2px #18B77E solid;
}

.footer li {
	line-height: normal;
}

.footer li:not(:last-child) {
	margin-bottom: 7px;
}

.footer a {
	color: #fff;
}

@media screen and (max-width:1210px) {
	.header-small-imgs-placeholder {
		position: static;
	}

	.leaning-by-doing:before {
		content: none;
	}

	.layered-popup {
		position: static;
	}
}

@media screen and (min-width:1024px) {
	.bodyScrolled .nav {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background: #18B77E;
		z-index: 3;
	}

	.bodyScrolled .nav .container {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.nav-div {
		margin-left: auto;
	}

	.blog-ul li:before {
		content: "";
		position: absolute;
		top: -15px;
		left: -15px;
		width: 100%;
		height: 100%;
		background-color: #18B77E;
		border-radius: 20px;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: all .5s;
	}

	.blog-ul li:hover:before {
		opacity: 1;
		visibility: visible;
	}

	.blog-ul li a:hover {
		opacity: 1;
	}
}

.margin-10px {
	margin: 10px;
}

.margin-20px {
	margin: 20px;
}

.mt-15 {
	margin-top: 15px !important;
}

.padding-10 {
	padding: 10px;
}

.padding-7 {
	padding: 7px;
}

@media screen and (max-width:1024px) {
	.hide-on-mobile {
		display: none;
	}

	.static-on-mobile {
		position: static;
	}

	.flex-on-mobile {
		display: flex;
	}

	.full-width-on-mobile {
		width: 100%;
	}

	.flex-col-on-mobile {
		flex-direction: column;
	}

	.flex-10-on-mobile {
		flex: 10;
	}

	.order--1-on-mobile {
		order: -1;
	}

	.no-transform-on-mobile {
		transform: none;
	}

	.mr-auto-on-mobile {
		margin-right: auto;
	}

	.ml-auto-on-mobile {
		margin-left: auto;
	}

	.mt-0-on-mobile {
		margin-top: 0;
	}

	.ml-0-on-mobile {
		margin-left: 0 !important;
	}

	.mr-0-on-mobile {
		margin-right: 0;
	}

	.pt-50-on-mobile {
		padding-top: 50px;
	}

	.pb-50-on-mobile {
		padding-bottom: 50px;
	}

	.pl-25-on-mobile {
		padding-left: 25px;
	}

	.pr-25-on-mobile {
		padding-right: 25px;
	}

	.pt-35-on-mobile {
		padding-top: 35px;
	}

	.pt-25-on-mobile {
		padding-top: 25px;
	}

	.pb-25-on-mobile {
		padding-bottom: 25px;
	}

	.pt-15-on-mobile {
		padding-top: 15px;
	}

	.pb-15-on-mobile {
		padding-bottom: 15px;
	}

	.pl-15-on-mobile {
		padding-left: 15px;
	}

	.pr-15-on-mobile {
		padding-right: 15px;
	}

	.pt-0-on-mobile {
		padding-top: 0;
	}

	.pb-0-on-mobile {
		padding-bottom: 0;
	}

	.pr-0-on-mobile {
		padding-right: 0;
	}

	.pl-0-on-mobile {
		padding-left: 0;
	}

	.padding-20-on-mobile {
		padding: 20px;
	}

	.padding-15-on-mobile {
		padding: 15px;
	}

	.padding-5-on-mobile {
		padding: 5px;
	}

	.gap-20-on-mobile {
		grid-gap: 20px;
	}

	.gap-10-on-mobile {
		grid-gap: 10px;
	}

	.no-vert-sep-1-on-mobile {
		border-left: 0;
	}

	.flex-vert-aligned-on-mobile {
		align-items: center;
	}

	.flex-hor-aligned-on-mobile {
		justify-content: center;
	}

	.center-aligned-on-mobile {
		text-align: center;
	}

	.left-aligned-on-mobile {
		text-align: left;
	}

	.margin-auto-on-mobile {
		margin: auto;
	}



	.header-media-placeholder {
		margin: 40px auto;
	}

	.one-to-one-lessons-div {
		height: auto;
	}

	.lh-normalon-mobile {
		line-height: normal;
	}

	.fs-18-on-mobile {
		font-size: 18px !important;
	}

	.fs-28-on-mobile {
		font-size: 28px !important;
	}

	.one-to-one-lessons-header {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.bulleted-ul {
		margin-bottom: 5px;
	}

	.skilme-in-numbers .skilmi-btn {
		margin-bottom: 50px;
		display: flex;
	}

	.unique-training li,
	.offer-for-hrd li {
		min-height: initial;
	}

	.adapted-ul li:hover {
		transform: none;
	}

	.tabular-data .container {
		overflow-x: auto;
	}

	.tabular-data table {
		min-width: 1024px;
	}

	.three-cols-grid li,
	.blog-ul li {
		width: 100%;
	}

	.layered-popup {
		max-width: none;
	}

	.offer-for-hrd.overlayed .vert-sep-1 {
		border-left: 0;
	}

	.header-search select {
		border-bottom: 1px rgba(0, 0, 0, .2) solid;
	}

	.your-program-ul li {
		max-width: none;
		min-width: inherit;
	}
}

@media screen and (max-width:667px) {

	.very-top,
	.header-search-btn .skilmi-btn,
	.skilme-in-numbers .skilmi-btn,
	.explore-academies .skilmi-btn {
		padding-top: 5px;
		padding-bottom: 5px;
		height: auto !important;
	}

	.header-search {
		padding: 10px;
		height: auto;
	}

	.header-search input {
		border-left: 0;
		padding: 0;
		margin: 10px 0;
	}

	.adapted-courses .skilmi-btn {
		line-height: initial;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.adapted-courses .skilmi-btn,
	.skilme-in-numbers .skilmi-btn {
		display: block;
	}

	.header-search form,
	.adapted-courses-ul,
	.experts-community-ul {
		flex-direction: column;
	}

	.experts-community-ul li {
		width: 100%;
	}

	.adapted-courses-large-icon,
	.adapted-courses-large-img {
		border: 0;
		outline: none;
	}

	.adapted-courses-large-icon {
		margin-bottom: 25px;
		background-color: transparent;
		width: auto;
		height: auto;
	}

	.adapted-courses-large-img {
		margin-top: 25px;
		height: auto;
	}

	/*.nav-ul {
		flex-direction: column;
		align-items: center;
	}

		.nav-ul li:not(:last-child) {
			padding-bottom:25px;
			margin-right: 0;
		}*/

	.nav-div {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 10px;
	}

	.nav-ul {
		/*min-width: 667px;*/
		white-space: nowrap;
	}

	.nav .local-search #search_category {
		max-width: none;
		width: 100%;
	}

	.custom-item-header {
		display: block;
		white-space: nowrap;
	}
}


.popup__inscription {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 10;
	overflow-y: auto;
	/*-webkit-overflow-scrolling: touch*/
}

.popup__inscription-content {
	max-width: 500px;
	background-color: #fff;
	position: absolute;
	top: 5vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 5px;
	z-index: 5;
}

#sign-up-learner .popup__inscription-content {
	max-width: none;
}

.inscription__header {
	background-color: #18b77e;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px 5px 0 0;
	padding: 18px 35px
}

.inscription__header-caption {
	font-size: 22px;
	font-family: "Open Sans";
	font-weight: 400;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0
}

.inscription__form-block {
	/*padding: 20px 85px 54px 85px;*/
	padding: 20px 20px 40px;
}

.inscription__form-block .error-msg {
	font-size: 14px !important;
	text-align: center;
	color: red;
}

.inscription__form-block .user-login-error {
	margin-bottom: 20px;
}

.inscription__form-block .user-forgot-success {
	width: 60%;
	margin: auto;
	font-size: 18px !important;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	color: #18b77e;
}

.inscription__form-caption {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #8f8f8f;
	margin-bottom: 20px
}

.inscription__switch {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px
}

.inscription__switch a,
.connexion__link-block a,
.inscription__accept-link {
	color: #18b77e;
}

.popup__inscription-content .alert {
	display: none;
	margin-bottom: 20px;
	font-size: 14px !important;
	color: red;
	text-align: center;
	line-height: normal;
}

.inscription__form {
	padding: 0 5px
}

.inscription__item {
	margin: 0 auto 15px auto;
	/*max-width: 290px;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}



.inscription__item label.error {
	margin-top: 3px;
	font-size: 14px !important;
	color: red;
}

.inscription__item-name {
	font-size: 14px;
	color: #242c27;
	font-weight: 700;
	margin-bottom: 7px;
	display: inline-block
}

.inscription__item-input {
	border: 1px solid #e6e6e6;
	background-color: #fff;
	height: 29px;
	padding: 0 10px
}

.inscription__accept {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	place-items: center;
	margin: 0 auto 20px auto;
	/*max-width: 290px*/
}

.inscription__checkbox {
	border: 1px solid #e6e6e6;
	background-color: #fff;
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.inscription__checkbox:checked {
	background-image: url("../img/icons/checked.svg");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center center;
	transition: none;
}

.inscription__accept-text {
	font-weight: 700;
	font-size: 12px;
	color: #242c27;
	padding-left: 10px;
	line-height: 19.89px
}

.max-height-485px {
	max-height: 480px;
	object-position: top;
}

.larger-stars img {
	width: 34px;
}

.inscription__accept-link {
	font-weight: 300;
	text-decoration: none
}

.inscription__register {
	text-align: center
}

.inscription__register-btn {
	padding: 16px 125px;
	max-width: 326px;
	max-height: 51px;
	border-radius: 26px;
	background-color: #18b77e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: .5px;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	border: 1px solid #18b77e;
	text-transform: capitalize;
	cursor: pointer;
}

#learner_sign_up_submit,
#mentor_sign_up_submit {
	margin-top: 20px;
}

.popup__connexion {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 10;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.popup__connexion .inscription__register,
.popup__inscription .inscription__register {
	margin-top: 40px;
	height: 4rem;
}

.connexion__link-block {
	text-align: center;
	padding-top: 10px
}

.connexion__link {
	font-size: 12px;
	font-weight: 500
}

.hide {
	display: none
}

.popup__rating .hide {
	display: none
}

.simple_btn.hide {
	display: none;
}

.close {
	width: 20px;
	height: 20px;
	cursor: pointer
}

.close:hover {
	opacity: 0.7
}

.close__bottom,
.close__top {
	height: 2px;
	display: block;
	background: #fff;
	margin-top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close__bottom {
	margin-top: -2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.simple_btn.big,
.primary_btn.big,
.primary_btn.big.loading-button {
	padding: 15px 115px;
	border-radius: 26px;
	max-height: 51px;
	font-size: 18px
}

.primary_btn {
	padding: 6px 22px;
	border-radius: 15px;
	border: 1px solid transparent;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	font-weight: 700;
	margin-bottom: auto;
	background-color: #18b77e;
	transition: 250ms background-color;
	cursor: pointer;
	color: #fff;
}

.primary_btn:hover {
	opacity: 1;
	background: #fff;
	color: #18b77e;
	border: 1px solid #18b77e;
}

.header_right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header2__user-link,
.header2__user-list {
	position: relative;
}

.header2 .header__searchs,
.header2__user-link,
.header2__user-list {
	margin: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

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

.header2__user-link-profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}

.header2__user-item.header2__user-video .header2__user-link {
	text-decoration: none;
}

.header2__user-item.header2__user-video .header2__video--duration {
	display: none;
}

.header2__user-link svg {
	width: 20px;
	height: 20px;
	fill: #42a66c;
}

.header2__user-link-input {
	display: none;
}

.header2__user-link-btn {
	display: block;
	padding: 0px;
	transform: translateY(-2px);
	cursor: pointer;
}

.header2__user-link-btn-icon {
	display: block;
	width: 10px;
	height: 10px;
	border-left: transparent;
	border-top: transparent;
	border-right: 1px solid #42a66c;
	border-bottom: 1px solid #42a66c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: -webkit-transform 250ms;
	transition: transform 250ms;
	transition: transform 250ms, -webkit-transform 250ms;
}

.header2__user-item {
	padding: 12px;
}

header2__user-video .header2__profile-list {
	width: 100%;
	min-width: 250px;
	overflow-y: auto;
}

.header2__profile-list {
	position: absolute;
	z-index: 10;
	/*width: 100%;*/
	top: 7rem;
	right: 0;
	background: #fff;
	border-radius: 5px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 500ms ease;
	transition: max-height 500ms ease;
}

.video_session_not_found {
	color: #8f8f8f;
	font-size: 1rem;
	padding: 5px;
	font-weight: 500;
}

.transparent-red-background {
	width: fit-content;
	background: #fad1d1;
	opacity: .9;
}

@media screen and (max-width:480px) {
	.header .header__top-block {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.header .header__logo img {
		height: 50px;
		width: auto;
	}

	.header .header2__user-list {
		margin-left: auto
	}
}




.header2__profile-list a:hover {
	color: rgba(38, 92, 172, 0.5)
}

.header2__user-link-input:checked~.header2__user-link-btn>.header2__user-link-btn-icon {
	-webkit-transform: rotate(-135deg);
	/*transform: rotate(-135deg)*/
	transform: rotate(-135deg) translateX(-4px) translateY(-3px);
}

.header2__user-link-input:checked~.header2__profile-list {
	max-height: 25rem;
	-webkit-transition: max-height 500ms ease;
	transition: max-height 500ms ease;
	border: 1px solid rgba(120, 161, 206, 0.5);
	overflow: auto;
}

.header2__profile-item {
	display: block !important;
	padding: 7px 12px !important;
	color: #575757 !important;
	background: 0 !important;
	padding-bottom: 5px !important;
}

@media screen and (max-width:920px) {
	.header2 .header2__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		position: relative
	}

	.header2 .header__logo {
		margin-bottom: 15px
	}

	.header2 .search__dropdown-block {
		position: static
	}

	.header2 .header__burger {
		position: absolute;
		top: 4px;
		right: 10px
	}
}

@media screen and (max-width:667px) {
	.header2 .header__search {
		min-width: 400px
	}

	.header2 .search__text-block {
		border-left: 1px solid #8f8f8f
	}
}

@media screen and (max-width:760px) {
	.header2 .header__logo {
		margin-right: auto
	}

	.header2 .header2__container {
		position: relative
	}

	.header2 .header2__user-list {
		position: absolute;
		top: 42px;
		right: 10px
	}
}

@media screen and (max-width:480px) {
	.header2 {
		position: static
	}

	.header2 .header__logo {
		margin-right: auto;
		margin-bottom: 30px
	}

	.header2 .search__dropdown-block {
		position: absolute;
		top: -130%;
		left: 0;
		padding-left: 18px
	}

	.header2 .header__searchs {
		margin-top: 50px
	}

	.header2 .header__search {
		min-width: 260px
	}

	.header2 .search__text-block {
		border-left: 0;
		padding-left: 0
	}

	.header2 .select-selected {
		padding-right: 5px;
		padding-left: 5px
	}

	.header2 .header2__user-video {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.header2 .header2__user-video .header2__profile-list {
		top: 80px;
	}

	.header2 .header2__user-mail {
		margin-left: auto;
		margin: 0 10px;
	}
}

.unread__message::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #df2c2c;
	position: absolute;
	right: 0;
	top: -5px;
	z-index: 2
}

.header2 .header__nav {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%
}


.header2__user-sign.active .header2__user-link-btn-icon {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.header2__user-sign.active .header2__profile-list {
	height: 368px;
	overflow: auto;
	border: 1px solid rgba(120, 161, 206, .5);
}

/* latest updates since 2021.03.03 */


.header2__user-item.header2__user-sign .header2__user-link-profile>a {
	margin-right: 5px;
	color: #fff;
}

.header2__profile-list li a {
	/*width: 225px !important;*/
	width: 100% !important;
	display: block !important;
	padding: 7px 12px !important;
	color: #575757 !important;
	background: 0 !important;
	margin-bottom: 0px !important;
	padding-bottom: 5px !important;
}

.custom-item-header {
	margin: 10px;
	font-weight: 400;
	font-size: 18px;
	color: #575757;
	text-decoration: none;
}

.training_details_popup#video_popup {
	width: auto;
}

.training_details_popup#video_popup iframe {
	border: 0;
}

.active {
	font-weight: bold;
}

.quiz-not-found {
	margin: auto;
}




.get-information {
	position: relative;
	display: inline-block;
	width: 18px;
	border-radius: 50%;
	background-repeat: no-repeat;
	margin-left: 5px;
	cursor: pointer
}



.get-information-show,
.get-information:hover .get-information-show {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 250ms;
	transition: transform 250ms;
	transition: transform 250ms, -webkit-transform 250ms
}

.get-information-show {
	-webkit-transform: scale(0);
	transform: scale(0);
	position: absolute;
	z-index: 2;
	left: 30px;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	min-width: 190px;
	background: #fff;
	border: 1px solid #e7e6e6;
	border-radius: 5px;
	padding: 5px 5px 5px 8px;
	font-family: "Open Sans";
	font-size: 14px;
	word-break: break-word
}

.get-information-show:before {
	content: "";
	position: absolute;
	left: -6px;
	top: 3px;
	-webkit-transform: rotate(-42deg);
	transform: rotate(-42deg);
	background-color: #fff;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-left: 1px solid #e7e6e6;
	border-top: 1px solid #e7e6e6
}

@media screen and (max-width:867px) {
	.get-information-show {
		max-width: 175px;
		min-width: 157px
	}
}

@media screen and (max-width:667px) {
	.form__first-right-tarif .tarif__form-first-line {
		margin-bottom: 10px
	}
}

@media screen and (max-width:480px) {
	.get-information-show {
		max-width: 150px;
		min-width: 130px
	}
}

@media screen and (max-width:380px) {
	.get-information-show {
		min-width: 130px;
		max-width: 150px
	}
}

.your-program-item-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	/*min-height: 38px;*/
	min-height: 63px;
}

.limit-para p {
	height: 100px;
}

.actionplan-textarea {
	width: 106%;
	height: 340px;
	margin: auto;
}

.review__mentors-not-found {
	margin: 5px;
}

.one-to-one-lessons-avatar {
	width: 222px;
	height: 222px;
}

.article {
	padding-bottom: 100px
}

.popup__article {
	position: relative
}

.download__document {
	text-align: center;
}

.download__document a {
	color: #18b77e;
	text-decoration: none;
}

.decoration-underline {
	text-decoration: underline;
}

.download__document a:hover {
	text-decoration: underline;
}

.popup__article-caption-top {
	display: block;
	margin-bottom: 23px;
	font-family: "Open Sans";
	color: #414141;
	font-size: 16px
}

.popup__article-caption {
	margin: 0 auto 28px;
	text-transform: uppercase;
	color: #FF4A4A;
	text-align: center;
	font-size: 32px
}

.popup__article-date,
.popup__article-date a {
	margin-bottom: 28px;
	font-family: "Open Sans";
	font-size: 14px;
	text-align: center
}

.popup__article-img-container {
	max-width: 680px;
	margin: 0 auto 42px auto
}

.popup__article-img {
	display: block;
	max-width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	margin: 0 auto
}

.popup__article-text,
.popup__article-text-caption {
	font-family: "Open Sans";
	font-size: 16px;
	margin-bottom: 25px;
	line-height: 24px
}

.popup__article-text-caption {
	margin-top: 0;
	font-weight: 700
}

.before__dot::before,
.popup__article-text-block {
	width: 85%;
	margin: auto;
	font-family: "Open Sans";
	line-height: 1.5;
}

.popup__article-text-block h1,
.popup__article-text-block h2,
.popup__article-text-block h3 {
	color: #18b77e
}

.popup__article-text-block h1,
.popup__article-text-block h2,
.popup__article-text-block h3,
.popup__article-text-block h4 {
	font-family: "Open Sans";
	word-break: break-word
}

.popup__article-text-block h1 {
	font-size: 24px;
	font-weight: 700
}

.popup__article-text-block h2 {
	font-size: 20px;
	font-weight: 700;
}

.popup__article-text-block h3,
.popup__article-text-block h4 {
	font-weight: 500;
}

.before__dot::before {
	content: "\00B7";
	display: inline-block;
	line-height: 16px
}

@media screen and (max-width:480px) {
	.popup__article-caption {
		font-size: 30px
	}
}

.edit_comment,
.post_comment {
	margin-left: 20px
}

.make_parent_public_checkbox {
	font-size: 12px
}

.comments_title {
	color: #e4b654;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	margin: 40px 0 20px 0;
	word-break: break-word;
}

.comment .card__item-name,
.comment .card__item-name a,
.comment .card__item-date {
	color: #8f8f8f;
}

.comment .card__item-date {
	font-size: 12px;
}

.comment-toolbar {
	font-size: 14px
}

.comment-toolbar a::after {
	content: " | ";
}

.comment-toolbar a:last-child:after,
.comment-toolbar a.no_pipe:after {
	content: "";
}

.comment_text {
	font-size: 14px
}

.add_comment_box {
	width: 80%
}

.add_comment_box .alert {
	width: 100%;
	margin: 0 0 10px 0;
}

.add_comment_box textarea {
	margin-bottom: 5px
}

.comment_caption {
	color: #414141;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: .28px;
	margin-bottom: 10px
}

.document_user_bio {
	padding: 10px;
	margin: 20px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	align-items: flex-start;
	font-family: "Open Sans"
}

.document_user_bio .left-col {
	min-width: 180px;
	margin: 0 20px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center
}

.qualiopi-trainer-avatar-homepage {
	width: 120px;
	height: 120px;
}

.document_user_bio .user_photo {
	width: 100px;
	height: 100px;
	min-width: 100px;
	min-height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	margin: 0 0 10px 0
}

.document_user_bio .name {
	font-size: 20px;
	margin: 10px 0;
	font-weight: 600
}

.document_user_bio .function {
	color: #8f8f8f;
	margin: 10px 0;
	font-weight: 600
}

.document_user_bio .bio {
	color: #575757;
	line-height: 22px
}

.sharethis-inline-share-buttons {
	z-index: 0 !important
}

.sharethis-inline-share-buttons .st-btn:hover {
	opacity: 0.7 !important;
	top: 0 !important
}

.pt-8 {
	padding-top: 8px;
}

.pb-8 {
	padding-bottom: 8px;
}

.user-avatar img {
	max-width: 165px;
	object-fit: contain;
}

.unread__message_old:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #df2c2c;
	position: relative;
	right: 0;
	top: -13px;
	z-index: 2;
}

.article_container a {
	color: #265cac;
	text-decoration: none;
}

.article_container strong {
	font-weight: bold;
}

.max-height-200 {
	height: 300px;
}


.formation-profile-image {
	width: 150px;
	min-height: 150px;
	max-height: 150px;
	border-radius: 100%;
	object-fit: cover;
}

/*
.left-bar{
    max-width:350px;
}
*/

.error__container {
	padding-top: calc(46px + 22px + 22px + 20px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.error__img--container {
	position: relative;
	width: 15%
}

.error__img--container::before {
	content: "";
	display: block;
	padding-top: 100%
}

.erimg__container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.error__img,
.video__messages--btn svg {
	width: 100%;
	height: 100%;
	fill: #18b77e
}

.error__mistake--caption {
	font-size: 3rem;
	margin: 10px 0;
	color: #18b77e
}

.error__mistake--sub--caption {
	margin-top: 0;
	font-size: 2rem;
	color: #575757;
	margin-bottom: 20px
}

.error__mistake--text {
	font-size: .8rem;
	text-align: center;
	margin: 0;
	width: 60%;
	word-break: break-all
}

.has-logoed-img img {
	height: 100px;
	object-fit: contain;
}

.your-program-ul .has-logoed-img img {
	object-fit: cover;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.has-ul-list ul {
	list-style: square;
	margin-left: 20px;
}

.has-ul-list ul li {
	line-height: normal;
}

.has-ul-list ul li:not(:last-child) {
	margin-bottom: 10px;
}

.has-ul-list:has(p)>ul {
	margin-top: 10px;
}

.skilmi-video-upper {
	position: fixed;
	max-width: 1080px;
	left: 0;
	right: 0;
	margin: auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.evaluate-skills-div:not(:has(> *:only-child)) {
	grid-template-columns: 1fr 1fr;
}

.blog-content ul li {
	list-style-type: circle;
}

.blog-content ul {
	margin-left: 20px;
}

.header2__video-text-block .header2__video-play-btn svg {
	width: 25px;
	fill: #18B77E;
}

.header2__video-text-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 5px 10px;
	border-bottom: 1px solid rgba(205, 205, 205, 0.5)
}

.more_video_show_button {
	width: 140px !important;

}

.header2__video-text-right {
	-ms-flex-preferred-size: 30px;
	flex-basis: 30px;
	height: 30px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.header2__video-play-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 50%;
	border: 1px solid #18b77e;
	background-color: transparent;
	cursor: pointer;
	-webkit-transition: 250ms;
	transition: 250ms
}

.header2__video-play-btn svg {
	width: 15px;
	height: 15px;
	fill: #18b77e
}

.header2__video-play-btn.active,
.header2__video-play-btn:hover {
	background-color: #18b77e
}

.header2__video-play-btn.active svg,
.header2__video-play-btn:hover svg {
	fill: #fff
}

.header2__user-video-caption {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 14px;
	text-transform: uppercase;
	color: #18b77e
}

.header2__user-video .header2__profile-list {
	width: 100%;
	min-width: 250px;
	/*overflow-y: auto;*/
}

.header2__user-video .header2__profile-list::-webkit-scrollbar {
	width: 3px
}

.header2__user-video .header2__profile-list::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .1)
}

.header2__user-video .header2__profile-list::-webkit-scrollbar-thumb {
	background: #18b77e
}

.header2__user-video-date {
	font-size: 14px;
	color: #1789f4;
	font-weight: 700
}

.header2__user-video-date mark {
	background: 0;
	color: #1789f4
}

.header2__video-link-block {
	padding: 5px 10px;
	border-top: 1px solid #cdcdcd;
	text-align: right
}

.track-objective strong {
	font-weight: 600;
}

.form__first-text.taller {
	height: 45px;
	border-color: #18B77E;
	padding: 0 20px;
}

.homepage_main_title {
	display: block;
	color: #FF4A4A;
	margin: 2px;
	font-size: 14px !important;
}

.home-main-button-title {
	width: 220px;
}

.form__first-textarea.taller {
	height: 145px;
	border-color: #18B77E;
	padding: 20px;
}

.fixed-width-profile {
	width: 420px;
	height: 100%;
}

.fixed-width-profile-sm {
	width: 250px;
	height: 100%;
}

.error-msg-border {
	border: solid 2px #f00;
}

.has-ul-marker a .fa-trash,
.has-ul-marker .fa-trash {
	opacity: .3;
	transition: opacity .5s;
}




/* custom updates on 2024.05.07 */
body.bodyScrolled .header2__user-link-btn-icon {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

.header2__user-link-input~.header2__profile-list {
	box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

.header2__video-text-block,
.header2__profile-list li a {
	padding: 2rem !important;
}

.has-ul-marker a:hover .fa-trash,
.has-ul-marker .fa-trash:hover {
	opacity: 1;
}

.main blockquote,
.main q {
	border-left: 2px solid #ccc;
	margin-left: 1.5rem;
	padding-left: 1rem;
	line-height: 20px;
}

@media screen and (max-width:812px) {
	.inscription__form-block {
		padding-bottom: 70px;
	}
}

@media screen and (max-width:414px) {
	#connexion {
		z-index: 99999999;
	}

	.popup__inscription-content {
		top: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%) translateY(-50%);
	}

	.inscription__item {
		margin-bottom: 10px;
	}
}


/* recent changes on 24.08.27 */
.sharethis-inline-share-buttons {
	margin-top: 40px;
}

.has-ul-marker.blog-content,
.has-ul-marker.blog-content p {
	margin-left: 0;
	line-height: 22px;
}

.has-ul-marker.blog-content h2,
.has-ul-marker.blog-content h3 {
	margin-bottom: 10px;
}

.has-ul-marker.blog-content ul,
.has-ul-marker.blog-content ol {
	margin-bottom: 0;
}

.has-ul-marker.blog-content ul li:not(:last-child),
.has-ul-marker.blog-content ol li:not(:last-child) {
	margin-bottom: 5px;
}

.has-ul-marker.blog-content p:empty {
	display: none;
}

.has-ul-marker.blog-content p:not(:empty) {
	margin-bottom: 25px;
}

.has-ul-marker.blog-content p:not(:empty) strong {
	font-weight: bold;
}

@media screen and (max-width:430px) {
	.has-ul-marker.blog-content {
		padding: 0;
	}
}

@media screen and (min-width:932px) {
	.has-ul-marker.blog-content {
		width: 75%;
		margin: 30px auto auto;
	}
}

@media screen and (min-width:431px) {
	.unit-col-min-height {
		min-height: 142px;
	}
}

.margin-auto {
	margin: auto;
}

.gray-button {
	background-color: rgba(212, 237, 218, .3);
	border: 1px #DFDFDF solid;
}

.gray-button:hover {
	background-color: white;
	border: 1px rgba(212, 237, 218) solid;
}

.green-button {
	border: 1px #18B77E solid;
	background-color: #18B77E;
}

.green-button:hover {
	background-color: white;
	color: #18B77E;
}

/* HTML: <div class="loader"></div> */
.loader {
	width: 60px;
	aspect-ratio: 4;
	--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);
	background:
		var(--_g) 0% 50%,
		var(--_g) 50% 50%,
		var(--_g) 100% 50%;
	background-size: calc(100%/3) 100%;
	animation: l7 1s infinite linear;
}

@keyframes l7 {
	33% {
		background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%
	}

	50% {
		background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%
	}

	66% {
		background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%
	}
}

.loader.my_outfits-loader {
	--_g: no-repeat radial-gradient(circle closest-side, #98A6EE 90%, #0000);
	margin: auto;
	margin-top: 1rem;
}

.loader-addFavIcon {
	/* HTML: <div class="loader"></div> */
	width: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid;
	border-color: #000 #0000;
	animation: l1 1s infinite;

}

@keyframes l1 {
	to {
		transform: rotate(.5turn)
	}
}

.sso-login {
	display: flex;
	align-items: center;
	border: 2px solid #18b77e;
	justify-content: center;
	width: 100%;
	border-radius: 0.9rem;
	column-gap: 0.3rem;
}