/* general */

:root {
	--white: #fff;
	--black: #000;
	--dark_blue: #000623;
	--light_blue: #3A5A8D;
	--light_color: #DEE3ED;
	--font: "neue-haas-grotesk-display", sans-serif;
	--size_22_5: 22.5rem;
	--size_20: 20rem;
	--size_18: 18rem;
	--size_14: 14rem;
	--size_12: 12rem;
	--size_10: 10rem;
	--size_8: 8rem;
	--size_7_5: 7.5rem;
	--size_7: 7rem;
	--size_6_5: 6.5rem;
	--size_6: 6rem;
	--size_5_5: 5.5rem;
	--size_5: 5rem;
	--size_4_5: 4.5rem;
	--size_4: 4rem;
	--size_3_8: 3.8rem;
	--size_3_6: 3.6rem;
	--size_3_5: 3.5rem;
	--size_3_2: 3.2rem;
	--size_3: 3rem;
	--size_2_8: 2.8rem;
	--size_2_4: 2.4rem;
	--size_2_2: 2.2rem;
	--size_2: 2rem;
	--size_1_8: 1.8rem;
	--size_1_6: 1.6rem;
	--size_1_5: 1.5rem;
	--size_1_4: 1.4rem;
	--size_1_2: 1.2rem;
}

body {
  	color: var(--dark_blue);
  	font-size: var(--size_2);
  	line-height: 120%;
  	font-weight: 400;
  	font-family: var(--font);
  	font-style: normal;
	background: var(--white);
	overflow-x: hidden;
}

path, circle {
  	transition: all .5s ease-in-out;
}

.swiper-container {
  	width: 100%;
  	position: relative;
  	overflow: hidden;
}

a {
	transition: all .5s ease-in-out;
	text-decoration: none !important;
	margin: 0 !important;
}

strong {
	font-weight: 700;
}

.cnt-ihb {
	max-width: 93%;
	margin: 0 auto;
}

.pre-ihb {
	font-size: var(--size_1_4);
	font-weight: 500;
	line-height: 228.571%;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.desc-ihb {
	font-size: var(--size_2_4);
	font-style: normal;
	font-weight: 500;
	line-height: 145.833%;
	letter-spacing: 0.24px;
}

.cta-ihb a {
	padding: 2rem 3.6rem;
	background: #3A5A8D;
	font-size: var(--size_1_6);
	line-height: 120%;
	letter-spacing: 0.16px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 2.4rem;
    /* animation: borderTurn 2.5s infinite linear;
    background-image: conic-gradient(from 0 at 50% 50%, rgba(255, 255, 255) 0deg, rgba(255, 255, 255, 0) 60deg, rgba(255, 255, 255, 0) 310deg, rgba(255, 255, 255) 360deg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	animation-name: borderTurnWithTranslate; */
}

.cta-ihb a:hover {
	background: var(--white);
	box-shadow: 0px 0px 34.219px 0px rgba(255, 255, 255, 0.50);
	color: #102E5B;
	text-decoration: none !important;
}

@keyframes borderTurn {
   0% {
	   transform: rotate(0)
   }

   to {
	   transform: rotate(360deg)
   }
}

@keyframes borderTurnWithTranslate {
   0% {
	   transform: translate(-50%, -50%) rotate(0)
   }

   to {
	   transform: translate(-50%, -50%) rotate(360deg)
   }
}
				   


/* header */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 9rem;
	z-index: 100;
}

.left-header {
	margin-top: 5rem;
}

header.fixed .left-header a {
	opacity: 0;
}

.right-header {
	margin-top: 3rem;
}

.right-header li {
	margin: 0 1.5rem;
}

.right-header li a {
	font-size: var(--size_1_8);
	line-height: 100%;
	display: table;
}

.right-header li a:hover {
	color: rgba(8, 36, 79, 0.30);
}

.right-header li a.active {
	color: rgba(8, 36, 79, 0.30);
	display: flex;
}

.right-header li a.active:before {
	content: '[';
	font-size: var(--size_1_8);
	position: relative;
	display: flex;
	color: rgba(8, 36, 79, 0.30);
	line-height: 100%;
	margin-right: .2rem;
}

.right-header li a.active:after {
	content: ']';
	font-size: var(--size_1_8);
	position: relative;
	display: flex;
	color: rgba(8, 36, 79, 0.30);
	line-height: 100%;
	margin-left: .2rem;
}

