@charset "utf-8";
/* CSS Document */



@media (min-width: 992px) {
  .landingpage h1 {
    font-size:2.1em;
  }
}
.landingpage h2 {
	color: #3d4a5c;
}
@media (max-width: 768px) {
  .landingpage h2 {
    margin-top:0px;
  }
}
.stretch-panel {
	width:100%;
	background-color: #EDEDED;
	padding:30px 0;
}
.stretch-panel.background-beige {
	background-color:#f3eee8;
}
.stretch-panel.background-peach{
  background-color: #F3CFBD;
}
.center-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.cover-img {
	border-radius: 3px;
	float:right;
	display: block;
	max-width: 100%;
	height: auto;
	display:none;
}
@media (min-width: 1200px) {
.cover-img {
	max-width: 80%;
}
}
@media (min-width: 992px) {
.cover-img {
	display: block;
}
}
.cover-image{
  /* Location of the image */
background-image: url(../img/landingpage/cover-img-square-2.jpg);

/* Background image is centered vertically and horizontally at all times */
background-position: center top;

/* Background image doesn’t tile */
background-repeat: no-repeat;

/* Background image is fixed in the viewport so that it doesn’t move when
the content’s height is greater than the image’s height */
/* background-attachment: fixed; */

/* This is what makes the background image rescale based
on the container’s size */
background-size: cover;

display:none;
width: 100%;

 
}
@media (min-width: 992px) {
  .cover-image{
    display:block;
  }
}
@media (min-width: 1200px) {
  .cover-image{
    width:85%;
    float:right;
  }
}
.top-links {
	display: -ms-grid;
  display: grid;
  text-align:center;
 -ms-grid-columns: (100%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 100%);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	grid-gap: 15px;
}
@media (min-width: 640px) {
.top-links {
  text-align:left;
 -ms-grid-columns: (49%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 49%);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 5px;
}
}
a.lp-btn {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	border: none;
	color: #fff;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	height: auto;
	font-size: 18px;
	padding: 5px 15px;
	background-color: #3d4a5c;
	font-weight: 100;
	text-decoration: none;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px;
}
@media (min-width: 1200px) {
	a.lp-btn {
	font-size:20px;
	}
}
a.lp-btn:hover, .lp-btn:active {
	background-color: #27303d;
}
a.lp-btn:hover .btn-txt {
	text-decoration: underline;
}
a.lp-btn .small-txt {
	display: block;
	margin-top: -9px;
	display: block;
	font-size: 0.8em;
	text-decoration: none;
	color:#efefef;
}
a.lp-btn .btn-txt {
	display: block;/* border-bottom: 1px solid #fff; */
}
a.lp-btn .fas {
	margin-left: 8px;
}
.btn {
	font-size: 20px;
}
/*Video Embed*/
   .video-wrapper {
	margin: 60px auto 20px auto;
	height:400px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.embed-wrapper {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	height:400px
}
.embed-wrapper iframe {
	border: 0;
	height:400px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.transcript{
	margin-bottom: 60px;
	position: relative;
	z-index: 9999;
}
/*******ACCORDION*******/
/*TODO: SCOPE CSS*/
#details-elements {
	margin-bottom: 30px;
	max-width:1000px;
}
/* #details-elements details ul{
	padding-left:25px;
} */
#details-elements details:not([open]) {
	visibility: visible;
}
#details-elements > details {

	background-color: #fff;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 3px 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
	background-image:none;
	-webkit-appearance:none;
}
#details-elements details .small{
	line-height:1.3em;
}
#details-elements > details[open] {
	padding-bottom:0;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: none;
}
#details-elements > details[open] > summary {
	background-color:#3d4a5c;
	color:#fff;
}
#details-elements > details > summary {
	box-sizing: border-box;
	position: relative;
	padding: 14px 20px;
	border: none!important;
	border-radius: 0px;
	color: #3d4a5c;
	background-color: #fff;
	background-image:none;
	-webkit-appearance:none;
	list-style: none;
}

 #details-elements details > summary::marker {
 content:"";
 display:none!important;
}
#details-elements details > summary {
	list-style-image: none;
	list-style: none;
  }
  
  #details-elements details > summary::-webkit-details-marker {
	background:none;
	display:none;
	color: transparent;
  }
