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



@media (min-width: 992px) {
  .landingpage h1 {
    font-size:2.1em;
  }
}
.landingpage h2 {
	color: #462f4b;
}
@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;
} 
/* .div-wrapper {
    position: relative;
    height: 200px;
    width: 100%;
} */
.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{ 
background-image: url(../img/landingpage/cover-img-square-2.jpg);

 
background-position: center top;

 
background-repeat: no-repeat;

 
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: #462f4b;
	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;

}
/* #details-elements details ul{
	padding-left:25px;
} */
#details-elements details:not([open]) {
	visibility: visible;
}
#details-elements  details {

	background-color: #fff;
	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;
	border: none;
}
#details-elements details[open] > summary {
	background-color:#4b626c;
	color:#fff;
}
#details-elements details > summary {
	box-sizing: border-box;
	position: relative;
	padding: 14px 20px;
	border: none!important;
	border-radius: 0px;
	color: #4b626c;
	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:#4b626c;
	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:#462f4b;
}
#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:#462f4b;
}
.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:#462f4b;
	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: (31.5%)[auto-fill];
	grid-template-columns: repeat(auto-fill, 31.8%);
}
} */
@media (min-width: 992px) {
	table.dataTable tbody {
		-ms-grid-columns: (49.6%)[auto-fill];
		grid-template-columns: repeat(auto-fill, 49.6%);
	}
	}

@media (min-width:1200px) {
table.dataTable tbody {
	-ms-grid-columns: (23.8%)[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: #462f4b;
			color: #fff;
			text-decoration: underline;
}
table.dataTable tr a {
	margin-bottom: 19px;
			text-decoration: none;
			line-height: 1.3em;
			color: #462f4b;
			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{
 	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%2875, 98, 108%29'></polygon></svg>");
	background-origin: content-box;
	background-position: right -14px center;
    background-repeat: no-repeat;
    background-size: 20px 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: #4b626c!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: #462f4b;
	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: #462f4b;
	
    margin-top: 50px;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #462f4b;
	border-color: #3A5258;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #462f4b;
	background-color: white;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color:#fff;
	background-color: #462f4b;
}
.messages {
	text-align: center;
	padding:20px 20px 10px 20px;
}
.messages p {
	display: none;
	color: #462f4b;
	
}
@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)";
}
}

/* @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%); 
	} */
}
.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 .1s ease-in-out;
	transition: all .1s ease-in-out; */

	background-color: #462f4b;
	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 6px 0px;
	
}
.btn-link:hover {
	background-color: #27303d;
	color:white;
}

/* Simple-datatables JS styles*/

.datatable_info {
	display: block;
    text-align: center;
    color: #462f4b;

}
nav.datatable-pagination {
    padding-top: 1.25em;
    text-align: center;
}

ul.datatable-pagination-list {
    list-style: none;
    /* display: inline-flex; */
	padding: 0;
}	

li.datatable-pagination-list-item{
	display: inline-block;
}

/* li.datatable-pagination-list-item a{
	color: #3d4a5c;
    background-color: #ffffff;
	border: 1px solid #dcdee1;

	cursor: pointer;
	pointer-events: auto;
    display: inline-block;
    line-height: 1.4375;
    margin-bottom: 0.5em;
    margin-left: -1px;
    padding: 10px 16px;
    position: relative;
    text-decoration: none;
} */

/* paginate button Previous */

li.datatable-pagination-list-item:first-child a{
	border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0;
}
li.datatable-pagination-list-item:first-child a::before{
    content: "\e091";
    margin-right: .5em;
	font-family: "Glyphicons Halflings";
    font-weight: 400;
    line-height: 1em;
    position: relative;
    top: .1em;
}

/* paginate button Next */
li.datatable-pagination-list-item:last-child a{
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 0;
}

li.datatable-pagination-list-item:last-child a::after{
	content: "\e092";
    margin-left: .5em;
	font-family: "Glyphicons Halflings";
    font-weight: 400;
    line-height: 1em;
    position: relative;
    top: .1em;
}


li.datatable-pagination-list-item.datatable-active a{
	background-color: #4b626c;
    border-color: #3A5258;
	color: #fff;
    cursor: default;
	/* border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; */
    margin-left: 0;
    z-index: 2;
}