.right-header li:last-child a {
	border: 1px solid var(--dark_blue);
	padding: 1.2rem 3.6rem;
	border-radius: 1.8rem;
}

.right-header li:last-child a:hover {
	border: 1px solid var(--light_blue);
	background: var(--light_blue);
	color: var(--white);
}

.nav-ham {
	display: none;
}




/* main content */

.main-container {
	background: linear-gradient(180deg, #0B1234 12.86%, #383F80 30.28%, #EFF1F5 52.94%, #FFF 78.21%, #383F80 100%);
}

.left-border {
	background: var(--light_color);
	width: 2.3rem;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8;
}

.right-border {
	background: var(--light_color);
	width: 2.3rem;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 8;
}

.top-border {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 8;
}

.bottom-border {
	width: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 8;
}

.ihb-participants-bloc {
	position: absolute;
	bottom: 12%;
	left: 4%;
	width: 30%;
	z-index: 2;
}

.ihb-participants-bloc .pre-ihb {
	color: var(--light_color);
	transition: all .5s ease-in-out;
}

main.fixed .ihb-participants-bloc .pre-ihb {
	opacity: 0;
}

.ihb-participants-slider .swiper-wrapper {
	align-items: center;
}

.bottom-icon {
	position: fixed;
	bottom: 8%;
	left: 3.5%;
	transition: all .5s ease-in-out;
	z-index: 8;
	display: none;
}

/* .shape-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100vh;
	overflow: hidden;
} */

main.fixed .bottom-icon {
	opacity: 0;
}

.shape-container img {
	/* height: 100vh; */
}

section {
	height: 100vh;
}

.hero-section {
	
}

.left-hero-section {
	position: absolute;
	top: 50%;
	left: 0;
	width: 35%;
	transform: translate(0, -50%);
	z-index: 2;
}

.left-hero-section h1 {
	font-size: var(--size_14);
	line-height: 107.143%;
	color: var(--light_color);
}

.center-hero-section {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 35%;
	transform: translate(-50%, -50%);
	transition: all 1s ease-in-out;
	z-index: 1;
}

/* .center-hero-section.ce {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
} */

.center-hero-section.down {
	top: 60%;
}

.center-hero-section.opac {
	opacity: .3;
}

.right-hero-section {
	position: absolute;
	bottom: 10%;
	right: 0;
	width: 26%;
	z-index: 2;
	color: var(--light_color);
}

.left-thematics .pre-ihb {
	color: var(--light_color);
}

.left-thematics .title-ihb {
	font-size: var(--size_12);
	line-height: 110%;
	color: var(--light_color);
}

.right-thematics {
	margin-left: 10%;
}

.thematics-slider {
	width: 430%;
}

.thematics-slide {
	backdrop-filter: blur(10px);
}

.thematics-slide:hover svg {
	outline: 0px 0px 34.219px 0px rgba(255, 255, 255, 0.50);
}

.thematics-slide:not(:last-child) {
	margin-right: 3%;
}

.thematics-slide .content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 4rem;
	color: var(--white);
}

.thematics-slide .tit {
	font-size: 4.2rem;
	font-weight: 300;
	line-height: 116.667%;
}

