/*!
* bnp v0.1.0 Core css file 
* Last modification: 2022/05/13
* Author: BNPPAM UX Team 
*
* Shared style 
*/

/* Poll - Quizz */

 
audio{ width: 100%;}
.abovecontentlabel, .bellowcontentlabel {
	color: #000;
	font-size: 18px ;
	margin: 10px 0
}

.bnpvp-sondage-section .bnpvp-grid {
	margin-top: 50px
}

.bnpvp-sondage-title {
	text-transform: uppercase;
	margin-bottom: 15px!important;
	margin-top: 25px!important;
}

.bnpvp-sondage-entry a {
	text-decoration: none!important;
}

.bnpvp-sondage-entry a p {
	color: #000;
	border: 1px solid #000;
	padding: 5px 0 ;
	width: 94%!important;
	margin-left: 3%!important;
}


.bnpvp-sondage-section {
background: #90B9B7;
padding: 54px 0;
margin-bottom: 60px
}

.bnpvp-sondage-section .bnpvp-date {
font-size: 2.375rem;
text-align: center;
font-family: 'bnpcond';
margin-bottom: 30px;
font-weight: 300
}

.bnpvp-sondage-section h2 {
font-size: 4.0625rem;
color: #fff;
text-align: center;
margin-bottom: 30px;
font-family: 'bnpcond';
font-weight: 300
}

.bnpvp-sondage-section .bnpvp-sondage-entry h3 {
font-size: 4.0625rem;
text-align: center;
font-family: 'bnpcond';
text-transform: uppercase;
margin-bottom: 10px
}

.bnpvp-sondage-section .bnpvp-sondage-entry p {
font-size: 1.4375rem;
text-align: center;
font-family: 'bnpcond';
width: 100%;
display: block;
margin-bottom: 18px
}

.bnpvp-previous-poll {
margin-bottom: 30px
}

.bnpvp-previous-poll h2 {
font-size: 2.75rem;
font-family: 'bnpcond';
margin-bottom: 30px
}

.bnpvp-previous-poll .bnpvp-previous-entry {
display: block;
background-color: #90B9B7;
color: #000;
text-decoration: none;
padding: 16px 30px 10px 30px;
box-sizing: border-box;
margin-bottom: 5px
}

.bnpvp-previous-poll .bnpvp-previous-entry span {
display: inline-block
}

.bnpvp-previous-poll .bnpvp-previous-entry .title {
width: calc((100% - 122px));
font-family: 'bnpcond';
font-size: 1.875rem;
text-transform: uppercase;
font-weight: 700
}

.bnpvp-previous-poll .bnpvp-previous-entry .date {
width: 116px;
text-align: right;
font-family: 'bnpcondlight';
font-size: 1.875rem
}

.bnpvp-sondage-entry a.active p,.bnpvp-sondage-entry a:hover p {
	background-color: #fff
}

.bnpvp-poll-vote-submit,.bnpvp-poll-vote-show-result {
	color: #000!important;
	border: 1px solid #000;
	padding: 5px 25px ;
	margin-top: 20px ;
	bottom: -25px;
	position: relative;
	text-transform: uppercase
}

.bnpvp-poll-vote-submit:hover,.bnpvp-poll-vote-show-result:hover {
	color: #fff!important;
	background-color: #000;
}

.bnpvp-sondage-section {
	padding: 54px 0 64px!important;
}

.bnpvp-poll-vote-show-result {
	display: none
}

.correct_answer_section_btnl:hover, .correct_answer_section_btnr:hover,.bnpvp-poll-vote-show-result:hover {
	color: #fff!important;
	background-color: #000;
}

.show_correct_answer_section {
	display: none;
	text-align: center;
	font-family: 'bnpcond';
	font-size: 3.0625rem;
	margin-top: 15px;
	text-transform: lowercase;
}

.learn_more_section_label {
	text-align: center;
	font-family: 'bnp';
	display: block;
	margin-top: 35px;
	margin-bottom: 35px;
}

.show_correct_answer_section p {
	font-family: 'bnpcond';
	font-weight: 600;
}

.show_correct_answer_section span {
	display: block;
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: 20px;
}

.learn_more_section h2.bnpvp-sondage-title {
	font-size: 4.0625rem;
	color: #000;
	text-align: center;
	margin-bottom: 70px;
	font-family: 'bnpcond';
	font-weight: 300;
	text-transform: uppercase;
}

.learn_more_section p {
	font-family: 'bnplight';
	text-align: center;
}

.correct_answer_section_btns {
	text-align: center
}

.correct_answer_section_btnl ,.correct_answer_section_btnr {
	margin: 10 5px;
	color: #000!important;
	border: 1px solid #000;
	padding: 5px 25px ;
	margin-top: 20px ;
	bottom: -25px;
	position: relative;
	text-transform: uppercase
}

  .bnpvp-sondage-section h2 {
font-size: 2.25rem;
padding: 0 30px;
margin-bottom: 30px
}

.bnpvp-sondage-section .bnpvp-sondage-entry {
margin-bottom: 30px
}

.bnpvp-sondage-section .bnpvp-sondage-entry h3 {
font-size: 2rem;
margin-bottom: 10px
}

.bnpvp-sondage-section .bnpvp-sondage-entry p {
margin-bottom: 10px;
font-size: 1.125rem
}

.bnpvp-sondage-section .bnpvp-piechart {
width: 130px;
height: 130px
}

.bnpvp-sondage-section .bnpvp-piechart p {
font-size: 2rem !important
}

.bnpvp-previous-poll h2 {
color: #008252;
font-size: 1.8125rem;
margin-bottom: 22px
}

.bnpvp-previous-poll .bnpvp-previous-entry .title {
width: 100%;
font-size: 1.5625rem
}

.bnpvp-previous-poll .bnpvp-previous-entry .date {
display: none
}


.abovecontentlabel, .bellowcontentlabel {
color: #000;
font-size: 18px ;
margin: 10px 0;
display: inline-block;
width: 100%;
}


.bnpvp-sondage-title {
text-transform: uppercase;
margin-bottom: 15px!important;
margin-top: 25px!important;
}

.bnpvp-sondage-entry a {
text-decoration: none!important; 
}

.bnpvp-sondage-entry a p {
color: #000;
border: 1px solid #000;
padding: 5px 0 ;
width: 94%!important;
margin-left: 3%!important;
}

.bnpvp-sondage-entry a.active p,.bnpvp-sondage-entry a:hover p, .bnpvp-sondage-entry a:hover p:hover  {
background-color: #fff
}

.bnpvp-poll-vote-submit,.bnpvp-poll-vote-show-result {
color: #000!important;
border: 1px solid #000;
padding: 5px 25px ;
margin-top: 20px ;
bottom: -25px;
position: relative;
text-transform: uppercase
}

.bnpvp-poll-vote-submit:hover,.bnpvp-poll-vote-show-result:hover {
color: #fff!important;
background-color: #000;
}

.bnpvp-sondage-section {
padding: 54px 0 64px!important;
}

.bnpvp-poll-vote-show-result {
display: none
}

