<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.avada-page-titlebar-wrapper{
	display: none;
}
.lang-en .en{
	display: block;
}
.fr{
	display: none;
}

.lang-fr .fr{
	display: block;
}
#my_footer{
	display: block;
}

#work .slick-list{padding:0 20% 0 0 !important;}


#full{
	width:100vw;
	height:60vh;
}
#footer_bottom{
	display: block;
}
.lang-fr .en{
	display: none;
}

#standout .fr, #standout .en{
	margin: 0 auto;
}

#main{
	padding:0 !important;
}
#banner{
	background:#000;
	min-height:80vh;
	display: flex;
	padding:20px;
	align-items: center;
	overflow: hidden;
	position: relative;
}

#banner .wrapper{

	z-index: 333;
}

h1.super{
	font-size:57px;
	line-height:68px;
	font-weight:700;
}
h1{
	font-size: 43px;
	line-height: 55px;
	font-weight:700;
	color:#005677;
	margin: 30px 0;
}
h2{
	font-size:32px;
	line-height:42px !important;
	font-weight:700 !important;
	color:#005677;
}
h2.super{

	font-size:50px;
	line-height:58px !important;
	color:#fff;
	margin: 20px 0px;
}
h3{
	font-size:22px;
	line-height:35px;
	font-weight:500;
	color:#005677;
	margin:0;
}

p{
	font-size:16px;
	line-height: 27px;
	color:#333;
}

.wrapper{
	max-width:1200px;
	margin:0 auto;
	width:100%;
}

#intro{
	text-align: center;
	max-width:800px;
	margin:0 auto;
	padding:100px 0px;
}
#intro h3{
	color:#333;
}
#banner .text {
	max-width:620px;
}
#banner .text h3, #banner .text h1{
	color:#fff;
}

.button{
	color:#fff;
	font-weight:500;
	display: inline-block;
	font-weight: bold;
	margin-top:20px;
	font-size:16px;
	padding:12px 30px;
	border-radius: 30px;
	background:#00B2E3;
	cursor:pointer;
}
.button:hover{

	background:#005677;
	color:#fff !important;
}
.button.green{
	background:#8CC63E;
	border:none;
	color:#fff !important;
	background-image: none;
}

.button.green:hover{

	background:#005677;
	border:none;
	color:#fff !important;
	background-image: none;
}

.boxes{
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 20px;
}

.box h2{
	margin-bottom:20px;
	margin-left: 20px;
	margin-right: 20px;
}

.box{
	aspect-ratio:1;
	background:#EBEBEB;
	display: flex;
	align-items: center;
	text-align: center;
	padding:2vw 8vw;
}

#standout{
	background: url(lecture.webp) right top no-repeat;
	background-size: cover;
	min-height:80vh;
	display: flex;
	align-items: center;
	margin:100px 0px;
}

#standout .wrapper{
	display: flex;
	align-items: center;

}

#standout .text, #standout .services{
	flex:0 1 50%;
}

#standout h2{

	color:#fff;
	padding:50px;
	margin:0;
}

.s{
	border:1px solid #fff;
	padding:40px 50px;
}


.s p{
	color:#fff;
		margin-top: 5px;
		margin-bottom: 0;

}

.s:first-of-type{
	margin-bottom:30px;
}

.s h3{
	color:#00B2E3;
}
.box img{
	margin-bottom:20px;
}
.box.wide{
	grid-column: span 2;
	aspect-ratio:unset;
	background:none;
	border:1px solid #005677;
	padding:100px 50px;
	justify-content: center;
	margin-bottom:100px;
}

.box.wide h2{
	max-width:900px;
	width:100%;
	margin:0 auto;
}
.box .inner{
	margin:0 auto;
}
#standout{
	padding-right:20px;
}

.slider.slick-slider{
	width:100vw;
	position: absolute;
	left:0;
}
.slider .slide{
	width:100vw;
	height:80vh;
}

.cover{
	position: absolute	;
	z-index: 33;
	background:#000;
	opacity: .2;
	width:100%;
	height:100%;
	top:0;
	left:0;
}




#carousel{
	margin-top:100px;
	background:#0D303A;
	padding:100px 0px;
	display: flex;
}

#carousel #work{
	flex:0 1 60%;
	max-width:60%;
}

.portfolio{
	display: block;
	margin:0 10px;
	background:#fff;
}

#carousel #text{
	color:#fff;
	flex:0 1 40%;
	padding:5vw 10vw;
}

.portfolio .image{
	aspect-ratio:16/9;
}

