/*--------------------------------------------------------------
 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-header .entry-title {
	margin-bottom: 0.25em;
}

.entry-title a {
	color: #001446;
	text-decoration: none;
	margin-left: -2px;
}


h2.entry-title  {
    font-size: 24px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #001446;
	text-decoration: none;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */




/* ACTIUALITES */

.blog #main{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.blog article{
	
	width: 28%;
	vertical-align: top;
	margin: 0 2%;
}
.blog .site-main, .single-post .site-main {
    width: 100%;
}
.single-post .site-main {
    padding-top: 100px;
}


body.single-post .entry-content{
	vertical-align: top;
	text-align: justify;
}
.single-post .post-thumbnail{
	vertical-align: top;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	max-width: 550px;
}

.single-post .blocks .text,.single-post .blocks .image,.single-post .blocks .video{
	width: 588px;
}
.single-post h1{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: inherit;
	text-transform: uppercase;
	margin-bottom: 1em;
}


.blog h2.entry-title{
	
}
.block0 h2{
	margin-top: -10px;
}


.blog h1{
	text-align: center;
}


.blog .header, .single-post .header{
    position: relative;
    z-index: 999;
    margin-top: 0px;
    height: 168px;

}
.single-post h1{
    text-align: center;
    margin-top: 15px;
}
.single-post .preh1{
    text-align: center;
    margin-top: 15px;
}
.blog .logo {
    margin: 0px 0 40px;
}
.blog article h2 {
    margin: 0;
    color: #fff;
}
.entry-meta {
    color: #001446;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: left;
}
.blog h2.entry-title {
    text-align: left;
}
.entry-content{
	text-align: left;
}
.entry-content a{
	color:#001446;
	text-decoration: none;
}
.blog-content{
	margin:20px 0 40px;
	text-align: left;
}
.blog-content a{
	color: #001446;
}

.single-post h1{
	letter-spacing: -2px;
}
.more-button{
	text-align: right;
	margin-top: 15px;
}

/* ---------------------------- */


#single-top{
	position: absolute;
	width: 100%;
	top: 0;
}
#single-top .wrap{

}
#single-top .container{
	background-size: cover;
	width: 100%;
	height: 420px;
	background-repeat: no-repeat;
}


#single-content{
	text-align: center;
	/*margin-top:-240px;*/
	padding-bottom: 0;

}
#single-content h2{
	padding: 0px 0px 30px;
}
.single-post #single-content{
	margin-top:-180px;
}
#single-content .in-wrap{
	text-align: center;
	background-color: #fff;
	position: relative;
	padding: 30px 60px;  
	margin-top: 230px;
}


.single #single-content.pre-title h1{
	margin:0;
	text-align:left;
	font-size: 38px;
	color: #001446;
	padding-top: 50px;
}
.single #single-content h3.pre-title{
	margin: -150px 0 50px 0;
	color: #ff1f44;
	font-size: 58px;
	font-weight: bold;
}
.single #single-content .date{
	text-align: left;
	margin-bottom: 20px;
	color: #ff1f44;
}

#single-content .floating-box{
	max-width: 40%;
	float: right;
	font-size: 13px;
	text-align: left;
	margin-left: 30px;
	margin-top: 0;
}
#single-content.pre-title .floating-box{
	margin-top: 55px;
}
#single-content .illustration-image{
	padding-bottom: 0;
}
#single-content .interests{
	padding-bottom: 20px;
}
#single-content .interests{
	
}
#single-content .categories{
	margin: 4px 0 30px 0;
}
#single-content .categories .category{
	line-height: 1.5em;
}
#single-content .categories a{
	font-weight: bold;
	text-decoration: none;
}
#single-content .categories a:hover{
	text-decoration: underline;
}


#single-content .video iframe{
	width: 100%;
}
#single-content .part{
	margin-bottom: 20px;
}
#single-content.pre-title .part.text ul{
	color:#00d1a6;
	list-style: none;
}
#single-content.pre-title .part.text ul a{
	color:#00d1a6;
}
#single-content .images .image{
	text-align: center;
}