#details-elements summary > h3 {
	display: inline-block;
	margin-right:40px;
	font-weight:100;
}
#details-elements summary > h4 {
    display: inline-block;
    margin-right: 40px;
    font-weight: 100; 
}
#details-elements summary i {
	position: absolute;
	font-size:30px;
	right:15px;
	display: inline-block;
	margin-top: 2px;
}
#details-elements  details[open] summary i{
	/* -webkit-animation: rotation 0s linear;
	animation: rotation 0s linear; */
	/* -webkit-transform-origin: 43% 50%;
    transform-origin:43% 50%;
    -ms-transform-origin:43% 50%; */
      -webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#details-elements details details:not([open]) summary i {
	/* -webkit-animation: rotation 0.1s linear;
	animation: rotation 0.1s linear; */
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);

}
#details-elements > details > summary:hover, #details-elements > details > summary:focus:hover {
	background-color:#3d4a5c;
	color:#fff;
	text-decoration: none;
	/* -webkit-transition: background-color 300ms ease, color 300ms ease;
	transition: background-color 300ms ease, color 300ms ease; */
}
/* #details-elements details summary:focus {
background-color:#fff;
color:#3a5258;
    text-decoration: none;
} */
/* #details-elements details[open] summary:focus{
    background-color:#3a5258;
    color:#fff;
} */
#details-elements .wb-tabs{
	/* margin-top:15px; */
}
.wb-tabs [role=tabpanel] {
    overflow-x: hidden;
}
a.lp-btn:focus, .btn-toggle:focus, #details-elements details summary:focus, .filter-section.reset button:focus, table.dataTable tbody tr a:focus, .btn-link:focus, .dataTables_wrapper .dataTables_length select:focus{
  outline:none;
  /* outline:none; */
}
a.lp-btn:focus-visible, .btn-toggle:focus-visible, #details-elements details summary:focus-visible, .filter-section.reset button:focus-visible, table.dataTable tbody tr a:focus-visible, .btn-link:focus-visible, .dataTables_wrapper .dataTables_length select:focus-visible{
  box-shadow: inset 0 0 0 3px rgb(236 138 54);
}
#details-elements > details{
	border-radius: 4px;
	margin-bottom: 0;
}
#details-elements > details{
	margin-bottom: 10px;
}
#details-elements details .contents {
	
	padding: 15px 0 5px;
}
@media (min-width: 992px) {
	#details-elements details .contents {
		padding: 15px 0 20px;
	}
}
#details-elements details .contents li {
	line-height: 1.55em;
	color:#3d4a5c;
}
#details-elements details .contents h4 {
	margin-top: 5px;
	margin-bottom:5px;
	color: #3a3a3a;
	line-height: 1.4em;
	font-weight: 100;
}
#details-elements details .contents p{
    line-height: 1.5em;
	color:#3d4a5c;
}
.details-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 15px;
}
.btn-toggle {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 5px;
    background-color: #c5c5c5;
    color: #2a2a2a;
    position: relative;
    border-radius: 4px;
    width: 150px;
    box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px;
    z-index: 9;
}
.btn-toggle:hover, .btn-toggle:active,.btn.focus, .btn:focus, .btn:hover, .btn-link:focus,a.lp-btn:focus {
	outline: none!important;
	background-color:#3d4a5c;
	color:#fff;
	text-decoration: none;
}
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
}
 @keyframes rotation {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
}
/***************FILTER*******************/
table.dataTable thead .sorting {
	display:none;
}
table.dataTable thead {
	display: none;
}
table.dataTable tbody {
	margin-top: 20px;
	margin-bottom: 20px;
	display: -ms-grid;
	display: grid;
 -ms-grid-columns: (100%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 100%);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	grid-gap: 0px;
}
@media (min-width: 576px) {
table.dataTable tbody {
 -ms-grid-columns: (49%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 49%);
}
}
 @media (min-width: 768px) {
/* table.dataTable tbody {
 -ms-grid-columns: (32.5%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 32.5%);
} */
}
@media (min-width: 992px) {
table.dataTable tbody {
	-ms-grid-columns: (32.5%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 32.5%);
}
}
@media (min-width:1200px) {
table.dataTable tbody {
	-ms-grid-columns: (24.5%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 23.8%);
}
}
table.dataTable tbody tr {
	background-color: transparent;
}
table.dataTable tr td {
	margin:0;
	padding:0;
	width: 100%;
	display: block;
}
table.dataTable tr a:hover {
	background-color: #3d4a5c;
			color: #fff;
			text-decoration: underline;
}
table.dataTable tr a {
	margin-bottom: 19px;
			text-decoration: none;
			line-height: 1.3em;
			color: #3d4a5c;
			display: -webkit-box;
			display: -ms-flexbox;
			/* display: flex; */
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: left;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			font-weight: 500;
			text-align: center;
			padding: 15px;
			/* border: 1px solid #d2d2d2; */
			
			background-color: white;
			height: 150px;
			/* -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
			transition: all 0.3s cubic-bezier(.25, .8, .25, 1); */
		
			border-radius: 4px!important;
			background-color: #fff;
			box-shadow: rgb(99 99 99 / 34%) 0px 2px 3px 0px;
}