/* li.datatable-pagination-list-item.datatable a:hover{
    background-color: #d4d6da;
    border-color: #bbbfc5;
    color: #335075;
} */

a.datatable-pagination-list-item-link:hover {
    background-color: #d4d6da;
    border-color: #bbbfc5;
    color: #335075;
}

li.datatable-pagination-list-item.datatable-ellipsis.datatable-disabled a{
	background-color: transparent;
    margin: 0px;
    padding: 2px;
	border:none;
}

.datatable-wrapper.no-header .datatable-container {
	border-top: 1px solid #d9d9d9;
}

.datatable-wrapper.no-footer .datatable-container {
	border-bottom: 1px solid #d9d9d9;
}

.datatable-top,
.datatable-bottom {
	padding: 8px 10px;
}

.datatable-top > nav:first-child,
.datatable-top > div:first-child,
.datatable-bottom > nav:first-child,
.datatable-bottom > div:first-child {
	float: left;
}

.datatable-top > nav:last-child,
.datatable-top > div:last-child,
.datatable-bottom > nav:last-child,
.datatable-bottom > div:last-child {
	float: right;
}

.datatable-selector {
	padding: 6px;
}

.datatable-input {
	padding: 6px 12px;
}

.datatable-info {
	margin: 7px 0;
}

/* PAGER */
.datatable-pagination ul {
	margin: 0;
	padding-left: 0;
}

/* .datatable-pagination li {
	list-style: none;
	float: left;
} */

.datatable-pagination li.datatable-hidden {
    visibility: hidden;
	display: none;

}


.datatable-pagination a {
	color: #462f4b;
    background-color: #ffffff;
	border: 1px solid #dcdee1;

	cursor: pointer;
	pointer-events: auto;
    display: inline-block;
    line-height: 1.4375;
    margin-bottom: 0.5em;
    margin-left: -1px;
    padding: 10px 16px;
    position: relative;
    text-decoration: none;
}

.datatable-pagination a:hover {
	background-color: #d9d9d9;
	color: #462f4b;

}

.datatable-pagination .datatable-active a,
.datatable-pagination .datatable-active a:focus,
.datatable-pagination .datatable-active a:hover {
	/* background-color: #d9d9d9; */
	background-color: #4b626c;
    border-color: #3A5258;
	color: #fff;
    cursor: default;

    margin-left: 0;
    z-index: 2;

}

.datatable-pagination .datatable-ellipsis a,
.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover {
    pointer-events: none;
    cursor: default;
}

.datatable-pagination .datatable-disabled a,
.datatable-pagination .datatable-disabled a:focus,
.datatable-pagination .datatable-disabled a:hover {
	cursor: not-allowed;
	opacity: 0.4;
}

.datatable-pagination .datatable-pagination a {
	font-weight: bold;
}

/* TABLE */
.datatable-table {
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}

.datatable-table > tbody > tr > td,
.datatable-table > tbody > tr > th,
.datatable-table > tfoot > tr > td,
.datatable-table > tfoot > tr > th,
.datatable-table > thead > tr > td,
.datatable-table > thead > tr > th {
	vertical-align: top;
	padding: 8px 10px;
}

.datatable-table > thead > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-bottom: 1px solid #d9d9d9;
}

.datatable-table > tfoot > tr > th {
	vertical-align: bottom;
	text-align: left;
	border-top: 1px solid #d9d9d9;
}

.datatable-table th {
	vertical-align: bottom;
	text-align: left;
}

.datatable-table th a {
	text-decoration: none;
	color: inherit;
}

.datatable-sorter, .datatable-filter {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
}

.datatable-sorter::before,
.datatable-sorter::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right: 4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	opacity: 0.2;
}


.datatable-sorter::before {
	border-top: 4px solid #000;
	bottom: 0px;
}

.datatable-sorter::after {
	border-bottom: 4px solid #000;
	border-top: 4px solid transparent;
	top: 0px;
}

.datatable-ascending .datatable-sorter::after,
.datatable-descending .datatable-sorter::before,
.datatable-ascending .datatable-filter::after,
.datatable-descending .datatable-filter::before {
	opacity: 0.6;
}