#single-content .section0.with-interests{
	text-align: left;
}
#single-content .section{
	text-align: left;
}

#single-content .section .main{
	
}
#single-content .section .main .text{
	display: inline-block;
	width: 61%;
	vertical-align: top;
}



#single-content .section .main .main-image{
	display: inline-block;
	width: 37%;
	margin-left: 1%;	
	vertical-align: top;
}


#single-content.offer .section{
	margin-top: 50px;
}

#single-content.offer .qualifier{
	margin-top: -30px;
	font-weight: bold;
}
#single-content.offer .section .text li{
	list-style-position: inside;
}

/*.page-template-default header{
	background-color: #fff;
}*/

.simple .main-content, .simple h1{
	color: #001446;
}
.simple #single-content{
	position: relative;
	z-index: 1000;
}

.offers-container{
	padding-top: 50px;
}


/* Agence */

.page-template-agency-tpl section{
	background-size: cover;
	background-repeat: no-repeat;
	letter-spacing: 0;	
}
.page-template-agency-tpl h1{
	
}
.page-template-agency-tpl h2{
	
}
.page-template-agency-tpl strong em{
	color: #ff1f44;
	font-style: normal;
}

.page-template-agency-tpl #top{
	padding-top: 100px;
	padding-bottom: 0;
}
.page-template-agency-tpl #top .content{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-template-agency-tpl h1{
	color: #ff1f44;
}

.page-template-agency-tpl #top .text{
	width: 45%;
	margin-top: -20px;
	text-align: left;
}
.page-template-agency-tpl #top .text p{
	margin-bottom: 20px;
	width: 80%;
}
.page-template-agency-tpl #top .image{
	width: 30%;
	margin-bottom: -6px;
}
.page-template-agency-tpl #top .image img{
	width: 200px;
}



.page-template-agency-tpl .content-block{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top: 80px;
}
.page-template-agency-tpl .content-block h2, #methods h2{
	max-width: 400px;
	font-size: 48px;
}
.page-template-agency-tpl .content-block h2 span, #methods h2 span{
	display: block;
	font-size: 48px;
}
.page-template-agency-tpl .content-block .container{
	display: flex;
	justify-content: center;
	align-items: flex-start; 
}
.page-template-agency-tpl #content-block2 .container{
	align-items: center;
}
.page-template-agency-tpl .content-block .texts{
	width: 45%;
	margin-top: -20px;
	text-align: left;
}
.page-template-agency-tpl .content-block .texts .text{
	width: 80%;
}
.page-template-agency-tpl #content-block0 .texts .text {
  width: 50%;
}
.page-template-agency-tpl .content-block .texts ul{
	margin-top: 30px;
	list-style: none;
}
.page-template-agency-tpl #content-block-first.content-block .texts ul{
	margin-top: 0;
}
.page-template-agency-tpl #content-block-first.content-block strong{
	font-size: 20px;
}
.page-template-agency-tpl .content-block ul li {
  position: relative;
  margin-left: 1.6em;
  margin-bottom: 10px;
}
.page-template-agency-tpl .content-block ul li::before {
	content: "\2022";
	color: #ff1f44;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	left: -0.8em;
	position: absolute;
	font-size: 40px;
	top: 0;
}

.page-template-agency-tpl .content-block .image{
	width: 30%;
}
.page-template-agency-tpl .content-block .image .item-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


.page-template-agency-tpl .content-block .image img{
	width: 260px;
}

.page-template-agency-tpl #content-block1 .image{
	width: 45%;
}
.page-template-agency-tpl #content-block1 .texts{
	width: 30%;
}
.page-template-agency-tpl #content-block1 .image img{
	width: 100%;
}

.page-template-agency-tpl #content-block-first.content-block .image img {
    width: 400px;
}


.page-template-agency-tpl #content-block3.content-block .decoration::before, .page-template-agency-tpl #content-block3.content-block .decoration::after {
	content: "\2022";
	color: #ff1f44;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	left: -0.8em;
	position: absolute;
	font-size: 40px;
	top: 0;
}


