* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

body {
	font-size: 16px;
	min-width: 320px;
	position: relative;
	line-height: 1.75;
	overflow-x: hidden;
	color: #3d4854;
	background: #fcfcfc;
	font-family: Mulish, sans-serif
}

a {
	color: #3d4854;
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

a:hover {
	text-decoration: none;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}

p {
	letter-spacing: .44px
}

li {
	list-style: none
}

button,
input,
select,
textarea {
	-webkit-appearance: none;
	border: none;
	background: 0 0;
	font-family: Mulish, sans-serif
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	border: none;
	outline: 0
}

button::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #95a0ab
}

button::-moz-placeholder,
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: #95a0ab
}

button:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #95a0ab
}

button::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #95a0ab
}

button.placeholder,
button::placeholder,
input.placeholder,
input::placeholder,
select.placeholder,
select::placeholder,
textarea.placeholder,
textarea::placeholder {
	color: #95a0ab
}

footer,
header,
section {
	padding-left: 25px;
	padding-right: 25px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Merriweather, serif;
	font-weight: 700;
	line-height: 1.2
}

h2 {
	font-size: 50px
}

h3 {
	font-size: 24px;
	line-height: 1.55;
	font-weight: 700
}

h4 {
	font-size: 20px;
	line-height: 1.5
}

.overflow {
	position: relative;
	width: 100%;
	display: block;
	overflow-x: hidden
}

.cont {
	max-width: 1140px;
	margin: 0 auto
}

.cont-lg {
	max-width: 1275px
}

.cont-xlg {
	max-width: 1390px
}

.cont-md {
	max-width: 890px
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.flex.col3 {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.flex.col3>* {
	width: calc(33% - 21px)
}

.flex.col2 {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.flex.col2>* {
	width: calc(50% - 12px)
}

.flex.flex-fs {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex.flex-sb {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}



section {
	padding-top: 80px
}

.header {
	position: relative;
	padding: 9px 25px;
	background: #fff;
	border-bottom: 1px solid #eee;
	z-index: 3
}

.header .cont {
	min-height: 52px
}

.header .flex {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.header__menu {
	cursor: pointer;
	padding: 5px 0;
	font-size: 14px;
	text-transform: uppercase;
	margin-right: 30px
}

.header__menu svg {
	width: 18px;
	margin-right: 15px
}

.header__logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: opacity .25s, visibility .25s;
	-o-transition: opacity .25s, visibility .25s;
	transition: opacity .25s, visibility .25s
}

.header__logo img, .header__logo svg {
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain

}

.header__right {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	z-index: 1
}

.language-switcher-language-url  .contextual{
	right: -31px;
}

.header__search {
	-webkit-transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s;
	transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s;
	-o-transition: flex-grow .3s;
	transition: flex-grow .3s;
	transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s, -ms-flex-positive .3s;
	cursor: pointer
}

.header__search form {
	cursor: pointer;
	width: 100%;
	border: 1px solid transparent;
	padding-left: 22px;
	border-radius: 24px;
	-webkit-transition: border-color .3s, background .3s;
	-o-transition: border-color .3s, background .3s;
	transition: border-color .3s, background .3s;
	position: relative
}

.header__search input {
	width: 95px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 14px;
	height: 50px;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility .3s;
	-o-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s
}

.header__search button {
	cursor: pointer;
	height: 50px;
	-webkit-transition: padding .3s;
	-o-transition: padding .3s;
	transition: padding .3s
}

.header__search button svg {
	width: 17px
}

.header__search * {
	pointer-events: none
}

.header__search span {
	position: absolute;
	left: 22px;
	top: 0;
	line-height: 50px;
	white-space: nowrap;
	font-size: 14px;
	color: #95a0ab;
	cursor: pointer;
	margin-right: 13px;
	-webkit-transition: opacity .3s, visibility .3s;
	-o-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s
}

.header__lang {
	margin-left: 20px
}

.header__lang .lang-select button {
	color: #95a0ab;
	font-size: 14px;
	cursor: pointer;
	padding: 5px 20px 5px 0;
	background: url(/themes/custom/cri/img/select.svg) no-repeat right center/10px auto
}

.header__lang .lang-select ul {
	left: auto;
	right: 0;
	min-width: auto;
	width: auto
}

.header__lang .lang-select li {
	font-size: 13px;
	padding: 8px 20px
}

.header__lang .lang-select li.active {
	background: #f1f1f1;
	color: #000
}

.hero {
	position: relative;
	padding: 0;
	background: #000;
	z-index: 1
}

.hero .plyr--video,
.hero__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

.hero .plyr__video-wrapper {
	height: 100%!important;
	padding: 0!important;
	aspect-ratio: auto!important
}

.hero .plyr__video-wrapper iframe {
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	left: 50%
}

.hero .plyr__video-embed__container {
	top: 50%!important;
	-webkit-transform: translate3d(0, -50%, 0)!important;
	transform: translate3d(0, -50%, 0)!important
}

.hero-home::before {
	position: absolute;
	content: '';
	z-index: 2;
	width: 100%;
	height: 100%;
	pointer-events: none;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .64)));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .64));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .64))
}

.hero>div {
	z-index: 3

}
/*#block-videohomepage#block-videohomepage{
	position: absolute;
    top: 0;
    height: 50px;
    right: 0;
    z-index: 99999999;
    width: 50px;
}*/


.hero__title {
	color: #fff;
	position: absolute;
	bottom: 80px;
	width: 100%;
	left: 50%;
	padding: 0 30px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0)
}

.hero__title h1 {
	text-transform: uppercase;
	text-align: center;
	font-family: Mulish, sans-serif;
	font-size: 32px;
	font-weight: 300;
	margin-bottom: 30px
}

.hero__title h1 strong {
	font-size: 36px;
	font-weight: 700;
	display: block
}

.hero__title-btn {
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.hero__title-btn>div {
	width: 100%;
	cursor: pointer;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: none
}

.hero__title-btn>div.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.hero__title-btn span {
	line-height: 18px
}

.hero__title-btn img {
	width: auto;
	margin-right: 13px
}

.hero__title-btn .mute-video {
	margin-left: 25px;
	margin-right: 0;
	position: relative;
	display: block
}

.hero__title-btn .mute-video img {
	margin: 0
}

.hero__title-btn .mute-video.active::after {
	content: '';
	position: absolute;
	display: block;
	top: -5px;
	left: 10px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 2px;
	height: 28px;
	background: #fff
}

.hero__message {
	position: absolute;
	width: 100%;
	top: 0;
	padding: 8px 25px;
	left: 0;
	background: rgba(183, 191, 201, .3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.hero__message.hidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.hero__message-close {
	cursor: pointer;
	width: 20px
}

.hero__message-cont {
	max-width: 1290px;
	margin: 0 auto
}

.hero__message p {
	color: #fff;
	opacity: 1;
	font-size: 14px;
	text-transform: uppercase
}

.hero.flex {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.hero__left {
	width: calc(100% / 3 * 2);
	position: relative;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.hero__right {
	min-width: 480px;
	width: calc(100% / 3);
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.hero__right.hidden {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(95%, 0, 0);
	transform: translate3d(95%, 0, 0);
	display: block;
}

.hero__right-scroll {
	height: calc(100vh - 70px);
	max-height: 850px;
	overflow-y: auto;
	background: #fff;
	position: relative;
	padding-top: 40px;
	-webkit-transition: padding .3s;
	-o-transition: padding .3s;
	transition: padding .3s
}

.hero__right-close {
	position: absolute;
	top: 12px;
	right: 16px;
	width: 24px;
	height: auto;
	cursor: pointer;
	z-index: 3
}

.hero__right-expand {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #eeeeeb;
	-webkit-box-shadow: 0 2px 4px 0 rgba(61, 72, 84, .08);
	box-shadow: 0 2px 4px 0 rgba(61, 72, 84, .08);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	cursor: pointer;
	background: #fff
}

.hero__right-expand svg {
	width: 14px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	position: relative
}

.hero__right-expand.active svg {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s
}

.hero__glide {
	padding-bottom: 14px;
	position: relative
}

.hero .accent {
	background: #edf6f5;
	padding-bottom: 22px
}

.hero .accent span {
	color: #3d4854;
	text-transform: uppercase;
	font-weight: 700
}

.hero__slide {
	padding: 15px 32px 6px
}

.hero__slide.accent {
	background: #edf6f5
}

.hero__slide-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.hero__slide span {
	font-size: 12px;
	color: #b7bfc9
}

.hero__slide h4 {
	margin-bottom: 16px
}

.hero__slide h6 {
	font-size: 16px;
	font-family: Mulish, sans-serif;
	line-height: 1.4
}

.hero__slide .btn-arr {
	font-size: 16px;
	margin-top: 5px
}

.hero__slide .btn-arr::after {
	width: 20px;
	height: 20px
}

.hero__slide .btn-sm {
	margin-top: 13px
}

.hero__slide .img {
	width: 50%;
	min-width: 150px;
	height: 112px;
	overflow: hidden;
	border-radius: 4px;
	position: relative
}

.hero__slide .img-label {
	position: absolute;
	background: #fff;
	bottom: 0;
	left: 0;
	padding: 8px 12px;
	text-align: center;
	border-radius: 0 4px 0 0
}

.hero__slide .img-label span {
	color: #00afa3;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2
}

.hero__slide .img-label .day {
	font-size: 16px
}

.hero__slide .img img {
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.hero__slide .content {
	margin-top: -8px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-left: 16px
}

.animated {
	opacity: 0
}

.animated--static.in-view {
	opacity: 1;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.animated--bottom {
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0)
}

.animated--bottom.in-view {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity .6s .3s ease, -webkit-transform 1.5s .3s cubic-bezier(.25, 1, .5, 1);
	transition: opacity .6s .3s ease, -webkit-transform 1.5s .3s cubic-bezier(.25, 1, .5, 1);
	-o-transition: transform 1.5s .3s cubic-bezier(.25, 1, .5, 1), opacity .6s .3s ease;
	transition: transform 1.5s .3s cubic-bezier(.25, 1, .5, 1), opacity .6s .3s ease;
	transition: transform 1.5s .3s cubic-bezier(.25, 1, .5, 1), opacity .6s .3s ease, -webkit-transform 1.5s .3s cubic-bezier(.25, 1, .5, 1)
}

.hero-page {
	background: url(/themes/custom/cri/img/page-bg.svg) no-repeat center center/cover;
	min-height: 220px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px
}

.hero-page__title {
	width: 100%;
	color: #fff;
	text-align: center
}

.hero-page__title h1 {
	font-size: 40px;
	color: #fff
}

.hero-faq {
	padding-bottom: 200px;
	z-index: 1
}

.hero-search {
	padding-bottom: 40px
}

.hero-contact {
	padding-top: 55px;
	padding-bottom: 270px;
	z-index: 1
}

.hero__label {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 20px;
	border: 2px solid #fff;
	text-transform: uppercase;
	line-height: 1.4;
	margin: 0 auto 13px;
	display: inline-block
}

.page-nav {
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #eee
}

.page-nav .flex {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.page-nav a,
.page-nav span {
	font-size: 14px;
	color: #b7bfc9;
	font-weight: 700
}

.page-nav a::after,
.page-nav span::after {
	content: '/';
	margin: 0 10px
}

.page-nav a:first-child::after,
.page-nav span:first-child::after {
	content: ':';
	margin-left: 3px
}

.page-nav a:last-child,
.page-nav span:last-child {
	font-weight: 400
}

.page-nav a:last-child::after,
.page-nav span:last-child::after {
	display: none
}

.c-select {
	position: relative;
	z-index: 10
}

.c-select:not(.lang-select) button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #eeeeeb;
	background: #f7f7f7;
	font-size: 16px;
	letter-spacing: .44px;
	padding: 14px 22px;
	border-radius: 24px;
	min-width: 250px
}

.c-select:not(.lang-select) button svg {
	width: 10px;
	margin-left: 15px
}

.c-select:not(.lang-select) button:focus {
	border-color: #00b0af;
	background: #fff
}

.c-select button {
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #3d4854
}

.c-select button:focus+ul {
	opacity: 1;
	visibility: visible;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.c-select ul {
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.c-select li {
	font-size: 16px;
	line-height: 24px;
	padding: 11px 12px 13px;
	color: #000;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 32px
}

.grid.col2 {
	grid-template-columns: repeat(2, 1fr)
}
.grid.col2 article, .grid.col2 article .boxes-box{
	height: 100%;
}
.tab {
	opacity: 0;
	visibility: hidden
}

.dropdown-trigger {
	cursor: pointer
}

.dropdown-trigger svg {
	cursor: pointer;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 36px
}

.dropdown-trigger svg rect {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.dropdown-content {
	height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
	font-size: 17px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.boxes {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}
.boxes article{
	height: 100%;
}

.boxes-box {
	background: #fff;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 77px 0 rgba(0, 0, 0, .06);
	box-shadow: 0 0 77px 0 rgba(0, 0, 0, .06);
	padding: 30px 25px 20px;
	overflow: hidden
}

.boxes-link {
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.boxes-link:hover {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, -10px, 0)!important;
	transform: translate3d(0, -10px, 0)!important
}

.boxes-link:hover .btn-arr::after {
	-webkit-transform: translate3d(5px, 0, 0);
	transform: translate3d(5px, 0, 0)
}

.boxes-link a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3
}

.lazyload,
.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1;
	transition: opacity .3s
}

/*new*/

.header .flex{
    justify-content: end;
}
.header__menu {
	margin-right: auto;
}

.header__lang .lang-select ul{
	padding-bottom: 0;
}


.search-block-form{ 
	-webkit-transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s;
	transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s;
	-o-transition: flex-grow .3s;
	transition: flex-grow .3s;
	transition: flex-grow .3s, -webkit-box-flex .3s, -webkit-flex-grow .3s, -ms-flex-positive .3s;
	cursor: pointer
}

.search-block-form form {
	cursor: pointer;
	width: 98%;
	border: 1px solid transparent;
	padding-left: 22px;
	border-radius: 24px;
	-webkit-transition: border-color .3s, background .3s;
	-o-transition: border-color .3s, background .3s;
	transition: border-color .3s, background .3s;
	position: relative;
	display: flex;
	margin-left: auto;

}

.search-block-form .form-search {
	width: 95px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 14px;
	height: 50px;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility .3s;
	-o-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s
}

.search-block-form .form-actions .form-submit {
	cursor: pointer;
	height: 50px;
	-webkit-transition: padding .3s;
	-o-transition: padding .3s;
	transition: padding .3s;
	width:17px;
	opacity: 0;
	height: 19px;
	background: url(/themes/custom/cri/img/search.svg) no-repeat right center;
	position: absolute;
}
.search-block-form * {
	pointer-events: none
}

.search-block-form label {
	right: 0;
	top: 0;
	line-height: 50px;
	white-space: nowrap;
	font-size: 14px;
	color: #95a0ab;
	cursor: pointer;
	margin-right: 13px;
	-webkit-transition: opacity .3s, visibility .3s;
	-o-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s;
	width: auto;
    height: auto;
    clip: unset;
	padding-right: 30px;
    background: url(/themes/custom/cri/img/search.svg) no-repeat right center;
	opacity: 1;
}

.search-block-form .form-item{
	width: 96%;
}
.search-block-form.active input {
    cursor: initial;
    opacity: 1;
    visibility: visible;
	width: 100%;
}
.search-block-form.active .form-submit{
	opacity: 1;
    text-indent: -9999px;
    right: 13px;
    top: 15px;
}

.search-block-form.active label {
	opacity: 0;
}

.search-block-form.active form {
    border-color: #eeeeeb;
    background: #f7f7f7;
}

.search-block-form.active * {
    pointer-events: initial;
}
.search-block-form.active {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: flex-grow .6s,-webkit-box-flex .6s,-webkit-flex-grow .6s;
    transition: flex-grow .6s,-webkit-box-flex .6s,-webkit-flex-grow .6s;
    -o-transition: flex-grow .6s;
    transition: flex-grow .6s;
    transition: flex-grow .6s,-webkit-box-flex .6s,-webkit-flex-grow .6s,-ms-flex-positive .6s;
    cursor: initial;
}
#block-mainnavigation{
	position: fixed;
	padding-top: 60px;
    z-index: 9;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #f4f7fb;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
	display: flex;
	align-items: center;
    flex-direction: column;
	justify-content: center;
}
.flex.flex-close{
    position: absolute;
    max-width: 1390px;
    margin: 0 auto;
    width: 100%;
	top: 20px;
}
.active #block-mainnavigation{
    opacity: 1;
    visibility: visible;
	left: 0;
}
.flex-nav{	
	display: flex;
    max-width: 1390px;
    margin: 0 auto;
    justify-content: space-between;
    width: 100%;
}
.active #block-mainnavigation .flex-nav ul{
	position: relative;
    max-width: 900px;
    width: 100%;
    padding-right: 20px
}
.active #block-mainnavigation .flex-nav ul > li{
	width: auto;
    position: relative;
    max-width: 340px;
	border-right: 1px solid #e5e5e5;
	padding-right: 20px;
}

.active #block-mainnavigation .flex-nav > ul > li:last-child {
	margin-top: 20px;
}
.active #block-mainnavigation .flex-nav > ul > li:last-child .urgent{
	font-weight: 700;
    font-size: 16px;
}
.active #block-mainnavigation .flex-nav ul > li:last-child .urgent .btn-sm{
	margin-left: 4px;
	padding:  0px 16px;
    background: #00b0af;
}
.active #block-mainnavigation .flex-nav ul > li:last-child .urgent:hover{
	background-color: transparent;
}

.active #block-mainnavigation .flex-nav ul > li a{
	display: block;
	color: #3d4854;
	font-size: 14px;
	line-height: 33px;
	transition: .25s;
	padding: 4px 30px 3px 10px;
	white-space: nowrap;
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.active #block-mainnavigation .flex-nav ul > .parent-menu a{
	pointer-events: none;
}

