/*!
* 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;}
.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: 4px;    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: 4px;  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: 4px;  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: 4px;   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;
}
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;}





.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-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;    font-size: 14px;    content: "\2BC8";    font-family: 'icon' !important;    position: absolute;    right: 9px;    top: 5Px;    color: #008252;	}
.bnp-course-modules-list-item a::after {content:'\25EF';padding-top: 0px; font-size: 18px;    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 a.reversedesign::before  {   right: inherit;font-size:22px; content: "\01F808";   font-family: 'icon' !important;position:absolute; left:15px; color:#008252; }
.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: 13px;}
.bnp-course-modules-cta a.reversedesign::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: transparent;  width:22px; height:22px; position: absolute; right: 12px;   color: #fff;top: 13px;}

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

.buttonprevious::before {font-size: 30px;    content: "\01F808";    font-family: 'icon' !important;    position: absolute;    left: 0;    top: -10px;    color: #008252;}
.bnp-liste-courses {background:#ddd; padding:20px 20px}
.bnp-liste-courses h1 {color:#008252; font-size:18px}
.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 { content:"\2BC6"; right:0}
.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}
.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;
	}