html, body#esg {height: 100%;}
.cnanewsletter-selection .select-items div, .cnanewsletter-selection .select-selected {
  color: #000;  padding: 8px 6px;}

@media screen and (max-width: 1029px){
.cnanewsletter-selection button[type=submit] {top: 39px!important;right: 0;}
}
.custom-select{
line-height: none !important;
background: white !important;
margin-top: 20px !important;
border: 0 !important;
border-radius: 0 !important;
height: 34px !important;
top: 0 !important;
padding: 0px 2px !important;
font-size: 12px !important;
line-height: auto;
}

[data-css=c-footer] .footer__section span.conditions-text {
color: #fff !important;
}

.form__box.is-size-xl {float: none;max-width: 100%;}
ul.nav-sections__list{margin-bottom: 0px;}
.c-subnav--default{display: none !important;}
span.red{color: #cd3e27;}
div#esg {
overflow-x: hidden;
margin: 0px auto;
-webkit-text-size-adjust: none;
min-width: 320px;
margin: 0 auto;
font-size: 16px;
line-height: 125%;
color: #000;
font-family: 'Oswald', 'Open Sans', sans-serif;
}
.playlist-header-text{font-family: 'Oswald', 'Open Sans', sans-serif;}

a {
color: #CD3E27;
text-decoration: none;
transition: all 0.25s;
}

a:hover {
color: #525252;
transition: all 0.25s;
}

a.btn {
font-family: Oswald, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #d53b39;
color: #fff;
display: inline-block;
padding: 15px 30px;
text-decoration: none;
transition: all 0.25s;
}

a.btn:hover {
background-color: #fff;
color: #000;
transition: all 0.25s;
}

img {
-webkit-transform: translate3d(0, 0, 0);
}

h1, h2, h3, h4, h5, h6 {
font-family: poppins, sans-serif;
line-height: 150%;
color: #df292d;
}

h1.teal, h2.teal, h3.teal, h4.teal, h5.teal, h6.teal {
color: #95c1cb;
}

h1.red-top:before, h2.red-top:before, h3.red-top:before,
h4.red-top:before, h5.red-top:before, h6.red-top:before {
content: "";
display: block;
height: 9px;
width: 35px;
margin-bottom: 20px;
background-color: #df292d;
}

h1.white-top:before, h2.white-top:before, h3.white-top:before,
h4.white-top:before, h5.white-top:before, h6.white-top:before {
content: "";
display: block;
height: 9px;
width: 35px;
margin-bottom: 20px;
background-color: #fff;
}

h1 {
font-size: 287.5%;
margin: 20px 0;
font-weight: 400;
}

h2 {
font-size: 218.75%;
margin: 20px 0;
font-weight: 500;
}

h3 {
font-size: 22px;
margin: 10px 0;
}

h4 {
font-size: 18px;
margin: 10px 0;
}

h5 {
font-size: 16px;
margin: 10px 0;
}

h6 {
font-size: 12px;
margin: 10px 0;
}

table {
table-layout: fixed;
border-collapse: collapse;
margin: 10px 0 25px;
}

table tr {}
table tr td {
  padding: 10px 15px;
  border: 1px solid #fff;
  background-color: #f3f3f3;
}

table tr th {
  padding: 7px 15px;
  border: 1px solid #fff;
  background-color: #00aeef;
  color: #fff;
}

.lft {float: left;}
.rgt {float: right;}
.clear {clear: both;}


/*Commented for 3 videos content*/
/* .mid-btm .mid-btm-wrapper {
height: 525px;
} */

.mid-btm .mid-btm-wrapper {height: 690px;}
.mid-btm .mid-btm-wrapper .client-banner {text-align: center;}
.client-banner-wrapper {
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  height: 170px;
  margin-bottom: 0px;
}

.client-banner-wrapper img {width: 100%;}
.bot {position: relative;}
/* .bot {background-image: url(../image/background-CTA.png); background-position: center top; background-repeat: repeat-x; height: auto;} */
.bot .bot-wrap {
/* margin: auto;
text-align: center;
box-sizing: border-box;
padding: 50px;
background-image: url(../image/background-CTA.png);
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
height: auto; */
}

.bot .bot-wrap h2 {color: #fff;  margin: 0 auto 35px;  font-size: 180%;}
.bot .bot-wrap h2 .btn {}

body * {box-sizing: border-box;}
@media screen and (max-width: 1280px) {
  /*Commented for 3 videos content*/
  /* .mid-btm .mid-btm-wrapper {
    height: 550px;
  } */

.mid-btm .mid-btm-wrapper {height: 980px;}
}

@media screen and (max-width: 1024px) {
  /*Commented for 3 videos content*/
  /* .mid-btm .mid-btm-wrapper {
    height: 650px;
  } */

  /*For 3 videos*/
  .mid-btm .mid-btm-wrapper {
    height: 1030px;
  }
}

@media screen and (max-width: 960px) {
  /*For 3 videos*/
  .mid-btm .mid-btm-wrapper {
    height: 1100px;
  }
}


@media screen and (max-width: 900px) {
  /*For 3 videos*/
  .mid-btm .mid-btm-wrapper {
    height: 1200px;
  }
}

@media screen and (max-width: 840px) {
  /*For 3 videos*/
  .mid-btm .mid-btm-wrapper {
    height: 1250px;
  }
}


@media screen and (max-width: 769px) {
.mid-btm .mid-btm-wrapper .mid-btm-blurb .mid-btm-blurb-txt .blurb-sentence.down, .mid-btm .mid-btm-wrapper .mid-btm-blurb .mid-btm-blurb-txt-1 .blurb-sentence.down {
opacity: 1 !important;
}
.mid-btm .mid-btm-wrapper .mid-btm-blurb{
margin-bottom: 30px;
}

.mid-btm-title{
opacity: 1 !important;
margin-bottom: 80px;
}
.mid-btm .mid-btm-wrapper {height: auto;}
}


@media screen and (max-width: 640px) {
  .bot .bot-wrap h2 {font-size: 160%;}
  .bot .bot-wrap a.btn {font-size: 90%;}
}

.mid-btm-bg-wrapper{display: block;}
.mid .mid-wrapper .video-selector-wrapper #video_player .playlist ul.playlist-wrapper li a{
max-width: 130px;
display: block;
}