.active #block-mainnavigation .flex-nav ul > .parent-menu ul li a{
	pointer-events: unset;
}

.active #block-mainnavigation .flex-nav ul > li:hover > a{
	color: #094599;
    background: #fff;
    border-radius: 8px;
    transition: .25s;
}
.active #block-mainnavigation .flex-nav ul > li.parent-menu > a:after{
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	right: 12px;
	background: url(../img/link-arr.svg) no-repeat center center/contain;
}

.active #block-mainnavigation .flex-nav ul > li ul{
	opacity: 0;
    visibility: hidden;
	position: absolute;
	top: 0;
}
.hero__right-expand.active svg{
	animation-duration: .8s;
	animation-name: clignoter2;
	animation-iteration-count: infinite;
	transition: none;
	transform: scale(1);
}
.hero__right-expand.active svg path{
	animation-duration: .8s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none;
	fill: #95a0ab;
}
    
@keyframes clignoter2 {
	0%   { transform: scale(1); }
	40%   {transform: scale(1.2);}
	80%   {transform: scale(1.3);}
	100% { transform: scale(1.4);}
}

@keyframes clignoter {
   0%   { fill:#95a0ab; }
   40%   {fill:#094599; }
   100% { opacity:#95a0ab; }
 }


@media (min-width: 813px){
	.active #block-mainnavigation .flex-nav ul > li:hover > ul{
		opacity: 1;
		visibility: visible;
		right: -100%;
		border-right: 0;
		display: block !important;
	}
	.active #block-mainnavigation .flex-nav ul > li:hover .nav__box{
		opacity: 1;
		display: block !important;
	}
	.active #block-mainnavigation .flex-nav ul > li:hover > ul > li{
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

@media (max-width: 1000px){
	.active #block-mainnavigation .flex-nav ul > li:hover > ul > li{
		padding-left: 5px;
		padding-right: 5px;
	}
	.active #block-mainnavigation .flex-nav ul > li{
		max-width: 270px;
	}
	.active #block-mainnavigation .flex-nav ul > li a{
		white-space: inherit;
	}
}

.active .nav-close svg{
	width: 30px;
}

.active .nav-close{
	width: 100%;
    font-size: 8px;
    justify-content: start;
    max-width: 1390px;
    margin: 0 auto;
    left: 8px;
    right: 0;
    top: 0px;
    font-size: 16px;
    font-weight: 600;
    font-size: 14px;
}
.toolbar-fixed .active .nav-close{
	top: 80px;
}
.toolbar-fixed  #block-mainnavigation{
	padding-top: 120px;
}



.nav__bottom ul{
	display: flex;
	max-width: 1390px;
	width: 100%;
	margin: 0 auto;
}

.active .nav__bottom{
	position: absolute; 
}

@media (max-width: 1200px){
	.active .nav__box{
		width: 300px;
	}
	#block-mainnavigation{
		padding-left: 10px;
    	padding-right: 10px;
	}	
}






@media (max-width: 1000px){
	.toolbar-fixed .active .nav-close{
		top: 0;
	}
	.active-sub .flex-nav ul > li{opacity: 0;visibility: hidden;}
	.active-sub .flex-nav ul > li.active > a{
		opacity: 0;
		visibility: hidden;
	}
	.active-sub .flex-nav ul > li.active, .active-sub .flex-nav ul > li.active > ul > li{opacity: 1;visibility: visible;}
	.active-sub .flex-nav ul > li.active > ul{
		opacity: 1 !important;
		visibility: visible !important;
		top: 0;
		left: 0;
		right: inherit;
		padding: 0 !important;
	}

	.active #block-mainnavigation .flex-nav ul > li a{
		pointer-events: unset !important;
	}
	.active #block-mainnavigation .flex-nav ul > li ul{
		opacity: 1;
		visibility: visible;
		position: static;
	}
	.active #block-mainnavigation .flex-nav ul > li.parent-menu > a.active:after{
		transform: rotate(90deg);
		transform-origin: 9px 4px;
	}
	.active #block-mainnavigation .flex-nav ul > li.parent-menu ul{
		display: none;
		background: #fff;
	}


	.header{
		padding: 9px 15px;
	}
	.header__menu{
		justify-content: flex-start !important;
    	margin-right: auto !important;
	}
	#block-mainnavigation{
		align-items: flex-start;
		padding-top: 100px;
		justify-content: flex-start;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.active #block-mainnavigation .flex-nav ul {
		padding: 0;
	}
	.active .flex-nav{
		flex-direction: column;
	}
	.active #block-mainnavigation .flex-nav ul > li{
		border-right:none;
		padding-right: 0;
		width: 100%;
		max-width: 100%;
	}
	.nav__bottom ul{
		flex-direction: column;
	}
	.search-block-form label{
		text-indent: -9999px;
	}
	.header__lang{
		display: block !important;
	}
	.active .nav__bottom{
		padding: 20px 15px;
		position: relative;
	}
	.active .nav__box{
		display: block;
		max-width: 484px;
		margin: 20px auto;
		width: calc(100% - 15px);
		position: relative;
		left: inherit;
		right: inherit;
		opacity: 1;
		display: none;
		transform: inherit;
	}
	.active  .parent-menu-active  .nav__box{
	}
}
.glide.five-col .glide__track{
	/*overflow: hidden !important;*/
}

.pubs__item-regular img {
    height: 60px;
    width: auto;
    margin: 0 auto 15px;
}
.pubs__item-active .icon{
	filter: invert(1%) sepia(49%) saturate(0%) hue-rotate(
	264deg) brightness(112%) contrast(101%);
}

.glide.five-col .glide__slides.glide__slides{
	padding-top: 140px;
}