.datatable-filter::before {
    content: "";
    position: absolute;
    right: 4px;
    opacity: 0.2;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
	border-radius: 50%;
    border-top: 10px solid #000;
    top: 25%;
}

.datatable-filter-active .datatable-filter::before {
    opacity: 0.6;
}

.datatable-empty {
	text-align: center;
}

.datatable-top::after, .datatable-bottom::after {
	clear: both;
	content: " ";
	display: table;
}

table.datatable-table:focus tr.datatable-cursor > td:first-child {
	border-left: 3px blue solid;
}

table.datatable-table:focus {
	outline: solid 1px black;
    outline-offset: -1px;
}


/* 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{

	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 .h4{
	font-weight: 100;
}

.wb-eqht-inited .cover-img{
	display: none;
}
.cover-img{
	display: none;;
	position: absolute;
	bottom: -240px;
	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: #462f4b;
    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: #462f4b;
}
@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 #462f4b;
}
.circle {
	
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 8rem;
	color: white;
	margin-right: 15px;
}

hr {
	margin: 40px 0;
	border-color: #d1d1d1;
}

#details-elements h3 {
	text-align: left;
	color: #462f4b;
	font-size: 1.3em;
	margin:0;
}

.circle .fa {
	font-size:4rem;
}

.btn {
	padding: 4px;
}

.max-para {
	max-width: 1000px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.max-para .btn-link {
	max-width: 400px;
	margin: 20px auto;
	font-weight: bold;
}

/*Color Scheme*/
.background-primary-dark {
	/* background-color: rgb(48, 34, 51) !important; */
	background-color: #462f4b !important;

}

.background-secondary-dark {
	/* background-color: #C27767 !important; */
	
	background-color: #fff!important;
	
}

.background-tertiary-dark {
	background-color: #462f4b !important;
}

.background-secondary-light {
	background-color: rgb(86, 86, 255) !important;
}

.text-primary-dark {
	color: #462f4b !important;
}

.text-primary-light {
	color: rgb(119, 255, 119) !important;
}

.text-secondary-dark {
	/* color: #C27767 !important; */
	color: #fff  !important;
}

.text-secondary-light {
	color: rgb(86, 86, 255) !important;
}

.background-grey {
	background-color: #F3EFF2 !important;
}

.text-white {
	color: white !important;
}
.landingpage h1,h1, .landingpage h2, #details-elements h3{
	color: #462f4b;;
}
.num-cont{
	font-size:1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}
.colour-box{
	/* border: 2px solid #C27767 !important; */
    font-size: 25px;
    border-radius: 8px;
	background-color: #3a273f;
}


blockquote .small, blockquote footer, blockquote small {

 color:black;
}
.stretch-panel {
    padding: 40px 0;
}

table.dataTable tr a:hover{
	text-decoration: none;
}
#details-elements h3{
	font-size: 1.3em;
}
#details-elements details[open] > summary > h3 {
    color: #fff;
}
#details-elements details[open] > summary{
	color:#fff;
}
#details-elements > details > summary:hover, #details-elements > details > summary:focus:hover {

	color:#fff;
}
#details-elements > details > summary:hover > h3, #details-elements > details > summary:focus:hover > h3 {

	color:#fff;
}
#details-elements > details {
	box-shadow: rgb(99 99 99 / 34%) 0px 2px 3px 0px;
}
#details-elements > details[open] {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#details-elements details[open] {
	padding-bottom:0;
	background-color:#fff;
}
#details-elements > details[open] details[open] > summary {
	background-color:#fff;
	color:#462f4b;
}
#details-elements > details[open] details[open] > summary h4, #details-elements > details[open] .wb-tabs [role=tablist]>li.active h4 {
	font-weight: bold;
}
#details-elements > details details summary {
	
	color: #462f4b;
	background-color: #fff;

}
.btn-toggle {
    background-color: #4b626c;
	color:#fff;
}
a.lp-btn{
	text-align: center;
	border-radius: 4px;
}
.highlight-subtitle{
	display: flex;
    justify-content: left;
    align-items: center;
	margin-bottom: 20px;
}
.wow {visibility: hidden;}
h1.gc-thickline::after {
    border-bottom: .18em solid #4b626c;

}
.wb-tabs{
	border-radius: 0;
}
.wb-tabs [role=tablist]>li.active a{
	border:none;
}
.wb-tabs [role=tablist]>li.active a:focus{
	outline: none;
}
.wb-tabs [role=tabpanel] {
	padding:10px 8px;
}
.wb-tabs [role=tablist]>li {
    background: #eaeef0;
}