table.dataTable.fr tr a{
	height: 155px;
}
@media (min-width: 576px) {
table.dataTable tr a {
	height: 170px;
  padding: 10px;
  justify-content: center;
  text-align: center;
}
table.dataTable.fr tr a{
	height: 170px;
}

}
@media (min-width: 992px) {
/* table.dataTable tr a {
	height: 170px;
  padding: 10px;
  justify-content: center;
  text-align: center;
} */
table.dataTable.fr tr a{
	height: 190px;
}
}
table.dataTable.no-footer {
	border-bottom:1px solid #ddd;
	margin-bottom: 10px;
	border: none;
}
.dataTables_filter {
	display: none;
}
.dataTables_wrapper {
	margin-bottom:0px;
}
.dataTables_wrapper .dataTables_length {
	float: none;
	text-align: center;
	display:block;
}
@media (min-width: 992px) {
.dataTables_wrapper .dataTables_length {
	float:right;
}
}
.dataTables_wrapper .dataTables_length label {
	font-weight: 500;
}
.dataTables_wrapper .dataTables_length select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -3px center;
	background-repeat: no-repeat;
	background-size: 15px 10px;
	cursor: pointer;
	height: auto;
	border: 2px solid #a7a9ac;
	border-radius: 3px;
	background-color: #fefefe;
	font-family: inherit;
	font-size: 20px;
	font-weight: 400;
	padding: 0px 8px 0px 8px;
	color: #414042;
	width: 60px;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out;
}
.control-toggle{
	display:none;
}
.filter-controls {
	margin: 50px auto 10px;
	max-width: 500px;
	width: 100%;
}
.filter-section {
	margin-top:10px;
 padding:0 8px;
 padding: 0 .5rem;
}
@media (min-width: 992px) {
.filter-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width:860px;
}
.filter-section {
	width:100%;
}
}
/* .filter-section input:focus, .filter-section select:focus {
	outline: none;
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out;
} */
.filter-section select {
  text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -14px center;
    background-repeat: no-repeat;
    background-size: 15px 10px;
    cursor: pointer;
    height: auto;
    border: 1px solid #8c8c8c;
    border-radius: 3px;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 20px;
    padding: 10px 22px 10px 15px;
	color: #3d4a5c!important;
	font-weight: bold;
	width:100%;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px;
	/* -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out; */
}
.filter-section input {
	width:100%;
	padding: 10px 14px;
	height: auto;
	border: 1px solid #8c8c8c!important;
	display: block;
	box-sizing: border-box;
	width: 100%;
	border-radius: 3px;
	background-color: #fefefe;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px;
	font-family: inherit;
	font-size: 20px;
	font-weight: 400;
	color: #414042;
	/* -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out; */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.filter-section label {
	display: block;
			margin: 0;
			font-size: 1em;
			font-weight: 400;
			line-height: 1.8;
			color: #1f1f1f;
			font-size: 16px;
}
.filter-section.reset {
	margin:20px auto 0 auto;
	/* 	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end; */
  -webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	max-width:200px;
}
@media (min-width: 992px) {
.filter-section.reset {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: end;
	-webkit-box-align: end;
	align-items: flex-end;
	margin:0;
}
}
.filter-section.reset button:hover {
	background-color:#27303d;
	color:#fff;
}
.filter-section.reset button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	background-color: #3d4a5c;
	color: #fff;
	border-radius: 4px;
	width: 100%;
	font-size:20px;
	font-weight: 400;
	padding: 10px 14px 12px;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
	margin-bottom:16px;
	margin-bottom: 1rem;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-decoration: none;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px;
	margin: 0;
}
::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}
::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}
:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: rgb(88, 88, 88);
 opacity: 1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Firefox */
 font-size: 18px;
}
table.dataTable td.dataTables_empty {
	text-align: center!important;
	position: absolute;
  font-weight:bold;
  top: 47px;
}
@media screen and (min-width: 480px) {
.dataTables_wrapper .dataTables_info:after {
	display: none;
}
}
.dataTables_wrapper .dataTables_info {
	display: block;
	text-align: center;
	color: #3d4a5c;
	
    margin-top: 50px;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #3d4a5c;
	border-color: #3A5258;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #3d4a5c;
	background-color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color:#fff;
	background-color: #3d4a5c;
}
.messages {
	text-align: center;
	padding:20px 20px 10px 20px;
}
.messages p {
	display: none;
	color: #3d4a5c;
	
}
@media (min-width: 992px) {
  .messages p {
    font-size: 1.1em;
  }
}
#default-msg {
	font-weight: bold;
}
.fade-in {
	animation: 0.5s ease-in 0.5s fadeIn;
	-webkit-animation: 0.5s ease-in 0.5s fadeIn;
	-moz-animation: 0.5s ease-in 0.5s fadeIn;
	-o-animation: 0.5s ease-in 0.5s fadeIn;
	-ms-animation: 0.5s ease-in 0.5s fadeIn;
}
@keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
 @-webkit-keyframes fadeIn {
0% {
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
100% {
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
.bottom-links {
	display: -ms-grid;
	display: grid;
 -ms-grid-columns: (100%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 100%);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  grid-gap: 5px;
  margin-bottom:40px;
}
/* @media (min-width: 576px) {
.bottom-links {
 -ms-grid-columns: (49.5%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 49.5%);
}
} */
 @media (min-width: 576px) {
	 /*Temp fix*/
	/* .bottom-links {
	-ms-grid-columns: (49.5%)[auto-fill];
		grid-template-columns: repeat(auto-fill, 49.5%); 
	} */
}
@media (min-width: 992px) {
	.bottom-links {
		 /*Temp fix*/
	/* -ms-grid-columns: (49.5%)[auto-fill];
		grid-template-columns: repeat(auto-fill, 24%);  */
		-ms-grid-columns: (32.5%)[auto-fill];
		grid-template-columns: repeat(auto-fill, 32.5%); 
	}
}
.btn-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin: 5px;
	background-color: #3d4a5c;
	color: #fff!important;
	border-radius: 4px;
	padding: 15px;
	line-height: 1.5em;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 2px 0px
}
.btn-link:hover {
	background-color: #27303d;
}

/* IE 11 QUERY */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .top-links{
    display:block;
    
  }

  a.lp-btn{
    margin-top:10px;
  }
  a.lp-btn:focus, .btn-toggle:focus, #details-elements details summary:focus, .filter-section.reset button:focus, table.dataTable tbody tr a:focus, .btn-link:focus, .dataTables_wrapper .dataTables_length select:focus{
    border:2px solid rgb(0, 26, 255)!important;
    border-style:inset;
  }
  .btn-link:focus, a.lp-btn:focus{
    background-color:#27303d;
  }
  #details-elements summary{
    padding-left: 10px;
  }
  #details-elements summary i {
    display:none;
  }
  table.dataTable tbody {
      display:block;
    }
    table.dataTable tbody tr {
      display:block;
      width:100%;
      height:auto;
      max-width:750px;
      margin-left: auto;
      margin-right:auto;
    }
    table.dataTable tbody tr a{
      height:auto;
      padding:20px;
      display:block;

	}
	table.dataTable.fr tr a{
		height: auto;
	}
    .dataTables_wrapper .dataTables_length{
      float:none;
    }
    .dataTables_wrapper .dataTables_length select{
      padding:0 0 0 8px;
    }
    table.dataTable td.dataTables_empty{
      position:static;
      
    }
    .filter-section input{
      padding: 10px 14px 12px;
    }
    .bottom-links{
      display:block;
      max-width:400px;
      margin:0 auto;
    }
    .btn-link{
      display:block;
      width:100%;
    }
    .filter-section.reset button{
      width:auto;
    }
}