.thematics-slide .desc {
	font-size: var(--size_2);
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.2px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.thematics-slide .cta-ihb a {
	background: var(--white);
	color: #002451;
}

.thematics-slide .icon {
	position: absolute;
    top: -20%;
    left: 5%;
    width: 40%;
	transition: all .5s ease-in-out;
	opacity: 0;
    z-index: 2;
}

.thematics-slide.active .icon {
	opacity: 1;
	animation: gelatine 0.5s;
}

@keyframes gelatine {
	from, to { transform: scale(1, 1); }
	25% { transform: scale(0.9, 1.1); }
	50% { transform: scale(1.1, 0.9); }
	75% { transform: scale(0.95, 1.05); }
}

.inner-creative-section .text {
	font-size: var(--size_18);
	font-weight: 300;
	line-height: 100%;
	letter-spacing: 1.8px;
	opacity: 0;
	position: absolute;
	color: var(--light_blue);
}

.news-section {
	height: auto;
}

.inner-newsTitle-section .title-bloc {
	position: absolute;
	top: 0;
	left: 0;
}

.inner-newsTitle-section .title-ihb {
	font-size: var(--size_10);
	line-height: 110%;
}

.inner-newsBloc-section {
	backdrop-filter: blur(8px);
}

.newsBloc-repeat {
	width: 31%;
	position: relative;
	margin-right: 3.5%;

	padding-bottom: 5rem;
}

.newsBloc-repeat:nth-child(3n+2) { /*.newsBloc-repeat:nth-child(2n) {*/
	top: -16rem;
	margin-bottom: -16rem;
}

.newsBloc-repeat:nth-child(3n) {
	margin-right: 0;
	top: -8rem;
	margin-bottom: -8rem;
}

.newsBloc-repeat .photo .cta-news {
	position: absolute;
	bottom: 5%;
	right: 6%;
	z-index: 2;
}

.cta-news a {
	color: var(--white);
	font-size: var(--size_1_8);
	font-weight: 600;
	line-height: 133.333%;
	letter-spacing: 0.18px;
	text-transform: uppercase;
	border-radius: 12px;
	border: 0.8px rgba(255, 255, 255, 0.30);
	background: linear-gradient(90deg, rgba(135, 163, 198, 0.30) 39.17%, rgba(85, 96, 119, 0.20) 99.3%);
	backdrop-filter: blur(20px);
	padding: 2rem 4rem;
	display: table;
}

.cta-news a:hover {
	box-shadow: 0px 0px 34.219px 0px rgba(255, 255, 255, 0.50);
}

.cta-news a .text {
	margin-right: 2rem;
	transition: all .5s ease-in-out;
}

.newsBloc-repeat .content {
	padding: 3rem;
}

.events-cat-bloc {
	font-size: var(--size_1_6);
	border-bottom: 1px solid #D3D3D3;
}

.left-cat-events {
	font-weight: 600;
	line-height: 115.809%;
}

.right-cat-events {
	font-weight: 500;
	line-height: 115.809%;
	text-transform: uppercase;
	letter-spacing: 0.16px;
}

.events-text-bloc .tit {
	font-size: var(--size_6);
	font-weight: 300;
	line-height: 108.333%;
}

.events-text-bloc .desc {
	font-weight: 500;
	line-height: 130%;
	letter-spacing: 0.2px;
}


/* news-details */

.left-bannerInner {
	color: var(--light_color);
}

.left-bannerInner * {
	color: var(--light_color) !important;
}

.left-bannerInner .pre-ihb a:hover {
	color: var(--light_blue);
}

.title-bannerInner {
	font-size: var(--size_12);
	font-weight: 300;
	line-height: 100%;
}

.desc-bannerInner li {
	font-size: var(--size_2);
	font-weight: 600;
	line-height: 115.809%;
	text-transform: uppercase;
	letter-spacing: 0;
}

.desc-bannerInner li span {
	font-weight: 300;
}

.desc-bannerInner li:not(:last-child) {
	margin-right: 1.5rem;
}

.right-bannerInner .smallImage {
	position: absolute;
	top: 10%;
	left: -20%;
	width: 45%;
}

.news-details-section {
	height: auto;
	margin-bottom: 15rem;
}

.inner-news-details {
	background: #EDF0F9;
	border-radius: 1.2rem;
}

/* .left-news-details {
	position: sticky;
	top: 0;
} */

.center-news-details .tit {
	font-size: var(--size_4_5);
	font-weight: 400;
	line-height: 137.5%;
}

.center-news-details .desc-repeat:not(:last-child) {
	margin-bottom: 3rem;
}

.center-news-details .desc-repeat h3 {
	font-size: var(--size_2_4);
	font-weight: 600;
	line-height: 125%;
}

.center-news-details .desc-repeat p {
	font-size: var(--size_2);
	font-weight: 500;
	line-height: 125%;
	padding-top: 2rem;
}

.left-news-details .share li:not(:last-child) {
	margin-bottom: 1rem;
}

.left-news-details .share li a:hover circle {
	stroke: var(--dark_blue);
	opacity: 1;
}

.left-news-details .share li a:hover path {
	fill: var(--dark_blue);
	fill-opacity: 1;
}

/* end news details */


/* themes details */

.left-bannerInner .subtitle-ihb {
	font-size: var(--size_4);
	font-weight: 500;
	line-height: 110%;
	padding-top: 3rem;
}

.themes .left-bannerInner .desc-ihb {
	font-size: var(--size_2_8);
}

.right-bannerInner .smallImage1 {
	position: absolute;
    bottom: 5%;
    left: -60%;
    width: 80%;
}

.right-bannerInner .smallImage2 {
	position: absolute;
	top: 10%;
	left: 70%;
	width: 30%;
}



.thematics-slides {
	backdrop-filter: blur(10px);
}

.thematics-slides:nth-child(2n) {
	top: -10rem;
	margin-bottom: -10rem;
}

.thematics-slides:nth-child(3n) {
	margin-right: 0;
	top: -5rem;
	margin-bottom: -5rem;
}

.thematics-slides:hover svg {
	outline: 0px 0px 34.219px 0px rgba(255, 255, 255, 0.50);
}

.thematics-slides:not(:last-child) {
	margin-right: 5%;
}

.thematics-slides .content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5rem;
	color: var(--white);
}