#content-block-ecosystem.content-block .item-container{
	
}
#content-block-ecosystem.content-block .item-container .item{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
#content-block-ecosystem.content-block .item-container .item2{
	width: 100%;
}
#content-block-ecosystem{

}





#commandments{	
	background-position: bottom left;
}
#commandments .content{	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.commandment{
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 28%;
	padding: 80px;
	background-position: center center;
}
.commandment .title{
	color: #ff1f44;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 28px; 
}
#commandment0{
	background-image: url(../img/commandement_01.png);
}
#commandment1{
	background-image: url(../img/commandement_03.png);
	margin-top: -40px;
}
#commandment2{
	background-image: url(../img/commandement_05.png);
}
#commandment3{
	background-image: url(../img/commandement_02.png);
	margin-top: -50px;

}
#commandment4{
	background-image: url(../img/commandement_04.png);
	margin-top: -50px;
}
#commandment5{
	background-image: url(../img/commandement_06.png);
}

.commandment .number{
	color: #ccc;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 10px;
}
#commandment0 .number{
	padding-top: 10px;
}
#commandment1 .number{
	padding-top: 20px;
}
#commandment2 .number{
	padding-top: 30px;
}
#commandment3 .number{
	padding-top: 50px;
}
#commandment4 .number{
	padding-top: 10px;
}





#commandment2.content-block .texts .text {
    width: 90%;
}
#commandment3.content-block .texts .text {
    width: 60%;
}

#commandment4 .title {
    margin-top: 20px;
}
#commandment4 .text {
    line-height: 60px;
    margin-top: -70px;
}




#default-content{
	margin-top: 100px;
}
#default-content h1{
	color: #ff1f44;
}



#methods{
	
}
#methods .columns{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 50px;
}
#methods .columns .column{
	width: 33%;
	text-align: left;
}

#methods .left{
	font-size: 24px;
	line-height: 34px;
}
#methods .left p{
	max-width: 66%;
	font-size: 14px;
}
#methods .left strong{
	font-size: 32px;
	margin-bottom: 26px;
	display: inline-block;
}
#methods .left strong em{
	color: #ff1f44;
}
#methods .left a.button{
	margin-top: 26px;
}



#methods .method{
	height: 320px;
	text-align: left;
	font-size: 14px;
	padding-top: 20px;
}
#methods .method .image{
	margin-bottom: -15px;
}
#methods .method .image img{
	width: 160px;
}

#methods .method .title{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff1f44;
	padding-bottom: 10px;
}

#methods .slider-navigation{
	background: transparent url(../img/slider-navigation.svg) no-repeat center center;
    background-size: 100% ;
    height: 50px;
    width: 50px;
}
#methods .next{
	transform: rotate(180Deg);
}
#methods .prev{
	
}





#methods .animation-container{
	position: relative;
}
#methods .animation-container .logo{
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	z-index: 200;
}
#methods .animation-container .star{
	position: relative;
	z-index: 100;
}
#methods .animation-container .star img{
	transition: transform 0.5s;
}



/*--------------------------------------------------------------
 Join us
--------------------------------------------------------------*/
.page-template-join-us-tpl{

}
.page-template-join-us-tpl #top{

}

.page-template-join-us-tpl h2{
	text-align: center;
}
.page-template-join-us-tpl #top h2{
	text-align: left;
	font-size: 46px;
}
.page-template-join-us-tpl #top .container{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.page-template-join-us-tpl #top .container .texts{
	width: 50%;
}
.page-template-join-us-tpl #top .container .text{
	font-weight: bold;
	text-align: left;
}
.page-template-join-us-tpl #top .container .text strong{
	color: #ff1f44;
}
.page-template-join-us-tpl #top .container .secondary-text{
	text-align: left;
	margin-top: 30px;
	padding-top: 7px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/points.svg);
	font-size: 22px;
}
.page-template-join-us-tpl #top .container .image{
	text-align: right;
	width: 46%;
}
.page-template-join-us-tpl #offers strong em{
	font-style: normal;
	color: #ff1f44;
}