.colour-box{
	background-color: #3A5258;
	margin: 15px 0;
	padding:20px;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 141px;
	justify-content: center;
}
@media (min-width: 768px) {
	.colour-box{
		min-height: 207px;
	}
}
@media (min-width: 992px) {
	.colour-box{
		min-height: 180px;
	}
}
.colour-box span{
	font-size: 23px;
}
.colour-box span.purecounter{
	font-size: 30px;
	font-weight: bolder;
	display: inline;
	
}
.colour-box .h4{
	font-weight: 100;
}

.wb-eqht-inited .cover-img{
	display: none;
}
.cover-img{
	display: none;;
	position: absolute;
	bottom: -30px;
	max-width: 100%;
	/* -webkit-transform: scaleX(-1);
	 transform: scaleX(-1); */
}
@media (min-width: 992px) {

.wb-eqht-inited .cover-img{
	display: block;
}
}
.bg-new{
	background-color: #49676f!important;
	
	color:#fff;
	overflow: hidden;
}
.bg-new h2{
	color:#fff;
	font-weight: 100;
}
.white-bg{
	background-color: white;
}
.transcript {
	margin-bottom: 38px;
	position: relative;
	z-index: 9999;
}
@media (min-width: 992px) {
.generated li a i{
	display:none;
}
}
.tabpanels details summary:focus, .tabpanels details summary:hover,.tabpanels details[open] summary {
    background-color: transparent;
    color: #3d4a5c;
    text-decoration: underline;
	background: #ebebeb;
}
details[open] {

    border-radius: 0px;
}
.wb-tabs>.tabpanels>details>summary {
    padding: 10px 10px;
}
#details-elements details details summary i {
	color:#4a4a4a;
    margin-top: 6px;
}