.portfolio h3{
	color:#005677;
	padding: 20px;
	line-height: 30px;
}


#carousel #text h2{
	color:#fff;
}

#arrows{	display: flex;
	width: 100px;
	justify-content: space-between;
}
#arrows .left{
	width:20px;
	height:40px;
	background:url(l.svg);
	background-size:contain;
	cursor:pointer;
	background-repeat: no-repeat;
}

#arrows .right{
	width:20px;
	height:40px;
	background:url(r.svg);
	background-size:contain;
	cursor:pointer;
	background-repeat: no-repeat;
}

#arrows .right:hover, #arrows .left:hover{
	opacity: .5;
}

#work .slick-arrow{
	display: none !important;
}

#clientstitle{

	background:#F5F7F7;
}

#clientstitle h2{
	margin:0;
	text-align: center;
	padding-top:100px;
	padding-bottom:50px;
}

#clients{
	background:#F5F7F7;
	padding:0 0 100px 0;
}

.grid {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));

}
.grid &gt; div {
  display: grid;
  place-items: center;
	outline:1px solid #dfdfdf;
}
.grid &gt; div::before {
  content: "";
  display: block;
  padding-bottom: 100%;
  grid-area: 1/1/2/2;
}
.grid &gt; div img {
  width: 50%;
  grid-area: 1/1/2/2;
}




#why{
	display: flex;

}

#why .left{
	padding:10vw;
	flex:0 1 50%;
}


#why .right{
	flex:0 1 50%;
	padding:10vw 0;
	padding-right:10vw;
}

#why h3{
	color:#222;
}

#why .line{
	display: flex;
	margin-bottom: 50px;
}

#why .line img{
	flex:0 1 40px;
	min-width: 60px;
	margin-right: 20px;
}


#last{
	display: flex;
	min-height:80vh;
}

#last .left{
	flex:0 1 50%;
	display: flex;
	align-items: center;
	padding:10vw;
	background:#F5F7F7;
}

#last .right{
	flex:0 1 50%;
}


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

	#banner{
		padding:20px;
		background-size:cover;
		background-position: 0 0;
	}

	.boxes{
		padding:20px;
	}

}
@media only screen and (max-width: 768px) {

	#clientstitle h2 {

		padding-left: 50px;
		padding-right: 50px;
	}

	#why, #why .line{
		display: block;
	}
	#why .right{
		padding:10vw;
		padding-bottom:100px;
	}

	#why .left{
		padding-bottom:0;
		padding-top: 100px;
	}

	#why .line img{
		margin-right:0;
		margin-bottom:10px;
		min-width: inherit;
		width:40px;
	}

	#why{

		text-align: center;
	}
	#why .line:last-of-type{
		margin-bottom:0;
	}

 h1{
	 font-size: 33px;
	 line-height: 40px;
 }
 h2 {
	  font-size:22px;
	  line-height: 30px !important;
  }
 h3 {
 	font-size: 16px;
 	line-height: 25px;
 }
 .boxes {
 grid-template-columns: 1fr;
 row-gap: 10px;
	 padding: 10px;

 }
  #banner{
	  background:#000;

		  text-align: center;
	  padding:50px 0px;
  }
  .cover{
	  opacity: .8;
	  background: #08537e;
  }
  #banner .text{	padding: 20px 40px;
		margin: 0 auto;
  }

  #intro {
	  padding: 100px 20px;
  }
  #standout .wrapper{
	  display: block;
  }
  .s:first-of-type {
	  margin-bottom: 10px;
  }
  .s {
	  padding: 30px;
	  margin: 10px;
  }
  #standout h2 {
	  padding: 0 40px 40px 40px;
  }
  #standout{
	  padding:100px 0px;
  }
  .box.wide {
  grid-column: span 1;
  padding: 60px 40px;
  }

  #standout{
	  text-align: center;
  }

  h2.super {
  	font-size: 30px;
  	line-height: 38px !important;
  	}

	  #carousel {
		  display: block;
	  }

	  #carousel #work{
		  max-width:100%;
	  }

	  #work .slick-list{padding:0 !important;}

	  #carousel #text{
		  text-align: center;
	  }

	  #text #arrows{
		  margin:0 auto;
	  }
	  .grid {

		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));

	  }


	  #last{
		  display: block;
	  	text-align: center;
	  }

	  #last .left{
		  padding:100px 10vw;
	  }


	  #last .right {
		  min-height: 50vh;
	  }
}</pre></body></html>