/*--------------------------------------------------------------
 Commitment
--------------------------------------------------------------*/



.page-template-commitment-tpl{

}



.page-template-commitment-tpl #single-content h1{
	margin-top: 100px;
	padding-bottom: 0;
	position: relative;
}




.page-template-commitment-tpl #single-content .in-wrap {
  margin-top: 80px;
  padding-top: 60px;
}
.page-template-commitment-tpl #top{
	padding-bottom: 0;
}
.page-template-commitment-tpl #commitments{
	padding-bottom: 30px;
}
.page-template-commitment-tpl #commitments .in-wrap, .page-template-commitment-tpl #commitments .in-wrap{
	margin-top: 20px;
}
.page-template-commitment-tpl #eactions{
	padding-bottom: 0;
}
.page-template-commitment-tpl #eactions .in-wrap{
	margin-top: 0px;
}

.page-template-commitment-tpl #top iframe{
	width: 100%;
	height: 392px;
	border-radius: 10px;
}
.page-template-commitment-tpl #top .text{
	text-align: justify;
	margin-bottom: 50px;
}
.page-template-commitment-tpl #top .text p{
	margin-bottom: 12px;
}
.page-template-commitment-tpl #top .text em{
	font-style: normal;
	color: #ff1f44;
}
.page-template-commitment-tpl #top .image{
	margin-bottom: 100px;
}
.page-template-commitment-tpl #top .secondary-title{
	color: #ff1f44;
	margin-bottom: 0px;
}
.page-template-commitment-tpl #top .secondary-subtitle{
	margin-bottom: 60px;
	font-weight: bold;
}
.page-template-commitment-tpl #top .secondary-subtitle strong{
	color: #ff1f44;
}
.page-template-commitment-tpl #top .secondary-image{
	padding-bottom: 60px;
}
.page-template-commitment-tpl #top .secondary-video{
	/*padding-bottom: 60px;*/
}
.page-template-commitment-tpl #top .secondary-text{
	text-align: justify;
}
.page-template-commitment-tpl #top .secondary-text p{
	padding-bottom: 20px;
}





#missions, #cactions, .page-template-commitment-tpl #plus{
	background: transparent url(../img/background-expertises.jpg) repeat center center;
    background-size: auto;
}
#missions .in-wrap, #cactions .in-wrap, #plus .in-wrap{
	background-color: transparent;
}

#missions .subtitle{
	margin-top: 40px;
	text-transform: none;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
#missions .subtitle p{
	max-width: 95%;
	display: inline-block;
}

#missions .subtitle strong{
	color: #ff1f44;
}
#missions .tab-container{
	margin-top: 100px;
}
#missions .tab-container .tab{
	
}
#missions .tab-container .tab1{
	
}
#missions .tab-container .tab{
	
}


#missions .tab-container .images{
	width: 100%;
	height: 130px;
	position: relative;
}
#missions .missions .tab .image img{
	max-width: 140px;
}
#missions .tab-container .image{
	position: absolute;
	width: 100%;
	opacity: 1;
}
#missions .tab-container .active-image{
	position: absolute;
	width: 100%;
	opacity: 0;	
}





#missions .tab-container .title{
	width: 100%;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.8em;
	opacity: 0.3;
}
#missions .tab-container .tab-title{
	width: 100%;
	opacity: 0.3;
	border:1px solid #001446;
	color: #001446;
	text-transform: uppercase;
	font-size: 12px;
  	font-weight: bold;
  	padding:10px 30px 10px 20px;
  	cursor: pointer;
  	background-color: transparent;
  	display: flex;
  	align-items: center;
  	transition: all 0.5s;
}
#missions .tab-container .tab-title .arrow{
	width: 50px;
	height: 50px;
  	background: transparent url(../img/tab-arrow.svg) no-repeat center center;
  	transform: rotate(-90Deg);
  	background-size: 16px;
  	transition: all 0.5s;
}
#missions .tab-container .tab-title .label{
	padding-left: 10px;
}