.contents details summary{
	border-radius: 0;
}
.colour-box span.after-num{
	font-size: 30px;
	font-weight: bolder;
	display: inline;
}
.num-cont{
	display: block;
	
}
.colour-box > div{
	display: none;
}
.animate__animated .colour-box > div{
	display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.tabpanels details{
	margin-bottom: 0;
}
.wb-tabs [role=tablist]>li:focus, .wb-tabs [role=tablist]>li:hover {
    background: #fff;
}
.wb-tabs [role=tablist]>li {
    background: #e7eaef;
}
.wb-tabs [role=tablist]>li.active a {
    border-color: #3d4a5c;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
	.colour-box{
		display:block;
		visibility: visible;
	}
	.colour-box .wb-inv{
		display: inline;
		visibility: visible;
		font-size:30px;

		clip: none;
		height: auto;
		margin: 0;
		overflow: visible;
	position: relative;
		width: auto;
	}
	.colour-box > div{
		display: block;
	}

	.animate__animated .colour-box > div{
	display: block;
	}
}
[lang="fr"] .btn-toggle{
	width:200px;
}
#details-elements summary > h4 {
    display: inline-block;
    margin-right: 40px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
  }
  .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  .video-section{
	  /* background-color:#49676f!important;
	  color:#fff; */
  }
  .video-section blockquote{
	/* background-color:#3A5258; */
  }
  .video-section h2{
	/* color:#fff;
    font-weight: 100; */
  }
  .video-section .col-md-6:first-child{

  }
  blockquote {
    border-left: 10px solid #3d4a5c;
}