/* Email + button share the grey pill on row 1, terms checkbox gets its own row below. */
.newsletter .webform-submission-form {
	max-width: 600px;
    width: 100%;
    margin: 33px auto 0;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.newsletter .webform-submission-form > * {
	grid-column: 1 / -1;
	margin: 0;
}
.newsletter .webform-submission-form .form-item-email {
	grid-row: 1;
    background: #f7f7f7;
    border-radius: 25px;
    padding: 5px 160px 5px 5px;
}
.newsletter .webform-submission-form .form-actions {
	grid-column: 2;
	grid-row: 1;
	padding: 0 5px;
}
.newsletter .webform-submission-form .form-email{
	width: 100%;
	height: 38px;
    font-size: 14px;
    color: #3d4854;
    padding: 0 22px;
    background: transparent;
}
.newsletter .webform-submission-form .form-item-termsofuse {
	grid-row: 2;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 15px;
	padding: 0 10px;
	text-align: left;
	font-size: 14px;
	line-height: 1.5;
}
.newsletter .webform-submission-form .form-item-termsofuse .form-checkbox {
	flex-shrink: 0;
	margin-top: 1px;
}
.newsletter .webform-submission-form .btn{
	text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    padding-left: 11px;
    padding-right: 11px;
    min-width: 145px;
    cursor: pointer;
}
.newsletter .boxes-box {
	opacity: 1;
	transform: translate3d(0, 0px, 0);
}

.footer__flex ul:not(.contextual-links){
	column-count: 3;
    column-gap: 50px;
}
.toolbar-icon-9 #block-message{
	position: static;
}
.landing-page .newsletter{
		padding-top: 180px;
		background: url(../img/lines.svg) no-repeat bottom 20px left/105% auto;
}
@media (max-width: 767px){
	.newsletter .webform-submission-form {
		grid-template-columns: 1fr;
	}
	.newsletter .webform-submission-form .form-item-email {
		background: 0 0;
		padding: 0;
	}
	.newsletter .webform-submission-form .form-actions {
		grid-column: 1;
		grid-row: 3;
		padding: 0;
		margin-top: 25px;
	}
	.newsletter .webform-submission-form .form-email{
		background: #f7f7f7;
		border-radius: 25px;
		height: 50px;
	}
	.newsletter .webform-submission-form .btn {
		width: 100%;
		height: 50px;
	}
	.newsletter  .form-actions{
		width: 100%;
	}
	.newsletter .boxes-box {
		padding: 30px 20px;
	}
	.footer__flex ul:not(.contextual-links){
		column-count: 1;
		column-gap: 10px;
	}
	.landing-page .newsletter{
		padding-top: 180px;
		background: 0 0;
	}
}

/*block-cri-local-tasks*/
#block-cri-local-tasks, #block-tabs{
    position: fixed;
    left: -200px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
    opacity: 0.9;
    transition: all 0.3s;
    border: 1px solid #1d2844;
    padding-right: 40px;
    background:  #fff url(/themes/custom/cri/img/arrow-icon.png) no-repeat center right;
    background-size: 25px;
}
#block-cri-local-tasks:hover, #block-tabs:hover{
	left: 0px;
	padding-right: 0;
	background:  #fff;
	background-position:   center right;
} 
#block-cri-local-tasks ul, #block-tabs ul{
	border-bottom: 1px solid #000;
	position: relative;
	text-align: center;
	margin:  0;
	width: 200px;
	padding-right:0;
}
#block-cri-local-tasks ul li, #block-tabs ul li {
	display: block;
	margin-bottom: -1px;
	margin-right: 0;
}
#block-cri-local-tasks ul li a, #block-tabs ul li a{
	margin-right: 2px;
	line-height: 1.42857;
	border: 1px solid transparent;
	border-radius:0;
	position: relative;
	display: block;
	font-size: 14px;
	padding: 10px 15px;
	color:#1d2844;
}
#block-cri-local-tasks ul li a.is-active, #block-cri-local-tasks ul li a:hover, #block-tabs ul li a.is-active, #block-tabs ul li a:hover{
	background-color: #1d2844;
	border-bottom-color: transparent;
	cursor: default;
	color: #fff;
}
/*block-cri-local-tasks*/

[data-drupal-messages]{
	text-align: center;
	padding: 0 0 0 8px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #edf6f5;
    max-width: 1180px;
    margin: 5px auto;
    background: #f7f7f7;
    z-index: 9;
}
[data-drupal-messages] ul li{
	list-style: none;
}
.user-login-form{
	max-width: 800px;
    margin: 100px auto;
    padding: 2.1875rem;
    background: #eeeeee;
    -webkit-box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 20px 5px rgb(0 0 0 / 10%);
    border-radius: 5px;
}


.form-assil .form-required::after, .user-login-form .form-required::after{
	position: relative;
	content: '*';
	color: #e54842;
	display: inline-block;
	padding-left: 5px;
}
.user-login-form label, .form-assil  label{
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 8px;
	letter-spacing: .44px;
	display: inline-block;
}

.form-assil  label a{
	color: #094599;
}
.user-login-form .description, .form-assil .description{
	font-size: 11px;
	padding-left: 20px;
	margin-bottom: 8px;
}

.user-login-form .form-text{
	display: block;
    width: 100%;
    border-radius: 25px;
    background: #f7f7f7;
    height: 50px;
    padding-left: 22px;
    padding-right: 30px;
    font-size: 14px;
	margin: 10px 0 5px;
}
.user-login-form .form-actions, .form-assil .form-actions{
	text-align: center;
    margin-top: 40px;
	width: 100%;
}
.form-assil .form-actions{
	margin-top: 0;
}
.user-login-form .form-submit, .form-assil .form-submit{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: #094599;
	font-weight: 700;
	position: relative;
	padding: 11px 25px;
	min-width: 210px;
	cursor: pointer;
	text-align: center;
	border-radius: 25px;
	text-decoration: none;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	width: auto;
}

.user-login-form .form-submit:hover, .form-assil .form-submit:hover, .exposed-cri .form-submit:hover{
	color: #fff;
	text-decoration: none;
	transform: scale(1.05);
	transition: .2s;
}


.form-assil{
	background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 77px 0 rgba(0,0,0,.06);
    padding: 30px 25px 20px;
    overflow: hidden;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	padding: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-radius: 16px;
}

.form-assil .form-item {
    width: calc(50% - 18px);
	display: block;
    margin-bottom: 40px;
}

.form-assil .form-item-subject, .form-assil .form-item-message, .form-assil .js-form-type-checkbox {
	width: 100%;
}



.form-assil  input[type=text], .form-assil  input[type=email], .form-assil  input[type=tel], .form-assil  input[type=password], .form-assil select, .form-assil textarea,  .exposed-cri select, .exposed-cri .form-text{
    display: block;
    width: 100%;
    border-radius: 25px;
    background: #f7f7f7;
    height: 50px;
    padding-left: 22px;
    padding-right: 30px;
    font-size: 14px;
	border: 1px solid #eeeeeb
}

input[type=checkbox]{
	display: inline-block;
	vertical-align: middle;
    background: #f7f7f7;
    height: 20px;
	width: 20px;
    font-size: 14px;
	border: 1px solid #eeeeeb;
	position: relative;

}




  
input[type=checkbox]:before {
	content: '';
	opacity: 0;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 4px;
	height: 10px;
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	margin: -1px -1px 0 -1px;
	transform: rotate(45deg) translate(-50%, -50%);
	z-index: 2;
	
}

input[type=checkbox]:checked {
	background-color: #094599;
}
input[type=checkbox]:checked:before{
	opacity: 1;
}

.form-assil  input[type=text]:focus, .form-assil  input[type=email]:focus, .form-assil  input[type=tel]:focus, .form-assil  input[type=password]:focus, .form-assil select:focus, .form-assil textarea:focus,  .exposed-cri select:focus, .exposed-cri .form-text:focus{
	border-color: #00b0af;
    background: #fff;
}

.exposed-cri .hasDatepicker{
	background: #f7f7f7 url(/themes/custom/cri/img/icon-date.svg) no-repeat right 20px center
}
.exposed-cri .hasDatepicker:focus{
	background: #fff url(/themes/custom/cri/img/icon-date.svg) no-repeat right 20px center
}
.form-assil select, .exposed-cri select{
	background: #f7f7f7 url(/themes/custom/cri/img/icon-select.svg) no-repeat right 20px center
}
.form-assil select:focus, .exposed-cri select:focus{
	background: #fff url(/themes/custom/cri/img/icon-select.svg) no-repeat right 20px center
}
.exposed-cri .form-submit{
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.exposed-cri .form-actions{
	display: none;
}

.form-assil textarea {
    padding-top: 16px;
    height: 155px;
}
.exposed-cri{
	border-radius: 44px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 35px;
	padding: 20px;
	grid-gap: 20px;
}
.exposed-cri form{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.exposed-cri form .form-item{
	width: 49%;
}

.exposed-cri form label{
	display: none;
}

#ui-datepicker-div{
	z-index: 9999 !important;
}

.page-404 #block-cri-content, .cri-content-center #block-cri-content{
	text-align: center;
	padding: 50px 0;
	max-width: 1275px;
    margin: 0 auto;
}


.controls-arrow{
	position: absolute !important;
    top: 45%;
    transform: translateY(-50%);
    box-shadow: none !important;
    overflow: visible !important;
}
.glide__arrow--prev, .glide__arrow--next{
	position: absolute;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	border-radius: 50%;
	background: #a6a6a6 url(/themes/custom/cri/img/arrow-controls.svg) no-repeat center;
}
.glide__arrow--next{
	right: -100px;
}
.glide__arrow--prev{
	left: -100px;
	transform: rotate(180deg);
}

.eservice .glide__arrow--prev{left:10px ;}
.eservice .glide__arrow--next {right: 10px;}

@media (max-width: 1380px){
	.active #block-mainnavigation .flex-nav ul > li:hover > .menu-level-2{
		position: relative;
		left: 0;
		background-color: #fff;
	}
	.active #block-mainnavigation .flex-nav ul > li:hover > .menu-level-2 li {
		border: none;
	}
	.glide__arrow--next{
		right: -50px;
	}
	.glide__arrow--prev{
		left: -50px;
	}
}
@media (max-width: 1200px){
	.glide__arrow--next{
		right: 10px;
	}
	.glide__arrow--prev{
		left: 10px;
	}
}
@media (max-width: 767px){

	.form-assil{
		padding: 30px 20px;
	}
	.form-assil .form-item {
		width: 100%;
	}
	.form-assil .form-item {
		margin-bottom: 25px;
	}
	.exposed-cri form .form-item{
		width: 100%;
		margin-bottom: 10px;
	}
	.exposed-cri form{
		flex-direction: column;
	}
	.exposed-cri{
		padding: 20px  20px 10px 20px ;
	}
	.search-block-form{
		position: relative;
    	right: -18px;
	}
	.search-block-form.active{
		right: -10px;
	}
}

.glide button[disabled] {
    opacity:0.3;
}


.step-items{
	background: linear-gradient(90deg, #3f4855 50%, #ecf4f3 50%);
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 80px;
	border-radius: 32px;
}
.step-items .step-item{
	display: flex;
	justify-content: center;
	padding: 40px;
	align-items: center;
}
.step-items .step-item .step-item-left{
	flex: 0 0 40%;
	padding-right: 20px;
}
.step-items .step-item .step-item-left .step-item-left-content{
	border-radius: 50%;
	opacity: 0;
	transform: translateY(-100%);
	transition: all 2s;
}
.in-view .step-item .step-item-left .step-item-left-content{
	opacity: 1;
	transform: translateY(0);
}
.step-items .step-item .step-item-left .step-item-left-content h2{
	color: #fff;
	font-size: 30px;
	margin-bottom: 15px;
}
.step-items .step-number{
	font-size: 20px;
    margin-bottom: 15px;
	color: #fff;
    display: block;
    font-weight: bold;
}
.step-items .step-item .step-item-left .step-item-left-content p{
	color: #fff;
}

.step-items .step-item .step-item-right{
	flex: 0 0 60%;
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
	min-height: 500px;
}
.step-items .step-item .step-item-right .step-item-right-content ul p{
	font-size: 12px;
	line-height: normal;
}
.step-items .step-item .step-item-right .step-item-right-content ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	margin-top: 30px;
}

.step-items .step-2 .step-item-right .step-item-right-content ul{
	margin-top: 50px;
}
.step-items .step-item .step-item-right .step-item-right-content ul li{
	margin-bottom: 20px;
	text-align: center;
	max-width: 150px;
}