#missions .tab-container .tab-content{
	border: 1px solid #ff1f44;
	text-align: left;
	padding: 40px 50px 30px;
	opacity: 0;
	transition: all 0.5s;
}
#missions .tab-container .tab-content li:before{
	display: inline-block;
}
#missions .tab-container .tab-content li{
	margin-bottom: 20px;
}

#missions .tab-container .tab-content p{
	display: inline list-item;
}

#missions .tab-index-container{
	display: flex;
}



#missions .tab-container .active .image{
	opacity: 0;
}
#missions .tab-container .active .active-image{
	opacity: 1;	
}
#missions .tab-container .active .title{
	opacity: 1;
}
#missions .tab-container .active .tab-title{
	opacity: 1;
	background-color: #ff1f44;
	border:1px solid #ff1f44;
	color: #fff;
	transition: all 0.5s;
}
#missions .tab-container .tab-content.active{
	opacity: 1;
	transition: all 0.5s;
}

#missions .tab-text-container {
  position: relative;
  min-height: 300px;
}
#missions .tab-text-container .tab-content{
	position: absolute;
}
#missions .tab-container .tab-title.active .arrow{
  	transform: rotate(0);
  	background-image: url(../img/tab-arrow-active.svg);
  	transition: all 0.5s;
}




#commitments{
	position: relative;
}
#commitments .decoration{
background-image: url(/wp-content/uploads/2023/10/home_top_illustration.png);
  bottom: 0;
  left: 0;
  background-position: bottom left;
  height: 360px;
  width: 360px;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 101
}
#commitments .commitments .item .image img{
	height: 80px;
}




#commitments .slider-navigation {
	background: transparent url(../img/slider-navigation.svg) no-repeat center center;
    background-size: 100% ;
    height: 50px;
    width: 50px;
    cursor: pointer;
}
#commitments .next{
	transform: rotate(90Deg);
}
#commitments .prev{
	transform: rotate(-90Deg);
}
#commitments .slick-slider {
  width: 87%;
}
#commitments .item-container .item .text{
	font-size: 20px;
	padding:20px;
}

.commitments{
  	padding:50px 0 100px;
  	display: flex;
}
.commitments .image {
  	text-align: center;
}
.commitments .image img{
  	display: inline-block;
}


#cactions .in-wrap{
	margin-top: 0 !important;
}
#cactions h3{
	font-weight: bold;
	margin-bottom: 20px;
}
#cactions .main-text{
	text-align: left;
	margin-bottom: 50px;
	display: flex;
	justify-content: flex-start;
}
#cactions .main-text div{
	width: 50%;
}
#cactions h3 strong, #cactions h3 em{
	color: #ff1f44;
}

#cactions .item-container{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 5%;
}
#cactions .item-container .item{
	width: 30%;
	margin-bottom: 30px;
}
#cactions .item-container .item .title{
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0;
	text-transform: uppercase;
}
#cactions .item-container .item .text{
	margin-bottom: 30px;
}



#eactions .subtitle, #plus .subtitle{
	font-weight: bold;
}
#eactions .subtitle strong, #plus .subtitle strong{
	color: #ff1f44;
}
#eactions .item-container, #plus .item-container{
	margin-top: 50px;
}
#eactions .item-container .item{
	
}
#eactions .item-container .item .title{
	font-size: 22px;
	/*width: 100%;
	display: inline-block;*/
	margin-top: -70px;
}
#eactions .item .plus {
  bottom: 50px !important;
}


#plus .item-container ul, .tab-content ul, #cactions ul {
    list-style: none;
    margin-left: 0;
    /*padding-left: 1.2em;
    text-indent: -1.2em;*/
}
#plus .item-container ul li:before, .tab-content ul li:before, #cactions ul li:before{
	content: '';
    display: inline-block;
    height: 26px;
    width: 26px;
    background-size: 26px;
    background-image: url(../img/list_arrow_bullet.svg);
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center center;
    vertical-align: middle;
}