/* QUizz 1*/
.quizz-results-content {vertical-align: middle;    position: relative;    text-align: center; }

			.bnppam-progressbar-wrapper {				background-color: #E6E6E6;				color: white;				border-radius: 15px;				width: 80%;				display: inline-block;				float: right;				margin-right: 15px;				margin-bottom: 15px			  }
			  
			  .bnppam-progressbar {				background-color: #008252;				color: white;				padding: 7px;				text-align: right;				font-size: 20px;				border-radius: 15px;			  }
			  .bnppam-progressbar-content {margin-bottom:15px}
			  
			  .question{ display:none }
			  .question:first-of-type {display:block;}

			  .scroredisplay {				border: 2px solid #000;border-radius: 50%;	width: 30px;				height: 30px;				vertical-align: middle;				line-height: 32px;				display: inline;				padding: 30px;				margin: 10px auto;				display: block;}

				.scroredisplay span {font-size: 20px;}

.bnpvp-sondage-section.quizz-template-1 {  padding: 30px 30px 64px!important; background: transparent;margin-bottom: 0;}
.bnpvp-sondage-section .section_welcome_text.bnpvp-date {background: rgba(0, 130, 82, 0.7);height: 50px; margin:0; line-height:60px}
.bnpvp-sondage-section .section_welcome_text.bnpvp-date p,
#bnp-article .bnpvp-sondage-section .section_welcome_text.bnpvp-date p,
#bnpvp-article .bnpvp-sondage-section .section_welcome_text.bnpvp-date p  {color: #000;    line-height: inherit;}


.bnpvp-sondage-section .bnpvp-sondage-title {color:#000;}
.bnpvp-sondage-section .quizz-content {border: 2px solid rgba(0, 130, 82, 0.5); padding:10px 10px 60px 10px;}
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote {display:block; width:100%; border:0; border:0; background:#eee; }
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote p {font-size: 18px;}
.bnpvp-sondage-section .quizz-content .bnpvp-sondage-entry a.active p, .bnpvp-sondage-entry a:hover p {    background-color: inherit; border:0;}
.bnpvp-sondage-section .quizz-content .bnpvp-sondage-entry a p, .bnpvp-sondage-entry a p {    background-color: inherit; border:0; padding: 8px 0 7px;  margin-left:10px; text-align:left}

.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote:before {content:'';width: 24px;  height: 24px;  background: no-repeat center center url('../images/icons/checkbox_blank_outline.svg'); display:block; margin-right:10px; float: left;    line-height: 31px;   margin-top: 7px;    padding-left: 16px; color:#000}
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.correct:before {content:''; width: 24px;  height: 24px;  background: no-repeat center center url('../images/icons/checkbox_marked_outline.svg');  display: block; margin-right:10px; float: left; line-height: 31px; margin-top: 7px;  padding-left: 16px; color:#000}
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.active:before {content:''; width: 24px;  height: 24px;  background: no-repeat center center url('../images/icons/checkbox_marked_outline.svg');  display: block; margin-right:10px; float: left; line-height: 31px; margin-top: 7px;  padding-left: 16px; color:#000}
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.error:before {content:''; width: 24px;  height: 24px;  background: no-repeat center center url('../images/icons/checkbox_blank_outline.svg');  display:block; margin-right:10px; float: left;    line-height: 31px;   margin-top: 7px;   padding-left: 16px; color:#000}

.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.correct  {  border:1px solid green} 
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.correct p, .bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.correct:before{ color:green;    margin: 0; }
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.error {  border:1px solid #e35053 } 
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.error p, 
.bnpvp-sondage-section .quizz-content a.bnpvp-poll-vote.error:before{ color:#e35053;    margin: 0;  }

.bnpvp-sondage-section .quizz-content .bnpvp-poll-vote-submit,
.bnpvp-sondage-section .quizz-content  .bnpvp-poll-vote-show-result {background:#ddd;  }
.bnpvp-sondage-section .quizz-content .bnpvp-grid {justify-content:inherit}

a.quizzprevious { float: left;  color: #008252;}
.question a.quizznext {float: right; color: #008252;} 
.question .submitarea a.quizznext {float: inherit; }
.quizz-content .correct_answer_section_btnl, .quizz-content .correct_answer_section_btnr {margin-top:0;}
.quizz-results-content  div:first-of-type { display: inline-block; margin-top:16px; }
.bnpvp-sondage-section .quizz-content .quizz-reset {  position: relative;    display: inline-block; color:#008252!important;}
.bnpvp-sondage-section .quizz-content .quizz-reset:before {content:'';width: 24px;  height: 24px; 
	 background: no-repeat center center ; background-image: var(--svg); -webkit-mask: var(--svg); mask: var(--svg);
	  --svg: url('../images/icons/reload-lined.svg'); display:block; float: left;   background-size: cover;	  
	  background-repeat: no-repeat;	  margin-top: -3px;	  margin-right: 5px; 
	  background: #008252;}
	  .bnpvp-sondage-section .quizz-content .quizz-reset:hover:before {background:#ffffff}
a.quizzprevious, a.quizznext { font-family: 'bnp'; text-decoration: none; text-transform: uppercase;  display: inline-block; font-size:16px; margin-top: 0; 
	padding: 5px 10px; margin-right:10px}
.bnpvp-sondage-section .quizz-content .quizzprevious:before {content:''; width: 16px;   -webkit-mask: var(--svg);   
	 mask: var(--svg); --svg: url('../images/icons/arrow-left-lined.svg'); background-image: var(--svg);      margin-top: 0px;
	 margin-right: 5px;  height: 16px;  background: no-repeat center center #00915A; display:block; float: left; }

	 .bnpvp-sondage-section .quizz-content .quizznext:before {content:''; width: 16px;   -webkit-mask: var(--svg);   
				margin-left: 5px;		mask: var(--svg); --svg: url('../images/icons/arrow-right-lined.svg'); background-image: var(--svg);  
		 height: 16px;  background: no-repeat center center #00915A; display:block; float: right; }

		 .question .submitarea a.quizznext:before {background-color: #ffffff;}
.quizz-content .submitarea {min-height:50px}
.quizz-content p {
    font-size: 22px;line-height: 24px;
    font-family: 'bnp';
    text-transform: math-auto;
}
.sondage-error-min , .sondage-error-max {color:#e35053;}
.quizz-content .abovecontentlabel p ,.quizz-content .bellowcontentlabel p {font-size:18px}

.quizz-content .correct_answer_section_btns a:not(.quizz-reset){
	background: #008252;  color: #ffffff!important; padding: 5px 10px; font-size:20px;
}
.quizz-content .correct_answer_section_btns a:not(.quizz-reset):hover{
	text-decoration:none;
}

.quizz-content .submitarea a.quizznext {
    float: inherit;
    background: #008252;
    color: #ffffff!important;
    padding: 10px!important; 
}
a.bnpvp-poll-next-page.quizznext[disable="disable"] {
    background: #ddd;   
    color: #000!important;
}
#bnpvp-article .bnpvp-article-content a.bnpvp-poll-next-page, a.bnpvp-poll-next-page{ margin: auto;}
a.bnpvp-poll-next-page.quizznext[disable="disable"]:before {background-color: #000;}
a.quizz-reset { padding: 10px 15px; font-size: 20px;   margin-right: 16px;}
a.quizz-reset:hover ,.bnpvp-sondage-section .quizz-content .quizz-reset:hover{ background: #008252; color: #fff!important; text-decoration: none;}
.quizz-content span.learn_more_section_label {
    color: #008252; text-transform: uppercase; font-size: 22px;
}
.quizz-content .bnpvp-poll-result.show_correct_answer_section span{
    color: #008252; font-size:22px
}
.quizz-content .learn_more_section.show_correct_answer_section h2 p{
    color: #000; font-size:18px
}
.quizz-content .learn_more_section.show_correct_answer_section  p{
    color: #000; font-size:16px
}

.quizz-complete .bnpvp-sondage-entry > .bnpvp-poll-vote.active {
    background: #e35053;
    color: #fff;
}

.quizz-complete .bnpvp-sondage-entry > .bnpvp-poll-vote.active p{color:#fff}
.quizz-complete .bnpvp-sondage-entry > .bnpvp-poll-vote.active:before {background: #fff;} 
.quizz-complete .bnpvp-sondage-entry > .bnpvp-poll-vote[correct="1"] , .quizz-complete .bnpvp-sondage-entry > .bnpvp-poll-vote[correct="1"].active{
    background: #008351!important;
    color: #fff;
}
.quizz-content .show_correct_answer_section.quizznext {display: none;}



h2.bnpvp-sondage-title {
    padding: 26px 0!important;
}

.quizz-content .correct_answer_section_btnl { margin-right:10px}
.bnpvp-piechart {
    width: 200px;
    height: 200px;
    margin: 1em auto;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: conic-gradient(#000 0, #bbb 0);
    -moz-transition-duration: .35s;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    animation: myAnim 1s ease 0s 1 normal forwards
}

.bnpvp-piechart::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(95%);
    height: calc(95%);
    background: #90B9B7;
    border-radius: inherit
}

.bnpvp-piechart p {
    font-family: 'bnpcondlight' !important;
    font-size: 3.375rem !important;
    position: relative;
    z-index: 1;
    margin: 18px 0 0 0
}

@keyframes myAnim {
    0% {
        transform: scale(.5)
    }

    100% {
        transform: scale(1)
    }
}


/* Courses */

.bnp-course-content li {
    list-style-type: disc;
    margin-left: 25px;
    margin-bottom: 10px;
}
.bnp-liste-courses .bnp-grid-cell {margin-bottom: 26px}
.bnp-courses .bnp-breadcrumb {margin: 35px 0;}

.bnp-course-heading{ position:relative;}
.bnp-course-heading figure{text-align:center}
.bnp-course-heading figure img{margin: 30px auto;}
.bnp-course-heading h1{background:#008252; padding:24px 26px; color:#FFF; font-size: 35px;}
.bnp-courses h2{color:#008252; padding:24px 0px; font-size: 36px;}
.bnp-courses h2 span {text-transform:uppercase}

.bnp-course-content { padding : 35px 5%}
.bnp-course-modules { margin-top: 35px;}
.bnp-course-modules-head {color:#008252; font-size:18px; font-familly:'bnp'; line-height:26px; }
.bnp-course-modules-list{color:#008252; padding-top:16px}
.bnp-course-modules-list-item{color:#008252; border-bottom:#008252 1px solid; padding: 10px 10px; list-style: none;}
.bnp-course-modules-list-item a,.bnp-course-modules-list-item a:hover,.bnp-course-modules-list-item a:visited { position:relative; width:100%;     display: inline-block;	color:#008252; text-decoration:none; font-size:20px}
.bnp-course-modules-list-item a::before {    padding-top: 0px;      position: absolute;   top: 4px;    color: #008252;   content: " "; -webkit-mask: var(--svg); mask: var(--svg); --svg: url('../images/icons/arrow_up_icon.svg');transform: rotate(90deg); background-image: var(--svg);   background: #008252;  width:18px; height:12px; position: absolute; right: 4px;  	}
.bnp-course-modules-list-item a::after {content:'\25EF';padding-top: 0px; font-size: 20px;    position: absolute;    right: 6px;    top: 5Px; color:#008252 }
.bnp-course-modules-cta a {padding-right:40px;  color: #fff;   position: relative;}
.bnp-course-modules-cta a.reversedesign {background:#fff; color:#008252!important; padding-right:0px;padding-left:40px;}
.bnp-course-modules-cta {margin: 35px auto; display:block; text-align: center; }
.bnp-course-modules-cta a::after { font-size: 22px;    content: " "; -webkit-mask: var(--svg); mask: var(--svg); --svg: url('../images/icons/arrow-right-lined.svg'); background-image: var(--svg);   background: no-repeat center center #fff;  width:22px; height:22px; position: absolute; right: 12px;   color: #fff;top: 15px;}
.bnp-course-modules-cta a.reversedesign::after { font-size: 22px;    content: " "; -webkit-mask: var(--svg); mask: var(--svg); --svg: url('../images/icons/arrow-left-lined.svg'); background-image: var(--svg);   background: #008252;  width:22px; height:22px; position: absolute; left: 15px;   color: #fff;top: 15px;}

.buttonprevious {padding-left : 40px; color:#008252; margin: 10px 0; }

.buttonprevious::before {font-size: 30px;    content: '';
    width: 16px;
    -webkit-mask: var(--svg);
    mask: var(--svg);
    --svg: url(../images/icons/arrow-left-lined.svg);
    background-image: var(--svg);
    height: 16px;
    background: no-repeat center center #00915A;   position: absolute;    left: 10px;    top: 0px;    color: #008252;}
.bnp-liste-courses {background:#F3F3F3; padding:20px 20px}
.bnp-liste-courses h1 {color:#008252; font-size:24px}
.bnp-entry-course {       position: relative; padding: 0px 0px 10px;    background: #fff;}
.bnp-entry-course .bnp-entry-figure, .bnp-entry-course .bnp-entry-figure img { width:100%}
.bnp-liste-courses .bnp-entry-title  {background:#008252 ; color:#fff; margin:15px 0; width:100%; padding:5px 0px}
.bnp-liste-courses .bnp-entry-title a {color:#fff!important;padding:0 10px}
.bnp-liste-courses .bnp-entry-content-showmodules { color:#008252; margin: 5px auto; display:block; padding-right:20px; text-align:center;    width: 100%;}
.bnp-liste-courses .bnp-entry-content-showmodules::after { font-size: 22px;
    content: " ";
    -webkit-mask: var(--svg);
    mask: var(--svg);
    --svg: url(../images/icons/arrow-right-lined.svg);
    background-image: var(--svg);
    background: no-repeat center center #008252;
    width: 18px; position: absolute;margin-left: 10px;
    height: 17px;}
.bnp-liste-courses .bnp-entry-content-showmodules.open::after { content:"\2BC5"; right:0; }
.bnp-liste-courses .bnp-entry-content { padding: 5px 10px;} 
.bnp-liste-courses a.bnp-entry-gotocourse.bnp-button { margin:10px auto; display:table;}
.bnp-liste-courses .bnp-grid-cell.bnp-grid3 {    margin-bottom: 30px;}
.bnp-entry-course-modules {display:none;}

.bnp-entry-course-modules.active {display:block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0;   background: rgba(0,0,0,0.85);}
.bnp-entry-course-modules.active .btn_close{right:10px; top:10px; color:#fff;    position: absolute;}
.bnp-entry-course-modules.active .btn_close:after{content:"\2573"; font-size:12px}
.bnp-entry-course-modules.active  ul { list-style: none; height: 100%;    padding: 10px 20px;}
.bnp-entry-course-modules.active  li { color:#fff; margin-bottom: 14px;}
.bnp-entry-course-modules-head {color: #fff; font-size: 18px; line-height: 26px; padding: 40px 10px 10px;}


/* TAB */

.bnp-iconhover-section {   position: relative;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-flex-direction: row;    -ms-flex-direction: row;    flex-direction: row;    -webkit-flex-wrap: nowrap;    -ms-flex-wrap: nowrap;    flex-wrap: nowrap;    -webkit-justify-content: center;    -ms-flex-pack: center;    justify-content: center;    -webkit-align-content: stretch;    -ms-flex-line-pack: stretch;    align-content: stretch;    -webkit-align-items: flex-start;    -ms-flex-align: start;    align-items: flex-start}
.bnp-iconhover-section .bnp-iconhover-entry { -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-header {    cursor: pointer;    max-width: 130px;    margin: 0 14px 70px 14px;    text-align: center;    -moz-opacity: .4;    -khtml-opacity: .4;    -webkit-opacity: .4;    opacity: .4;    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);    filter: alpha(opacity=40);    -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-header figure {    height: 110px;    text-align: center}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-header figure img {    width: 100px}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-header span {  overflow-wrap: anywhere;  width: 130px;    height: 56px;    display: table-cell;    vertical-align: middle}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content {    display: none;    position: absolute;    top: 200px;    left: 0;    width: 100%;}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner {    width: 100%;    height: 300px;    overflow: hidden;    position: relative;    margin-bottom: 30px}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner:before { content: "";    display: block;    width: 40px;    height: 40px;    z-index: 10;    transform: rotate(45deg);    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);    -o-transform: rotate(45deg);    position: absolute;    top: -23px;    left: 49%;    background: #fff}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner figure { position: relative;    -moz-opacity: 0;    -khtml-opacity: 0;    -webkit-opacity: 0;    opacity: 0;    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);    filter: alpha(opacity=0);    -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s;    display: -webkit-box;    display: -webkit-flex;    display: -moz-box;    display: -ms-flexbox;    display: flex;    -webkit-flex-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;    justify-content: center}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner figure img {    min-width: 100%}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner figure:before {    background-color: #212121;    content: "";    position: absolute;    top: 0;    left: 0;    height: 100%;    width: 100%;    z-index: 1;    -moz-opacity: .4;    -khtml-opacity: .4;    -webkit-opacity: .4;    opacity: .4;    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);    filter: alpha(opacity=40)}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner h2 {    position: absolute;    top: 120px;    color: #fff;    left: calc((100% - 740px)/2);    z-index: 10}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail {    width: 730px;    margin: 0 auto;   text-align: center;    margin-bottom: 30px}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail p {    text-align: left}
.bnp-iconhover-section .bnp-iconhover-entry.active {    -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s}
.bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-header { -moz-opacity: 1;    -khtml-opacity: 1;    -webkit-opacity: 1;    opacity: 1;    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    filter: alpha(opacity=100);    -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s}
.bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-content { display: block }
.bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-content figure {    -moz-opacity: 1;    -khtml-opacity: 1;    -webkit-opacity: 1;    opacity: 1;    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);    filter: alpha(opacity=100);    -moz-transition-duration: .35s;    -webkit-transition-duration: .35s;    -o-transition-duration: .35s;    transition-duration: .35s}


/* GTB Tabs & GTB latest courses */

.bnp-tab-section .bnp-iconhover-detail {    background: #ddd;    padding: 40px 10px 20px;}
#bnp-article .bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner:before, 
.bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner:before {display:none}
.bnp-tab-section .bnp-iconhover-entry.active .bnp-iconhover-header:after {      content: '\2BC5';    display: block;    position: absolute;    bottom: -20px;    color: #ddd;    /* right: 46%; */    font-size: 30px;    left: 41%;}
#bnp-article .bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-header, 
.bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-header {  position: relative;}
.bnp-fullwidth-block.bnp-tab-section {height:580px}
#bnp-article .bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content, .bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content{ top:170px}
.bnp-tab-section .bnp-iconhover-detail>p, .bnp-tab-section .bnp-iconhover-detail>div {    padding: 0 20px;}

#bnp-article .bnp-tab-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail p, .bnp-tab-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail p {  overflow-wrap: anywhere;}

.bnp-tab-section a.bnp-entry-gotocourse.bnp-button { color:#fff}
.bnp-tab-section {height: 650px;}

@media only screen and (max-width: 651px){
.bnp-tab-section {height: 485px;}
.bnp-tab-section .bnp-entry-course {padding:0}
.bnp-tab-section .bnp-iconhover-entry.active .bnp-iconhover-content figure, 
.bnp-tab-section .bnp-iconhover-entry.active .bnp-iconhover-content figure {width:42%; float:left;}
.bnp-tab-section .bnp-liste-courses .bnp-entry-title {margin:3px 0}
.bnp-tab-section .bnp-liste-courses .bnp-entry-content-showmodules { display: none; }
.bnp-tab-section a.bnp-entry-gotocourse.bnp-button { font-size:10px; margin:0;padding:5px 0; width:42%; display: inline-block; margin: 0 auto; }
.bnp-tab-section .bnp-liste-courses.bnp-entry-course {max-height:83px; overflow: hidden;}
.bnp-tab-section  .bnp-iconhover-entry, .bnp-tab-section .bnp-iconhover-entry {width:33%}

.bnp-tab-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail, 
.bnp-tab-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-detail {padding-top: 20px; position: relative; max-width: 100vw;}
.bnp-tab-section .bnp-liste-courses .bnp-entry-content {    padding: 3px 10px;    font-size: 12px;   width: 50%;    float: left;    text-align: left;	}
.bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry.active .bnp-iconhover-content {position: absolute;	margin-top: -107px;}
.bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-content .bnp-iconhover-banner {			height: auto;}
.bnp-tab-section .bnp-iconhover-section .bnp-iconhover-entry .bnp-iconhover-header figure { display: none;}
}
@media only screen and (max-width: 426px){
.bnp-tab-section .bnp-liste-courses .bnp-entry-content { font-size: 11px; }
}

@media only screen and (max-width: 320px){
.bnp-tab-section .bnp-liste-courses .bnp-entry-content { display: none;}
}

/*** FORMBUILDER */
article #formbuilder .plzslider_wrapper {padding: 0;}
.bnpvp-contact-form h2, .bnp-contact-form h2 {
font-size: 3rem;    color: #000;     font-family: "bnpcond";  
margin-bottom: 45px;    padding-top: 45px;
}
#formbuilder .bnp-form-entry, #formbuilder .bnpvp-form-entry {margin-bottom:20px;}
#formbuilder a.submitform {
display: inline-block;
color: #969696;
font-familly: 'bnp';
text-transform: capitalize;
border: 0px solid #969696;
font-size: .875rem;
padding: 5px 10px 2px 10px;
min-width: auto;
width: auto;
right: 0px;
position: relative;
}
#formbuilder a.submitform {
color: #FFF!important;
background-color: #008252;
display: inline-block;
color: white;
text-transform: capitalize;
font-family: 'bnpcond';
font-size: 1.25rem;
margin: 1rem 0;
}



.formbuilder_btns_contenair {width:100%; position:relative}
#formbuilder .bnp-form-title, #formbuilder .bnpvp-form-title {
display: inline-block;    width: 100%;    color: #000;    font-size: 34px;    font-weight: 400;    font-family: "bnpcond";    border-bottom: 2px solid #000;
text-transform: capitalize;    text-align: left;    align-items: center;    justify-content: center;
overflow-wrap: anywhere;    padding: 0 5px;    width: 400px; padding-top:15px;   margin: 0 auto 30px auto;
}

/*#formbuilder a.submitform {  background-color: #008252;    display: inline-block;    color: white;    text-transform: capitalize;    font-family: 'bnpcond';font-size: 1.25rem;    margin: 1rem 0;}
*/
#formbuilder .bnp-form-set:not(.wrong) input:not(:placeholder-shown) , #formbuilder .bnpvp-form-set:not(.wrong) input:not(:placeholder-shown) { border:1.5px solid #008252; }
#formbuilder input:placeholder-shown , #formbuilder input:hover { border:1.5px solid #000; }

#formbuilder a#nextformbuilder { position: absolute;    right: 100px;}
#formbuilder a#prevformbuilder { left: 100px; position: relative;}

/* CHeCKBOX */

#formbuilder .bnp-form-set.valid:after , #formbuilder .bnp-form-set.valid:before,
#formbuilder .bnpvp-form-set.valid:before ,#formbuilder .bnpvp-form-set.valid:after{display:none!important}
#formbuilder .checkbox-wrapper * {    box-sizing: border-box;  }
#formbuilder .checkbox-wrapper .cbx {  width:100%;  -webkit-user-select: none;    user-select: none;    cursor: pointer;    padding: 5px 1px;   border-radius: 6px;    overflow: hidden;    transition: all 0.2s ease;    display: inline-block;  }
#formbuilder .checkbox-wrapper .cbx:not(:last-child) {    margin-right: 6px;  }
#formbuilder .checkbox-wrapper .cbx span {    float: left;    vertical-align: middle;    transform: translate3d(0, 0, 0);  }
#formbuilder .checkbox-wrapper .cbx span:first-child { float:right;    position: relative;    width: 18px;    height: 18px;    border-radius: 4px;    transform: scale(1);    border: 1px solid #cccfdb;    transition: all 0.2s ease;    box-shadow: 0 1px 1px rgba(0,16,75,0.05);  }
#formbuilder .checkbox-wrapper .cbx span:first-child svg {
position: absolute;    top: 3px;    left: 2px;    fill: none;    stroke: #fff;    stroke-width: 2;    stroke-linecap: round;    stroke-linejoin: round;    stroke-dasharray: 16px;    stroke-dashoffset: 16px;    transition: all 0.3s ease;    transition-delay: 0.1s;    transform: translate3d(0, 0, 0);  }
#formbuilder .checkbox-wrapper .cbx span:last-child {  padding-left: 0px;    line-height: 18px;  }
#formbuilder .checkbox-wrapper .cbx:hover span:first-child {    border-color: #008252;  }
#formbuilder .checkbox-wrapper .inp-cbx {    position: absolute;    visibility: hidden;  }
#formbuilder .checkbox-wrapper .inp-cbx:checked + .cbx span:first-child {    background: #008252;    border-color: #008252;    animation: wave-4 0.4s ease;  }
#formbuilder .checkbox-wrapper .inp-cbx:checked + .cbx span:first-child svg {    stroke-dashoffset: 0;  }
#formbuilder .checkbox-wrapper .inline-svg {    position: absolute;    width: 0;    height: 0;    pointer-events: none;    user-select: none;  }
@media screen and (max-width: 640px) {    #formbuilder .checkbox-wrapper .cbx {      width: 100%;      display: inline-block;    }  }
@-moz-keyframes wave-4 {    50% {      transform: scale(0.9);    }  }
@-webkit-keyframes wave-4 {    50% {      transform: scale(0.9);    }  }
@-o-keyframes wave-4 {    50% {      transform: scale(0.9);    }  }
@keyframes wave-4 {    50% {      transform: scale(0.9);    }  }

/* position submit */

.bnppam-form-align-left #formbuilder div.bnpvp-form-action {text-align: left!important;}
.bnppam-form-align-center #formbuilder div.bnpvp-form-action {text-align: center!important;}
.bnppam-form-align-right #formbuilder div.bnpvp-form-action {text-align: right!important;}

.bnppam-form-align-left h2 {text-align: left!important; max-width: 400px;    margin: auto;}
.bnppam-form-align-center h2 {text-align: center!important;}
.bnppam-form-align-right h2 {text-align: right!important; max-width: 400px;    margin: auto;}
/* error mess */
#formbuilder .wrong .bnp-error-msg,#formbuilder .wrong .bnpvp-error-msg, #formbuilder .wrong label.error { padding-left:35px;   display: block;    width: 100%;    position: relative; }
#formbuilder .bnp-form-set.wrong:after,   #formbuilder .bnpvp-form-set.wrong:after { 
font-size: 14px; margin-top: -37px;   right: inherit;    display: block;     position: relative;    width: 22px; height:22px;    float: left;}
#formbuilder .bnp-form-set.wrong:after {height:20px}
#formbuilder .email-form.bnp-form-set.wrong:after, #formbuilder .email-form.bnpvp-form-set.wrong:after {margin-top: -25px; }

/* radio */

.radio-form .l-radio{	  padding: 5px 1px!important;	  border-radius: 50px;	  display: inline-flex;	  cursor: pointer;	  transition: background .2s ease;	  margin: 8px 0;	  -webkit-tap-highlight-color: transparent;		}
.radio-form .l-radio:hover,
.radio-form .l-radio:focus-within{		background: rgba( #008525,.1);	}
.radio-form .l-radio input {	vertical-align: middle;		width: 20px!important;		height: 20px!important;		border-radius: 10px;		
								background: none;		border: 0!important;		box-shadow: inset 0 0 0 1px  #008525;		box-shadow: inset 0 0 0 1.5px  #008525;		
								appearance: none;		padding: 0!important;		margin: 0!important;		transition: box-shadow 150ms cubic-bezier(.95,.15,.5,1.25);		pointer-events: none;
							}
.radio-form .l-radio input:focus{outline: none}
.radio-form .l-radio input:checked {  box-shadow: inset 0 0 0 6px #008525}
.radio-form .l-radio span{ vertical-align: middle;	display: inline-block; line-height: 20px;	padding: 0 8px 0 0;	  }

/* LIGHT MODE */
.bnppam-form-template-light a#nextformbuilder, 
.bnppam-form-template-light a#prevformbuilder {
text-decoration: none;    border: 1px solid #000; color: #000; 
font-family: 'bnpcond';background-color: #FFF;font-size:16px;    padding: 6px 12px;
}
.bnppam-form-template-light a#nextformbuilder:hover,
.bnppam-form-template-light a#prevformbuilder:hover {
text-decoration: none; border: 1px solid #008252; color: #fff; 
font-family: 'bnpcond';background-color: #008252;font-size:16px;    padding: 6px 12px;
}

.bnppam-form-template-light #formbuilder a.submitform{background: #fff; color:#000!important; border:1px solid #000}
.bnppam-form-template-light #formbuilder a.submitform:hover  { border: 1px solid #008252; background-color: #008252; color:#fff!important; text-decoration: none;}

/* DARK MODE*/
.bnppam-form-template-dark .bnpvp-contact-form h2, .bnppam-form-template-dark .bnp-contact-form h2 {color:#fff}
.bnppam-form-template-dark a#nextformbuilder, 
.bnppam-form-template-dark a#prevformbuilder {
text-decoration: none;
border: 1px solid #008252; color: #008252; font-family: 'bnpcond';background-color: #FFF;font-size:16px;    padding: 6px 12px;
}

.bnppam-form-template-dark a#nextformbuilder:hover, 
.bnppam-form-template-dark a#prevformbuilder:hover {
text-decoration: none;
border: 1px solid #008252; color: #FFF; font-family: 'bnpcond';background-color: #008252;font-size:16px;    padding: 6px 12px;
}

.bnppam-form-template-dark .bnp-contact-form .list_carousel, .bnppam-form-template-dark .bnpvp-contact-form .list_carousel {padding-bottom: 60px;}
.bnppam-form-template-dark #formbuilder label,
.bnppam-form-template-dark .bnpvp-form-title,
.bnppam-form-template-dark .bnp-form-title,
.bnppam-form-template-dark span.optionlabel{color:#fff!important;}
.bnppam-form-template-dark .bnp-form-title,.bnppam-form-template-dark .bnpvp-form-title {border-color:#fff!important;}

.bnppam-form-template-dark .bnpvp-error-msg , .bnppam-form-template-dark .bnpvp-error-msg .wrong label.error{padding-left:35px!important; color: #e35053!important; }
/*
.bnppam-form-template-dark .bnpvp-form-set.wrong:after, .bnppam-form-template-dark .bnpvp-form-set.wrong:after {    border-color:#e35053!important; right: inherit; color:#e35053!important;   display: block;    position: absolute;    top: calc(75% - 1px);    left: 0;    width: 19px;}
*/
.bnppam-form-template-dark .bnp-error-msg, .bnppam-form-template-dark .bnp-error-msg label.error{padding-left:35px!important; color: #e35053!important; } 
.bnppam-form-template-dark  .wrong input, .bnppam-form-template-dark input.error, .bnppam-form-template-dark .wrong span.select2.select2-container,.bnppam-form-template-dark .wrong textarea {border-bottom: 2px solid #e35053;}
.bnppam-form-template-dark #formbuilder .bnp-form-set.wrong:after,.bnppam-form-template-dark #formbuilder .bnpvp-form-set.wrong:after {border-color:#e35053!important;  color:#e35053!important; }
.bnppam-form-template-dark #formbuilder a.submitform {background: #fff; color:#008252!important; border:1px solid #008252}
.bnppam-form-template-dark #formbuilder a.submitform:hover {background-color: #008252; color:#fff!important; text-decoration: none;}
.bnppam-form-template-dark .span.bnp-error-msg, .bnppam-form-template-dark .span.bnpvp-error-msg {  margin-top: 7px; }

.wp-block-embed-youtube iframe {    width: 100%;    height: auto;   aspect-ratio: 16/9;} 
iframe[data-mce-fragment='1'] { aspect-ratio: 16/9;}
@media only screen and (max-width: 640px){
	.bnppam-progressbar-content{    width: 100%; text-align: center; margin-bottom: 12px; display: block; }
	.bnppam-progressbar-wrapper{width: 97%!important; display: block;}
}
::placeholder{font-style: italic!important;}

/* Audio Player */

.audioplayer
{
	height: 2.5em; /* 40 */
	color: #000;
	position: relative;
	z-index: 1;
	background: #eee;
	padding:5px;
    border-radius: 25px;
	-moz-outline-radius: 25px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 5px;
		left: 5px;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			
			height: 30px; 	width: 30px; margin: 5px;
			background-color: #008252;
			border-radius: 50%; -webkit-border-radius:50%;
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: rgba(0, 130, 82, 0.7);
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 52px; /* 38 */
		text-align: left;
		padding-left:12px;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			
			right: 1.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 3px;/* 14 */
		background-color: #ccc;
		cursor: pointer;
		z-index: 1;
		top: 30px;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #aaa;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #008252;
			background: -webkit-gradient( linear, left top, right top, from( #008252 ), to( #008252 ) );
			background: -webkit-linear-gradient( left, #008252, #008252);
			background: -moz-linear-gradient( left, #008252, #008252 );
			background: -ms-radial-gradient( left, #008252, #008252 );
			background: -o-linear-gradient( left, #008252 #008252 );
			background: linear-gradient( left, #008252, #008252 );
			z-index: 2;
		}
		.audioplayer-bar-played:after {
			width: 15px;
			height: 15px;
			content:" ";
			position: absolute;
			background: #008252;
			right: 0;
			top: -6px;
			border-radius: 50%;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top:1px;
		right: 10px;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
		/*	background-color: #222;*/
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #008252;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #008252;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					width: 0.3em;
					height: 0.313em;
					border: 0.27em double #008252;
					border-width: 0.2em 0.2em 0 0;
					left: 0.563em;
					top: -0.063em;
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 20%;
				height: 80%;
				background-color: rgba(230, 230, 230, 0.7);
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: rgba(0, 130, 82, 0.5);;
					background: -webkit-gradient( linear, left bottom, left top, from( rgba(0, 130, 82, 0.7) ), to( rgba(0, 130, 82, 0.9)) );
					background: -webkit-linear-gradient( bottom, rgba(0, 130, 82, 0.7), rgba(0, 130, 82, 0.9));
					background: -moz-linear-gradient( bottom,  rgba(0, 130, 82, 0.7), rgba(0, 130, 82, 0.9));
					background: -ms-radial-gradient( bottom,  rgba(0, 130, 82, 0.7), rgba(0, 130, 82, 0.9));
					background: -o-linear-gradient( bottom,  rgba(0, 130, 82, 0.7), rgba(0, 130, 82, 0.9));
					background: linear-gradient( bottom,  rgba(0, 130, 82, 0.7), rgba(0, 130, 82, 0.9));
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #008252 );
		-moz-filter: drop-shadow( 1px 1px 0 #008252 );
		-ms-filter: drop-shadow( 1px 1px 0 #008252 );
		-o-filter: drop-shadow( 1px 1px 0 #008252 );
		filter: drop-shadow( 1px 1px 0 #008252 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}

	/*
		Campaign Over Signposting
	*/

	#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner.overtitle, 
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner.overtitle
	{margin-top:-214px}

	.bnp-signposting.bnppam-campaign a.bnp-button-load{margin-left:0}
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign figure{ /*top:60px;*/
		float: right; display: block;width: 48%; position: relative;  height: 100%;}

	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign .bnp-detail {
		float: left; position: relative!important; width:50%; left: 25%;}
	
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign .bnp-signposting-tools 
	{text-align: left;}
	.bnppam-campaign h1, .bnppam-campaign h1 {font-family: "bnpcond"; border-bottom: 1px solid #008252; 
		text-transform: uppercase; }
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign h1{
		font-family: "bnpcond"!important; border-bottom: 1px solid #008252!important; 
		display: inline-block;
		}
	.bnppam-campaign h2, .bnppam-campaign h2 {font-family: "bnpcond"; border-bottom: 1px solid #008252; 
		text-transform: uppercase; }
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign h2{
		font-family: "bnpcond"!important; border-bottom: 1px solid #008252!important; 
		display: inline-block;
		}
		.bnp-banner-detail-text p{color:black; padding-top: 5px;}
	#bnp-article .bnp-banner-detail-container h3,
	.bnp-banner-detail-container h3 {
		font-family: "bnpcond"!important; font-size: 32px!important; 
		text-transform: uppercase; line-height: 0;}

		#bnp-article .bnp-banner-detail-container h2,
		.bnp-banner-detail-container h2 { text-edge:cap; leading-trim:both; 
			font-family: "bnpcond"!important; font-size: 96px!important; 
			text-transform: uppercase; line-height: 98px;}

			#bnp-article .bnp-banner-detail-container p,
	.bnp-banner-detail-container p {
		font-family: "bnp"!important; font-size: 18px!important; line-height: 26px;}

		
		#bnp-article .bnp-banner-detail-container a.bnp-button,
		.bnp-banner-detail-container a.bnp-button {
			background-color:black; color:white; border:transparent; padding:8px 16px}

	filter-bg::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		opacity: 0.7;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(to top, rgba(33,33,33,0), rgba(24,24,24,0.22) 52%, #545454);
		}
		#bnp-article .bnp-signposting .bnp-detail, .bnp-signposting .bnp-detail{z-index:10}
		#bnp-article .bnp-signposting.bnp-signposting-fullwidth figure, .bnp-signposting.bnp-signposting-fullwidth figure{height: 300px;}
		.bnp-signposting.bnp-signposting-fullwidth.bnp-signposting-large figure {
			height: 100%;
			top: 60px;
		}

		#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign  .bnp-detail, 
		.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign  .bnp-detail{
			padding:26px 0 0; left:inherit; position :relative;transform:inherit;
		}
		.bnp-campaign-block.bnp-signposting.bnppam-campaign.bnp-signposting-fullwidth{background:transparent!important}
		.bnp-campaign-block.bnp-signposting.bnppam-campaign.bnp-signposting-fullwidth .bnp-section,
		.bnp-campaign-block.bnp-signposting.bnppam-campaign.bnp-signposting-fullwidth .bnpvp-section {padding-left: 5%; padding-right:5%; 
			box-sizing: border-box;}
@media only screen and (max-width: 780px){
	.bnppam-campaign .bnp-section {
		padding: 0 40px;
	}
	.bnp-article-content .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign {
		margin-left: -20px!important; height: auto;  width: 100vw;margin-bottom: 16px;
	}
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign figure { width: 100%; margin-bottom: 30px; top:0;}
		#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign .bnp-detail, 
		.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign .bnp-detail{
			width:100%; padding-top:0;
		}
		.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign .bnp-detail h3{
			 margin-bottom:8px;
		}
}
.share-comparator-disclaimer, .bnpvp-articles-disclaimer, .bnp-articles-disclaimer{font-family:'bnp';font-size: 16px;line-height: 22px;color: #393939; margin-bottom:10px ; }
#bnp-article .bnp-breadcrumb ul li, .bnp-breadcrumb ul li, #bnpvp-article .bnpvp-breadcrumb ul li, .bnpvp-breadcrumb ul li{font-size:16px}
#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner figure, .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner figure {
    height: 100%; margin-top: 0; text-align: center; justify-content:end;
}
.bnppam-campaign-banner { margin-top:-80px}
#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner .bnp-fullbanner-entry figure::before, 
.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner .bnp-fullbanner-entry figure:before 
 {
	background: none;
}
#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner , .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner {height:auto; 
  /*  position: absolute;
    margin-left: 0;
    left: 0;*/
} 

#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner figure img, .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner figure img{width:auto;}
@media only screen and (max-width: 1100px) and (min-width: 1024px){
	.bnp-article-content .bnp-signposting.bnp-signposting-fullwidth {
		margin-left: calc(-1 * ((100vw - 650px )/2)); width: 110vw;
	}
	#bnp-article .bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner, 
	.bnp-signposting.bnp-signposting-fullwidth.bnppam-campaign-banner {
        width: 111%;
        margin-left: -5%!important;
        margin-top: -50px;
        overflow-wrap: anywhere;
    }
}
@media only screen and (max-width: 1150px) and (min-width: 1101px){
	.bnp-article-content .bnp-signposting.bnp-signposting-fullwidth {
		margin-left: calc(-1 * ((100vw - 600px )/2)); width: 110vw;
	}
}
@media only screen and (max-width: 1024px){
	.bnp-banner-detail-container {  margin-left: 20px;}
	#bnp-page-heading #bnp-page-title h1 { padding: 0 20px;}
}

.bnp-article-content > ul li, .bnp-article-content > ol li, .bnpvp-article-content > ul li, .bnpvp-article-content > ol li{font-size:18px; font-family: 'bnp';line-height: 26px;}
.bnp-article-content > ol li ,  .bnpvp-article-content > ol li {line-height: 26px; list-style-position: inside; padding-left:0}
ol li {line-height: 26px; list-style-position: inside; padding-left:0}

/* photo-gallery wall */
.bnp-grid-cell-child-3 .bnp-grid-child{
	min-width: 25%;max-width: 25%; word-break: break-all;
}
.bnp-grid-cell-child-4 .bnp-grid-child{
	min-width: 33.33333333%;max-width: 33.33333333%; word-break: break-all;
}


	.home_page_Header {
font-size: 78px;
font-weight: 700;
line-height: 70px;
}
.home_page_Header2 {
font-size: 22px;
line-height: 28px;
letter-spacing: 0.22px;
padding: 15px 10px;
font-weight: 600;
}
.expert_name {
color: #ffffff;
position: absolute;
bottom: 0;
padding: 15px 20px;
}
.e_name {
font-size: 20px;
line-height: 24px;
margin-bottom: 5px;
text-shadow: 2px 1px 3px black;
word-break: break-word;
}
.e_quote {
font-size: 32px;
line-height: 32px;
text-shadow: 1px 2px 3px black;
}
.e_sub_quote_title {
display: none;
text-transform: none;
word-break: break-word;
font-family: 'bnpcond';
}
.Header_Box {

padding: 10px;
background: #008351;
color: #fff;
font-size: 60px;
font-weight: bold;
letter-spacing: 2px;
line-height: 60px;
}

.greenborder {
border: 15px solid #008351;
}

.experthover {
position: absolute;
border: 0px solid #008351;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
opacity: 0;
background: rgba(3, 44, 25,0);
transition: all ease-in-out .1s;
-moz-transition: all ease-in-out .1s;
-ms-transition: all ease-in-out .1s;
-o-transition: all ease-in-out .1s;
-webkit-transition: all ease-in-out .1s;
}

.experthover span {min-width: 28px;
position: absolute;
min-height: 28px;
display: block; 
background: url("/wp-content/plugins/bnpp-gutenberg-blocks-manager/blocks/bnpp-gutenberg-gallery-wall/assets/img/speaker_arrow.png");
background-size: cover;
right: 0;}

.Header_Box .experthover {
position: absolute;
border: 0px solid #008351;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
opacity: 0;
background: #ffffff!important;
color: #000000;
transition: all ease-in-out .1s;
-moz-transition: all ease-in-out .1s;
-ms-transition: all ease-in-out .1s;
-o-transition: all ease-in-out .1s;
-webkit-transition: all ease-in-out .1s;
}
.headerbox_P1 {
font-size: 18px;
line-height: 22px;
padding: 10px;
letter-spacing: 0px;
font-weight: 100;
word-break: break-word;
}
.headerbox_P2 {
font-size: 24px;
color: #008351;
line-height: 28px;
font-weight: 100;
text-align: right;
padding: 10px;
position: absolute;
bottom: -12px;
letter-spacing: 0px;
right: 0;
word-break: break-word;
}
.experthover img {
width: 28px;
right: 0;
position: absolute;
margin: 15px;
}
.speaker {overflow:hidden}
.speaker.no-hover .experthover {
border: 15px solid #008351;
background: rgba(3, 44, 25,0.65);
opacity: 1;
cursor: inherit;
}

.speaker.fixedhover {
border: 15px solid #008351;
background: #ffffff;
opacity: 1;
cursor: inherit;
height: 326px !important;
}

.Header_Box.fixedhover{ 
color:#000000;
}


.speaker:hover .experthover {
border: 15px solid #008351;
background: rgba(3, 44, 25,0.65);
opacity: 1;
}
.speaker:hover .e_name {
font-weight: 700;
}
.speaker:hover .expert_name {
bottom: -20px;
}
.speaker:hover .e_quote {
font-size: 22px;
line-height: 22px;
font-family: "BNPPSansLight";
padding-bottom: 12px;
}
.speaker:hover .e_sub_quote {
display: none;
}
.speaker:hover .e_sub_quote_title {
display: block;
}
.speaker {position: relative; 
box-sizing: border-box;
float:left; height: 282px;min-height: 282px;max-height: 282px;
background-size: cover;
background-position: top center;
}
.pad55 {
padding: 40px 0 0;
}
.quote_block p {
font-size: 70px;
line-height: 75px;
font-weight: 600;
}


.whiteText {
color: #FFFFFF!important;
}


.SANSLight {
font-family: "bnplight";
}
.SANSRegular {
font-family: "bnp";
}
.SANSCond {
font-family: "bnpcond";
}
.SANSCondBold {
font-family: "bnpcond";
line-height: 60px!important;
font-weight: bold;
word-wrap: break-word;
word-break: break-word;
}
.Uppercase {
text-transform: uppercase;
}



@media only screen and (min-device-width: 1424) {
.headerbox_P1 {
font-size: 18px;
}
.headerbox_P2 {
font-size: 24px;
}
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1350px) {
.Header_Box {
font-size: 48px;
line-height: 50px;
}
}

@media only screen and (min-device-width: 1301px) and (max-device-width: 1423px) {
.headerbox_P1 {
font-size: 16px;
}
.headerbox_P2 {
font-size: 21px;
}
}

@media only screen and (min-device-width: 1234px) and (max-device-width: 1300px) {
.headerbox_P1 {
font-size: 15px;
}
.headerbox_P2 {
font-size: 20px;
}
}

@media only screen and (min-device-width: 1200px) and (max-device-width: 1233px) {
.headerbox_P1 {
font-size: 14px;
}
.headerbox_P2 {
font-size: 19px;
}
}

@media only screen and (min-device-width: 1082px) and (max-device-width: 1199px) {
.headerbox_P1 {
font-size: 18px;
}
.headerbox_P2 {
font-size: 24px;
}
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1081px) {
.headerbox_P1 {
font-size: 14px;
line-height: 27px;
}
.headerbox_P2 {
font-size: 18px;
line-height: 24px;
}
}


.bnp-article-content .bnp-photo-wall {
	margin-left: -200px;
}

.speaker figure, .speaker figure img { width: 100%; height: 100%; object-fit: cover; }

.speaker .ImageFlop {
display: none;
}

.speaker:hover .ImageFlop {
display: block
}
.speaker:hover .ImageFlip {
display: none
}


.bnp-grid-cell-child-3 .e_sub_quote { font-size: 14px; word-wrap: break-word; 
    word-break: break-word; line-height: 16px;}
.bnp-grid-cell-child-3  .SANSCondBold { word-wrap: break-word;   word-break: break-word; font-family: "bnpcond"; font-size: 48px !important; line-height: 48px !important; font-weight: bold;}
.bnp-grid-cell-child-3 .headerbox_P1 {  word-wrap: break-word; word-break: break-word;   padding: 0px;}
/* calculator */

.bnp-calculator{display:flex; align-self: stretch; align-items:flex-start; gap:1%; 
    flex-wrap: wrap; flex-direction: row;  align-content: space-around; justify-content: center; align-items: flex-start;
}
.bnppcalculator { background: #e3e3e3; padding: 38px 50px;  display: block; }
.bnppcalculator h2 {color:#008252; font-family: 'bnpcond'; font-size: 56px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.bnppcalculator h3 { font-family: 'bnpcond'; font-size: 40px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.bnppcalculator .calculator-desc {
	font-family: 'bnp'; font-size: 20px; line-height: 30px; font-weight: 300; 
}
.bnppcalculator .calculator-search {
	display: flex;margin: 0px 0 26px;border-radius: 24px; align-items: center;  padding: 6px 16px; align-items:center; gap: 20px; display: flex; box-sizing: border-box;
	background: #FFF;  justify-content: space-around;
}
.calculator-search-placeholder { padding-left: 20px;margin-top: 26px;font-family: 'bnp'; font-size: 18px; font-style: italic; line-height: 30px;}
.calculator-search span { border: 1px solid #008525;
    color: #008525;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 12px;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px; background: white;}
.bnppcalculator .calculator-search input{height: 40px;  display: flex; box-sizing: border-box;  border: 0; width: 80%; font-size: 20px; 
    line-height: 31px;
    padding-top: 6px;
    vertical-align: text-bottom;}
.bnppcalculator .calculator-search button{ font-size: 20px; font-family: 'bnpcond'; cursor: pointer;
	text-transform:uppercase; background: #008252; color:#FFF; border-radius: 24px; align-items: right; height: 40px; padding: 6px 16px; border:1px solid #008525; line-height: 31px;
   
    vertical-align: text-bottom;
}
.bnp-section.bnp-calculator .wp-block {
	 display: inline-flex;
}
.calculator-search-error {display: none; color:#FF4E4E; font-size:12px;

    margin-top: -19px;
    margin-bottom: 20px;
    margin-left: 22px;}
.bnppcalculator .calculator-search.error {
    background-color: rgba(255, 78, 78, 0.1);
    border: 1px solid #FF4E4E;
	color: #FF4E4E;
}

.unitycontains_value span{font-family: 'bnpcond'; font-size:3rem; text-transform: capitalize;}
.equivalentcontainer_img img{   max-width: 100%;  padding: 0; max-height: 64px; max-height: 57px;}
.equivalentcontainer_img figure{ padding-left: 10px; padding-right: 10px; max-width: 100%; position: relative;}
.equivalentcontainer_img {   max-width: 90px; padding: 12px 0;}
.bnp-section.bnp-calculator {width:100%;   margin-bottom: 2%; }
@keyframes myAnim {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
.bnp-photo-wall .bnp-grid-cell {  display: flex;  align-self: center;   box-sizing: border-box;  flex-wrap: wrap;   justify-content: center;}
.tombstone{ 
	width:32%;  aspect-ratio: 1 / 1;  border-radius: 5px 5px;    max-width: 260px;
	border: 0px; overflow: hidden;  display: flex;
    justify-items: center; vertical-align: middle;
    margin-bottom: 2%; flex-direction: column;
    flex-wrap: nowrap;  align-items: center; justify-content: center;
}
.bnppcalculator {padding: 40px!important;}
.bnppcalculator h2 {color:#008252; font-family: 'bnpcond'; font-size: 56px; font-weight: 400; }
.bnppcalculator h3 { font-family: 'bnpcond'; font-size: 40px; font-weight: 400; display: flex; justify-content: space-between;align-items: center;align-self: stretch;}
.unitycontains {
    width: 100%;
    height: auto;
    min-height: 50%;
    display: inline-grid;
    color: #fff;
    justify-content: start;  padding: 5px 10px;
    box-sizing: border-box;  align-items: center;
}
.onlyprimaryvalue .unitycontains
{
    width: 100%;
    height: auto;
    min-height: 50%;
    display: inline-grid;
    color: #fff;
    justify-content: space-around;
    padding: 5px 10px;
    box-sizing: border-box;
    align-items: center;
    overflow: hidden;
}
.onlyprimaryvalue .unitycontains_value, .onlyprimaryvalue .unitycontains_desc{ text-align: center;}

.equivalentcontainer {
	width: 100%;
    height: 50%;
    background-color: #fff;
    display: flex;
    align-content: space-around;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.unitycontains_value{ text-transform: capitalize; font-size: 19px; font-family: 'bnpcond'; }
.unitycontains_desc {text-transform: capitalize; font-size: 1.4rem; font-family: 'bnpcond'; }
.equivalentcontainer_desc {font-size: 13px; line-height: 16px; font-family: 'bnp';padding: 0 10px;}
.equivalentcontainer_desc span{font-weight: bold;}
.bnp-keyfeatures h2 { margin: 0px 0 20px 0;
	padding-top: 20px;
	font-size: 2.75rem;
	font-family: 'bnpcond';
	line-height: 52px;
	font-weight: bold;}

	.wp-block-gallery {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: center;
	}

	@media only screen and (max-width: 1200px){
		.tombstone {width: 49%;}
		.bnp-article-content .bnp-photo-wall {
			margin-left: 0px;
		}
		
		section.bnp-section.bnp-photo-wall {
			width: 140%;
			margin-left: -20%;
		}
	}
	@media only screen and (max-width: 1025px){
		section.bnp-section.bnp-photo-wall {
			width: 96%;
			margin-left: 2%;
		}
		.bnp-grid-cell-child-3 .headerbox_P1 {
			font-size: 0.70rem;
		}
		.bnp-grid-cell-child-3 .SANSCondBold {
			font-size: 43px !important; 
     		line-height: 43px !important;
		}
		
	}



	@media only screen and (max-width: 769px){
		.tombstone {width: 49%;}
		.bnp-grid-cell-child-3 .bnp-grid-child {
			min-width: 50%;
			max-width: 50%;
			word-break: break-word;
		}
		.bnp-grid-cell-child-4 .bnp-grid-child {
			min-width: 50%;
			max-width: 50%;
		}
		.bnp-grid-cell-child-3  .SANSCondBold { word-wrap: break-word; font-family: "bnpcond"; font-size: 2.3rem !important; line-height: 3rem !important; font-weight: bold;}
		.bnp-grid-cell-child-3 .headerbox_P1 { word-wrap: break-word; word-break: break-word;   padding: 0px;}
		.bnp-grid-cell-child-3 .headerbox_P1 { font-size: 0.75rem; }
	}

	@media only screen and (max-width: 600px){
		.bnppcalculator h2 {font-size:42px}
		.bnppcalculator h3 {font-size:32px;}
		.bnppcalculator .calculator-desc, .calculator-search-placeholder {font-size: 16px; 	line-height: 25px;}
		.unitycontains_value span {font-size:2.5rem}
		.unitycontains_value{font-size:20px}
		.unitycontains_desc{font-size:1.4rem}
		.calculator-search span {
			background: white;
			border: 1px solid #008525; color: #008525; border-radius: 50%; width: 12px;margin-left: -10px;
			height: 12px; padding: 10px; font-size: 23px; text-align: center; vertical-align: middle; line-height: 17px;
		}

		.bnppcalculator .calculator-search button {
			font-size: 16px; font-family: 'bnpcond'; cursor: pointer; text-transform: uppercase; background: #008252; color: #FFF;
			border-radius: 24px; align-items: right; height: 40px; padding: 5px 12px; border: 1px solid #008525; line-height: 31px; vertical-align: text-bottom;margin-right: -10px;
		}
		.bnppcalculator .calculator-search input {
			height: 40px;
			display: flex;
			box-sizing: border-box;
			border: 0;
			width: 80%;
			font-size: 16px;
			line-height: 31px;
			padding-top: 5px;
			vertical-align: text-bottom;
		}
		.bnppcalculator .calculator-search.error input{color:#FF4E4E}
		.bnppcalculator .calculator-search.error button {display: none!important;}
	}

	@media only screen and (max-width: 466px){
		.bnppcalculator { padding: 12px!important; }
		.bnppcalculator .calculator-desc, .calculator-search-placeholder {font-size: 14px; 	line-height: 20px;}
		/*.bnppcalculator .calculator-search {margin: 20px -36px}*/
		.calculator-search-placeholder{ padding : 0}
		.bnp-grid-cell-child-3 .bnp-grid-child {
			min-width: 320px;
			max-width: 100%;
			word-break: break-word;
		}
		.bnp-grid-cell-child-4 .bnp-grid-child {
			min-width: 320px;
			max-width: 100%;
		}
		.bnp-grid-cell-child-3 .headerbox_P1 { font-size: 1rem; }
		.bnp-grid-cell-child-3  .SANSCondBold { word-wrap: break-word; font-family: "bnpcond"; font-size: 60px!important; line-height: 60px!important; font-weight: bold;}
		
	}

	@media only screen and (max-width: 466px){
		.tombstone {width: 98%;}}

	@media only screen and (max-width: 321px){
		.bnppcalculator h2 { font-size: 38px; }
		.bnppcalculator h3 { font-size: 25px; }
	}

	.gap10{ gap:10px }
	.gap5{ gap:5px }
	.gap15{ gap:15px }

	.bnp-article-citation {margin:auto;width:fit-content; position:relative; padding: 18px;}
	.bnp-article-citation p {
		padding-left: 30px;
		padding-right: 30px;
		font-family: 'bnpcond'!important;  color: #000;  font-size: 2.5rem!important;  line-height: 42px !important; width: auto!important;
	}

	.bnp-article-citation:before,.bnp-article-citation:after {
		 font-family:monospace; color:#000; font-size: 4rem;
	}

	.bnp-article-citation:after { content:'\00275E'; width: 30px;    position: absolute;   right: 0; top: 84%;}
	.bnpvp-section .bnp-article-citation:after{top:62%}
	.bnp-article-citation:before {
		content:'\00275D';
    	width: 30px;
	}
	.wp-block-audio {
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.ytfull{
		aspect-ratio:16/9;
		width: 100%;
	}

	.bnppcalculator .calculator-search.error button {
		background: #aaa;
		border-color: #aaa;
	}

	section.bnp-contact-infos {
		background: #0e7164;
		color: #FFF;
		padding: 20px 25px 10px;
	}
	
	.bnp-contact-infos-content {
		position: relative;
	}
	.bnp-contact-infos-person {
		position: relative;
		padding:16px 0px;
		min-height: 100px;
	}
	.bnp-contact-infos-person figure {
		width: 100px;
		height: 100px;
		position: absolute; 
		right : 0; 
		top: 0;
		bottom:0;
		margin-right: 12px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		overflow: hidden;
		background: url(../images/unnamed-small.png) no-repeat;
	}
	.bnp-contact-infos-person figure img{width:100%; Height:100%; filter: grayscale(1);}
	.bnp-contact-infos-person-content {
		max-width: 70%;
		display: flex;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-around;
		align-items: flex-start;
		flex-direction: column;
		}	
	
	.bnp-contact-infos-person-content a {    color: #FFF !important;
		font-family: bnplight;
		font-size: 14px;}
		.bnpp_keyfeature sup{font-size:12px}

		@media all and (max-width:434px){
			.bnpp_keyfeature figure {
				position: relative;
				max-width: 100px;
				margin: 16px auto;
			}
			.bnpp_keyfeature h3{
				margin-top: 8px;
			}
			bnpp_keyfeature figure img {
				width: 90%;
				max-width: 100px;
				margin: auto;
			}
			.bnpp_keyfeature p {
				line-height: 20px;
				font-size: 16px;
			}
			.bnp-keyfeatures-container .bnpp_keyfeature {
				padding: 28px 25px !important;
			}
		}

		.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright {
			display: inline-block;
		}