.thematics-slides .count {
	font-size: var(--size_12);
	font-weight: 400;
	line-height: 100%;
}

.thematics-slides .tit {
	font-size: var(--size_6);
	font-weight: 300;
	line-height: 116.667%;
}

.thematics-slides .desc {
	font-size: var(--size_2);
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.2px;
}

.inner-themes-ex .title-bloc .tit {
	font-size: var(--size_8);
	font-weight: 400;
	line-height: 112.5%;
	color: var(--white);
}

.thematics-ex-text {
	color: var(--white);
}

.thematics-ex-text .title {
	font-size: var(--size_8);
	font-weight: 300;
	line-height: 112.5%;
	letter-spacing: 0.8px;
	border-bottom: 1px solid var(--white);
}

.thematics-ex-text .desc {
	font-size: var(--size_2_4);
	font-weight: 500;
	line-height: 145.833%;
	letter-spacing: 0.24px;
}







/* end themes details */


/* footer */

footer {
	background: linear-gradient(360deg, #383F80 35%, rgba(255, 255, 255, 0.00) 100%);
}

.top-footer-repeat {
	color: var(--white);
}

.top-footer-repeat:not(:last-child) {
	margin-bottom: 6rem;
}

.footer-pre-tit {
	font-weight: 600;
	line-height: 110%;
	font-size: var(--size_1_8);
}

.footer-pre-tit.newsletter {
	font-size: var(--size_3)
}

.footer-tit {
	font-size: var(--size_5);
	font-weight: 300;
	line-height: 116.667%;
}

.footer-email a {
	font-size: var(--size_6);
	font-weight: 500;
	line-height: 108.333%;
	position: relative;
	display: table;
	padding-bottom: 1rem;
	transition: all .5s ease-in-out;
}

.footer-email a:after {
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--white);
	transition: all .5s ease-in-out;
}

.footer-email a:hover {
	color: var(--dark_blue);
}

.footer-email a:hover:after {
	background: var(--dark_blue);
}

.footer-desc a:hover {
	color: var(--dark_blue);
}

.footer-newsletter .form-repeat input {
	border: 0;
	border-bottom: 2px solid var(--white);
	width: 100%;
	padding: 3rem .5rem;
	position: relative;
	background: transparent;
	font-size: var(--size_3_2);
	font-weight: 300;
	line-height: 112.5%;
	letter-spacing: 0.4px;
	font-family: var(--font);
	color: var(--white) !important;
}

.footer-newsletter .form-repeat input::placeholder {
	font-size: var(--size_3_2);
	font-weight: 300;
	line-height: 112.5%;
	letter-spacing: 0.4px;
	font-family: var(--font);
	color: var(--white) !important;
}

.footer-newsletter .form-repeat .icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 2;
}

.right-top-footer li:not(:last-child) {
	margin-bottom: 3rem;
}

.nav-bottom-footer li:not(:last-child) {
	margin-right: 3rem;
}

.nav-bottom-footer li a {
	display: table;
	font-weight: 500;
	line-height: 115%;
	color: var(--white);
}

.nav-bottom-footer li a:hover {
	color: var(--dark_blue);
}

.left-bottom-footer {
	color: #575C93;
	font-size: var(--size_22_5);
	font-weight: 500;
	line-height: 78.571%;
	letter-spacing: -9.792px;
	text-transform: uppercase;
	text-wrap: nowrap;
}

.right-bottom-footer {
	color: #B6C8EA;
	font-weight: 500;
	line-height: 120%;
	text-align: right;
}

.right-bottom-footer .top-text {
	font-size: var(--size_1_8);
}

.row.sectionBlockLayout.text-start { display: none !important; }

.navbar, .footer {
    display: none;
}

/*div[name="webChat"] {
	display: none;
}*/

div[name='webChat'] button i {
	height: unset; 
	margin: unset; 
	width: unset;
}

.mainTheme {
	background: rgb(11, 18, 52); 
	position: relative !important; 
	overflow: unset !important;
}