.step-items .step-item .step-item-right .step-item-right-content ul li div{
	border-radius: 50%;
	transition: all 0.5s ease-in;
	margin-bottom: 10px;
	border:4px solid transparent;
	position: relative;
}
.step-items .step-item .step-item-right .step-item-right-content ul li img{	
	border-radius: 50%;
	transition: all 0.5s ease-in;
}
.step-items .step-item .step-item-right .step-item-right-content ul li img:hover{	
	box-shadow: 0 0px 15px 0px rgba(0 ,0, 0,0.5);
}
.step-items .step-item .step-item-right .step-item-right-content ul li .clicked div{
	border-color: #00b0af ;
}

.step-items .step-item .step-item-right .step-item-right-content ul li .clicked div::after{
	content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background: #00b0af url(/themes/custom/cri/img/check-white.svg) no-repeat center;
    border-radius: 40px;
    border: 2px solid #fff;}
.step-items .step-item .step-item-right .step-item-right-content .action{padding-top:20px;text-align: center;}
.block-step{background-color: #fbfafb;border:1px solid #f6f4f6;margin-bottom: 15px;position: relative;padding: 15px 40px 15px 15px;transition: all 0.2s;display: block;width: 100%;}
.block-step.clicked, .block-step:hover{border:1px solid #00b0af;}
.block-step::after{content: '';position: absolute;top: 50%;right:10px; transform: translateY(-50%); display: inline-block;margin-left: 3px;height: 24px;width: 24px;background: url(../img/arr-black.svg) no-repeat ;}
.block-step h3{font-size: 18px;}
.text-center{text-align: center;}
.step-items .faq__item{border-radius: 16px;border-bottom: 1px solid #f6f4f6;}
.step-items .faq__item h4.active{font-size: inherit;}
.step-items .faq__item .dropdown-content{padding-right: 15px;}
.step-items .faq__item .dropdown-content .btn-arr{justify-content: space-between;}
.step-items .step-item .step-item-right .step-item-right-content .faq__item p {
	font-size: 15px;
	line-height: 1.5;
}
.step-num{display: flex;flex-direction: column;position: absolute;left: 39%;top: 100px;z-index: 1;}
.step-num li{
	width: 40px;
	height: 40px;
	border-radius:50px;
	background: #fff;
	border: 1px solid #d8d8d8;
	color: #d8d8d8;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 90px;
	font-weight: bold;
	font-size: 18px;
	opacity: 0;
	transition: all 2s ;
}
.in-view .step-num li{
	opacity: 1;
}

.step-num li.active{
	background-color: #00b0af;
	border-color: #00b0af;
	color: #fff;
}

.step-num li.check{
    background: #3f4855 url(/themes/custom/cri/img/check-white.svg) no-repeat center;
	border-color: #3f4855;
}
.step-num li.check span{
	opacity: 0;
}
.anim-top{
	opacity: 0;
	transform: translateY(-50%);
	transition: all 2s ;
}
.anim-bottom{
	opacity: 0;
	transform: translateY(50%);
	transition: all 2s ;
}

.in-view .anim-bottom, .in-view .anim-top{
	opacity: 1;
	transform: translateY(0);
}

.previous{
	color: #fff;
    margin-top: 80px;
    cursor: pointer;
    display: inline-block;
}
.previous::before{
	content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 5px;
    height: 24px;
    width: 24px;
    background: url(../img/arr-white.svg) no-repeat center center/contain;
    transition: .2s;
    transform: rotate(180deg);
}

.activites {
	padding: 30px 0 56px; 
}
.activites-box a{
	display: block;	
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.activites-box a:after{
	content: '';
	opacity: 0.7;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
    top: 0;
	mix-blend-mode: multiply;
	border-radius: 16px;
	background-image: linear-gradient(to bottom, rgba(113, 126, 140, 0), #000);
	z-index: 1;
	transition: all .2s ease-in;
}
.activites-box:hover a:after{
	background-image: linear-gradient(to bottom, #00b0af, #00b0af);
	mix-blend-mode:inherit;
}

.activites-box a .img{
	z-index: 0;
	transform: scale(1);
	transition: all .2s ease-in;
	min-height: 360px;
    object-fit: cover;
}
.activites-box a:hover .img{
	transform: scale(1.1);
}
.activites-box a .activites-box-desc{
	position: absolute;
	left: 32px;
	bottom: 32px;
	z-index: 2;

}
.activites-box a .icon {
	height: 40px;
	margin-bottom: 8px;
}
.activites-box a .activites-box-desc h2{
  font-size: 35px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  position: relative;
}
.activites-box a .activites-box-desc h2:after{
	content: "";
	position: absolute;
	bottom: -3px;
	width: 0;
	max-width: 175px;
	height: 3px;
	background: #fff;
	left: 0;
	transition: width 400ms ease-in-out 100ms;
}
.activites-box a:hover .activites-box-desc h2:after{
    width: 40%;
}
@media (max-width: 1120px){	
	.step-items{
		width: calc(100% - 50px);
	}	
	.activites-box a .activites-box-desc h2{
		font-size: 30px;
	}
}
@media (max-width: 767px){	
	.step-items{
		width: calc(100% - 40px);
		background: linear-gradient(180deg, #3f4855 50%, #ecf4f3 50%);
	}	
	.step-items .step-item{
		flex-direction: column;
		padding: 60px 30px;
	}
    .step-items .step-item .step-item-left{	
		min-height: 300px;	
	}
	.step-num{
		left: 0;
		top: -19px;
		right: 0;
		margin: 0 auto;
		width: 80%;
		flex-direction: row;
    	justify-content: space-between;
	}
	.previous{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.step-items .step-item .step-item-right .step-item-right-content ul li{
		max-width: 140px;
		width: 50%;
	}
	.step-items .step-item .step-item-right{
		padding: 30px 10px;
	}
}
/*banner-img*/
.banner-img{
	text-align: center;	
}
.banner-img img{
	display: inline-block;
	min-height: 368px;
	object-fit: cover;
	width: 100%;
}
/*banner-img*/

/*block-secteur-national*/
.block-secteur-national{
	background-color: #fff;
	padding: 120px 20px 92px;
}
.block-secteur-national .flex{
	align-items: center !important;
}
.block-secteur-national .block-left, .block-secteur-national .block-right{
	width: 50%;
	min-width: 50%;
}
.block-secteur-national .block-left{
	padding-right: 32px;
	font-size: 18px;
}
.block-secteur-national .block-right img{
	width: 100%;
	border-radius: 16px;
	margin-bottom: 20px;
}

.block-secteur-national h2{
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: normal;
	color: #303741;
	margin-bottom: 10px;
	letter-spacing: -0.01em;
}
.block-secteur-national p{
	margin-bottom: 10px;
}
.list-secteur-national-items{
	margin-top: 40px;
}
.list-secteur-national-items .list-secteur-national-item{
	background-color: #F4F7FB;
	border-radius: 16px;
	text-align: center;
	padding: 40px 0 9px 0;
}
.list-secteur-national-items .list-secteur-national-item img{
	display: inline-block;
	margin-bottom: 20px;
}
.list-secteur-national-items .list-secteur-national-item p{
	color: #303741;
}
.align-items-center{
	align-items: center !important;
}
/*block-secteur-national*/
/*offre-valeur*/
.offre-valeur{
	padding: 100px 20px 60px;
	background-color: #fff;
}

.offre-valeur .offre-valeur-left .img-wrapper{
	margin: 0px 0 15px;
}
.offre-valeur .offre-valeur-left .img-wrapper img{
	width: 100%;
	display: block;
	border-radius: 8px;
}
.offre-valeur .offre-valeur-left{
	min-width: 456px;
	max-width: 456px;
}
.offre-valeur .offre-valeur-right{
	padding-left: 48px;
	min-width: calc(100% - 456px);
}
.offre-valeur .offre-valeur-right h2{
	font-size: 48px;
	margin-bottom: 25px;
	max-width: 60%;
}
.offre-valeur p {margin-bottom: 10px;}
.offre-valeur .offre-valeur-right p{
	text-align: left;
}
.offre-valeur .offre-valeur-right img{
	margin-bottom: 10px;
	display: inline-block;
	border-radius: 8px;
}
.offre-valeur .offre-valeur-right .valeur-items {
	display: flex;
	flex-wrap: wrap;
}
.offre-valeur .offre-valeur-right li.valeur-item{
	width: 192px;
    margin-right: 20px;
	margin-bottom: 40px;
	text-align: center;
}

.offre-valeur .offre-valeur-right li.valeur-item p{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0;
}


.offre-valeur.switch .offre-valeur-right{
	padding-right: 48px;
	padding-left: 0;
}
@media (max-width: 1000px){	
	.offre-valeur .offre-valeur-right h2{max-width: auto;}
	.offre-valeur .offre-valeur-right{padding-left: 20px;}
	.offre-valeur .offre-valeur-left, .offre-valeur .offre-valeur-right{min-width: auto;width: 50%;}
	.offre-valeur .offre-valeur-right li.valeur-item {
		width: 48%;
		margin-right: 6px;
		margin-bottom: 40px;
	}
}



/*offre-valeur*/

/*block-investissement*/
.block-investissement{
	background: #F4F7FB url(../img/offshoring/lines-bg.png) no-repeat top center;
    padding: 120px 20px 104px;
    background-size: contain;
}
.block-investissement.no-bg{
	background: #F4F7FB;
}
.block-investissement .block-investissement-left{
	min-width: 360px;
    padding-right: 22px;
}
.block-investissement .block-investissement-left h2{
	font-size: 38px;
	margin-bottom: 20px;
}
.block-investissement .block-investissement-left p{
	font-size: 18px;
	margin-bottom: 30px;
}
.block-investissement .block-investissement-left .wrapper-img img{width: 100%;}
.block-investissement .block-investissement-right{
	min-width: calc(100% - 360px);
}
.investissement-lists{
	display: flex;
	flex-wrap: wrap;
}
.investissement-list{
	width: 240px;
	background-color: #fff;
	padding: 16px;
	margin: 10px;
	border-radius: 8px;
}


.block-investissement.no-bg .investissement-list{
	background-color: transparent;
	padding: 0;
}
.investissement-list .wrapper-img{
	margin-bottom: 8px;
}
.investissement-list .wrapper-img img{
	display: block;
	border-radius: 8px;
}
.investissement-list h3{
	font-size: 18px;
	text-transform: uppercase;
	font-family: Mulish, sans-serif;
}
.block-investissement.no-bg .investissement-list  h3{
	text-transform: inherit;
}
.investissement-list p{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
@media (max-width: 1000px){	
	.investissement-list{
		width: 174px;
		margin: 5px;
	}
}
/*Fin block-investissement*/

/*block-lien*/
.block-lien{
	background-color: #F4F7FB;
	padding: 100px 20px;
}
.block-lien .block-lien-left{
	min-width: 360px;
    padding-right: 22px;
}

.block-lien .block-lien-left h2{
	font-size: 38px;
	margin-bottom: 20px;
}
.block-lien .block-lien-right{
	min-width: calc(100% - 360px);
}
.block-lien .block-lien-right .block-lien-lists{
	display: flex;
    flex-wrap: wrap;
}
.block-lien .block-lien-right .block-lien-lists .block-lien-list{
	background-color: #fff;
	display: flex;
	align-items: center;
	max-width: 376px;
	width: 48%;
	margin: 6px;
	border-radius: 8px;
	padding: 30px 24px;
}	
@media (max-width: 1000px){	
	.block-lien .block-lien-right .block-lien-lists .block-lien-list{
		width: 100%;
	}
}
.block-lien .block-lien-right .block-lien-lists .block-lien-list img{
	min-width: 96px;
}

.block-lien .block-lien-right .block-lien-lists .block-lien-list p{
	color: #094599; 
	font-size: 12px;
	padding-left: 10px;
    font-weight: 700;
}
/*Fin block-lien*/

/*block-incitations*/
.block-incitations{padding: 100px 20px; }
.block-incitations .wrapper-img{margin-bottom: 45px;}
.block-incitations .wrapper-img img{width: 100%;min-height: 240px;object-fit: cover;border-radius: 16px;}
.block-incitations .incitations-desc{}
.block-incitations .incitations-desc h2{font-size: 40px;font-weight: 700;text-align: center;}
.block-incitations .incitations-desc p{font-size: 18px;color: #303741;text-align: center;}

.incitations-lists {
	margin: 24px 0;
}
.incitations-lists .incitations-list{
	background-color: #F4F7FB;
	border-radius: 16px;
	padding: 16px 24px;
	margin: 4px;
    max-width: 372px;
	width: 33.33%;
}

.incitations-lists .incitations-list h3{
	font-style: Bold;
	font-size: 48px;
	line-height: 1.6;
	color: #D1DFF0;
	position: relative;
}
.incitations-lists .incitations-list h3{
	position: relative;
	font-size: 48px;
    line-height: 1.55;
    font-weight: 700;
	color: #D1DFF0;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.incitations-lists .incitations-list h3:after{
	content: '';
	background: url(/themes/custom/cri/img/offshoring/icon-Subscription.png) no-repeat ;
	height: 22px;
	width: 22px;
	display: block;
    background-size: cover;
}
.incitations-lists .incitations-list p{text-align: left;font-size: 16px;line-height: 1.6;}
.incitations-lists .incitations-list a{font-size: 12px;color: #094599;font-weight: 700;cursor: pointer}
/*Fin block-incitations*/

/*sectorielle*/
.block-sectorielle{
	padding: 72px 20px;
	background: #F4F7FB url(../img/offshoring/lines-bg.png) no-repeat top center;
}
.block-sectorielle h2{font-size: 48px;font-weight: 700;margin-bottom: 20px;text-align: center;}
.block-sectorielle p{font-size: 16px;color: #303741;text-align: center;padding-bottom: 16px;}
.block-sectorielle .block-chiffres{border-top: 1px solid #DAE5F1;margin: 16px 0;padding: 32px 0;}
.block-sectorielle h3{font-size: 32px;text-align: center;margin-bottom: 16px;}
.block-sectorielle .lists-chiffres{justify-content: center;align-items: stretch;}
.block-sectorielle .lists-chiffres .list-chiffres{width: 224px;background: #fff;padding: 24px;border-radius: 8px;margin: 8px;}
.block-sectorielle .lists-chiffres .list-chiffres img{margin-bottom: 10px;}
.block-sectorielle .lists-chiffres .list-chiffres h4{line-height: normal;font-size: 24px;font-weight: 700;letter-spacing: -1px;}
.block-atouts{max-width: 928px;margin: 0 auto;}
.block-atouts-left, .block-atouts-right{width: 456px;}
.block-atouts-left h2{text-align: left;margin-bottom: 0;}
.block-atouts-left p{text-align: left;}
.block-atouts .atouts-item{background-color: #fff;padding: 32px;border-radius: 16px;margin-bottom: 16px;}
.block-atouts .atouts-item .wrapper-img{overflow: hidden;margin-bottom: 10px;}
.block-atouts .atouts-item .wrapper-img img{width: 100%;display: block;border-radius: 8px;}
.block-atouts .atouts-item p{font-size: 16px;margin: 0; padding: 0;}
@media (max-width: 1000px){	
	.block-atouts-left, .block-atouts-right{width: 48%;}
	.block-atouts .atouts-item{
		margin-bottom: 32px;
	}
}
.swiper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 176px !important;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }
.block-entreprises{
	padding:  70px 0 100px;
	width: 100%;
	background-color: #fff;
	position: relative;
}
.block-entreprises h2{
	font-size: 48px;font-weight: 700;margin-bottom: 40px;text-align: center;
}
.block-entreprises .swiper{max-width: 928px;margin: 0 auto;}
.block-entreprises .swiper .swiper-wrapper{}
.block-entreprises .swiper .swiper-wrapper .swiper-slide {border-radius: 16px;transition: all 0.3s;background: #fff;}
.block-entreprises .swiper .swiper-wrapper .swiper-slide .wrapper-img{}
.block-entreprises .swiper .swiper-wrapper .swiper-slide .wrapper-img img{transition: all 0.3s; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.block-entreprises .swiper .swiper-wrapper .swiper-slide:hover{background: #F4F7FB;}
.block-entreprises .swiper .swiper-wrapper .swiper-slide:hover  .wrapper-img img{-webkit-filter: grayscale(0);filter: grayscale(0);}
.block-entreprises .swiper-pagination {bottom: 50px;}
.block-entreprises .swiper-pagination  .swiper-pagination-bullet{opacity: 0.4;border: 1px solid #303741;background: #fff;}
.block-entreprises .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background: #00AFA3;border-color: #00AFA3;width: 32px;border-radius: 9px;}

.two-block-tourism{padding: 100px 20px 70px;background: #F4F7FB url(../img/offshoring/lines-bg.png) no-repeat top center;}
.two-block-tourism .flex{
	align-items: center !important;
}
.two-block-tourism h2{font-size: 48px;margin-bottom: 30px;}
.two-block-tourism .two-block-tourism-left{width: 50%;padding-right: 60px;}
.two-block-tourism .two-block-tourism-right{width: 50%;max-width: 560px;}
.two-block-tourism .two-block-tourism-right img{width: 100%;border-radius: 16px;}
.two-block-tourism .two-block-tourism-left .flex .element-two-block{background: #fff;border-radius: 8px;padding: 24px;margin-right: 16px;}
.two-block-tourism .two-block-tourism-left .flex .element-two-block p{font-size: 12px;margin-top: 16px;}
.two-block-tourism.switch .two-block-tourism-left{padding-right: 0;padding-left: 60px;}
.two-block-tourism.switch {background: #fff;}
.two-block-tourism p{margin-bottom: 10px;}
@media (max-width: 1000px){	
	.two-block-tourism .two-block-tourism-left .flex .element-two-block{padding: 10px;margin-right: 10px;}
	.two-block-tourism.switch .two-block-tourism-left{padding-left: 20px;}
	.two-block-tourism .two-block-tourism-left{padding-right: 20px;}
}
/*block-one*/
.block-one {background: #F4F7FB url(../img/offshoring/lines-bg.png) no-repeat 0 30%;padding-bottom: 80px;}
.block-one  .img-wrapper img{width: 100%;}
.block-one  .porte-afrique{padding: 40px;position: relative;max-width: 880px;width: 100%;margin:  0 auto;background: #FFFFFF;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);border-radius: 16px;left: 0;right: 0;margin-top: -208px;z-index: 1;}
.block-one  .porte-afrique .desc{text-align: center;}
.block-one  .porte-afrique .desc h2{font-style: normal;font-weight: bold;font-size: 48px;margin-bottom: 20px;}
.block-one  .porte-afrique .desc h3{color: #00AFA3;margin-bottom: 16px;}
.block-one  .porte-afrique .destination h3{color: #00AFA3;margin-bottom: 16px;}
.block-one  .porte-afrique .desc p{font-size: 16px;}
.block-one .destination {border-top:1px solid #DAE5F1;padding-top: 20px;margin-top: 16px;}
.block-one .destination  p{color: #303741;font-weight: bold;padding-bottom: 20px;}
.block-one .destination  ul{flex-wrap: wrap;}
.block-one .destination  ul li{width: calc(50% - 4px);}
.block-one .destination  ul li div{background: #F4F7FB;border-radius: 8px;margin-bottom: 8px;min-height: 60px;align-items: center;padding: 16px;}
.block-one .destination  ul li div .city{display: flex;align-items: center;justify-content: flex-start;}
.block-one .destination  ul li div .city{color: #094599;}
.block-one .destination  ul li div .city span{font-size: 16px;color: #094599;padding-left: 20px;}
.block-one .destination  ul li div .time{display: flex;flex-direction: row;align-items: center;padding: 0px 8px;background: #FFFFFF;border-radius: 72px;font-size: 12px;color: #303741;min-width: 72px;justify-content: space-between;}
.block-one .img-top img{min-height: 360px;object-fit: cover;}
.block-one .img-bottom img {min-height: 360px;object-fit: cover;}
/*block-one*/

/*block-two*/
.block-two{background: #F4F7FB;padding: 74px 20px 80px;}
.block-two p{margin-bottom: 10px;}
.block-two .flex{align-items: center !important;} 
.block-two .block-left, .block-two .block-right{width: 50%;min-width: 50%;}
.block-two .block-left{padding-right: 32px;}
.block-two .block-right img{width: 100%;border-radius: 16px;}
.block-two h2{font-size: 48px;margin-bottom: 14px;}
.block-two h2{font-size: 48px;margin-bottom: 14px;}
.block-two .lists-block-two{margin-top: 24px;}
.card-list{background-color: #fff;padding: 24px;border-radius: 8px;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);margin-bottom: 8px;}
.card-list a{display: block;height: 100px;}
.card-list img{object-fit: cover;}



/*block-two*/

/*block-three*/
.block-three{
	padding: 70px 20px ; 
}
.block-towimg-desc{
	max-width: 1114px;
	margin: 0 auto 160px;
	position: relative;
}
.block-towimg-desc .block-left{
	width: calc(50% - 16px);
}
.block-towimg-desc .block-left img{
	width: 100%;
	display: flex;
	border-radius: 16px;
}
.block-towimg-desc .block-right{
	width: calc(50% - 16px);
	margin-top: 40px;
}
.block-towimg-desc .block-right img{
	width: 100%;
	display: flex;
	border-radius: 16px;
}
.block-towimg-desc .desc-block{
	padding: 28px;
    position: absolute;
    width: 400px;
    background: #F4F7FB;
    border-radius: 16px;
    top: 208px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.block-towimg-desc .desc-block h2{font-size: 32px;margin-bottom: 10px;}
.block-towimg-desc .desc-block p{font-size: 16px;text-align: center;}
.block-three .block-graphe h2{font-size: 32px;color: #303741;margin-bottom: 30px;text-align: center;}
.block-three .block-graphe h3{color: #00AFA3;margin-bottom: 16px;text-align: center;}
.block-three .block-graphe .align-items-center{margin-top: 70px;}
.block-three .block-graphe .align-items-center img {max-width: 421px;width: 100%;}
.block-three .block-graphe .align-items-center h2{text-align: right;padding-right: 33px;}
/*Fin block-three*/
/*Fin block-four*/
.block-four{background: #F4F7FB;padding: 100px 20px;}
.block-desc{max-width: 800px;margin: 0 auto 40px;text-align: center;}
.block-four h2{font-size: 48px;margin-bottom: 10px;}
.block-four .flex li{width: 20%;max-width: 20%;padding: 0 16px;}
.block-four .flex li h3{font-size: 16px;font-weight: bold;margin:6px 0 0 ;padding-bottom: 8px; font-family: inherit;position: relative;}
.block-four .flex li h3:after{width: 40%;content: '';height: 1px;left: 0;bottom: 4px;position: absolute;}
.block-four .flex li:nth-child(1) h3:after{background-color: #E1606B;}
.block-four .flex li:nth-child(2) h3:after{background-color: #C153AE;}
.block-four .flex li:nth-child(3) h3:after{background-color: #8B60C7;}
.block-four .flex li:nth-child(4) h3:after{background-color: #1160D0;}
.block-four .flex li:nth-child(5) h3:after{background-color: #00A3F5;}
.block-four .img-wrapper img {border-radius: 8px;}

.block-five {padding: 70px 20px;background: #fff;}
.block-five .block-towimg-desc{margin-bottom: 124px;}
.block-five ul.flex{} 
.block-five ul.flex li{width:25%;max-width: 25%;padding: 0 16px;} 
.block-five ul.flex li img{border-radius: 8px;}
.block-five ul.flex li h3{font-weight: bold;margin:6px 0 0 ;padding-bottom: 8px; font-family: inherit;position: relative;font-size: 18px;}
.block-five ul.flex li p{font-size: 14px;display: flex;margin-bottom: 12px;} 
.block-five ul.flex li p:before{content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;background-color: #00AFA3;min-width: 8px;margin-right: 8px;margin-top: 10px;}

.block-last{background: #fff;padding: 100px 20px;}
.list-vie{column-count: 3;column-gap: 20px;}
.list-vie li{margin-bottom: 32px; break-inside: avoid-column;}
.list-vie li .wrapper-content{border-radius: 16px;}
.list-vie li .wrapper-content img{border-radius: 8px 8px 0 0 ;}
.list-vie li .wrapper-content .content-list-vie{padding: 32px;}
.list-vie li .wrapper-content h3{font-weight: bold;font-size: 24px;padding: 16px 0;position: relative;text-align: center;}
.list-vie li .wrapper-content h3:after {content:'';background: #FFFFFF;box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.05);display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;}
.list-vie li .wrapper-content p{font-size: 14px;display: flex;align-items: flex-start;margin-bottom: 20px;} 
.list-vie li .wrapper-content p:before{content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;min-width: 8px;margin-right: 8px;margin-top: 8px;}

.list-vie li .wrapper-content.nocturne{background-color: #F6F9FE;}
.list-vie li .wrapper-content.nocturne h3{color: #1160D0;}
.list-vie li .wrapper-content.nocturne p:before{background-color: #1160D0;}

.list-vie li .wrapper-content.culturelle{background-color: #FEFAF5;}
.list-vie li .wrapper-content.culturelle h3{color: #F5933D;}
.list-vie li .wrapper-content.culturelle p:before{background-color: #F5933D;}

.list-vie li .wrapper-content.shopping{background-color: #FEFBF1;}
.list-vie li .wrapper-content.shopping h3{color: #CEA10D;}
.list-vie li .wrapper-content.shopping p:before{background-color: #CEA10D;}

.list-vie li .wrapper-content.touristique{background-color: #F3FCFB;}
.list-vie li .wrapper-content.touristique h3{color: #00AFA3;}
.list-vie li .wrapper-content.touristique p:before{background-color: #00AFA3;}


.list-vie li .wrapper-content.seculaire{background-color: #F9F7FC;}
.list-vie li .wrapper-content.seculaire h3{color: #8B60C7;}
.list-vie li .wrapper-content.seculaire p:before{background-color: #8B60C7;}

.list-vie li .wrapper-content.sportive{background-color: #FDF7F7;}
.list-vie li .wrapper-content.sportive h3{color: #E1606B;}
.list-vie li .wrapper-content.sportive p:before{background-color: #E1606B;}


/*block digital*/
.block-digital{padding: 0 0 70px;position: relative;background: #F4F7FB;}
.block-digital .wrapper-img{}
.full-bg{position: relative;}
.full-bg img{width: 100%;display: block;min-height: 650px;object-fit: cover;}
.full-bg .cont{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 100%;}
.full-bg .cont .digital-card{width: 560px;margin: 100px 20px 0 auto;}
.full-bg .cont .digital-card p {font-size:20px;}
.full-bg .cont h2{font-size: 48px;color: #fff;margin-bottom: 16px;}
.full-bg .cont h3{font-size: 24px;color: #CEA10D;margin-bottom: 16px;}
.full-bg .cont .digital-card.black *{color: #303741;}
.full-bg .cont p{color: #fff;font-size: 16px;}
.block-digital .cont{max-width: 976px;padding: 0 20px;}
.items-digital{column-count: 3;column-gap: 8px;margin-top: -77px;position: relative;}
.items-digital li{background-color: #fff;text-align: center;padding: 48px 45px;margin-bottom: 8px;  break-inside: avoid-column;border-radius: 8px;} 
.items-digital li img{display: inline-block;margin-bottom: 6px;}
.items-digital li p{font-size: 14px;font-weight: bold;line-height: normal;}
.desc-block-digitale{margin-top: 60px;text-align: center;}
.desc-block-digitale h2 {font-size: 32px;margin-bottom: 10px;}
.desc-block-digitale p {margin-bottom: 20px;}
.block-digital .flex li{width:calc(50% - 8px);max-width: calc(50% - 8px);background-color: #fff;border-radius: 16px;}
.block-digital .flex li .wrapper-content{padding: 32px 24px;}
.block-digital .flex li img{border-radius: 16px 16px 0 0;width: 100%;}
.block-digital .flex li .wrapper-content p {font-size: 14px;display: flex;align-items: flex-start;margin-bottom: 4px;}
.block-digital .flex li .wrapper-content p:before {content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;background-color: #F5933D;min-width: 8px;margin-right: 8px;margin-top: 8px;}

.block-urban{padding: 70px 20px;background-color: #fff;}
.cont-min{max-width: 944px;margin: 0 auto;}
.block-urban .cont-min .flex > div{width: 456px;max-width: 456px;}
.block-urban .cont-min .flex{align-items: center;}
.block-urban .cont-min .flex  .card-urban{background-color: #1160D0;text-align: center;margin-bottom: 32px;padding: 32px;border-radius: 32px;}
.block-urban .cont-min .flex  .card-urban img{display: inline-block;}
.block-urban .cont-min .flex  .card-urban h2{font-size: 32px;color: #fff;margin-bottom: 16px;}
.block-urban .cont-min .flex  .card-urban p{color: #fff;}
.block-urban .cont-min .flex  .wrapper-img{	margin-bottom: 32px;}
.block-urban .cont-min .flex  .wrapper-img img{border-radius: 32px;}
.urban-list{padding-top: 30px;}
.urban-list li{width: calc(20% - 4px);background-color: #F6F9FE;border-radius: 16px;}
.urban-list li .block-desc{padding: 24px 24px 16px;text-align: left;border-bottom: 1px solid #DAE5F1;margin-bottom: 0;}
.urban-list li .block-desc img{margin-bottom: 16px;min-width: 16px;max-width: 16px;height: 23px;}
.urban-list li .block-desc h3{font-size: 16px;color: #303741;font-family: inherit;}
.urban-list li .block-desc p{font-size: 12px;}
.urban-list li .block-icon {padding: 24px 24px 16px;}
.urban-list li .block-icon span{display: flex;align-items: center;justify-content: flex-end;font-size: 12px;margin-bottom: 18px;}
.urban-list li .block-icon span img{min-width: 22px;max-width: 22px;margin-right: auto;}
.urban-list li .block-icon span em{text-align: right;font-style: normal;}



.block-multimodale{padding: 90px 20px 60px;background-color: #fff;}
.block-multimodale .cont{}
.block-multimodale .items-multimodale{align-items: center;margin-bottom: 30px;}
.block-multimodale .item-multimodale{width: calc(33.33% - 16px );}
.block-multimodale .items-multimodale .item-multimodale{}
.block-multimodale .items-multimodale .item-multimodale .wrapper-img{margin-bottom: 32px;}
.block-multimodale .items-multimodale .item-multimodale .wrapper-img img{width: 100%;border-radius: 16px;}
.block-multimodale .multimodale-card{margin-bottom: 32px;background-color: #00AFA3;border-radius: 16px;padding: 32px;text-align: center;}
.block-multimodale .multimodale-card img{display: inline-block;}
.block-multimodale .multimodale-card h2{font-size: 32px;margin-bottom: 24px;color: #fff;}
.block-multimodale .multimodale-card p{color: #fff;}

.wrapper-block-multimodale li{width: calc(20% - 8px);}
.b-multimodale{padding: 24px;border-top:1px solid rgba(48,55,65,0.1);}
.b-multimodale:first-child{border-top: none;}
.b-multimodale img{margin-bottom: 4px;}
.blue{background-color: #F6F9FE;border-radius: 8px;}
.lilac{background-color: #F9F7FC;border-radius: 8px;margin-bottom: 8px;}
.purple{background-color: #FCF7FC;border-radius: 8px;}
.orange {background-color: #FEFAF5;border-radius: 8px;}
.mint{background-color: #F3FCFB;border-radius: 8px;}
.digital-service{
    padding-bottom: 50px;
	background: #F4F7FB url(../img/lines.svg) no-repeat bottom 20px left/105% auto;
}
.digital-service .flex{margin-top: -160px;position: relative;align-items: center;padding: 0 20px;}
.digital-service .flex .items-sites{width: calc(33.33% - 8px);}
.digital-service .flex .items-sites .item-site{background: #FFFFFF;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;padding: 56px 40px;margin-bottom: 8px;}
.digital-service .flex .items-sites .item-site .logo{margin-bottom: 12px;}
.digital-service .flex .items-sites .item-site a{font-weight: bold;font-size: 18px;color: #303741;display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;}
.digital-service .flex .items-sites .item-site p{font-size: 14px;margin-bottom: 16px;}

.block-opportunite{padding: 72px 20px;background: #F4F7FB url(../img/offshoring/lines-bg.png) no-repeat top center;}
.block-opportunite-wrapper{padding:64px 0;border-top: 1px solid #DAE5F1;}
.two-block-opportunite .block-left{max-width: 560px;min-width: 50%;padding-right: 32px;}
.two-block-opportunite .wrapper-img img{border-radius: 16px;}
.two-block-opportunite .block-left h3{font-size: 24px;margin-bottom: 10px;}
.two-block-opportunite .block-left .flex{margin-top: 24px;}
.two-block-opportunite .block-left .flex .card-list{padding: 16px;}
.two-block-opportunite .block-left .flex li{width: calc(33.33% - 4px);}
.two-block-opportunite .block-left .flex p{font-size: 13px;}
.two-block-opportunite .block-right{max-width: 560px;min-width: 50%;}
.two-block-opportunite .block-right .wrapper-img img{border-radius: 16px;}
.block-opportunite-wrapper .items-img .items-img-small{max-width: 264px;}
.block-opportunite-wrapper .items-img img{border-radius: 16px;}
.block-opportunite-wrapper .items-img .items-img-big{max-width: 560px;}
.block-opportunite-wrapper .wrapper-card-list .card-list{width: calc(25% - 8px);font-size: 14px;}
.block-opportunite-wrapper .wrapper-card-list{margin-top: 32px;align-items: center;}
.block-opportunite-wrapper .item-offre{width: calc(50% - 8px);background: #FFFFFF;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;margin-top: 24px;}
.block-opportunite-wrapper .item-offre .item-offre-header{text-align: center;padding: 24px 24px 16px;    border-bottom: 1px solid #DAE5F1;}
.block-opportunite-wrapper .item-offre .item-offre-header img{display: inline-block;}
.block-opportunite-wrapper .item-offre .item-offre-body{padding: 24px 24px 14px;}
.block-opportunite-wrapper .item-offre .item-offre-body p{font-size: 14px;display: flex;align-items: flex-start;margin-bottom: 10px;}
.block-opportunite-wrapper .item-offre .item-offre-body p:before {content: '';width: 8px;height: 8px;border-radius: 8px;display: inline-block;min-width: 8px;margin-right: 8px;background-color: #1160D0;margin-top: 8px;}
.block-opportunite-wrapper .item-offre:nth-child(2) .item-offre-body  p:before {background-color: #00AFA3;}



@media (max-width: 1000px){	
	.block-one .porte-afrique{width: 98%;}
	.block-one .destination ul li div .city img {width: 140px;}
	.block-one .destination ul li div .city span {font-size: 12px;color: #094599;padding-left: 6px;}
	.block-two h2{font-size: 32px;}
	.block-towimg-desc .block-right img, .block-towimg-desc .block-left img{min-height: 400px;object-fit: cover;}
	.block-towimg-desc .desc-block{top: 180px;}
	.block-multimodale .item-multimodale{
		width: calc(33.33% - 8px );
	}
	.multimodale-card h2 {font-size: 28px;}
	.multimodale-card {margin-bottom: 8px;}
	.block-four h2 {font-size: 32px;}
	.block-four .flex li {padding: 0 8px;}
	.block-five ul.flex li{padding: 0 8px;}
	.two-block-opportunite .block-left{padding-right: 16px;}
	.two-block-opportunite .block-left .flex {margin-top: 24px;flex-wrap: wrap;}
	.two-block-opportunite .block-left .flex li {width: calc(50% - 8px);}
	.two-block-opportunite .block-left .flex p{font-size: 12px;}
	.block-opportunite-wrapper .items-img .items-img-big {padding: 0 8px;}
	.block-desc h2{font-size: 32px;margin-bottom: 20px;}
	.block-opportunite-wrapper .item-offre .item-offre-header {padding: 16px;}
	.block-opportunite-wrapper .item-offre .item-offre-body {padding: 12px;}
	.block-urban .cont-min .flex > div {width: calc(50% - 8px);max-width: 456px;}
	.block-urban .cont-min .flex .card-urban{margin-bottom: 16px;}
	.urban-list li .block-icon {padding: 12px;}
	.urban-list li .block-desc {padding: 12px;}
}
@media (max-width: 676px){	
	.block-secteur-national .block-left, .block-secteur-national .block-right{
		width: 100%;
		min-width: 100%;
	}
	.block-atouts-left, .block-atouts-right {
		width: 100%;
	}
	.offre-valeur .offre-valeur-left{
		width: 100%;
	}
	.offre-valeur .offre-valeur-right{
		padding-left: 0;
		width: 100%;
	}
	.offre-valeur .offre-valeur-right li.valeur-item{
		margin-right: 4px;
	}
	.block-investissement .block-investissement-left{
		min-width: auto;
		padding-right: 0;
		width: 100%;
	}
	.investissement-list{
		width: 48%;
		margin: 2px;
	}
	.incitations-lists .incitations-list{
		width: 100%;
	}
	.block-lien .block-lien-left{
		min-width: auto;
		padding: 0;
	}
	.offre-valeur.switch .offre-valeur-right{
		padding: 0;
	}
	.two-block-tourism .two-block-tourism-left {
		padding-right: 0;
		width: 100%;
		padding-bottom: 30px;
	}
	.two-block-tourism .two-block-tourism-right {
		width: 100%;
		max-width: 100%;
	}
	.two-block-tourism .two-block-tourism-left .flex .element-two-block{
		margin: 0 0 20px;
	}
	.two-block-tourism.switch .two-block-tourism-left{
		padding-left: 0;
	}
	.two-block-tourism h2{
		margin-top: 30px;
	}
	.block-one .img-top{
		margin-bottom: 0;
	}
	.block-one .destination ul li{
		width: 100%;
	}
	.block-five .block-towimg-desc {
		margin-bottom: 50px;
	}
	.block-opportunite-wrapper .items-img{
		justify-content: center;
	}
	.block-opportunite-wrapper .items-img li{
		margin-bottom: 20px;
	}
	.block-opportunite-wrapper .wrapper-card-list .card-list{
		width: 100%;
	}
	.block-opportunite-wrapper .item-offre{
		width: 100%;
	}
	.block-multimodale .item-multimodale{
		width: 100%;
	}
	.wrapper-block-multimodale li {
		width: 100%;
		margin-bottom: 20px;
	}
	.block-one .porte-afrique {
		width: 100%;
		position: relative;
		margin-top: -140px;
		margin-bottom: 40px;
		padding: 20px;
	}
	.block-two .block-left, .block-two .block-right{
		min-width: 100%;
		width: 100%;
	}
	.block-two .block-left {
		padding-right: 0;	
	}
	.block-two .block-right{margin-top: 20px;}
	.block-towimg-desc .block-left{
		width: 100%;
	}
	.block-towimg-desc .block-right {
		width: 100%;
		margin-top: 16px;
	}
	.block-towimg-desc .desc-block{
		position: relative;
		top: inherit;
		margin-top: 16px;
	}
	.block-towimg-desc{
		margin: 0 auto 30px;
	}
	.block-four {
		padding: 60px 20px;
	}
	.block-four .flex li {
		padding: 0 16px;
		margin-bottom: 20px;
		width: 100%;
		max-width: 100%;
	}
	.block-four .img-wrapper img {
		width: 100%;
	}
	.block-five ul.flex li {
		width: 100%;
		max-width: 100%;
		padding: 0 16px;
		margin-bottom: 16px;
	}
	.block-five ul.flex li img{
		width: 100%;
	}
	.block-opportunite-wrapper{
		padding: 34px 0;
	}
	.two-block-opportunite .block-left{
		padding: 0;
	}
	.two-block-opportunite .block-left{
		margin-bottom: 20px;
	}
	.full-bg .cont .digital-card{
		padding: 0 20px;
		width: 100%;
	}
	.full-bg .cont .digital-card h2{
		font-size: 32px;
	}
	.digital-service .flex .items-sites{
		width: 100%;
	}
	.block-urban .cont-min .flex > div, .urban-list li{
		width: 100%;
	}
	.urban-list li{
		margin-bottom: 20px;
	}
	.items-digital{
		column-count: 1;
	}
	.block-digital .flex li{
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.list-vie{
		column-count: 1;
	}
	.list-vie li{
		margin-bottom: 20px;
	}
	.block-one .porte-afrique .desc h2{
		font-size: 32px;
	}
	.block-urban .cont-min .flex .wrapper-img{
		margin-bottom: 20px;
	}
	.block-last {
		padding: 60px 20px 60px;
	}
	.block-four .flex li h3{
		margin: 15px 0;
	}
}

.block-all-raisons{
	padding-bottom: 40px;
}
.block-all-raisons .raisons {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 12px 12px 12px 27px;
	border-radius: 16px;
	flex: none;
	order: 1;
	flex-grow: 0;
	margin: 12px 8px;
    max-width: 268px;
	position: relative;
	color: #688DC1;
	border: 1px solid transparent;
	transition: all 0.3s ease-in;
}
.block-all-raisons .raisons a{color: #688DC1;}
.block-all-raisons .block-left .raisons:before{
	content: '';
    position: absolute;
    right: -63px;
    width: 55px;
    height: 25px;
    top: 50%;
}

.block-all-raisons .block-right .raisons:before{
	content: '';
    position: absolute;
    left: -63px;
    width: 55px;
    height: 25px;
    top: 50%;
}

.block-all-raisons .raisons a {margin-right: 27px;display: inline-block;min-width: 38px;}
.block-all-raisons .raisons p a {min-width: inherit;margin-right: 0;}
.block-all-raisons .raisons img{display: block;width: 100%;}
.block-all-raisons .raisons p{font-size: 14px;line-height: 160%;font-weight: 700;}
.block-all-raisons .raisons-1 {background: #FBFCFF;}
.block-all-raisons .raisons-2 {background: #F7F9FD;}
.block-all-raisons .raisons-3 {background: #F7F9FD;}
.block-all-raisons .raisons-4 {background: #F3F7FC;}
.block-all-raisons .raisons-5 {background: #EBF2FB;}
.block-all-raisons .raisons-5:hover, .block-all-raisons .raisons-1:hover, .block-all-raisons .raisons-2:hover, .block-all-raisons .raisons-3:hover, .block-all-raisons .raisons-4:hover{background: #EBF2FB;border: 1px solid #688DC1;}


.block-all-raisons .raisons-6 a, .block-all-raisons .raisons-7 a,.block-all-raisons .raisons-8 a, .block-all-raisons .raisons-9 a, .block-all-raisons .raisons-10 a{color: #00AFA3;}
.block-all-raisons .raisons-6 {background: #F7FDFC;}
.block-all-raisons .raisons-7 {background: #F6FCFC;}
.block-all-raisons .raisons-8 {background: #F3FCFB;}
.block-all-raisons .raisons-9 {background: #DFF7F4;}
.block-all-raisons .raisons-10 {background: #CAF2ED;}
.block-all-raisons .raisons-10:hover, .block-all-raisons .raisons-6:hover, .block-all-raisons .raisons-7:hover, .block-all-raisons .raisons-8:hover, .block-all-raisons .raisons-9:hover{background: #CAF2ED;border: 1px solid #00AFA3;}



.block-all-raisons .block-left .raisons-1:before{background: url(../img/dix-reasons/icon-angle-2.svg) no-repeat center;background-size: contain;margin-top: 0;}
.block-all-raisons .block-left .raisons-2:before{background: url(../img/dix-reasons/icon-angle-2.svg) no-repeat center;background-size: contain;margin-top: 0;}
.block-all-raisons .block-left .raisons-3:before{background: url(../img/dix-reasons/icon-angle.svg) no-repeat center;background-size: contain;margin-top: -12px;}
.block-all-raisons .block-left .raisons-4:before{background: url(../img/dix-reasons/icon-angle-3.svg) no-repeat center;background-size: contain;margin-top: -25px;}
.block-all-raisons .block-left .raisons-5:before{background: url(../img/dix-reasons/icon-angle-3.svg) no-repeat center;background-size: contain;margin-top: -25px;}

.block-all-raisons .block-right .raisons-6:before{background: url(../img/dix-reasons/icon-angle-4.svg) no-repeat center;background-size: contain;margin-top: 0;}
.block-all-raisons .block-right .raisons-7:before{background: url(../img/dix-reasons/icon-angle-4.svg) no-repeat center;background-size: contain;margin-top: 0;}
.block-all-raisons .block-right .raisons-8:before{background: url(../img/dix-reasons/icon-angle-5.svg) no-repeat center;background-size: contain;margin-top: -12px;}
.block-all-raisons .block-right .raisons-9:before{background: url(../img/dix-reasons/icon-angle-6.svg) no-repeat center;background-size: contain;margin-top: -25px;}
.block-all-raisons .block-right .raisons-10:before{background: url(../img/dix-reasons/icon-angle-6.svg) no-repeat center;background-size: contain;margin-top: -25px;}
.title-block-all-raisons{
	text-align: center;
    margin-top: 45px;
    margin-bottom: 50px;
    font-size: 48px;
}

@media (max-width: 676px){	
	.block-all-raisons .block-right{margin-left: auto;}
}

.pager__items, .js-pager__items{
	justify-content: center;
    margin-top: 35px;
    display: flex;
	align-items: center;
	margin-bottom: 35px;
}

.pager__items .pager__item, .js-pager__items li{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 5px;
    color: #b3b8c2;
    transition: .2s;
}

.pager__items .pager__item a, .js-pager__items li a	{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 5px;
    color: #b3b8c2;
    transition: .2s;
}

.pager__items .pager__item.is-active, .pager__items .pager__item:hover, .js-pager__items li a:hover, .js-pager__items li:hover{
    color: #fff;
    background: #00b0af;
    border-color: #00b0af;
    transition: .2s;
}

.pager__items .pager__item.is-active a, .pager__items .pager__item:hover a{
	color: #fff;
}

.pager__item--first span, .pager__item--previous span, .pager__item--next span, .pager__item--last span{display: none;}
.pager__item--first a:before, .pager__item--previous a:before{content: '«'; display: inline-block;}
.pager__item--next a:before, .pager__item--last a:before{content: '»'; display: inline-block;}
#goTop {
    width: 50px;
    min-width: 50px;
    height: 50px;
	position: fixed;
    bottom: 30px;
    right: 30px;
	text-align: center;
    z-index: 1000;
	opacity: 0;
    visibility: hidden;
	text-align: center;
	transition: all 0.3s ease-in;
}

#goTop.show {
    opacity: 1;
    visibility: visible;
}
#goTop::after, #goTop::before {
	content: "";
    background: #fff;
    width: 10px;
    height: 2px;
    position: absolute;
    top: 23px;
    left: 18px;
}
#goTop::after{
	transform: rotate(136deg);
}
#goTop::before {
	transform: rotate(45deg);
    left: 24px;
	
}

.annexes-block{padding-top: 50px;padding-left: 20px;padding-right: 20px;}
.annexes-block h2{font-size: 40px;margin-bottom: 20px;}
.annexes-block .card-list{padding: 28px 32px;}
.annexes-block .card-list h3{font-size: 20px;margin-bottom: 10px;}


.annexes-block .card-list .card-list-item{font-size: 16px;position: relative;padding-left: 30px;display: block;margin-bottom: 8px;}
.annexes-block .card-list .card-list-item:before {
	content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;		
}
.annexes-block .card-list .adresse:before{
	background: url(/themes/custom/cri/img/icon-adresse.png) no-repeat;
	background-size: cover;
}
.annexes-block .card-list .tel::before{
	background: url(/themes/custom/cri/img/icon-tel.png) no-repeat;
	background-size: cover;
	
}
.annexes-block .card-list a:hover {
    opacity: .7;
}
.annexes-block .card-list .fax::before{
	background: url(/themes/custom/cri/img/icon-fax.png) no-repeat;
	background-size: cover;
}
.wrapper-contact .contact .cont{display: flex;background: #fff;border-radius: 16px;box-shadow: 0 0 77px 0 rgba(0,0,0,.06);max-width: 1140px;}
.wrapper-contact .contact .cont > div{box-shadow: none;width: 70%;}
.wrapper-contact .contact .cont > div .form-assil{box-shadow: none;}
.map-contact .map-cri{border-radius: 0 16px 0 0;overflow: hidden;}
.wrapper-contact .contact .cont .map-contact{width: 40%;border-left:1px solid #EEEEEB;}
.map-contact .desc-map-contact{padding:10px 24px 20px;}
.map-contact h2{font-size: 30px;margin-bottom: 15px;}
.map-contact iframe{width: 100%;max-width: 100%;height: 463px;}
.map-contact p, .map-contact a {color :#3D4854;margin-bottom: 8px;}
.map-contact a:hover {
    opacity: .7;
}
.map-contact .tel{
	position: relative;
	color :#3D4854;
	display: block;
	padding-left: 30px;
}

.map-contact .tel:before {
	content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;		
}

.map-contact .tel::before{
	background: url(/themes/custom/cri/img/icon-tel.png) no-repeat;
	background-size: cover;
	
}

@media (max-width: 1000px){	
	.wrapper-contact .form-assil{padding: 40px 15px;}
}
@media (max-width: 676px){	
	.wrapper-contact .contact .cont{
		flex-direction: column;
	}
	.wrapper-contact .contact .cont > div{width: 100%;}
	.wrapper-contact .contact .cont .map-contact{width: 100%;}
	.map-contact .map-cri{border-radius: 0px;}
}

.iframe-map{max-width: 1120px;margin: 50px auto;}
.map-svg{margin: 0px auto;;overflow: hidden; padding: 100px 0;text-align: center;}
.map-svg svg{display: inline-block;}

.map-svg path{transition: all .3s;fill: #50B0B2;cursor: pointer;}
.map-svg path:hover {fill: #1A7E81;}
.toltip-map{width: 370px;background: rgba(255, 255, 255, 0.95);border-radius: 16px;display: none;position:absolute;top: 0px;left: 0px;z-index: 9;text-align: left;}
.toltip-map:after{content: '';position: absolute;bottom: -16px;right: 64px;background: url(/themes/custom/cri/img/icon-polygon.png) no-repeat;width: 18px;height: 18px;}
.toltip-map h2 {background: #CBD7E6;border-radius: 16px 16px 0px 0px;font-weight: 700;font-size: 14px;letter-spacing: -0.01em;text-transform: uppercase;line-height: 130%;padding: 9.5px 10px;color: #094599;position: relative;display: flex;align-items: center;justify-content: space-between;}
.toltip-map h2 .close{background: url(/themes/custom/cri/img/icon-plus.png) no-repeat;width: 12px;height: 12px;display: block;transform: rotate(45deg);cursor: pointer;}
.toltip-map ul {list-style: none;padding: 10px 16px;}
.toltip-map ul li{margin-bottom: 6px;font-size: 12px;letter-spacing: -0.01em;}
.toltip-map ul li span{color: #00AFA3;font-weight: 700;}
.toltip-map a{color: #50B0B2;font-weight: 700;font-size: 14px;display: block;padding: 0px 16px 0px;margin-bottom: 10px;}
.toltip-map a:hover {color:#1A7E81;}


.ckeditor-accordion-container > dl{
	border: none !important;
}
.ckeditor-accordion-container > dl dd{
	margin-top: -10px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    border-radius: 0px 0px 12px 12px !important;
    opacity: 1 !important;
    background: rgb(255, 255, 255) !important;
    padding: 10px 35px 20px !important;
    
}

.ckeditor-accordion-container > dl dt > a{
	display: block !important;
    color: #3d4854 !important;
    cursor: pointer !important;
    align-items: center !important;
    padding: 20px 30px !important;
    font-size: 16px !important;
    transition: all .3s !important;
    background: #fff !important;
    border-radius: 12px !important;
    text-decoration: none !important;
	margin-bottom: 10px !important;
	font-family: Merriweather, serif !important;
	border: none !important;
}

.ckeditor-accordion-container > dl dt > a:hover{
	background-color: #fff !important;
}

.ckeditor-accordion-container > dl dt.active > a{
	padding-left: 35px !important;
	padding-right: 35px !important;
    font-size: 20px !important;
    transition: .3s !important;
	box-shadow: none !important;
	margin-bottom: 0px !important;
	background-color: #fff !important;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle{
	background: url(/themes/custom/cri/img/icon-plus.svg) no-repeat center !important;
    top: 26px !important;
	width: 15px !important;
	height: 15px !important;
	left: inherit !important;
	position: absolute !important;
	right: 10px !important;
	transition: all .3s !important;
}
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle{
	top: 32px !important;
	background: url(/themes/custom/cri/img/icon-moin.svg) no-repeat center !important;
    transform: rotate(-180deg) !important;
    transition: .4s !important;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before{
	display: none !important;
}

.block-porteur .card-list  img{
	width: 50px; 
}
.block-porteur .block-right{
	text-align: right;
}
.block-porteur .block-right img{	
	max-width: 554px;
	display: inline-block;
}

.block-porteur .col2{
	margin-top: 30px;
}
.block-programme{
	padding: 74px 20px 80px;
}
.block-programme h2{
	margin-bottom: 20px;
}
.block-programme .flex{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.block-programme .flex li{
	margin-right: 20px;
    width: calc(33.33% - 20px);
	margin-bottom: 20px;
}
.block-programme .flex li div{
	height: 100%;
}
.photos-projet{
	background: #F4F7FB;
	padding: 74px 20px 80px;
}
.photos-projet h2{
	margin-bottom: 20px;
}
.photos-projet .wrapper-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

@media (max-width: 800px){
	.block-programme .flex li{
		width: calc(50% - 20px);
	}
}

@media (max-width: 500px){
	.block-programme .flex li{
		width: 100%;
	}
	.toltip-map{
		left: 0 !important;
		right: 0px !important;
		top: -160px !important;
		margin: auto !important;
		width: 90%;
	}
	.map-svg{
		position: relative;
		overflow: inherit;
	}
	.ckeditor-accordion-container > dl dd{
		padding: 10px 25px 20px !important;
	}
}


.items-valeur{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 46px 0;
}

.item-valeur{
	display: flex;
	max-width: 336px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 24px;
	background: #FFFFFF;
	border-radius: 8px;
	margin: 12px 25px; 
	text-decoration: none !important;
}
.item-valeur:hover .icon{
	background: #E4EFFD;
}
.item-valeur:hover span {
    color: #00AFA3;
}
.item-valeur .icon{
	transition: all .3s;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px;
	width: 72px;
	min-width: 72px;
	height: 72px;
	background: #F4F7FB;
	border-radius: 100%;
	margin: 0px 16px;
	transition: all .3s;
}
.item-valeur span{
	color: #303741;
	font-weight: 700;
	font-size: 14px;
	transition: all .3s;
}

.block-reforme{
	padding: 24px;
	max-width: 777px;
	background: #EDF6F5;
	border-radius: 16px;
	margin: 0 auto;
}

.w-link-dowanlod{
	text-align: center;
}
.w-link-dowanlod .link-dowanlod{background: #FFFFFF;margin-bottom: 0;} 
.w-link-dowanlod .link-dowanlod img{margin: 0 10px 0 0 !important;}
.link-dowanlod{
	padding: 6px 19px 7px;
	margin-bottom: 28px;
	border-radius: 8px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 172%;
	color: #094599;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none !important;
	transition: all .3s;
}
.link-dowanlod:hover{
	background:#E4EFFD;
}
.link-dowanlod img{margin: -3px 11px 0 0;display: inline-block;vertical-align: middle;}
.block-reforme h2{ 
	font-family: 'Merriweather';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 172%;
	text-transform: uppercase;
	color: #094599;
	margin: 16px 0px;
	text-align: center;
}

.reforme-items{
	display: flex;
	justify-content: space-between;
	padding: 13px 0 50px;
}

/* Auto layout */
.reforme-item{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 24px;
	max-width: 336px;
	width: 49%;
	background: #FFFFFF;
	border-radius: 8px;
}
.reforme-item .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    width: 72px;
    min-width: 72px;
    height: 72px;
    background: #F4F7FB;
    border-radius: 100%;
    margin: 0px 16px 0 0;
}
@media (max-width: 1000px){
	.item-valeur{
		max-width: 276px;
		margin: 12px;
		padding: 10px;
	}
}
@media (max-width: 767px){
	.item-valeur{
		max-width: 336px;
		margin: 10px;
		padding: 20px;
	}
	.reforme-items{
		flex-direction: column;
	}
	.reforme-item{
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	
}

.formalites{	
	background: #F4F7FB url(/themes/custom/cri/img/backgr-formalites.png) no-repeat top center
	
}
.formalites h2{font-size: 24px;margin-bottom: 18px;}
.formalites h3{color: #094599;font-weight: 700;margin-bottom: 20px;font-size: 14px;}
.list-formalites{margin-bottom: 30px;}
.list-formalites p{	font-size: 14px;}
.green-text{color: #00AFA3;display: block;}	
.bleu-text{color: #094599;font-weight: 700;}	


.block-gouvernance {background: #F7FDFC;border: 16px;padding: 60px 30px;margin: 100px auto;display: flex;position: relative;justify-content: space-between;}
.block-gouvernance .icon-gouvernance{position: absolute;left: 0;right: 0;top: -50px;margin: 0 auto;width: 100px;}
.block-gouvernance h2{font-weight: 700;font-size: 16px;text-transform: uppercase;color: #00AFA3;line-height: 172%;text-align: center;margin-bottom: 10px;font-family: 'Mulish';}
.block-gouvernance ul li{font-weight: 400;font-size: 16px;line-height: 172%;color: #00AFA3;padding:0 20px ;position: relative;}
.block-gouvernance ul{width: 100%;}
.block-gouvernance .block-left, .block-gouvernance .block-right{width: 48%; min-width: 48%;position: relative;}
.block-gouvernance .block-left:after{content: '';width: 1px;height: 90%;border-radius: 8px;background-color: #00AFA3;position: absolute;top: 0;right: -4%;bottom: 0;margin: auto;}
.block-gouvernance ul li::after{content: '';width: 6px;height: 6px;border-radius: 8px;background-color:#00AFA3;position: absolute;top: 10px;left: 0;}

.block-gouvernance-2{background: #E9FAF7;flex-direction: column;}
#block-cri-content iframe{ width: 100%;}
.link-dowanlod img {margin-right: 10px !important;}
@media (max-width: 767px){
	.block-gouvernance{flex-direction: column;}
	.block-gouvernance .block-left, .block-gouvernance .block-right{width: 100%; min-width: 100%;}
	.block-gouvernance .block-left{margin-bottom: 40px;}
	.block-gouvernance .block-left:after{content: '';width: 100%;height: 1px;border-radius: 8px;background-color: #00AFA3;position: absolute;top: inherit;right: 0;bottom: -20px;margin: auto;}
	.flex.col3>* , .flex.col2>*{
		width: 100%;
		margin-bottom: 15px;
	}
	.header__logo img, .header__logo svg{
		margin-left: -20px;
	}
	.two-block-tourism{ padding: 50px 20px;}
	.block-investissement {
		padding: 60px 20px;
	}
	.block-secteur-national {
		padding: 60px 20px;
	}
	.block-secteur-national .block-left {
		padding-bottom: 30px;
	}
	.block-incitations{
		padding: 50px 20px;
	}
	.two-block-tourism {
		padding: 50px 20px;
	}
	.block-secteur-national .block-left {
		padding-right: 0;
		padding-bottom: 30px;
	}
	.activites-box a{
		max-width: 90%;
		margin: 0 auto;
	}
	.block-secteur-national .block-left {
		padding-right: 0;
		padding-bottom: 30px;
	}
	.offre-valeur {
		padding: 50px 20px;
	}
	.block-secteur-national {
		padding: 50px 20px;
	}
	.two-block-tourism {
		padding: 50px 20px;
	}
	.block-secteur-national .block-left {
		padding-right: 0;
		padding-bottom: 30px;
	}
	.table-wrapper{overflow-x: auto;}
	.table-wrapper table{display: block;}
}