.filter-section.reset button {
    background-color: #4b626c;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: #4b626c;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 
    background-color: #4b626c;
	color:#fff;
}
#details-elements {
    margin: 0 auto;
    max-width: 900px;
}
.top-links .btn-link{
	padding:18px;
}
.btn-link i{
	font-size: 1.3em;
	
	margin-right: 10px;
}
.top-links .btn-link:hover{
	background-color: rgb(48, 34, 51)!important;
}
.top-links .btn-link:hover i{
	/* color: #fff; */
}
.bottom-links ul, .bottom-links ul li{
	list-style-type: none;
	margin:0;
	padding:0;
}

.btn-link:hover i{
	text-decoration: none!important;
}
.bottom-links .btn-link{
	text-align: left;
	justify-content: left;
	align-items: flex-start;
	
}
.controls > .reset button, table.dataTable tr a { 
	background-color: #4b626c;
}
 .filter-section.reset button:hover, .btn-toggle:hover, .btn-toggle:active, .wb-toggle.btn:focus, .controls > .reset button:hover, table.dataTable tr a:hover {
	background-color: #384951;
}

.bottom-links .btn-link > span{
	display: block;
}

.bottom-links .btn-link i{
	font-size: 1.5em;
}
.gc-dwnld-info{
	display: block;
	width:100%;
	font-size:0.8em;
}
.controls{
	display:flex;
	max-width:1000px;
	margin:20px auto;
}
@media (max-width: 768px) {
	.controls{
		display:block;
	}
}
.controls label, .messages p{
	color: #4b626c;
}
.controls > div{
	display: flex;
    width: 100%;
    flex-direction: column;
    align-self: flex-end;
	padding:10px ;
}
.controls > div label{
	display: block;
	
	width:100%;

}
.controls > .reset{
	max-width:200px;

}
@media (max-width: 768px) {
	.controls .reset{
		margin:0 auto;
	}
}
.reset .btn-link{
	margin:0;
}
.reset .btn-link:hover{
	text-decoration: none;
}
.controls > div input, .controls > div select, .controls > div button{
	height: 60px;
	border:none;
	border-radius: 4px;
    box-shadow: rgb(99 99 99 / 34%) 0px 2px 6px 0px;
}
.controls > div input, .controls > div select{
	width: 100%;

	padding:0 15px;
	border: 2px solid #4b626c;
}
h2:focus-visible{
	outline:none;
}
table.dataTable tr a {
    margin-bottom: 6px;
    font-size: 20px;
    padding: 10px;
	color: white;
    height: 150px;
}
@media (min-width: 1200px){
	table.dataTable tbody {
		-ms-grid-columns: (33%)[auto-fill];
		grid-template-columns: repeat(auto-fill, 33%);
	}
}
.bottom-links .btn-link{
	background: white;
    color: #4b626c!important;
	/* font-weight: bold; */
	margin-bottom: 15px;
}
.bottom-links .btn-link:hover{
	background: #4b626c;
    color: #fff!important;
}
.bottom-links .btn-link .gc-dwnld-info{
	font-weight: 100!important;
} 
.bottom-links .btn-link:hover .gc-dwnld-info{
	
}
.btn-link:hover{
	text-decoration: none!important;
}
.tgl-panel{
	margin: 10px 0;
}
.brief.btn-link{
	max-width: 380px;
	margin: 0 auto;
	color:#fff!important;
	background-color: #4b626c!important;

	box-shadow: hsl(289deg 23% 20%) 0px 2px 6px 0px;
}
.brief.btn-link:hover{
	background-color: #384951!important;
	color:#fff!important;
}


/* Counter */

@media (min-width: 768px) {
.counter-container{
	display: flex;
}  
.counter-container div{
	flex: 1;
	display: flex;
}
}

.stretch-panel.video-section {

padding-top:0;
}