Theme Name: Pro-Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
@font-face {
  font-family: Bauer-Bodoni;
  src: url('assets/fonts/BauerBodoniPro-Roman.otf');
}
h1, h2, h3, h4, h5, h6{
     font-family: Bauer-Bodoni!important;
     font-weight: 500!important;
}
body .heading-text{
    font-family: Bauer-Bodoni!important;
    font-weight: 500!important;
}
a{
    text-decoration: none!important;
}
.x-bar-container .x-menu li a .x-anchor-sub-indicator {
    display: none;
}
.x-bar-container .x-menu li ul.sub-menu.x-dropdown li a .x-anchor-content {
    padding: 4px;padding-left: 15px;
}
.x-bar-container .x-menu li ul.sub-menu.x-dropdown {
    padding: 6px 0 5px 0;
    /*top: calc(100% + 35px);*/
}
/*.otherpageheader .x-bar-container .x-menu li ul.sub-menu.x-dropdown {
    top: 100%;
}*/

.x-bar-container .x-menu li ul.sub-menu.x-dropdown li a .x-anchor-content .x-anchor-text{
    border-bottom: 2px solid transparent;
}
.x-bar-container .x-menu li ul.sub-menu.x-dropdown li.current-menu-item a .x-anchor-content .x-anchor-text,
.x-bar-container .x-menu li ul.sub-menu.x-dropdown li a .x-anchor-content .x-anchor-text:hover{
    border-bottom: 2px solid #509e2f;
}
.x-bar-fixed .x-bar-container .x-menu li ul.sub-menu.x-dropdown{
    background-color: #0f3557!important;
    top: calc(100% + 15px);
}
.otherpageheader.x-bar-fixed .x-bar-container .x-menu li ul.sub-menu.x-dropdown{
    background-color: #ffffff!important;top: 100%;
}
.x-container.max {
    max-width: 1300px!important;
}
.othermenu a {
    color: #fff;
    padding: 3px 0px;
    margin: 0 15px;
}
.othermenu a:hover {
    color: #fff!important;
    border-bottom: 2px solid #509e2f;
}
.othermenucolor a{
    color: #052238;
    padding: 3px 0px;
    margin: 0 15px;
}
.othermenucolor a:hover{
    color: #509E2F!important;
    border-bottom: 2px solid #509e2f;
}
.x-bar-container .x-menu li a .x-anchor-text {
     border-bottom: 2px solid transparent;
     padding-bottom: 3px;
}
/*.x-bar-container .x-menu li.current-page-ancestor a .x-anchor-text, */
.x-bar-container .x-menu li.current-menu-item a .x-anchor-text, 
.x-bar-container .x-menu li.current-menu-parent a .x-anchor-text, 
.x-bar-container .x-menu li a .x-anchor-text:hover {
    border-bottom: 2px solid #509e2f;
}
.x-bar-container .x-menu li.current-menu-item .sub-menu li a .x-anchor-text,
.x-bar-container .x-menu li.current-menu-parent .sub-menu li a .x-anchor-text{
    border-bottom: 2px solid transparent;
}
.x-bar-container .x-menu li .sub-menu li.current-menu-item a .x-anchor-text,
.x-bar-container .x-menu li.current-menu-parent .sub-menu li.current-menu-item a .x-anchor-text{
    border-bottom: 2px solid #509e2f;
}
.x-bar-fixed {
    padding: 15px!important;
    /*background: #0f3557!important;*/
    background: #0F3557!important;
    height: auto!important;
}
.otherpageheader.x-bar-fixed {
    background: #fff!important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
.otherpageborder {
    height: 5px!important;
    position: relative;
    /*max-width: 1300px;*/
    margin: 0 auto;
}
.otherpageborder .x-bar-content{
    width: 273px!important;
    height: 5px!important;
    left: 0px;
    top: -7px;
    position: absolute;
    background: #509E2F!important;
}
/*--------------Top Header Menu------------------*/
.topheadermenu{
    width: 100%;
}
.topheadermenu a {
    color: #ffffff;
    padding: 3px 0px;
    margin: 0 8px;
}
.topheadermenu a:hover {
    color: rgba(238, 239, 239, 0.78);
}
.topheadermenu .topleft {
    float: left;
}
.topheadermenu .topright {
    float: right;
}
.topheadermenu .topleft a {
    position: relative;
}
.topheadermenu .topleft a {
    position: relative;
    color: rgba(255, 255, 255);
    padding-right: 10px;
}
.topheadermenu .topleft a:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    background: rgba(255, 255, 255, 0.7);
    top: 9px;
    right: -2px;
}
.topheadermenu .topleft a:first-child {
    margin-left: 0;
}
.topheadermenu .topleft a:last-child{
    padding-right: 3px;
}
.topheadermenu .topleft a:last-child:after  {
    display: none;
}
/*--------------End Top Header Menu------------------*/
.customefooter {
    /*background: #0f3557;*/
    background: #0F3557;
    padding: 80px 15px;
   /* background-image: url(assets/images/footerbg-logo.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: right;*/
}
.customefooter .widget_media_image {
    padding-top: 5px;
}
.customefooter .widget {
    text-shadow: none;
    color: #fff;
}
.customefooter .widget ul {
    border: 0;
    box-shadow: none;
}
.customefooter .widget ul li a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    /*line-height: 250%;*/
    color: #FFFFFF;
    background: transparent!important;
    border-bottom: 0!important;
    padding: 0;
    box-shadow: none;    
    margin-bottom: 16px;
}
.customefooter .widget ul li a:hover{
    color: rgb(86,165,53);
}
.customefooter .widget ul li a:before{
    display: none;
}
.customefooter .widget ul li {
    border: 0!important;
    box-shadow: none;
}
.customefooter .copyright_text {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 27px;
    color: #F2F2F2;
    opacity: 0.8;
    top: -36px;
    position: relative;
    display: inline-block;
}
.copyright-text {
    font-size: 12px;
    line-height: 27px;
    color: #F2F2F2;
    opacity: 0.4;
}
.bannertext h1 {
    /*font-style: normal;
    font-weight: bold;
    font-size: 85px;
    line-height: 106px;
    color: #FFFFFF;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
    position: relative;
    margin-bottom: 0;
    padding-bottom: 15px;*/
    font-style: normal;
    font-weight: normal;
    font-size: 92px;
    line-height: 86px;
    color: #FFFFFF;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: Bauer-Bodoni!important;
    /*letter-spacing: 0.02em;*/
        /*padding-left: 15px;*/
}
.bannertext {
    position: absolute;
    top: 24%;
    max-width: 1300px;
    margin: 0 auto;
    left: 15px;
    right: 15px;
    bottom: 0;
}
.bannertext p {
    font-family: Bauer-Bodoni!important;
    font-style: normal;
    font-weight: normal;
    /*font-size: 54px;
    line-height: 65px;*/
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 92px;
    line-height: 80px;
}
.helpyou h1 {
    margin-bottom: 27px;
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    color: #052238;
}
.bannertext h1 span {
    /*border-bottom: 8px solid #509E2F;*/
    font-style: normal;
    font-weight: normal;
    font-size: 58px;
    line-height: 82px;
    letter-spacing: 0.02em;
   /* position: relative;
    top: -23px;*/
}
.bannertext h1 span:after {
    border-bottom: 6px solid #509E2F;
    /*content: '';*/
    position: absolute;
    /*bottom: -10px;*/
    bottom: -6px;
    left: 0;
    right: 0;
}
.bannertext a.hubbtn {
    font-size: 16px;
    font-family: "Open Sans",sans-serif!important;
    color: #fff;
    background: #0f3557;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    border-left: 5px solid #509e2f;
    float: right;
    line-height: 22px;
    margin-top: 30px;
    position: absolute;
    right: 0;
    bottom: 100px;
}
.helpyou p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
}
.helpyou select {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
    width: 276px;
    background: #FFFFFF;
    border: 2px solid #509e2f;
    margin-left: 10px;
}
.helpyou a {
    background: #509E2F;
    padding: 19px 30px;
    /*width: 210px;*/
    display: inline-block;
    margin-top: 30px;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.helpyou a:hover{
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.helpyoubox .x-image {
    position: absolute;
    bottom: 0;
    left: 0;
}
.brookfieldinfo ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;    
    margin-bottom: 80px;
}
.brookfieldinfo ul li {
    width: 30%;
    display: inline-block;
}
.brookfieldinfo ul li h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 37px;
    line-height: 44px;
    color: #509E2F;
    margin: 0;
}
.brookfieldinfo ul li p {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
}
.brookfieldinfo {
    color: #fff;
    padding: 50px 0% 20px 10%;
    /*text-align: justify;*/
}
.brookfieldinfo p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 30px;
    /*text-align: justify;*/
    color: #FFFFFF;
}
.helpyousection{
    background: -webkit-linear-gradient(90deg, transparent 50%, rgba(0,48,86,0.95) 50%);
    background: -moz-linear-gradient(90deg, transparent 50%, rgba(0,48,86,0.95) 50%);
    background: -ms-linear-gradient(90deg, transparent 50%, rgba(0,48,86,0.95) 50%);
    background: -o-linear-gradient(90deg, transparent 50%, rgba(0,48,86,0.95) 50%);
    background: linear-gradient(90deg, transparent 50%, rgba(0,48,86,0.95) 50%);
        margin-top: -20px!important;
}
.helpyou {
    position: relative;
    z-index: 1;
    padding-top: 18%;
}
.topbanner .x-img {
    margin-bottom: 0;
    width: 100%;
}
.productbox h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.01em;
    color: #052238;
    text-transform: capitalize;
    margin: 0;
    position: relative;
    top: -26px;
    left: -10px;
    display: inline-block;
    z-index: 9999999;
    background: #fff;
    padding: 0 10px;
}
/*.productbox h1:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    background: #ffffff;
    height: 2px;
    z-index: -1;
    bottom: 19px;
}*/
.productbox p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;    
    letter-spacing: .4px;
    /*text-align: justify;*/
    color: #364e5f;
    margin: 0;
}
.productbox .learnmore {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #052238;    
    display: block;
    margin-top: 30px;
}
.productbox .learnmore .fa{
    color: #FF8200;    
}
.productbox {
    /* background: rgba(255, 255, 255, 0.98); */
    /* border: 2px solid #E8E8E8; */
    box-sizing: border-box;
    padding: 40px;
    padding-bottom: 0;
    padding-top: 0;
    /* min-height: 390px; */
    margin: 7px;
    margin-bottom: 0;
    cursor: pointer;
}
.servicesbox .x-col {
    border: 2px solid #E8E8E8!important;
    margin-bottom: 70px!important;
    background-color: #fff!important;
}

.servicesbox .x-col:hover {
    border: 2px solid #509e2f!important;
}

.productbox:hover .learnmore {
   color: #509e2f;   
}
.leadingtitle {
    border-bottom: 2px solid #E8E8E8;
    margin-bottom: 80px;
}
.leadingtitle h1 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 19px;
}
.homemapbox h1 {
   font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-top: 0;    
    margin-bottom: 18px;
}
.homemapbox p {
    max-width: 524px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
}
.homemapbox {
    position: absolute;
    top: 0;    
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 0.01%, rgba(255, 255, 255, 0) 100%);
}
.homemapbox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.homemapbox ul li {
    display: inline-block;
    padding-right: 10%;   
    padding-top: 20px;
}
.homemapbox ul li h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 37px;
    line-height: 44px;
    color: #509E2F;
    background: transparent;
    margin: 0;
}
.homemapbox ul li h1 small{    
    font-size: 24px;
}
.homemapbox ul li p {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #00060D;
}
.homemap {
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    position: relative;
}
.homemapbox a {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #052238;
}
.homemapbox a .fa {
    color: #509E2F;
}
.Weare {
    max-width: 611px;
    margin: 0 auto;   
    position: relative;
    z-index: 1;
}
.Weare h2 {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold!important;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #052238;
    background: #fff;
    width: 125px;
    margin: 0 auto;
    margin-top: -12px;
}
.Weare h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #052238; 
    margin-top: 63px;
    margin-bottom: 20px;
}
.Weare p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    max-width: 640px;
    margin: 10px auto;
}
.Weare a, .homenews a {
    background: #509E2F;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF!important;
    padding: 19px;
    width: 210px;
    display: inline-block;
    margin: 30px 0;
}
.Weare a:hover, .homenews a:hover{
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.whoweare .x-image {
    width: 100%;
    position: absolute;
    bottom: -46px;
    left: 0;
    right: 0;
}
.whoweare .x-image img {
    width: 100%;
}
.homenews h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #052238;
    margin-top: 0;
    position: relative;
}
/*.homenews h1:before {
    content: '';
    position: absolute;
    width: 64px;
    height: 3px;
    background: #509E2F;
    top: -22px;
    margin: 0 auto;
    left: 0;
    right: 0;
}*/
.featurednews {
    margin: 20px 0;
        background: #fff;
}
.featurednews a {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #052238;
}
.featurednews a .fa {
    color: #FF8200;
    padding-left: 5px;
}
.featurednews h1 {
    font-style: normal;
    font-weight: 600!important;
    font-size: 14px;
    line-height: 21px;
    font-family: "Open Sans",sans-serif!important;
    text-align: left;    
    margin: 10px 0;
}
.featurednews a:hover, .featurednews a:hover .fa {
    color: #509E2F;
}
.featurednews a:hover .fa {
    padding-left: 8px;
}
.featurednews img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    border: 1px solid #e8e8e8;
}
.servicesbox{
    margin-bottom: -110px!important;
}
.powersectorbox {
    margin-top: -60px!important;
}
.powersectorbox .x-tabs ul {
    display: block;
    text-align: center;
    padding: 60px 0;
}
.powersectorbox .x-tabs .x-tabs-list ul li {
    display: inline-block;
}
.powersectorbox .x-tabs .x-tabs-list ul li button {
    border: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #052238;
    letter-spacing: 0;
    cursor: pointer;
}
.powersectorbox .x-tabs .x-tabs-list ul li button.x-active {
    color: #509E2F;   
    position: relative;
    text-align: center;
}
.powersectorbox .x-tabs .x-tabs-list ul li button.x-active:before {
    content: '';
    width: 5px;
    height: 5px;
    top: 0;
    background: #509E2F;
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.powersectorbox .x-tabs .x-tabs-panel {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
}
.sectorcontent h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 34px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-bottom: 25px;
    position: relative;
}
.sectorcontent h1:after {
    border-bottom: 6px solid #509E2F;
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    width: 100px;
}
.sectorcontent p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /*text-align: justify;*/
}
.sectorcontent a.learnmore {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #052238;
    text-transform: uppercase;
    display: block;
    margin: 30px 0;
}
.sectorcontent a.learnmore .fa{
    color: #FF8200;
}
.sectorcontent a.learnmore:hover, .sectorcontent a.learnmore:hover .fa{
    color: #509e2f;
}
.sectorcontent .bigtext {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    margin-bottom: 33px;
}
.sectorimg {
    position: relative;
}
.sectorcontent {
    max-width: 476px;
}
.units {
    background: #509E2F;
    position: absolute;
    right: 10px;
    bottom: -30px;
    width: 100%;
}
.units ul {
    margin: 0;
    list-style-type: none;
    padding: 0!important;
    text-align: left!important;
}
.units ul li {
    display: inline-block;
    font-family: Bauer-Bodoni!important;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    padding:10px 4%;
    vertical-align: top;
}
.units ul li span {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
}
.units ul li span.number {
    display: inline-block;
    font-family: Bauer-Bodoni!important;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
}
.units ul li .x-counter, .units ul li .x-counter .number-wrap{
    text-align: center;
    display: inline-block;
    line-height: 40px;
}

/*----------------Home Market explore new layout---------------------*/
.homemapbox {
    position: initial;
}
.homemapbox ul li{
    padding: 0;
    width: 33%;    padding-top: 15px;
}
.homemapbox ul {
    text-align: center;
}
.homemap #map-global{
    height: 530px;
    margin-top: 0px;
    max-width: 730px;
    margin: 0 auto;
}
.homemapbox h1 {
    font-size: 58px;
    line-height: 66px;
}
/*.homemapbox h1 span {
    font-size: 52px;
    position: relative;
    top: -14px;
}
.homemapbox h1 span:after {
    border-bottom: 6px solid #509E2F;
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
}*/
.homemapboxother {
    margin-top: 20px;
}
.homemapboxother p {
    max-width: 524px;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 23px;
    color: #052238;
    /*text-align: justify;*/
}
/*----------------End Home Market explore new layout---------------------*/


/*-------------ABOUT CSS----------------*/
.section_banner {
    position: absolute;
    top: 30%;
    max-width: 1300px;
    margin: 0 auto;
    left: 15px;
    right: 15px;
    color: #FFFFFF;
}
.section_banner h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 85px;
    line-height: 88px;
    color: #fff;
    margin: 0;
    margin-bottom: 50px;
    position: relative;    
    padding-bottom: 5px;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}
.section_banner h1:after {
    content: '';
    position: absolute;
    width: 79px;
    height: 6px;
    left: 0;
    top: 100%;
    background: #509E2F;
}
.section_banner p {
    max-width: 850px;
    /*max-width: 1100px;*/
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #FFFFFF;
    /*text-align: justify;*/
}
.section_banner small {
    font-style: italic;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 0.5;
}
.aboutmore {
    display: none;
}
.aboutlessbtn, .aboutmorebtn {
    color: #509E2F;
    cursor: pointer;
}
.aboutlessbtn{
    display: none;
}
.heading-text {
    font-weight: bold!important;
    font-size: 44px!important;
    line-height: 53px!important;
    letter-spacing: -0.01em!important;
    margin: 0!important;
    margin-bottom: 40px!important;
    padding-bottom: 7px!important;
    position: relative;
}
.heading-text:after {
    content: '';
    position: absolute;
    width: 79px;
    height: 6px;
    left: 0;
    top: 100%;
    background: #509E2F;
}
.about-text {
    font-style: normal;
    font-weight: normal;
    /*font-size: 24px;
    line-height: 36px;*/
    /*text-align: justify;*/
    font-size: 19px;
    line-height: 28px;
    letter-spacing: .4px;
    /*color: #364e5f;*/
}
.abouttextbox {
    margin: 0 auto!important;
}
.abouttextboxmain .x-row {
    margin-top: -60px!important;
}
.Leadershipbox {
    margin-bottom: 85px;
}
.Leadershipimg {
    max-width: 463px;
    position: relative;
}
.Leadershipimg:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
    border: 3px solid #509E2F;
}
.Leadershiptext {
    /*padding: 6% 2% 2% 2%;*/
    padding: 2%;
    vertical-align: middle;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}
.Leadershiptext h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    /*text-align: justify;*/
    letter-spacing: -0.01em;
    color: rgb(54,78,95);
    text-transform: uppercase;
}
.Leadershiptext h2 {
    font-family: "Open Sans",sans-serif!important;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.1px;
    /*text-align: justify;*/
    color: rgb(54, 78, 95);
    font-style: italic;
    margin-top: 0;
    margin-bottom: 30px;
}
.Leadershiptext p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
}
/*.Leadershipboxodd{
    position: relative;
}
.Leadershipboxodd .col-md-5 {
    position: absolute;
    right: 0;
}
.Leadershipboxodd .col-md-5 .Leadershipimg {
    margin: 0 auto;
    margin-right: 0;
}*/
.Leadershipbox .mobleader {
    display: none;
}
.Leadershipbox .deskleader {
    text-align: center;
}
.Leadershipbox .deskleader .Leadershipimg {
    margin: 0 auto;
    margin-right: 0;
}
.abouttextbox {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
    max-width: 400px;
}
.abouttextbox b {
    display: block;
    margin-top: 10px;
}
.abouttextbox p {
    margin-bottom: 10px;
}
.aboutlists {
    margin-top: 5%;
}
.aboutlists .slick-slide {
   /* background: rgba(0,0,0,.5);
    padding-top: 20px;*/
}
.aboutlists .operationslider .slick-prev, .aboutlists .operationslider .slick-next{
    z-index: 9;
}
.aboutlists ul {
    list-style-type: none;
    margin: 0;
    text-align: center;
    margin-top: 20px;
}
.aboutlists ul li {
    font-style: normal;
    /*font-weight: 600;*/
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.05em;
    /*color: #052238;*/
    display: inline-block;
    max-width: 200px;
    padding: 0 10px 0 13px;
    position: relative;
    border-right:1px solid #ccc;
    margin: 25px 0;
    font-weight: bold;
    color: #ffffff;
}
.aboutlists .operationslider li {
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
}

.aboutlists ul li:last-child{
    border-right:0px solid #ccc;
}
.aboutlists ul li:before {
    content: "\f058";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    top: -27px;
    color: #509E2F;
}
.aboutinnertpage .x-img {
    position: absolute;
    top: -250px;
    max-width: 60%;
    right: 0;
}
.otheraboutlists {
    border: 2px solid #E8E8E8;
    padding: 5%;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
}
.otheraboutlists ul {
    list-style-type: none;
    margin: 0;
}
.otheraboutlists ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
.otheraboutlists ul li:before {
    content: "\f058";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 1px;
    color: #509E2F;
}
.firstresource .x-bg:before , .firstresource .x-bg:after {
    content: '';
    position: absolute;
    width: 1400px;
    height: 60px;
    left: 0;
    right: 0;
    background: #FFFFFF;
    z-index: 2;
    margin: 0 auto;
}
.firstresource .x-bg:before{
    top: 0;
}
.firstresource .x-bg:after{
    bottom: 0;
}
.leadershipbox {
    position: relative;
}
.leadershipbox h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    /*text-align: justify;*/
    letter-spacing: -0.01em;
    color: #052238;
    opacity: 0.8;
    margin-bottom: 0px;
}
.leadershipbox h2 {
    font-family: "Open Sans",sans-serif!important;
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #052238;
    opacity: 0.8;
    margin: 0;
}
.leadershipbox span {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    color: #052238;
    position: absolute;
    bottom: 25px;
}
.leadershipbox span .fa {
    color: #FF8200;
    padding-left: 15px;
}
.leadershipboxmain .row{
    background: #FFFFFF;
    box-shadow: 2px 4px 10px rgba(185, 176, 176, 0.25);
    margin: 0;
}
.leadershipboxmain .row .col-md-4{
        /*border: 3px solid #509E2F;*/
}
.leadershipboxmain .row .col-md-4, .leadershipboxmain .row .col-md-8 {
    padding: 0;
}
.leadershipbox {
    position: relative;
    height: 100%;
    padding: 10px 5% 10px 10%;
}
.leadershipboxmain {
    margin-bottom: 20px;
    cursor: pointer;
}
.singleleaderpageinner .Leadershiptext a{
    font-size: 17px;
    text-decoration: underline!important;
}
.singleleaderpageinner {
    margin-top: 80px;
}
.leadershipboxmodal span.x-modal-bg {
    background-color: rgba(0, 0, 0, 0.61);
}
.leadershipboxmodal .x-modal-content-inner {
    padding: calc(1.5em * 1);
}
.leadershipboxmodal .x-modal-content {
    max-width: 28em;
    padding: 2em;
    background-color: #ffffff;
    box-shadow: 0em 0.15em 2em 0em rgba(0,0,0,0.25);
}
.leadershipboxmodal .x-modal-content {
    max-width: 1079px;
    padding: 30px 34px;
    background-color: #ffffff;
    box-shadow: 0em 0.15em 2em 0em rgba(0,0,0,0.25);    
    position: relative;
}
.leadershipboxmodal .x-modal-content:after {
    position: absolute;
    width: 30%;
    left: 0px;
    top: 0px;
    background: #002E4E;
    content: '';
    z-index: -1;
    bottom: 0;
}
.leadershipboxmodal button.x-modal-close {
    position: absolute;
    right: 8px;
    font-size: 32px;
    color: #637381;
    top: 8px;
}
.leadershipboxmodalinner .leadershipbox p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #475d6d;
    margin-bottom: 12px;
}
.leadershipboxmodalinner .leadershipboxtext {
    max-height: 284px;
    overflow-y: scroll;
    margin: 20px 0;    padding-right: 15px;
}
.leadershipboxmodalinner .leadershipbox a {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #509E2F;
    opacity: 0.8;
}
.singleleaderpage .Leadershiptext h1 {
    margin-top: 0;
}
.openmodal .x-bar-fixed {
    z-index: 0!important;
}
.leadershipboxmodalinner .leadershipboxtext::-webkit-scrollbar {
    width: 4px;
} 
.leadershipboxmodalinner .leadershipboxtext::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
} 
.leadershipboxmodalinner .leadershipboxtext::-webkit-scrollbar-thumb {
  background-color: #cecece;
  outline: 0px solid transparent;
}
/*-------------END ABOUT CSS----------------*/
/*-------------PRODUCT CSS----------------*/
.productbanner p {
    max-width: 930px;
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    opacity: 0.8;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
}
.section_banner a {
    background: #509E2F;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: none;
    padding: 19px 25px;
    display: inline-block;    
    margin-top: 15px;
    cursor: pointer;
}
.section_banner a:hover {
     color: rgb(255, 255, 255);
    background: #0f3557;
}
.productservicesbox.x-row {
    margin-top: -60px!important;
}
.producttext {
    max-width: 580px;    
    margin-bottom: 40px;
}
/*.producttext h1{
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom:27px;
}*/
.producttext h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 27px;
    position: relative;
}
.producttext h1:after{
    content: '';
    position: absolute;
    width: 79px;
    height: 6px;
    left: 0;
    top: 110%;
    background: #509E2F;
}

.producttext p , .producttext ul li{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
}
.producttextright{
    margin: 0 auto;
    margin-right: 0;
}
.producttext ul{
    margin: 0;
}
.producttext ul li {
    margin-bottom: 15px; 
    list-style-type: none;
    padding-left: 15px;   
    position: relative;
    text-align: left;
}
.producttext ul li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0;
    top: 11px;
    background: #509E2F;
    border-radius: 50%;
}
.servicesbox.productservicesbox {
    margin-bottom: 0px!important;
}
.didyouknow {
    max-width: 940px;
    margin: 0 auto;
    text-align: center;
    /*border: 3px solid #509E2F;*/
    border: 3px solid #ffffff;
    color: #fff;
}
.didyouknow h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin: 0;
    background: #0d3a5f;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -24px;
}
.didyouknow .slidertext {
    max-width: 758px;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    align-self: center;
    margin: 50px auto;    
    padding: 0 2%;
}
.didyouknow .carousel-indicators{
    bottom: -55px;
}
/*-------------END PRODUCT CSS----------------*/
/*-------------CONTACT PAGE CSS----------------*/
.page_title.h3 {
    font-style: normal;
    font-weight: bold;
    /*font-size: 85px;*/
    font-size: 68px;
    /*line-height: 88px;*/
    line-height: 80px;
    color: #052238;
    margin: 0;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 5px;
}
.page_title.h3:after {
    content: '';
    position: absolute;
    width: 79px;
    height: 8px;
    left: 0;
    top: 100%;
    background: #509E2F;
}
.officeaddress h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-bottom: 26px;    
    margin-top: 50px;
}
.officeaddress .addressbox {
    background: #fff;
    padding: 4%;
    margin-bottom: 25px;
    position: relative;
    padding-left: 80px;
}
.addressbox .fa, .addressbox img {
    color: #509e2f;
    font-size: 42px;
    position: absolute;
    left: 26px;
    top: 12px;
}
.addressbox h2 {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold!important;
    font-size: 18px;
    line-height: 125.18%;
    color: #052238;
    margin: 0;
}
.addressbox h3{
    font-size: 24px;
    margin-top: 0;
}
.addressbox p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /*text-align: justify;*/
    margin: 0;
}
.addressbox a{
    display: block;
}
.addressbox .tellink{
    color: rgb(54,78,95);
}
.contactofficebox {
    padding-left: 2%;
}
.contactpage:after {
    content: ''!important;
    position: absolute;
    width: 37%!important;
    top: 0px;        
    z-index: -1;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(346.31deg, #F7F7F7 80%, rgba(232, 232, 232, 0) 100%);
    background: -moz-linear-gradient(346.31deg, #F7F7F7 80%, rgba(232, 232, 232, 0) 100%);
    background: -ms-linear-gradient(346.31deg, #F7F7F7 80%, rgba(232, 232, 232, 0) 100%);
    background: -o-linear-gradient(346.31deg, #F7F7F7 80%, rgba(232, 232, 232, 0) 100%);
    background: linear-gradient(346.31deg, #F7F7F7 80%, rgba(232, 232, 232, 0) 100%);
}
.resionschecks span.wpcf7-list-item {
    position: relative;
    display: inline-block;
    padding-left: 48px;
    margin: 5px 15px 5px 0px;
    width: 31%;
}
.resionschecks span.wpcf7-list-item .wpcf7-list-item-label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    /*text-align: justify;*/
}
.resionschecks span.wpcf7-list-item input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 2;
}
.resionschecks span.wpcf7-list-item span.wpcf7-list-item-label:after {
    background: #d9d9d9;
    content: '';
    width: 40px;
    height: 20px;
    position: absolute;
    border-radius: 20px;
    left: 0;    top: 2px;
}
.resionschecks span.wpcf7-list-item span.wpcf7-list-item-label:before {
    background: #fff;
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 20px;
    left: 1px;
    top: 3px;
    z-index: 1;   
}
.iagree .resionschecks span.wpcf7-list-item {
    width: initial;
    margin: 0;
}
.iagree .resionschecks span.wpcf7-list-item span.wpcf7-list-item-label {
    margin: 0;
    font-size: 0;
}
.resionschecks span.wpcf7-list-item input:checked ~ span.wpcf7-list-item-label:after{
    background: #a3cf60;
}
.resionschecks span.wpcf7-list-item input:checked ~ span.wpcf7-list-item-label:before{
    left: 21px;
}
.contactusmain {
    max-width: 780px;
}
.contactusmain p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
    /*background-color: #fff;*/
}
.contactusform h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-bottom: 20px;
    border-bottom: 1px solid #D1D6DA;
    padding-bottom: 15px;
}
.contactusform .fields label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /*text-align: justify;    */
    margin-bottom: 6px;
}
.contactusform br {
    display: none;
}
.contactusform p {
    margin: 0;
}
.contactusform .fields {
    /*margin-bottom: 9px;*/
}
.contactusform .fields label.selecttitle {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125.18%;
    margin-bottom: 10px;
}
.contactusform small {
    font-size: 14px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #509E2F;
    opacity: 0.8;
    display: block;
    margin-top: 10px;
}
.contactusform .wpcf7-submit {
    background: #509E2F;
    border: 0;
    box-shadow: none!important;
    text-shadow: none!important;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 0!important;
    padding: 14px;
    width: 210px;
    height: 60px;
    margin-top: 40px;
}
.contactusform .wpcf7-submit:hover{
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.contactusform .twofields .wpcf7-text {
    width: 70%;
    border-radius: 4px 0 0 4px;    
    z-index: 1;
    position: relative;
}
.contactusform .twofields .wpcf7-select {
    width: 30%;
    border-radius: 0;
    margin-left: -3px;
}
.contactusform .wpcf7-not-valid-tip {
    color: red;
    font-weight: 600;
    font-size: 11px;
}
.contactusform .fields textarea{
    height: 108px;
}
/*-------------END CONTACT PAGE CSS----------------*/
/*-------------NEWS AND PRESS PAGE CSS----------------*/
.pressreleasesbox a {
    font-style: normal;
    /*font-weight: 700;
    font-size: 18px;
    line-height: 24px;*/
    color: #002E4E;
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
}
.pressreleasesbox a:hover {
        color: rgb(80,158,47);
}
.pressreleasesbox .pressdate {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: #052238;
}
.pressreleasesbox {
    margin-bottom: 26px;
    max-width: 500px;
}
.mediainquiries {
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #509E2F;
    padding: 0px 5% 50px 5%;
}
.mediainquiries h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.01em;
    color: #052238;
    margin: 0;
    background: #fff;
    position: relative;
    top: -20px;
    display: inline-block;
    padding: 0 15px;
}
.mediainquiries img {
    width: 127px;
    position: absolute;
    left: 0;
    top: -40px;
}
.mediainquiries h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #052238;
    margin: 20px 0;
}
.mediabtn {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #509E2F;
    padding: 19px;
    width: 160px;
    display: inline-block;
}
.mediabtn:hover{
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.mediainquiries .row {
    padding-top: 40px;
}
.mediaintext p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
}
.mediaintext p b {
    font-weight: bold;  
    display: block;
}
.mediaintext a {
    color: rgb(54,78,95);
}
.newspaginations {
    margin-top: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}
.newspaginations .page-numbers {
    padding: 4px;
    color: #052238;
}
.newspaginations .page-numbers.current, .newspaginations .page-numbers:hover {
    color: #509E2F;
}
.newspaginations .prev.page-numbers {
    float: left;padding-left: 0;
}
.newspaginations .next.page-numbers {
    float: right;
    padding-right: 0;
}
.newspaginations .prev.page-numbers .fa , .newspaginations .next.page-numbers .fa {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    top: 1px;
}
.newspaginations .prev.page-numbers .fa{
    padding-right: 2px;
}
.newspaginations .next.page-numbers .fa{
    padding-left: 2px;
}
.newspresspage .x-bg {
    top: -124px;
}
/*-------------END NEWS AND PRESS  PAGE CSS----------------*/
/*-------------Privacy Policy  PAGE CSS----------------*/
.privacypage .x-bg {
    top: -124px;
}
.privacybox {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 27px;
    /*text-align: justify;*/
}
.privacybox span {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #052238;
    opacity: 0.5;
    display: block;
    margin-top: 10px;
}
.privacytable a {
    background: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    /*text-align: justify;*/
    color: #052238;
    padding: 14px 20px;
    display: block;    
    margin-bottom: 10px;
}
.privacytable br {
    display: none;
}
.privacytable a:hover {
    color: rgb(80,158,47);
}
.privacypolicytext {
    max-width: 750px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
}
.privacypolicytext h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-bottom: 15px;
}
.privacypolicytext ul {
    margin: 0;
    list-style-type: none;
    margin-bottom: 15px;
}
.privacypolicytext ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 15px;
}
.privacypolicytext ul li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0;
    top: 12px;
    background: #509E2F;
    border-radius: 50%;
}
.privacypage .officeaddress h1 {
    margin-bottom: 60px;
}
.privacytable {
    margin-bottom: 80px;
}
/*-------------END Privacy Policy  PAGE CSS----------------*/
/*-------------Products & Services Wholesale PAGE CSS----------------*/
.productstext {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #052238;   
    /*text-align: justify;*/ 
}
.productstext h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-top: 0;
    margin-bottom: 25px;    
    text-align: left;
}
.productstext ul {
    margin: 0;
    list-style-type: none;
}
.productstext ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
}
.productstext ul li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0;
    top: 12px;
    background: #509E2F;
    border-radius: 50%;
}
.productinnerpage .x-row-inner {
    padding: 90px 5% 100px 0;
    max-width: 67%;
    margin: 0 auto!important;
    margin-left: 0!important;
}
.productinnerpage{
    background: -webkit-linear-gradient(90deg, #ffffff 67%, transparent 67%);
    background: -moz-linear-gradient(90deg, #ffffff 67%, transparent 67%);
    background: -ms-linear-gradient(90deg, #ffffff 67%, transparent 67%);
    background: -o-linear-gradient(90deg, #ffffff 67%, transparent 67%);
    background: linear-gradient(90deg, #ffffff 67%, transparent 67%);
}
.productinnerpageone{
    background: -webkit-linear-gradient(90deg, #f7f7f7 67%, transparent 67%);
    background: -moz-linear-gradient(90deg, #f7f7f7 67%, transparent 67%);
    background: -ms-linear-gradient(90deg, #f7f7f7 67%, transparent 67%);
    background: -o-linear-gradient(90deg, #f7f7f7 67%, transparent 67%);
    background: linear-gradient(90deg, #f7f7f7 67%, transparent 67%);
}
.productinnerpagetwo{
    background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 67%, transparent 67%);
    background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 67%, transparent 67%);
    background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 67%, transparent 67%);
    background: -o-linear-gradient(90deg, rgb(232, 232, 232) 67%, transparent 67%);
    background: linear-gradient(90deg, rgb(232, 232, 232) 67%, transparent 67%);
}
.nopadding .x-row-inner {
    padding: 0;
}
.nopadding .x-row-inner .x-col {
    margin: 0;
}
/*-------------END Products & Services Wholesale PAGE CSS----------------*/

/*------------- Generation & Operations PAGE CSS----------------*/
.about-text small {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #052238;
    /*opacity: 0.5;*/
    margin-top: 25px;
    display: block;
}
.operationlist ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.operationlist ul li {
    font-style: normal;
    font-weight: bold;
    font-size: 37px;
    line-height: 44px;
    text-align: center;
    color: #509E2F;
    font-family: Bauer-Bodoni!important;
    /*max-width: 160px;*/
    max-width: 230px;
    display: inline-block;
    margin: 5px 15px;vertical-align: top;
}
.operationlist ul li span {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
}
ul.generationlist {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;    
    margin-top: 10%;
}
ul.generationlist li {
    vertical-align: top;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #509E2F;
    font-family: Bauer-Bodoni!important;
   /* margin: 15px;
    display: inline-block;
    max-width: 220px;*/
    /*padding: 0 5px;*/    text-shadow: 0px 0px 1px #509E2F;
}
ul.generationlist li:last-child{
    /*max-width: 270px;*/
}
ul.generationlist li b {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
}
ul.generationlist li span {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    display: block;
}
.operationslider .slick-next {
    right: -14px;
}
.operationslider .slick-prev{
    left: -14px;
}
/*-------------END Generation & Operations PAGE CSS----------------*/
/*-------------Careers PAGE CSS----------------*/
.careerstopbox .x-row:before {
    content: '';
    position: absolute;
    width: 1400px;
    height: 60px;
    background: #FFFFFF;
    z-index: 2;
    top: -70px;
    margin: 0 auto!important;
}
.section_banner a.careersbtn {
    background: rgba(0, 0, 0, 0.3);
    border: 3px solid #509E2F;
    box-sizing: border-box;
    padding: 11px 25px 8px 25px;
    width: 315px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;   
    margin-top: 5%;
}
.section_banner a.careersbtn span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.85;
    display: block;
}
.section_banner a.careersbtn:hover{
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.competenciesbox {
    margin-bottom: 40px;
    position: relative;
    padding-left: 30px;
}
.competenciesbox p {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #354c5e;
    margin: 0;
}
.competenciesbox p b {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    color: #052238;
}

.competenciesbox:before {
    content: "\f058";
    font: normal normal normal 24px/1 FontAwesome;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    color: #509E2F;
}
/*-------------END Careers PAGE CSS----------------*/
/*-------------Explore Markets PAGE CSS----------------*/
section.headmarkets {
    margin-top: 80px;
}
.breadcrumbmarket span.home {
    display: none;
}
.breadcrumbmarket span.visually-hidden {
    display: block;
    overflow: visible;
    position: initial;
    width: auto;
    height: auto;
}
.breadcrumbmarket .x-breadcrumbs {
    text-align: left!important;
}
/*.result_hover{
    stroke: #8aa147 !important;
    fill: #8aa147 !important;
    fill-opacity:1;
}*/
#map-global {
  width: 100%;
  height: 700px;
  padding-top: 60px;
  margin-top: 90px;
}
.exploremarketpage #map-global {
  margin-top: 0px;
    padding-top: 0px;    
    margin-bottom: 20px;
}
#map-global svg {
    display: block;
    width: 100%;
    height: 100%;
}
.mapglobaltext{
    /*font-size: 20px;
    line-height: 23px; 
    color: #052238;
    font-family: Bauer-Bodoni!important;*/
    text-align: center;
    line-height: 14px;
    margin-bottom: 40px;
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
    color: #052238;
}
.mapglobaltext .fa{
    color:#ff8200;
    font-size:10px;
}
.homemap #map-global{
    padding-top: 0;
}
.exploremarketpage {
    position: relative;
}
.exploremarketpage img.exploreimg {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.marketslistbox {
    margin-top: 80px;
}
.marketsbox {
    /*background: rgba(255, 255, 255, 0.85);*/
    background-image: url('assets/images/marketbg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 50px;
}
.marketsbox h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.01em;
    color: #052238;
    margin: 0;
    position: relative;
    display: inline-block;
    z-index: 2;
    padding: 15px 0;
}
.marketsbox h1:hover{
    color: #5dab3c;
}
/*.marketsbox h1:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    background: #ffffff;
    bottom: 12px;
    z-index: -1;
}*/
.marketsbox .countbox {
    width: 150px;
    height: 150px;
    margin: 0px auto 0px auto;
    position: relative;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 125.18%;
    text-align: center;
    color: #012F53;
    padding: 31px 20px 20px 20px;
    top: -75px;
    background-color: #fff;
}
.marketsbox .countbox img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
.marketsbox .countbox b {
    font-size: 15px;
    line-height: 125.18%;
    text-align: center;
    text-transform: capitalize;
    display: block;
}
.btmboxcontent {
    margin-top: -60px;
}
/*.marketsbox .countbox:after {
    content: '';
    background: #fff;
    left: 0;
    position: absolute;
    right: 0;
    height: 20px;
    bottom: 0;
}*/
.marketsbox .energy-types ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.marketsbox .energy-types ul li {
    cursor: pointer;
    display: inline-block;
    padding: 3px 0px;
    /*width: 48px;*/
    width: 39px;
    position: relative;
}
.marketsbox .energy-types ul li span {
    display: none;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 125.18%;
    color: #FFFFFF;
    background: #052238;    
    text-transform: capitalize;
    padding: 5px;
    border-radius: 5px;
    bottom: 96%;
    width: 60px;    
    left: -5px;
    z-index: 2;
}
.marketsbox .energy-types ul li span:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.marketsbox .energy-types ul li span:after {
    border-top-color: #052238;
    border-width: 6px;
    margin-left: -6px;
}
.marketsbox .energy-types ul li:hover span {
    display: inline-block;
}
.marketsbox .energy-types ul li img {
    /*border: 2px solid transparent;*/
    border-radius: 50%;
    /*background-color:  #5dab3c;*/
}
.marketsbox .energy-types ul li:hover img {
    /*border: 2px solid #add59d!important;*/
}
.marketsbox .marketregions {
    margin-top: 25px;
}
.marketsbox .marketregions ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.marketsbox .marketregions ul li {
    margin-bottom: 10px;
    text-align: left;
}
.marketsbox .marketregions ul li a{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 125.18%;
    color: #052238;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.marketsbox .marketregions ul li a .fa {
    color: #5cab3c;
    font-size: 20px;
    margin-right: 6px;
}
.marketsbox .marketregions ul li a.downloaddata {
    display: none;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 125.18%;
    color: #052238;
    float: right;
    padding-top: 4px;
}
.marketsbox .marketregions ul li:hover a {
    color: #5dab3c;
}
.marketsbox .marketregions ul li a.downloaddata .fa {
    color: #5dab3c;
    font-size: 12px;
    margin-right: 3px;
}
.marketsbox .marketregions ul li:hover a.downloaddata {
    display: inline-block;
}
.other_description strong {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #052238;
    opacity: 0.5;
}
.seemarkets, .seelessmarkets {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 125.18%;
    color: #052238;
    text-transform: capitalize;
    cursor: pointer;
}
.seemarkets .fa, .seelessmarkets .fa {
    font-size: 20px;
    position: relative;
    top: 3px;
    font-weight: 600;
}
.singleregion .energy_typesmain {
    margin-top: -70px;
}
.singleregion, .singleregion .x-container.max {
    position: relative;
}
/*.singlemarketsregionbg {
    margin-top: -128px;
    position: absolute;
    bottom: 0;
    z-index: -1;
}*/
.singlemarketsregionbg #map-global {   
    /*width: 100vw;   */
    height: 700px;   
    padding-top: 50px;
    margin-top: 0;
}
.singlemarketsregionbg img {
    max-width: 100%;
    margin: 0 auto;
}
/*.singleregion .x-container.max.width {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 136px;
}*/
.singleregion .marketslistbox {
    margin-top: 60px;
}
.singleregion .marketsbox .countbox:after {
    display: none;
}
.singleregion .marketsbox {
    padding-bottom: 10%;
    padding-top: 20px;
}
.singleregion .energy-types {
    margin-top: 25px;
}

.exploremarketpage section.headmarkets {
    /*position: absolute;*/
    z-index: 9;    
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 0.01%, rgba(255, 255, 255, 0) 100%);
}
.sitesbox {
    position: relative;
}
.sitesbox .sitesboxinner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    left: 0;
    right: 0;
}
.sitesbox .sitesboxinner h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0;
}
.sitesbox .sitesboxinner p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #e4e4e4;margin: 0;
}
.sitesbox .sitesboxinner p .fa {
    color: #509E2F;
    font-size: 18px;
}
.marketsitesslider .slick-slide {
    margin: 10px;
    margin-top: 0;
}
.marketsitesslider .slick-slide .sitesbox img {
    height: 230px;
}
.marketsites{
    margin-bottom: 80px;
}
.sitesbox .sitesboxinner ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*display: inline-block;*/
    display: inline-table;
}
.sitesbox .sitesboxinner ul li {
    cursor: pointer;
    display: inline-block;
    padding: 3px 0px;
    width: 28px;
    position: relative;
    margin: 0 3px;
}
.sitesbox .sitesboxinner ul li span {
    display: none;
    font-family: "Open Sans",sans-serif!important;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 125.18%;
    color: #FFFFFF;
    background: #052238;
    text-transform: capitalize;
    padding: 5px 0;
    border-radius: 5px;
    width: 54px;
    left: -14px;
    bottom: 100%;
    text-align: center;
    letter-spacing: 0;
}
.sitesbox .sitesboxinner ul li span:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.sitesbox .sitesboxinner ul li span:after {
    border-top-color: #052238;
    border-width: 6px;
    margin-left: -6px;
}
.sitesbox .sitesboxinner ul li:hover span {
    display: inline-block;
}
.sitesbox .sitesboxinner ul li img {
    /*border: 2px solid transparent;*/
    border-radius: 50%;
    /*background-color:  #5dab3c;*/
    height: auto!important;
}
.sitesbox .sitesboxinner ul li:hover img {
    border: 2px solid #add59d!important;
}
.marketsitesslider .slick-dots li {  
    height: 3px;
}
.marketsitesslider .slick-dots li button:before {
    background: #509E2F;
    opacity: 0.3;
    height: 3px;
    padding: 0;
    font-size: 0;    
    margin-top: 8px;
}
.marketsitesslider .slick-dots li.slick-active button:before{
    opacity: 1;
}
.exploremarketpage .page_title.h3 {    font-size: 68px;}
.exploremarketpage  #map-global {    height: 540px;}
/*-------------END Explore Markets PAGE CSS----------------*/
/*-------------Explore Markets Single Page PAGE CSS----------------*/
.marketspage{
    clear: both;
    padding-bottom: 50px;
}
.energyinfo {
    background-image: url(assets/images/single-bg.png);
    margin-top: 80px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
}
.energyinfotop ul {
    list-style-type: none;
    margin: 0;
}
.energyinfotop ul li {
    font-family: Bauer-Bodoni!important;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #052238;
    display: inline-block;
    padding: 5px 1.4%;   
    margin-bottom: 20px;
    width: 32%;
}
.energyinfotop ul li span {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #052238;
    opacity: 0.5;
    display: block;
}
.energyinfotop ul li b{
    font-size: 18px;
}
.energyinfotop ul li:first-child{
    padding-left: 0;
}
.energy_title h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 85px;
    line-height: 100%;
    margin-top: 40px;
}
.energyinfo .energy-types ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*display: inline-block;*/
    display: inline-table;
}
.energyinfo .energy-types ul li {
    cursor: pointer;
    display: inline-block;
    padding: 3px 0px;
    width: 38px;
    position: relative;
    margin: 0 3px;
}
.energyinfo .energy-types ul li span {
    display: none;
    font-family: "Open Sans",sans-serif!important;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 125.18%;
    color: #FFFFFF;
    background: #052238;
    text-transform: capitalize;
    padding: 5px 0;
    border-radius: 5px;
    width: 50px;
    left: -6px;
    top: 8px;
    text-align: center;
    letter-spacing: 0;
}
.energyinfo .energy-types ul li span:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.energyinfo .energy-types ul li span:after {
    border-top-color: #052238;
    border-width: 6px;
    margin-left: -6px;
}
.energyinfo .energy-types ul li:hover span {
    display: inline-block;
}
.energyinfo .energy-types ul li img {
    /*border: 2px solid transparent;*/
    border-radius: 50%;
    /*background-color:  #5dab3c;*/
}
.energyinfo .energy-types ul li:hover img {
    border: 2px solid #add59d!important;
}
.enerycontent {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #052238;
    margin-bottom: 38px;
    margin-top: 25px;
}
.market_databtn {
    margin-bottom: 50px;
}
.market_databtn a {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #509E2F;
    padding: 16px;
    display: inline-block;
    width: 315px;
}
.market_databtn a:hover{
    color: #FFFFFF;
    background: #0f3557;
}
.market_designbox {
    margin: 50px 0;
}
.market_designbox h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    color: #052238;
    padding: 15px 0;
    margin-bottom: 20px;
    position: relative;
}
.market_designbox h1:after {
    content: '';
    width: 64px;
    height: 8px;
    left: 0;
    bottom: 0;
    background: #509E2F;
    position: absolute;
}
.market_designbox .item-acc h5 {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold!important;
    font-size: 18px;
    line-height: 125.18%;
    color: #052238;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
    padding: 18px 0 18px 27px;
    cursor: pointer;
    position: relative;
}
.market_designbox .item-acc h5:before {
    color: #509E2F;
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f106";
    position: absolute;
    top: 17px;
    left: 2px;
}
.market_designbox .item-acc h5.collapsed:before {
    content: "\f107";
}
.market_designbox .item-acc .acc-body {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /*text-align: justify;*/
    color: #475d6d;
    padding: 27px 0 7px 27px;
    border-bottom: 1px solid #e6e6e6;
}
.marketsoverview .x-tabs-list ul {
    text-align: center;
    display: block;
    padding-top: 5px;
}
.marketsoverview .x-tabs-list ul li {
    display: inline-block;
    padding: 5px 5px 8px 5px;    
    cursor: pointer;
}
.marketsoverview .x-tabs-list li span {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #052238;   
    padding: 0px 8px 8px 8px;
}
.marketsoverview .x-tabs-list li span.x-active {
    color: #509E2F;
    position: relative;
}
.marketsoverview .x-tabs-list li span.x-active:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    right: 0;
    background-color: #509E2F;
    border-radius: 50%;
    margin: 0px auto;
    top: -10px;
}
.marketsoverview .x-tabs-list li span.x-active:after{
    content: 
}
.marketsoverviewifo .markettop {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #052238;
    opacity: 0.5;
    margin: 20px 25px 26px 25px!important;
}
.marketsoverviewifo .sourcelist ul {
    list-style-type: none;
    margin: 20px 0;
    margin-top: 0;
}
/*.marketsoverviewifo .sourcelist ul li:first-child, .marketsoverviewifo .sourcelist ul li:nth-child(4){
        width: 150px;
}*/
.marketsoverviewifo .sourcelist ul li {
    display: inline-block;
    width: 135px;
    padding: 5px 0px;
    cursor: pointer;
    margin-bottom: 2px;
}
.marketsoverviewifo .sourcelist ul li label {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}
.marketsoverviewifo .sourcelist ul li p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #052238;
    opacity: 0.8;
}
.marketsoverviewifo .sourcelist ul li span {
    width: 17px;
    height: 17px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 3px;    margin-right: 4px;
}
.marketsoverviewifo .sourcelist ul li:nth-child(1) span {
    background: #C8DFBF;    
}
.marketsoverviewifo .sourcelist ul li:nth-child(2) span {
    background: #45543F;    
}
.marketsoverviewifo .sourcelist ul li:nth-child(3) span {
    background: #BCF1A5;    
}
.marketsoverviewifo .sourcelist ul li:nth-child(4) span {
    background: #3A7720;
}
.marketsoverviewifo .sourcelist ul li:nth-child(5) span {
    background: #5DAB3C;
}
.marketsoverviewifo .sourcelist ul li:nth-child(6) span {
    background: #9d89ff;
}
.marketsoverviewifo .sourcelist ul li:nth-child(7) span {
    background: #4ac5e6;
}
.marketsoverviewifo .sourcelist ul li:nth-child(8) span {
    background: #ece22b;
}
.marketsoverviewifo .sourcelist ul li:nth-child(9) span {
    background: #cccccc;
}
.marketsoverviewifo .sourcelist ul li:nth-child(10) span {
    background: #514f4d;
}
.marketsoverviewifo .sourcelist ul li:nth-child(11) span {
    background: #9d9c9b;
}
.marketsoverviewifo .sourcelist ul li:nth-child(12) span {
    background: #fba700;
}
.marketsoverviewifo .sourcelist ul li:nth-child(13) span {
    background: #f70017;
}
.marketsoverviewifo .sourcelist ul li:nth-child(14) span {
    background: #ca74c7;
}
.oursitesbox {
    margin-top: 50px;    
    position: relative;
}
.oursitesbox h1.title {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #052238;
}
.oursitestabs ul li span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #509E2F;
    cursor: pointer;
}
.oursitestabs ul li span.x-active {
    display: none;
}
.oursitesbox .oursitestabs {
    position: absolute;
    top: 7px;
    right: 0;
}
.oursitestabs ul li span .fa {
    font-size: 15px;
    position: relative;
    top: 1px;
    margin-right: 3px;
}
.oursitestabs ul li span .fa.fa-map-marker {
    top: 0px;
}
.oursitestabs ul li span .fa.fa-map-marker:after {
    position: absolute;
    content: '';
    width: 9px;
    bottom: 0;
    height: 2px;
    background: #509e2f;
    left: -1px;
    right: 0;
}
svg g[opacity="0.3"] {
    display: none;
}
.marketchart {
    width: 100%;
    /*width: 440px;*/
    position: relative;
}
#capacitychart, #generationchart{   
    width: 100%; 
    height: 370px;
    margin: 0 auto;
}
.marketsoverviewifo .sourcelist ul li.disabled p {
    color: #ccc;
}
.marketsoverviewifo .sourcelist ul li.disabled span {
    background: #ccc;
}
.marketchart h2 {
    position: absolute;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    height: 100%;
    justify-content: center;
    flex-direction: column;
}
.marketchart h2 b {
    display: contents;
    font-size: 16px;
}
.marketspageleft {
    max-width: 700px;
}
.singlemarketspage {
    position: relative;
}
.singlemarketspage:after {
    content: ''!important;
    position: absolute;
    width: 40%!important;
    top: 0px;        
    z-index: -1;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(346.31deg, #F7F7F7 0%, rgba(232, 232, 232, 0) 100%);
    background: -moz-linear-gradient(346.31deg, #F7F7F7 0%, rgba(232, 232, 232, 0) 100%);
    background: -ms-linear-gradient(346.31deg, #F7F7F7 0%, rgba(232, 232, 232, 0) 100%);
    background: -o-linear-gradient(346.31deg, #F7F7F7 0%, rgba(232, 232, 232, 0) 100%);
    background: linear-gradient(346.31deg, #F7F7F7 0%, rgba(232, 232, 232, 0) 100%);
}
.marketoursitesinner .energy-types ul, .singlesitestext .energy-types ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*display: inline-block;*/
    display: inline-table;
}
.marketoursitesinner .energy-types ul li, .singlesitestext .energy-types ul li {
    cursor: pointer;
    display: inline-block;
    padding: 3px 0px;
    width: 38px;
    position: relative;
    margin: 0 2px;
    top: -11px;
}
.marketoursitesinner .energy-types ul li span, .singlesitestext .energy-types ul li span {
    display: none;
    font-family: "Open Sans",sans-serif!important;
    position: absolute;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 125.18%;
    color: #FFFFFF;
    background: #052238;
    text-transform: capitalize;
    padding: 5px 0;
    border-radius: 5px;
    width: 54px;
    left: -8px;
    top: -9px;
    text-align: center;
    letter-spacing: 0;
}
.marketoursitesinner .energy-types ul li span:after, .singlesitestext .energy-types ul li span:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.marketoursitesinner .energy-types ul li span:after, .singlesitestext .energy-types ul li span:after {
    border-top-color: #052238;
    border-width: 6px;
    margin-left: -6px;
}
.marketoursitesinner .energy-types ul li:hover span, .singlesitestext .energy-types ul li:hover span {
    display: inline-block;
}
.marketoursitesinner .energy-types ul li img, .singlesitestext .energy-types ul li img {
    /*border: 2px solid transparent;*/
    border-radius: 50%;
    /*background-color:  #5dab3c;*/
    height: auto!important;
}
.marketoursitesinner .energy-types ul li:hover img, , .singlesitestext .energy-types ul li:hover img  {
    border: 2px solid #add59d!important;
}
.marketoursitesinner {
    background-color: #fff!important;
    padding: 19px 10px 8px 20px;
    margin-bottom: 10px!important;
    position: relative;
}
.marketoursitesinner .energy-types {
    width: 45px;
    display: inline-block;
}
.marketoursitesinner .marketoursitestext {
    width: calc(98% - 50px);
    display: inline-block;
}
.marketoursitesinner .marketoursitestext h1 {
    font-family: "Open Sans",sans-serif!important;
    font-style: normal;
    font-weight: bold!important;
    font-size: 18px;
    line-height: 125.18%;
    color: #052238;
    margin: 0;
}
.marketoursitesinner .marketoursitestext p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    /*text-align: justify;*/
    color: #364e5f;
    margin-bottom: 0;
}
.marketoursitesinner .marketoursitestext p .fa {
    color: #509E2F;
}
.marketoursitesinner .marketoursitestext .fa-arrow-right {
    position: absolute;
    right: 20px;
    top: 36px;
    font-size: 18px;
    opacity: 0;
}
.marketoursitesinner a:hover .marketoursitestext .fa-arrow-right {
    opacity: 1;
}
.marketoursitesinner:hover{
    background-color: #f3f3f3!important;
}
.sitesfilter {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: rgba(5, 34, 56, 0.5);
    margin-bottom: 10px;
}
.sitesfilter select {
    padding: 0;
    height: auto;
    border: 0;
    outline: none;
    box-shadow: none;
    margin: 0;
    color: rgb(5, 34, 56);
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    background: transparent;
}
.notfound {
    font-size: 20px;
    margin: 50px 0!important;
}

.singlemarketmap #map {
    width: 100%;
    height: 500px;
}
.leaflet-popup-content-wrapper {
    padding: 1px;
    border-radius: 4px!important;
}
.leaflet-popup-content {
    margin: 0 15px 0 6px!important;
    padding: 2px 0!important;
    color: #fff!important;
    text-align: center!important;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: #05225d!important;
    box-shadow: none!important;
}
.leaflet-popup-tip-container {
    margin-top: -10px!important;
    z-index: -1!important;
}
.leaflet-container a.leaflet-popup-close-button {
    top: -3px!important;
    right: -3px!important;
}
/*-------------END Explore Markets Single Page PAGE CSS----------------*/
/*-------------Our SItes Markets Single Page PAGE CSS----------------*/
.single-marketsites header .x-bar{
    position: absolute;
    width: calc(100% - (0px * 2));
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.single-marketsites header .x-bar.otherpageheader{
    /*background: rgba(0,0,0,.5);*/
}
.single-marketsites .otherpageheader .x-bar-container .x-menu li ul.sub-menu.x-dropdown {
   /* top: calc(100% + 35px);*/
    background: rgba(0,0,0,.5);
}
.single-marketsites header .x-bar.x-bar-fixed{
    position: fixed;
    /*z-index: 99999;*/
}
.single-marketsites header .x-bar.x-bar-fixed .e108-4.x-anchor-toggle .x-graphic-icon{
    color: #FFFFFF!important;
}
.single-marketsites .otherpageheader.x-bar.x-bar-fixed .x-bar-container .x-menu li ul.sub-menu.x-dropdown {
    /*top: 100%;*/
}

.single-marketsites header .x-bar.otherpageheader {
    top: 42px;
}
.single-marketsites header .x-bar .x-menu > li > .x-anchor .x-anchor-text-primary,
.single-marketsites header .x-bar .othermenucolor a,
.single-marketsites header .x-bar .x-anchor-toggle .x-graphic-icon,
.single-marketsites header .x-bar .x-anchor-toggle .x-toggle,
.single-marketsites header .x-bar .x-menu > li > ul.sub-menu.x-dropdown a .x-anchor-text-primary{
    color: #ffffff!important;
}
.single-marketsites header .x-bar.x-bar-fixed .x-menu > li > .x-anchor .x-anchor-text-primary,
.single-marketsites header .x-bar.x-bar-fixed .othermenucolor a,
.single-marketsites header .x-bar.x-bar-fixed .x-anchor-toggle .x-graphic-icon,
.single-marketsites header .x-bar.x-bar-fixed .x-anchor-toggle .x-toggle,
.single-marketsites header .x-bar.x-bar-fixed .x-menu > li > ul.sub-menu.x-dropdown a .x-anchor-text-primary{
    color: #052238!important;
}
.single-marketsites header .x-bar .x-image img{
    filter: brightness(0) invert(1);
}
.single-marketsites header .x-bar.x-bar-fixed  .x-image img{
    filter: initial;
}
.single-marketsites header .x-bar.otherpageborder .x-bar-content {
    top: 158px;
}

.singlesitespage .x-container.max.width {
    position: absolute;
    top: 188px;
    margin: 0 auto!important;
    left: 0;
    right: 0;    
    z-index: 1;
}
.singlesitespage .breadcrumbmarket .x-breadcrumbs a, 
.singlesitespage .breadcrumbmarket .x-breadcrumbs span {
    color: #fff;
    opacity: 1;
}
.singlesitespage .breadcrumbmarket .x-breadcrumbs a.current {
    opacity: .7;
}
.sitesthumbnail {
    position: relative;
}
.sitesthumbnail img.wp-post-image{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.singlesitestext {
    position: absolute;
    bottom: 40px;
    max-width: 1300px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}
.singlesitestext h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 85px;
    line-height: 100%;
    margin: 0;
    position: relative;
    color: #fff;
}
.singlesitestext .energy-types ul{
    vertical-align: baseline;
    vertical-align: -webkit-baseline-middle;
}
.singlesitestext h1:after {
    position: absolute;
    width: 64px;
    height: 3px;
    left: 0;
    top: 90%;
    background: #509E2F;
    content: '';
}
.singlesitestext p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    /*text-align: justify;*/
    color: #d7d5d4;
    margin-top: 20px;
}
.singlesitestext p .fa {
    color: #509E2F;
}
.sitesthumbnail:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
} 
.sitesthumbnail:before {
    background: linear-gradient(180deg, #000000 0%, #0000009e 0.01%, rgb(0 0 0 / 0%) 100%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*height: 50%;*/
}
.singlesitestext .energy-types ul li span {
    top: 10px;
}

.resulthover.marketsbox h1, .marketsbox:hover h1{
    color: #5dab3c;
}
.result_hover{
    stroke: #84a334 !important;
    fill: #84a334 !important;
}
.marketoursites {
    max-height: 846px;
    overflow-y: scroll;
}
/*.marketoursites::-webkit-scrollbar {
    width: 6px;
} 
.marketoursites::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
} 
.marketoursites::-webkit-scrollbar-thumb {
  background-color: #cecece;
  outline: 1px solid transparent;
}*/
.sitesmapsection #map {
    width: 100%;
    height:660px;
}
/*-------------END Our SItes Markets Single PAGE CSS----------------*/
/*-------------END Downloads PAGE CSS----------------*/
.downloadstext {
    /*text-align: justify;*/
    padding: 15px;    
    position: relative;
    height: 230px;
    margin-bottom: 20px;
}
.downloadstext h1 {
    font-size: 19px;
}
.downloadstext p{
    margin: 0;
}
.downloadstext a {
    background: #509E2F;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 25px;
    display: inline-block;
    margin-top: 15px;
    position: absolute;
    bottom:0; 
}
.downloadstext a:hover {
    background: #0f3557;
    color: #fff;
}
/*-------------END Downloads PAGE CSS----------------*/
.tabvieshow {
    display: none;
}
.otherpageborder{max-width: 1600px;}
.morecontectus {
    margin-top: 50px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #052238;
}
.morecontectus h1 {
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 53px;
    letter-spacing: -0.01em;
    color: #052238;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: left;
}
.assetmangtext h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.assetmangtext ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.assetmangtext ul li {
    list-style-type: none;
    display: inline-block;
    padding: 0 2%;
    font-size: 18px;
}
.assetmangtext ul li span {
    display: block;
    font-size: 42px;
    font-weight: bold;
    font-family: Bauer-Bodoni!important;
    color: #509e2f;
}

.bannerfeaturednews h1 {
    font-family: "Open Sans",sans-serif!important;
    margin: 2px 0;
    padding: 5px 0;
    font-style: normal;
    font-weight: 600!important;
    font-size: 16px!important;
    line-height: 22px!important;
    text-transform: uppercase;
    color: #FFFFFF;
}
.bannerfeaturednews a {
    font-family: "Open Sans",sans-serif!important;
    color: #FFFFFF;
}
.bannerfeaturednews a .fa{
    color: #FF8200;
    font-weight: 200!important;
}
.bannerfeaturednews a:hover .fa{
    color: #509E2F;
}
.bannerfeaturednews {
    position: absolute;
    bottom: 100px;
    border-left: 3px solid #509E2F;
    padding-left: 17px;
}
.row.featurednewsbox {
    margin-right: -7px;
    margin-left: -7px;
}
.row.featurednewsbox .col-md-6.col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 7px;
    padding-right: 7px;
}

/*-------Counter-------------*/
h1.headtitle {
    font-size: 109px;
    font-family: BodoniMT;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 2px;
}
.homebannervideo{display: none;}
.homebannerimg{display: block;}
.captiontext{
    text-align: right;
    color: #fff;
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    right: 15px;
    line-height: 15px;
    margin: 5px;
    font-style: italic;
}
#map-global tspan {
    display: none;
}
#map-global g[role="menuitem"]:hover tspan {
    display: block;
}
#map-global tspan {
    color: #000!important;
    stroke: #000 !important;
    fill: #000 !important;
}
.featurednews{background: transparent;}
.recbox {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 161.69%;
    color: #052238;
}
.recbox h3{
    font-size: 32px;
}
.recbox h1 {
    font-style: normal;
    font-weight: bold!important;
    font-size: 17px;
    line-height: 23px;
    color: #052238;
    font-family: "Open Sans",sans-serif!important;
    margin-bottom: 10px;    
    margin-top: 80px;
}
.recontwhite, .recontcolor {
    padding: 24px 35px;
    position: relative;
    /*text-align: right;*/
}
.recontwhite p, .recontcolor p {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #052238;
    margin: 0;
}
.recontwhite h1, .recontcolor h1,
.recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap {
    font-style: normal;
    font-size: 46px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #052238;
    font-weight: bold!important;
    margin: 0;
    margin-top: 5px;
}
.recontwhite .year {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    width: 63.19px;
    height: 27.24px;
    /*left: 21px;*/
    left: 0px;
    top: -16px;
    background: #509e2f;
    text-align: center;
    padding: 3px;
    z-index: 9;
}
.recontwhite .year .x-counter .number-wrap{
    margin: 0;
    height: auto;
    line-height: 0;
    letter-spacing: 0;
    font-size: initial;
}
.recontwhite .year .number {
    font-size: 16px;
    line-height: 22px;
}
.recontwhite h1 b, .recontcolor h1 b{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 135%;
    bottom: 0;letter-spacing: 2px;
}
.recontcolor {
    background: #509E2F;
    color: #fff;
    margin-left: 70px;
    margin-top: -30px;
    padding-top: 40px;
}
.recontcolor h1, .recontcolor p {
    color: #fff;
}
.recscounter .x-col .x-text {
    margin: 75px 50px;
}
.recontwhite {
    margin-right: 30px;
    z-index: 9;
    background: #fff;
    padding-bottom: 7px;
}
.recontcolor h1 b {
    width: 52px;
    display: inline-block;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 2px;
}
.recboxcounter .recassesment {
    font-style: italic;
    font-weight: 100;
    font-size: 14px;
    line-height: 130.69%;
    color: #052238;
    margin-top: 30px;
    margin-bottom: 0;
    /*font-family: Bauer-Bodoni!important;*/
    font-size: 15px;
    line-height: 14px;
    margin-bottom: 40px;
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
    color: #052238;
}
.recontwhite h1 {
    margin-top: 15px;
}
.recontcolorinner:after {
    font-family: 'FontAwesome';
    content: "\f112";
    color: #509e2f;
    position: absolute;
    left: -50px;
    font-size: 32px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    bottom: 40%;
}

.recontcolor .x-counter, .recontwhite .x-counter {
    text-align: left;
    display: inline-block;    
    margin-right: 15px;
}
.recontwhite .year .x-counter {
    text-align: center;
    display: block;
    margin-right: 0;
}
.recontwhite.start:before, .recontwhite.start:after{
  content: '';
  width: 0%;
  height: 0%;
  position: absolute;
  border: 3px solid #e77907;
  animation-fill-mode: forwards;
}
.recontwhite.start:before{
  left: 0;
  top: 0;
  border-bottom: 0;
  border-left: 0;
  animation: btm 4s ease-in forwards;
}
.recontwhite.start:after {
  visibility: hidden;
  right: 0;
  bottom: 0;
  border-top: 0;
  border-right: 0;
  animation: btm 4s 4s ease-out forwards;
}

@keyframes btm {
  0% {
    visibility: visible;
    width: 0;
    height: 0;
  }
  50% {
    width: 100%;
    height: 0;
  }
  100% {
    width: 100%;
    height: calc(100% - 2px);
    visibility: visible;
  }
}
/*-------//Counter-------------*/
/*-------Brochuremodal-------------*/
.brochuremodal {
    text-align: center;
    padding-top: 10px;
}
.brochuremodal h1 {
    margin: 0;
    font-size: 32px;
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 25px;
}
.brochuremodal h1:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    left: 0;
    right: 0;
    top: 100%;
    background: #509E2F;
    margin: 0 auto;
}
.brochuremodal input.wpcf7-form-control{
    font-size: 16px;
}
.brochuremodal button.xmodalclose {
    border: 0;
    outline: none;
    background: transparent;
    font-size: 24px;
    position: absolute;
    right: 7px;
    top: 0;
}
.brochuremodal form {
    margin: 0;
    margin-top: 25px;
}
.brochuremodal .wpcf7-submit, .brochuremodal .closebtns, .brochuremodal input#submitform {
    background: #509E2F!important;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF!important;
    text-shadow: none;
    padding: 12px 50px;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    border: 0!important;
    box-shadow: none!important;
    border-radius: 0!important;
}
.brochuremodal .wpcf7-submit:hover, .brochuremodal .closebtns:hover , .brochuremodal input#submitform:hover{
     color: rgb(255, 255, 255)!important;
    background: #0f3557!important;
}
.brochuremodal .closebtns {
    display: block;
    margin: 20px auto 0 auto;
}
.brochuremodal textarea, .brochuremodal input {
    font-size: 15px!important;
}
.brochuremodal .row {
    margin: 0 -5px;
}
.brochuremodal .row .col-md-6, .brochuremodal .row .col-md-12 {
    padding: 0 5px;
}

/*-------//Brochuremodal-------------*/
.loadmorelink{
    position: relative;
}
.loadmorep, .loadmore {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
    background: #fff;
    position: relative;
    top: 49px;
}
.loadmorep:hover, .loadmore:hover{ 
    color: #509E2F;
}
.loadmorep .fa, .loadmore .fa {
    color: #ff8200;
}
.loadspin, .loadspinp {
    font-size: 32px;
    color: #509e2f;
    margin-top: 0;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}
.mapbox.assetmap{
    position: relative;
}

@media (min-width: 1900px){
    .sitesthumbnail .wp-post-image {    width: 100%;}
}

@media (max-width: 1360px){
    ul.generationlist {    margin-top: 5%;}
    .singlesitestext {    padding: 0 15px;}
}
@media (min-width: 1200px) and (max-width: 1500px){  
    .recontwhite h1, .recontcolor h1,
.recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap {    font-size: 36px;}
    .recontwhite h1 b{font-size: 20px;}
    .recontcolor h1 b {    width: 40px;    font-size: 12px;}
    .recontwhite p, .recontcolor p{font-size: 12px;}
    .recbox h1{font-size: 16px;}
    .recbox{    font-size: 15px;}
    .recontwhite{padding-bottom: 10px;}
}
@media (max-width: 1199px){
    .productbox{height: auto;}
    .singlemarketsregionbg {  top: -128px;bottom: initial;}
}
@media (min-width: 1024px) and (max-width: 1199px){  
    .recontwhite h1, .recontcolor h1,
.recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap{font-size: 30px;letter-spacing: 0.01em;}
    .recscounter .x-col .x-text {    margin: 75px 24px;}
    .recontwhite{    padding-bottom: 10px;}
}

@media (min-width: 980px) and  (max-width: 1080px){
   header .x-menu > li > .x-anchor .x-anchor-content {      padding: 0px 2px!important;}
   .othermenu a {    margin: 0 6px;}
   .othermenu {    margin-top: -5px!important;}
}
@media (min-width: 979px) and  (max-width: 1199px){
    .helpyou h1 {   font-size: 34px;    line-height: 45px;}
    .bannertext h1{font-size: 52px;    line-height: 64px;}
    .bannertext h1 span{font-size: 30px;top: -16px;}
    .bannertext p{    font-size: 34px;    line-height: 38px;}
    .brookfieldinfo ul li p{font-size: 13px;}
    .brookfieldinfo p b{font-size: 18px;    line-height: 26px;}
    .brookfieldinfo ul {    margin-bottom: 50px;}
    .brookfieldinfo p {   font-size: 16px;   line-height: 25px;}    
    .units ul li, .units ul li span.number{font-size: 26px;    line-height: 30px;padding: 10px 4%;}
    .units ul li span{font-size: 12px;}
    .Leadershiptext {    padding-top: 2%;}
    .abouttextbox{ padding-top: 42px!important;}    
    .abouttextboxmain .x-row {   margin-top: 0px!important;    padding-top: 42px!important;}
    .addressbox .fa {    font-size: 32px;left: 20px;    top: 28px;}
    .addressbox img {  left: 7px;  top: 10px;  width: 26px;}
    .officeaddress .addressbox {    padding-left: 60px;}
    .resionschecks span.wpcf7-list-item {    width: 31%;}
    .productinnerpage .x-row-inner {    max-width: 84%;}
    .producttextbox, .colorsection {    padding: 40px 0px 40px 0px!important;}
    .aboutinnertpage {    padding: 20px 0!important;}
    .aboutinnertpage .x-img {      top: -200px; max-width: 86%;    right: 0;}
    .topbannerCareers .x-img {    min-height: 650px;}
    .productbox h1 {    font-size: 26px;}
    .singlesitestext h1 {    font-size: 52px;}
     .productinnerpage{
        background: -webkit-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -o-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: linear-gradient(90deg, #ffffff 80%, transparent 80%);
    }
    .productinnerpageone{
        background: -webkit-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -o-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
    }
    .productinnerpagetwo{
        background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -o-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
    }
    .downloadstext{    height: 310px;}
}
@media (max-width: 978px){
    .bannertext h1{font-size: 52px;    line-height: 64px;}
    .bannertext h1 span{font-size: 30px;    top: -12px;}
    .bannertext p{    font-size: 25px;    line-height: 31px;}
    .helpyou h1{font-size: 38px;    margin-top: 30px;}
    .brookfieldinfo p b {   font-size: 18px;    line-height: 28px;    margin-top: 50px;}
    .brookfieldinfo ul{margin-bottom: 40px;}
    .brookfieldinfo ul li p {    font-size: 12px;}
    .brookfieldinfo p {    font-size: 16px;line-height: 24px;}
    .productbox h1{font-size: 24px;}
    .productbox p {   font-size: 16px;  line-height: 22px;}
    .bannertext {    top: 20%; }
    .brookfieldinfo {    padding: 20px 0;}
    .e61-8.x-col.helpyoubox {    margin-bottom: 50px;}
    .helpyousection {    background: transparent;}
    .helpyousection .x-container.max.width {    width: 100%;}
    .helpyousection .helpyoubox {    margin-left: 6%;    margin-right: 6%; padding: 0 7px;}
    .helpyousection .brookfieldinfo { background: rgba(0,48,86,0.95); padding: 40px 6.2%;}
    .units { position: initial;}
    .units ul li, .units ul li span.number{font-size: 24px;    line-height: 30px;padding: 10px 4%;}
    .units ul li span{font-size: 11px;}
    .Leadershiptext {    padding-top: 0;}
    .section_banner h1, .page_title.h3 {   font-size: 52px;   line-height: 56px;  margin-bottom: 30px;}
    .exploremarketpage .page_title.h3 {    font-size: 50px;}
    .exploremarketpage  #map-global {    height: 450px;}
    .abouttextboxmain .x-row {   margin-top: 0px!important;    padding-top: 42px!important;}
    .section_banner p {   font-size: 15px;   line-height: 20px;}
    .abouttextbox{ padding-top: 42px!important;}   
    .producttext {    max-width: initial; }
    .producttext h1 br{display: none;}
    .productservicesbox {    padding-top: 50px;}
    .productservicesbox.x-row {    margin-top: -30px!important;}
    .privacypage .contactofficebox {    padding-top: 0!important;}
    .privacypage .officeaddress h1 {    margin-bottom: 20px;}
    .privacytable {    margin-bottom: 30px;}    
    .productinnerpage .x-row-inner { padding: 60px 0 40px 0; max-width: 80%;}    
    .productinnerpage{
        background: -webkit-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: -o-linear-gradient(90deg, #ffffff 80%, transparent 80%);
        background: linear-gradient(90deg, #ffffff 80%, transparent 80%);
    }
    .productinnerpageone{
        background: -webkit-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: -o-linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
        background: linear-gradient(90deg, #f7f7f7 80%, transparent 80%);
    }
    .productinnerpagetwo{
        background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: -o-linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
        background: linear-gradient(90deg, rgb(232, 232, 232) 80%, transparent 80%);
    }
    .producttextbox, .colorsection {    padding: 40px 0px 40px 0px!important;}
    .aboutinnertpage {    padding: 20px 0!important;}
    .aboutinnertpage .x-img {      top: -200px; max-width:100%;    right: 0;}
    .singlesitestext h1 {    font-size: 42px;}
    .bannerfeaturednews { padding-left: 10px;}
    .bannerfeaturednews h1 {font-size: 14px!important;line-height: 19px!important;padding: 2px 0; margin: 0;}
}
/*-----------Tablet View-------------------*/
@media (min-width: 767px) and (max-width: 1024px){    
    .x-container.width {    width: 90%!important;}
    .section_banner, .bannertext {    left: 4%;   right: 4%;}
    .topbannerCareers .x-img {    height: 480px;}
    .topbanner .x-img, .sitesthumbnail img.wp-post-image {    height: 480px;    object-fit: cover;}
    .energyinfotop ul li { font-size: 24px; line-height: 29px;    padding: 5px 1%;}
    .energyinfotop ul li span{font-size: 10px;    line-height: 14px;}
    .energyinfo{margin-top: 40px;}
    .homemapbox p, .homemapboxother p {    font-size: 16px;    line-height: 24px;}
    .homemapboxother p{max-width: 100%;}
    .energy_title h1{    font-size: 52px;    margin-top: 20px;}
    .homemapbox h1 {   font-size: 42px;    line-height: 128%;}
    .homemapbox h1 span {    font-size: 34px;    top: -10px;}
    .homemapbox h1 span:after {   border-bottom: 6px solid #509E2F;    bottom: -4px;}
    /*.homemapbox h1 br{   display: none;}*/
    .homemapbox ul li {     padding: 30px 0;    padding-top: 15px;}
    .homemapbox ul li h1 {   font-size: 34px;line-height: 41px;}
    .homemapbox ul li p {   font-size: 14px;line-height: 19px;}
    .bannertext h1 {    font-size: 48px;    line-height: 56px;}
    .bannertext h1 span {    font-size: 38px;    top: -13px;}
    .bannertext a.hubbtn{    bottom: 53px;}
    .bannertext p {  font-size: 48px;    line-height: 20px;}
    .section_banner h1, .page_title.h3 {   font-size: 48px;line-height: 58px;}    
    .productstext {    font-size: 14px;    line-height: 21px;}
    .page_title.h3 {   font-size: 48px;    line-height: 49px;    padding-bottom: 15px;}
    .exploremarketpage .page_title.h3 {    font-size: 36px;}
    .exploremarketpage  #map-global {    height: 350px;}
    .productstext h1{    font-size: 30px;    line-height: 119%;}
    .homemapbox {    text-align: left;}
    .homemapbox p {   margin: 10px auto;    margin-left: 0;}
    #map-global {    height: 600px;}
    .homemap #map-global {    height: 400px;}
    .helpyou {    padding-left: 20px;}
    .helpyou h1 {    font-size: 30px;    line-height: 119%;}
    .productbox {    padding: 0 15px;    margin-top: 0;}
    .productbox h1{    top: -10px;    margin-top: -10px;}
    .units ul li, .units ul li span.number {  font-size: 22px;}
    .units ul li span {    font-size: 9px;}
    .heading-text{    padding-bottom: 10px!important;}
    .sectorcontent .bigtext {    font-size: 16px;    line-height: 24px;    margin-bottom: 10px;}
    .sectorimg img {    height: 400px;    object-fit: cover;}
    .heading-text, .producttext h1 {    font-size: 24px!important;    line-height: 29px!important;    padding-bottom: 5px;}
    .about-text {    font-size: 16px;    line-height: 24px;}
    .didyouknow .slidertext {    font-size: 18px;    line-height: 27px;}
    .didyouknow h1 {   top: -20px;   font-size: 30px;    line-height: 119%;}
    .tabviewhide {    display: none;}
    .customefooter .col-md-3 {   -webkit-box-flex: 0;  -ms-flex: 0 0 33.333333%;  flex: 0 0 33.333333%;
    max-width: 33.333333%;}
    .customefooter .copyright_text { color: #666f77;opacity: 1; position: initial;display: block;
    border-top: 1px solid;    margin-top: 30px;    padding-top: 15px;}
    .tabvieshow {    display: inline-block;    float: right;}
    .tabvieshow ul li {    display: inline-block;}
    .tabvieshow ul li a {  margin: 0!important;  padding: 0 8px!important;}
    .customefooter {    padding: 40px 15px 20px 15px;}
    .productservicesbox.x-row {    margin-top: 0px!important;    padding: 60px 0px 0px 0px!important;}  
    .servicesbox .x-col {    margin-bottom: 50px!important;}
    .abouttextboxmain{    padding: 0px 0px 40px 0px!important;}
    .abouttextboxmain .x-row{    padding-top: 0px!important;}
    .abouttextbox {    padding-top: 50px!important;}
    .didyouknow .slidertext{    margin-top: 20px;    margin-bottom: 40px;    padding: 0 5%;}
    .helpyou select{    width: 250px;}
    .helpyousection .brookfieldinfo{padding-bottom: 10px;    padding-top: 30px;}
    .homemap {    margin-top: 40px!important;}
    .servicesbox {    padding-top: 60px!important;margin-bottom: 0px!important;}
    .powersectorbox {    margin-top: 0px!important;}
    .whoweare {    margin-top: 10px;}
    .Weare h1 { margin-top: 40px;   font-size: 30px;    line-height: 119%;}
    .Weare p {    font-size: 16px;    line-height: 24px;}
    .Weare a, .homenews a{    margin-bottom: 0;}
    .homenews h1 {   font-size: 30px;    line-height: 119%;}
    .featurenewssection {    padding: 50px 0px 20px 0px!important;}
    .servicesbox.productservicesbox {    padding-top: 10px!important;}
    header .x-bar{    padding-left: 4%!important; padding-right: 4%!important;}
    header .x-bar-fixed {    padding: 15px 4%!important;}
    header .x-bar.otherpageborder {    padding: 0px!important;}
    .helpyoubox .x-image {  bottom: 26%;   width: 123%;}
    ul.generationlist {    margin-top: 8%;}
    .didyouknowbox {    padding: 80px 0px 80px 0px!important;}
    .firstresource h1.x-text-content-text-primary { font-size: 30px!important;
    line-height: 119% !important;    padding: 0 2%;}
    .firstresource .x-bg:before, .firstresource .x-bg:after{display: none;}
    .firstresource .x-text-headline {    padding: 2em 0px 2em 0em!important;}
    .producttextbox, .colorsection {    padding: 40px 0px 20px 0px!important;}
    .producttextbox .producttext p {  font-size: 16px!important;  line-height: 24px!important;}
    .operationlist ul li {  width: 230px;    margin: 20px 15px;}
    .firstresource {   padding: 4em 0em 4em 0em!important;}
    .producttext p, .producttext ul li { font-size: 16px; line-height: 24px;  margin-bottom: 8px;}
    .Leadershipsection {    padding: 40px 0px 30px 0px!important;}
    .Leadershipbox {    margin-bottom: 50px;}
    .Leadershiptext h1 {  font-size: 24px;  line-height: 28px;    margin-top: 0;}
    .Leadershiptext h2{    margin-bottom: 15px;}
    .Leadershiptext p {   font-size: 14px;  line-height: 21px;   margin-bottom: 10px;}
    .Leadershiptext h2{font-size: 16px;}
    .Leadershipimg {    height: 360px;}
    .Leadershipimg img {    height: 100%;    object-fit: cover;}
    .Leadershipbox.Leadershipboxodd.row {   margin-bottom: 86px;}
    .ecgbox .abouttextbox {    padding-top: 0px!important;    margin-left: 2px!important;}
    .aboutlists .operationslider .slick-prev:before, .aboutlists .operationslider .slick-next:before{    color: #ffffff;}
    .productinnerpage .x-row-inner {    padding: 40px 0 40px 0;    max-width: 70%;}     
    .productinnerpage{
        background: -webkit-linear-gradient(90deg, #ffffff 74%, transparent 74%);
        background: -moz-linear-gradient(90deg, #ffffff 74%, transparent 74%);
        background: -ms-linear-gradient(90deg, #ffffff 74%, transparent 74%);
        background: -o-linear-gradient(90deg, #ffffff 74%, transparent 74%);
        background: linear-gradient(90deg, #ffffff 74%, transparent 74%);
    }
    .productinnerpageone{
        background: -webkit-linear-gradient(90deg, #f7f7f7 74%, transparent 74%);
        background: -moz-linear-gradient(90deg, #f7f7f7 74%, transparent 74%);
        background: -ms-linear-gradient(90deg, #f7f7f7 74%, transparent 74%);
        background: -o-linear-gradient(90deg, #f7f7f7 74%, transparent 74%);
        background: linear-gradient(90deg, #f7f7f7 74%, transparent 74%);
    }
    .productinnerpagetwo{
        background: -webkit-linear-gradient(90deg, rgb(232, 232, 232) 74%, transparent 74%);
        background: -moz-linear-gradient(90deg, rgb(232, 232, 232) 74%, transparent 74%);
        background: -ms-linear-gradient(90deg, rgb(232, 232, 232) 74%, transparent 74%);
        background: -o-linear-gradient(90deg, rgb(232, 232, 232) 74%, transparent 74%);
        background: linear-gradient(90deg, rgb(232, 232, 232) 74%, transparent 74%);
    }
    .contactpage {    padding-top: 50px!important;}
    .officeaddress h1 {  margin-top: 25px;  font-size: 24px;   line-height: 29px;}
    .addressbox .fa {   font-size: 34px;   left: 10px;    top: 15px;}
    .addressbox img {  left: 7px;  top: 10px;  width: 26px;}
    .officeaddress .addressbox {    padding-left: 44px;margin-bottom: 15px;}
    .addressbox h2 {    font-size: 16px;    line-height: 125.18%;}
    .contactusmain p {    font-size: 14px;    line-height: 21px;}
    .resionschecks span.wpcf7-list-item {    width: 45%;}
    .contactusform h1 { font-size: 24px; line-height: 28px; margin-bottom: 20px;padding-bottom: 8px;margin-top: 5px;}
    .contactpage .x-bg {    top: -100px;}
    .contactpage .x-bg .x-bg-layer-lower-image{background-size: 70%!important;}
    .privacypolicytext, .privacytable a, .privacybox{    font-size: 16px;    line-height: 24px;}
    .privacytable a {    background: #f5f5f5;}
    .x-text.competenciesbox {   max-width: 48%;   display: inline-block;}
    .section_banner a.careersbtn {    width: 280px;  font-size: 16px;  line-height: 22px; margin-right: 10px;padding: 11px 0 8px 0px;}
    .newspresspage{padding: 50px 0px 20px 0px!important;}
    .pressreleasesbox a {   font-size: 14px;    line-height: 24px;font-weight: bold;}
    .pressreleasesbox {    margin-bottom: 10px;}
    .newspresspage .page_title.h3 {    margin-bottom: 0;}
    .mediaintext p b {    font-size: 16px;    line-height: 27px;}
    .mediainquiries h2{font-size: 19px;    line-height: 27px;}
    .mediainquiries .row {    padding-top: 20px;}
    .mediainquiries {   padding: 0px 5% 20px 5%;}
    .Pressreleasessection {   padding: 40px 15px 20px 15px!important;}
    .mediainquiriessection{padding-bottom: 50px!important;}
    .contactusmain {    max-width: 500px;}
    .marketslistbox {   margin-top: 20px;}
    .marketslistbox .col-md-3.col-lg-3 {    padding:0 5px;}
    .marketsbox .energy-types ul li {    width: 27px;}
    .marketsbox h1 { font-size: 22px; line-height: 22px;  top: -13px;  height: 48px;}
    .marketsbox .countbox b{font-size: 14px;}
    .marketsbox .countbox {  width: 120px; height: 120px;
        font-size: 28px;
        padding: 26px 10px 10px 10px;
        top: -60px;
    }
    .btmboxcontent {    margin-top: -40px;}
    .marketsbox .energy-types ul li span{    left: -18px;}
    .marketsbox .marketregions ul li a {   font-size: 14px;    line-height: 125.18%;}
    .marketsbox {   padding: 0 10px;    margin-bottom: 20px;}
    .marketsbox .marketregions ul li a .fa {   font-size: 16px;   margin-right: 3px;}
    .sitesbox .sitesboxinner h1 {   font-size: 24px;    line-height: 29px;}
    .sitesbox .sitesboxinner p{    font-size: 16px;    line-height: 24px;}
    .sitesbox .sitesboxinner p .fa{font-size: 16px;  }
    .marketsitesslider .slick-slide .sitesbox img {    height: 170px;}
    .singlemarketsregionbg {  top: -30px;   right: 0;}
    .singlemarketsregionbg #map-global {    height: 700px;padding-top: 20px;}
    .energyinfo .energy-types ul li {    width: 36px;    margin: 0 2px;}
    .marketsoverview {    margin-top: 34px;}
    .marketsoverview .x-tabs-list ul li {    width: 49%;}
    .marketsoverview .x-tabs-list li span {    display: block;}
    #capacitychart, #generationchart {    height: 270px;   }
    .enerycontent{font-size: 14px;    line-height: 21px;}
    .market_designbox h1 {   font-size: 30px;    line-height: 119%;    padding: 9px 0;}
    .market_designbox .item-acc h5 {  padding: 12px 0 12px 27px;   font-size: 16px; line-height: 125.18%;}
    .market_designbox .item-acc h5:before{top: 10px;}
    .market_designbox .item-acc .acc-body{padding: 16px 0 7px 14px;}
    .oursitesbox h1.title {    font-size: 24px;    line-height: 29px;    margin-top: 0;}
    .oursitesbox {    margin-top: 30px;}
    .marketoursitesinner .energy-types ul li, .singlesitestext .energy-types ul li{width: 36px;}
    .marketoursitesinner .marketoursitestext h1 {   font-size: 16px;    line-height: 125.18%;}
    .marketoursitesinner {    padding: 10px 10px 0px 10px;}
    .singlesitestext {    padding: 0;    left: 4%;}
    .sitesmapsection #map {    height:370px;}    
    .singlemarketmap #map {    height: 300px;}    
    .bannertext h1 span:after { border-bottom: 6px solid #509E2F;    bottom: -6px!important;}
    .section_banner h1:after, .heading-text:after, .producttext h1:after, .page_title.h3:after, .market_designbox h1:after{height: 6px;}
    .leadershipbox h1 {  font-size: 22px; line-height: 22px;  margin-bottom: 5px;    margin-top: 6px;}
    .leadershipbox h2{font-size: 14px;    line-height: 18px;}
    .leadershipbox span{    bottom: 5px;}
    .leadershipboxmodalinner .leadershipbox {    padding: 10px;}
    .leadershipboxmodalinner .leadershipbox p{    font-size: 14px;    line-height: 16px;}
    .leadershipboxmodalinner .leadershipboxtext {    max-height: 190px;}
    .sectorcontent h1:after {    border-bottom: 6px solid #509E2F;    bottom: -6px;}
    .bannerfeaturednews { padding-left: 10px;}
    .bannerfeaturednews h1 {font-size: 14px!important;line-height: 19px!important;padding: 2px 0; margin: 0;}
    .row.featurednewsbox .col-md-6.col-lg-2 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .recscounter .x-col .x-text {    margin: 60px 10px;}
    .recontwhite h1, .recontcolor h1,
    .recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap {   font-size: 22px;}
    .recontwhite h1 b, .recontcolor h1 b{    font-size: 16px;}
    .recontcolor h1 b{width: 24px;    font-size: 10px;}
    .recontwhite{    padding-bottom: 10px;}
    .recontwhite p, .recontcolor p {  font-size: 12px;  line-height: 15px;}
    .recbox{    font-size: 14px;}
}

/*-----------Mobile View-------------------*/
@media (max-width: 766px){
    .Leadershipbox .mobleader {   display: block;}
    .Leadershipbox .deskleader {    display: none;}
    .Leadershiptext {    padding-top: 25px;}
    .x-container.width {    width: 94%!important;}
    header.x-masthead .x-bar {    padding: 15px 15px 15px 15px;}
    .bannertext {     top: initial;  bottom: 20px;}
    .bannertext h1 {       font-size: 34px;    line-height: 44px;}
    .bannertext h1 span {  font-size: 26px;    line-height: 28px;    top: -9px;}    
    .bannertext h1 span:after { border-bottom: 5px solid #509E2F;bottom: -4px;}
    .bannertext p {   font-size: 34px;    line-height: 44px;margin-bottom: 10px;}
    .helpyou select{margin-left: 0;}
    .servicesbox{  margin-bottom: 0px!important;    }
    .homemapbox {    text-align: left;}
    .homemapbox h1 {    font-size: 42px;    line-height: 122%;}
    .homemapbox h1 span { font-size: 32px;    top: -8px;}
    .homemapbox h1 span:after {  border-bottom: 4px solid #509E2F;   bottom: -2px;}
    .homemapbox a {      font-size: 16px;    line-height: 22px;}
    .homemapbox p, .homemapboxother p{    font-size: 16px;    line-height: 22px;}
    .homemapboxother {    margin-top: 0;    padding: 15px;}
    .homemapbox ul li {  width: 100%;  display: block;    padding-right: 0;    text-align: center;padding: 5px 0;}
    .homemapbox ul li p{    margin: 0 auto 15px auto;}
    .homemapbox {    position: initial;    padding: 0 15px;}
    .homemap .x-image {    position: absolute;    bottom: 100px;    z-index: -1;}
    .homemap{padding-bottom: 30px!important;}
    .homemap {    margin-top: 40px!important;}
    .productbox h1 {   font-size: 20px; line-height: 24px;  margin-bottom: 0;    top: -20px;}    
    .productbox p {   font-size: 14px;  line-height: 21px;}
    .productbox{     padding: 0 10px;    margin-bottom: 0;}
    .Weare h1 {    font-size: 22px;    line-height: 28px;}
    .featurenewssection {    padding:40px 0 10px 0!important;}
    .homenews h1:before{top: -10px;}
    .whoweare .x-image {    bottom: -10px;}
    .whoweare .x-row {    padding-bottom: 10px!important;}
    .homenews h1 {    font-size: 32px;}
    .helpyou h1 {     margin-top: 0;  font-size: 27px;  line-height: 119%;   text-align: center;}
    .helpyou select {    width: 72%;}
    .helpyousection .brookfieldinfo {  padding: 30px 6.2% 10px 6.2%;}
    .renpower h1.x-text-content-text-primary {    font-size: 34px!important;line-height: 41px!important;}
    .renpower .x-text-headline {    padding: 4em 0em 4em 0em!important;}
    .brookfieldinfo ul {    margin-bottom: 20px;}
    .brookfieldinfo ul li {    width: 100%;}
    .brookfieldinfo ul li p br {    display: none;}    
    .customefooter .copyright_text {    margin-top: 30px;  top:0; }
    .customefooter {    padding: 50px 15px 30px 15px; text-align: left;}
    .customefooter .widget_media_image {    margin-bottom: 40px;}
    .featurednews img {    height: auto;}
    .sectorcontent {     max-width: initial;     margin-bottom: 40px!important;       padding: 0 15px; }
    .featurednews {    margin: 20px 0px;}
    .units ul li, .units ul li span.number {    display: block;    text-align: center;font-size: 32px;    line-height: 42px;}
    .units ul {    padding: 20px 0!important;}
    .units ul li span {    font-size: 14px;    padding: 5px;}
    .powersectorbox .x-tabs ul {       padding: 40px 0;    }
    .Leadershipbox.Leadershipboxodd.row .col-md-5 {    position: initial;}
    .Leadershipboxodd .col-md-5 .Leadershipimg {   margin-right: initial;    margin-left: 0;}
    .Leadershipbox.row {        margin-bottom: 20px;    }
    .Leadershiptext h1 {    font-size: 24px;line-height: 32px;}
    .Leadershiptext h2 {font-size: 16px;   margin-bottom: 25px;}
    .about-text {    font-size: 14px;    line-height: 21px;}
    .heading-text {    font-size: 27px!important;    line-height: 119%!important;}
    .abouttextbox {    padding-top: 40px!important;    padding-bottom: 0!important;}
    .section_banner h1 {    font-size: 34px!important;   line-height: 115%;color: #fff;    margin-bottom: 30px;}
    .section_banner { top: 22%;}
    .section_banner a{display: block;}
    .section_banner p{font-size: 14px;line-height: 21px;text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);}
    .section_banner.productbanner p{font-size: 16px;line-height: 24px;text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);}
    .abouttextboxmain .x-row {    margin-top: 0px!important;}
    .didyouknow h1 {  font-size: 24px;   line-height: 30px;  top: -16px;}
    .didyouknow .slidertext {  font-size: 16px; line-height: 24px; margin: 20px auto;}
    .didyouknowbox {   padding: 60px 0px 80px 0px!important;}
    .producttextbox {    padding: 20px 0px 20px 0px!important;}
    .producttext h1 {      font-size: 27px!important;    line-height: 119%!important;}
    .servicesbox.productservicesbox{padding: 25px 15px 0px 15px!important;}    
    .servicesbox.productservicesbox .productservicesbox {    padding-top: 30px;}
    .producttext p, .producttext p, .producttext ul li {   font-size: 14px!important;   line-height: 21px!important;}
     .producttext p, .producttext ul li   {    margin-bottom: 6px;}
    .productservicesbox.x-row {    margin-top: 0px!important;}
    .addressbox .fa {font-size: 26px;   left: 12px;    top: 24px;}
    .addressbox img {    left: 8px;    top: 10px;    width: 24px;}
    .officeaddress .addressbox {    padding-left: 40px;}    
    .productinnerpage .x-row-inner { padding: 30px 0 30px 0; max-width: 100%;}    
    .breadcrumsection {    margin-bottom: 30px!important;}  
    .productinnerpage .x-anchor {    width: 100%!important;}
    .productinnerpage{background: #fff!important;padding: 0 10px!important;}
    .productinnerpageone{background: #f7f7f7!important;}
    .productinnerpagetwo{background: rgb(232, 232, 232)!important;}
    .productstext h1 {   font-size: 28px;   line-height: 34px;}
    .productbox .learnmore {font-size: 14px;  line-height: 20px; margin-top: 25px;}
    .whoweare {    margin-top: 20px!important;}
    .abouttextbox {    padding-top: 0!important;}
    .abouttextboxmain {    padding-bottom: 40px!important;}
    .Leadershipsection {    padding: 40px 0px 0px 0px!important;}
    .contactpage:after{display: none!important;}
    .contactpage, .newspresspage{padding-top: 40px!important;}
    .contactpage .x-bg .x-bg-layer-lower-image, .newspresspage .x-bg .x-bg-layer-lower-image{    background-size: 90%!important;}
    .newspresspage .x-bg {    top: -74px;}
    .privacypage .x-bg {    top: -40px;}
    .Pressreleasessection {    padding: 40px 15px 20px 15px!important;}
    .mediainquiries h1{font-size: 24px;}
    .mediainquiriessection {    padding: 0 15px 50px 15px!important;}
    .mediainquiries img {  left: 0;   right: 0;    margin: 0 auto;}
    .otherpageborder .x-bar-content{width: 150px!important;top: 13px;}
    .aboutinnertpage {     padding: 40px 15px 0px 15px!important;}
    .aboutlists ul {    margin-top: 0;}
    .aboutlists ul li{    border-right: 0px solid #ccc;}
    .colorsection {    padding: 40px 15px 40px 15px!important;}
    .firstresource .x-bg:before , .firstresource .x-bg:after {   height: 30px;}
    .operationlist ul li{margin: 15px 0;    max-width: 100%;}
    .careerstopbox .x-row:before{display: none;}
    .singlemarketsregionbg { position:initial;margin-bottom: 40px;}
    .singlemarketsregionbg #map-global {height: 300px;    width: 100%;padding-top: 0;}
    section.headmarkets {    margin-top: 40px;}
    #map-global {height: 300px;    }
    #map-global {    padding-top: 0px;margin-top: 0;}
    .exploremarketpage section.headmarkets {    position: initial;}
    .exploremarketpage section.headmarkets p {    margin: 0;    font-size: 14px;    line-height: 21px;}
    .marketsbox .marketregions ul li a.downloaddata {    display: inline-block;}
    .energyinfo {    background-size: 90%;    margin-top: 40px;}
    .energyinfotop ul li { font-size: 32px; line-height: 36px;}
    .energy_title h1 {  font-size: 34px;   margin-top: 41px;}
    .energyinfo .energy-types ul li {   width: 28px;     margin: 0px 1px;}
    .market_designbox h1{    font-size: 32px;padding-bottom: 10px;}
    .marketchart h2 {font-size: 24px;    line-height: 32px;}
    .home .servicesbox {    padding: 40px 15px 0 15px!important;}
    .helpyou {    padding-top: 4%;}
    .servicesbox .x-col {    margin-bottom: 40px!important;}
    .sitesthumbnail .wp-post-image {    height: 250px!important;  }
    .single-marketsites header .x-bar.otherpageborder .x-bar-content { top: 85px;display: none;}
    .singlesitespage .x-container.max.width {    top: 120px;}
    .singlesitestext h1 {    font-size: 32px;}
    .singlesitestext{bottom: 15px;}
    .singlesitestext p {    margin-bottom: 10px;    margin-top: 10px;    font-size: 14px;    line-height: 21px;}
    .topbanner .x-img {   width: initial;  height: 500px;   object-fit: cover;}
    .home .topbanner .x-img {    height: 480px;}
    .home .bannertext {    top: 20%;}
    .bannertext h1 {    font-size: 34px;    line-height: 44px;}
    .firstresource h1.x-text-content-text-primary { font-size: 27px!important; line-height: 119%!important; padding: 0 10px;}
    .firstresource .x-text.x-text-headline {    padding: 30px 0!important;}
    .firstresource {    padding: 60px 0!important;}
    ul.generationlist li {  font-size: 30px; line-height: 36px; }
    .competenciesbox {   margin-bottom: 15px;}
     .page_title.h3 { font-size: 34px;line-height: 106%; margin-bottom: 34px;    padding-bottom: 10px;}
     .contactusform .wpcf7-submit{    width: 100%;}
     .privacypolicytext, .privacybox{    font-size: 14px;    line-height: 21px;}
    .contactofficebox {  background: #e6e6e6!important;  margin: 0!important; padding: calc(1rem / 2) calc(3rem / 2)!important;    padding-bottom: 40px!important;}
    .privacytable a {    font-size: 14px;    line-height: 21px;}
    .contactpage, .privacypage {    padding-bottom: 0!important;}
    .privacypolicytext h1, .privacypolicytext h2, .privacypolicytext h3, 
    .privacypolicytext h4, .privacypolicytext h5, .privacypolicytext h6,
    .privacybox h1, .privacybox h2, .privacybox h3, 
    .privacybox h4, .privacybox h5, .privacybox h6{    text-align: left;}
    .contactusmain p, .sitesbox .sitesboxinner p, .enerycontent{  font-size: 14px;    line-height: 21px;}
    .marketoursitesinner .energy-types ul li, .singlesitestext .energy-types ul li{    width: 28px;}
    .breadcrumbmarket, .otherpageborder {   display: none!important;}
    .sitesbox .sitesboxinner p .fa{ font-size: 14px; }
    .marketsoverview .x-tabs-list ul li {   padding: 10px 5px 8px 5px;   max-width: 130px;text-align: center;}
    .marketsoverview .x-tabs-list li span {  font-size: 13px;  font-size: 16px; line-height: 22px; width: 100%; display: block;}
    .market_designbox .item-acc h5{    font-size: 16px;    line-height: 125.18%;}
    .marketspage{padding-bottom: 0;}
    .marketspage .row .col-lg-4.col-md-5 {  background: #F2F2F2; margin-left: -7px; margin-right: -7px; width: 110%;
       padding-top: 30px;    padding-bottom: 50px;}
    .singleregion .marketslistbox {    margin-top: 90px;}
    .singleregion .marketsbox {    margin-bottom: 10px;}
    .marketslistbox {    margin-top: 40px;}
    .marketsbox{    margin-bottom: 120px;}
    ul.generationlist {   margin-top: 20%;}    
    .resionschecks span.wpcf7-list-item {  width: 100%;  margin-right: 0;}    
    .selectrmarketcheck .resionschecks span.wpcf7-list-item {  width: 50%;  margin-right: 0;}
    .productstext {    font-size: 14px;    line-height: 21px;}
    .breadcrumsection {   display: none!important;}
    .firstresource .x-bg:before, .firstresource .x-bg:after{display: none;}
    .contactpage .x-bg {    top: -73px;}
    .powersectorbox {    margin-top: 0px!important;}
    .sectorcontent .bigtext{  font-size: 14px;    line-height: 21px;}
    .helpyousection .helpyoubox {    padding: 0 15px;}
    .homemap div#map-global {
       /* position: absolute;
        top: 0;
        z-index: -1;
        height: 400px;
        width: 600px;
        margin: 0 auto!important;
        right: -45%;*/
        height: 230px;
        margin-top: 0;
    }
    .e77-13.x-col {    display: none;}
    .abouttextbox{    font-size: 16px;    line-height: 27px;}
    .aboutlists .operationslider .slick-prev:before, .aboutlists .operationslider .slick-next:before{ color: #fff;}
    .aboutinnertpage .x-img {   top: -70px;   max-width: 130%;    right: -58%;}
    .Leadershiptext p {   font-size: 14px;    line-height: 21px;}
    .officeaddress h1{    margin-top: 30px;}
    .contactpage .x-bg .x-bg-layer-lower-image {    background-size: 170%!important;}
    .newspresspage .page_title.h3 {    margin-bottom: 0;}
    .pressreleasesbox a {    font-weight: bold;    font-size: 14px;    line-height: 21px;}
    .pressreleasesbox {    margin-bottom: 15px;}
    .newspresspage {    padding: 20px 15px!important;}
    .downloadsmain {    padding: 40px 15px 40px 15px!important;}
    .marketsbox .energy-types ul li{width: 38px;}
    .sitesbox .sitesboxinner h1{font-size: 24px;    line-height: 29px;}
    .competenciesbox p{    font-size: 14px!important;    line-height: 21px!important;}
    .otheraboutlists{font-size: 14px;    line-height: 21px;}
    .abouttextboxmain, .producttextbox, .didyouknowbox, .Leadershipsection, .contactpage, .careerstopbox, 
    .exploremarketpage, .singleregion, .singlemarketspage{  padding-left: 22px!important;  padding-right: 22px!important;}
    .single-post .x-container.offset{margin: 10px auto;}
    .sectorcontent h1{    font-size: 34px;    line-height: 48px;}
    .powersectorbox .x-tabs .x-tabs-list ul li button {display: none;  width: 100%;  border: 2px solid #509E2F;color: #052238; text-align: left!important;}
    .powersectorbox .x-tabs .x-tabs-list ul li button.x-active {    display: block; color: #052238;}
    .powersectorbox .x-tabs .x-tabs-list ul li button.x-active:before{display: none;}
    .powersectorbox .x-tabs .x-tabs-list ul li {  display: block;   margin: 0 15px!important;}
    .powersectorbox .x-tabs .x-tabs-list ul li button.x-active:after {  content: "\f0d7";
    font: normal normal normal 20px/1 FontAwesome;    float: right;}
    .powersectorbox .x-tabs .x-tabs-list ul.openlist li button {    display: block;}
    .producttext h1:after{    height: 4px;    top: 110%;}    
    .sitesmapsection #map {    height:280px;}
    .singlemarketmap #map {    height: 320px;}
    .section_banner h1:after, .heading-text:after, .producttext h1:after, .page_title.h3:after, .market_designbox h1:after{height: 5px;}
    .singleleaderpageinner {    margin-top: 40px;}
    .leadershipboxmodal button.x-modal-close {   right: 0px;   top: 2px;    color: #ffffff;}
    .leadershipboxmodal .x-modal-content{    padding: 0;}
    .leadershipboxmodal .x-modal-content:after{display: none;}
    .leadershipboxmodalinner .leadershipbox p{    font-size: 14px;    line-height: 19px;}
    .leadershipboxmodalinner .leadershipboxtext {  max-height: initial;   margin: 10px 0;padding-right: 0;}
    .singleleaderpage {    padding: 0 15px;}
    .single-marketsites header .x-bar.otherpageheader{top: 0;}
    .x-off-canvas-content.x-off-canvas-content-right.ps { padding: calc(1.5em * 2) 20px calc(1.5em * 2) 20px!important;}
    .exploremarketpage .page_title.h3 {    font-size: 34px;}
    .exploremarketpage  #map-global {    height: 250px;}
    .sectorcontent h1:after {    border-bottom: 5px solid #509E2F;    bottom: -5px;}
    .bannertext a.hubbtn {    position: initial;font-size: 14px;    padding: 8px 15px;   line-height: 20px;float: none;}
    .bannerfeaturednews { padding-left: 10px;    position: initial;margin-top: 20px;}
    .bannerfeaturednews h1 {font-size: 13px!important;line-height: 17px!important;padding: 3px 0;text-transform: initial; margin: 0;}
    .leadingtitle h1{font-size: 24px;    top: 14px;}
    .energyinfotop ul li {    width: 100%;}
    .downloadstext{    height: 300px;}
    .row.featurednewsbox .col-md-6.col-lg-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .recscounter .x-col .x-text.recbox {margin-top: 0;}
    .countersection {    padding: 15px!important;}
    .recbox h3 {    font-size: 28px;}
    .recontwhite h1, .recontcolor h1, .recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap{font-size: 35px;}
    .loadmorep, .loadmore{   font-size: 14px;   }
}
@media (max-width: 600px){
    .recscounter .x-col .x-text {    margin: 30px 15px;}
    .recontwhite h1, .recontcolor h1,
    .recontwhite .x-counter .number-wrap, .recontcolor .x-counter .number-wrap{font-size: 36px;}
    .recontwhite {    margin-right: 15px;}
    .recontwhite h1 b, .recontcolor h1 b{font-size: 16px;}
    .recontwhite, .recontcolor{    padding: 24px 15px;}
    .recontwhite {    padding-bottom: 10px;}
    .recontcolor{margin-left: 30px;    padding-top: 35px;}
    .recontcolor h1 b {    width: 30px;    font-size: 10px;}
    .recbox h1 {  font-size: 16px;  margin-top: 0;}
    .recontcolorinner:after{    left: -30px;    font-size: 22px;}
    .recontwhiteinner:after{    width: 16px;    height: 26px;}
    /*.recontwhite .year{left: 13px;}*/
}
@media (max-width: 520px){
    .contactusform h1 {    font-size: 26px;    line-height: 28px;}
    .section_banner h1 {    font-size: 34px;    line-height: 106%;    margin-bottom: 30px;}
    .generationtopbanner .section_banner h1 {    font-size: 28px;}
    .section_banner a.careersbtn {   padding: 11px 6px 8px 6px;    width: 100%;}
    .energyinfotop ul li { display: block;}
    .market_databtn a {   width: 100%;}
    #capacitychart, #generationchart {    height: 280px;}    
    .marketsitesslider .slick-slide .sitesbox img {    height: 200px;}
    #map-global {    height: 230px;}    
    .singlemarketsregionbg #map-global {height: 210px;    width: 100%;padding-top: 0;}
    ul.generationlist li {   font-size: 26px;}
    ul.generationlist li b{font-size: 12px;}
    ul.generationlist li span{    font-size: 12px;    line-height: 16px;}
    .about_bannertext {   height: 214px;    margin-bottom: 30px;    overflow: scroll;}
    .selectrmarketcheck .resionschecks span.wpcf7-list-item {  width: 50%;  margin-right: 0;}
    .x-container.width {   width: 100%!important;}
    .leadershipbox h1 { font-size: 24px;    line-height: 32px; margin-bottom: 5px;    margin-top: 6px;}
    .leadershipbox h2{    font-size: 16px;    margin-bottom: 25px;}
    .leadershipbox span{    bottom: 5px;    position: initial;}
    .leadershipbox {    padding: 20px;}
    .leadingtitle { border-bottom: 0;  margin-bottom: 60px;}
    .leadingtitle h1 {    font-size: 31px;    line-height: 122%;    padding: 0 15px;}
     .downloadstext{    height: auto;    margin-bottom: 0px;}
     .downloadstext a{    position: initial;}
     .bannertext h1 br{ display: none; }
     .row.featurednewsbox .col-md-6.col-lg-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 450px){
    .recontwhite h1, .recontcolor h1, .recontwhite .x-counter .number-wrap, 
    .recontcolor .x-counter .number-wrap {    font-size: 26px;}
}
@media (max-width: 370px){
    .recontwhite h1, .recontcolor h1, .recontwhite .x-counter .number-wrap, 
    .recontcolor .x-counter .number-wrap {    font-size: 20px;}
}
.single-post .entry-wrap {
    box-shadow: none;
}
div[jstcache="0"] {
    display: none;
}
#wpadminbar{
        z-index: 999999;
}
.wpcf7 .wpcf7-response-output {
    border-width: 0px !important;
    padding: 0 !important;
}
p small i {
   /* font-family: Bauer-Bodoni!important;
    font-size: 15px;*/
    line-height: 14px;
    margin-bottom: 40px;
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
    color: #052238;
}
.fa{font-family:FontAwesome!important;}
/*header .x-bar-is-sticky, header .x-bar-is-sticky .x-bar-content {
    transition-duration: initial;
    transition-timing-function: initial;
    transition-property: initial;
}*/

/*----------------//Inc. Renewable Facilities-----------------*/
.facilitiesassets .facility div {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 125.18%;
    color: #052238;
}
.facilitiesassets .facility div p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    color: rgb(5 34 56 / 80%);
    margin: 0;
    /*padding-left: 12px;*/
    padding-left: 0px;
    position: relative;
}
.facilitiesassets .facility div p:before {
    font-family: 'FontAwesome';
    content: "\f0e7";
    color: #509E2F;
    font-weight: bold;
    padding-right: 4px;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: none;
}
.facilitiesassets .facility div p b{
    color: #052238;       
    /*margin-left: -12px; */
    margin-left: 0px; 
}
.facilitiesassets .facility div b {
    display: block;
}
.facilitiesassets .facility div .fa {
    color: #509E2F;
    font-weight: bold;
}
.facilitiesassets .facility img {
    max-width: 37px;
    margin-right: 8px;
}
/*.facilitiesassets .facility:last-child div b {
    font-weight: 600;
    font-style: italic;
    font-size: 13px;
}*/
/*.facilitiesassets {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}*/
.facilitiesassets {
    background: rgba(255, 255, 255, 0.98);
    border: 2px solid #E8E8E8;
    padding: 30px 20px 10px 20px;
    border-top: 0;
    margin-bottom: 10px;
}
.facilitiesassets .facility img, .facilitiesassets .facility div {
    display: inline-block;
    vertical-align: top;
}
.facilitiesassets .facility {
    /*margin-right: 15px;*/
    margin-bottom: 25px;
}
.mapbox {
    text-align: center;
    margin: 0px 0 40px 0;
}
.totalfacility .facinner h4 {
    margin: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.01em;
    color: #052238;
}
.totalfacility .facinner p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .4px;
    color: #364e5f;
    margin: 0;
}
.totalfacility .facinner {
    background: rgba(255, 255, 255, 0.98);
    border: 2px solid #E8E8E8;
    /*display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;  
    background: #509E2F;
    border: 2px solid #509e2f;*/
    padding: 20px;
}
/*.totalfacility {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;    
    margin-bottom: 40px;
}*/
.cards-header a{
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 125.18%;
    color: #052238;
    background: #F6F6F6;
    padding: 18px 25px;
    display: block;    
    cursor: pointer;
}
.cards {
    margin-bottom: 10px;
}
.cards table th{
  cursor: pointer;
}
.cards table th .fa-filter {
    color: #509e2f;
    font-weight: bold;
    border-left: 1px solid #e8e8e8;
    padding-left: 4px;
}
.cards table th, .cards table td{
  border-bottom: 1px solid #DFE0EB;
  vertical-align: middle;    
  padding: 15px;
}
.cards table {
    margin:0px 0 30px 0;
}
.resettab {
    margin: 15px 0 5px 0;
    text-decoration: underline!important;
    color: rgb(80,158,47);
    border: 0;
    background: transparent;
    padding: 0 16px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    opacity: 0.8;
}
.resettab:hover {
       color: rgb(49,96,29);
}
.cards .table-responsive{
  position: initial;
}
.cards table th{
  position: initial;    
}
.cards table .dropdown-menu.filterdrop {
    top: initial!important;
    left: initial!important;
}
.cards table td img {
    max-width: 32px;
}
.cards table td {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
 /* text-align: justify;*/
  color: #052238;
  opacity: 0.8;
  position: relative;
}
.cards table td span {
    display: none;
    font-family: "Open Sans",sans-serif!important;
    position: absolute;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #052238;
    text-transform: capitalize;
    padding: 2px 10px;
    border-radius: 2px;
    max-width: 135px;
    left: 15px;
    top: -10px;
    text-align: center;
    letter-spacing: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
}
.cards table td span:after {
    top: 100%;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
}
.cards table td img:hover ~ span {
    display: block;
}
.cards table td a {
    text-decoration: underline!important;
}
.cards-header a .fa {
    float: right;
    position: relative;
    top: 3px;
    color: #509E2F;
    font-weight: 600;
}
.cards-header a .fa:before {
    content: "\f106";
}
.cards-header a.collapsed .fa:before {
    content: "\f107";
}
.singleregion.x-main.full {
    padding-bottom: 60px;
}
.cards table .dropdown-menu.filterdrop a, .cards table span.ado {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
    display: block;
    padding-left: 20px;
    position: relative;
    padding-bottom: 4px;
}
.cards table .dropdown-menu.filterdrop .dropdown-divider{
        margin: 0;
}
.cards table .dropdown-menu.filterdrop a.active, .cards table span.ado.active{
  font-weight: bold;color: #0f3557;
}
.cards table .dropdown-menu.filterdrop a img, .cards table span.ado img {
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.cards table span.ado input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    z-index: 9;    
    height: 70%;
}
.cards table .dropdown-menu.filterdrop a i, .cards table span.ado i{
     font-style: normal;
}
/*.cards table span.ado input:checked ~ i {
    font-weight: bold;
    color: #0f3557;
}*/
.cards table th.sorting_asc span.oasc, .cards table th.sorting_desc span.odesc{
    font-weight: bold;
    color: #0f3557;
}
/*.cards table th.sorting_asc .togglefilter img, .cards table th.sorting_desc .togglefilter img{
        background: #7cb268;
}*/

.cards table .dropdown-menu.filterdrop {
    width: 250px;
    background: #FFFFFF;
    border-radius: 0;
    top: 96%;
}
.cards table .dropdown-menu.filterdrop ul label.customcheck {
    padding: 0px 0 14px 26px;
}
.cards table .dropdown-menu.filterdrop ul li:last-child label.customcheck {
    padding-bottom: 9px;
}
.cards table .dropdown-menu.filterdrop ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-top: 13px;
    max-height: 200px;
    overflow-x: auto;
}
.cards table .dropdown-menu.filterdrop .btn-primary, .cards table .dropdown-menu.filterdrop .btn-outline-primary {
    color: #FFFFFF;
    border-color: #509e2f;
    margin-left: 20px;
    border: 0;
    width: 80px;
    padding: 7px 6px;
    margin-top: 10px;
    line-height: 125.18%;
    background: #509E2F;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
}
.cards table .dropdown-menu.filterdrop .btn-primary:hover, 
.cards table .dropdown-menu.filterdrop .btn-outline-primary:hover {
    border-color: #0f3557;
    background: #0f3557;
}
.cards table .dropdown-menu.filterdrop .btn-outline-primary {
    color: #3581F7;
    background: transparent;
    margin-left: 10px;
}
.cards table .dropdown-menu.filterdrop .Selectcheck {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #3581F7;
    padding-left: 20px;
}
.cards table .dropdown-menu.filterdrop .Selectcheck b{
    font-weight: normal;
    padding-right: 10px;
    cursor: pointer;
}
.cards table .dropdown-menu.filterdrop form {
    position: relative;
    margin: 5px 0 15px 0;
}
.cards table .dropdown-menu.filterdrop form input[type="text"] {
    background: #FFFFFF;
    border: 1px solid #C4CDD5;
    box-sizing: border-box;
    box-shadow: inset 0px 1px 2px rgba(102, 113, 123, 0.21);
    border-radius: 3px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    color: #000000;
    padding: 0;
    width: 216px;
    margin-left: 20px;    
    padding-left: 26px;
}
.cards table .dropdown-menu.filterdrop form .fa {
    position: absolute;
    left: 26px;
    top: 8px;
    color: #919eab;
}

.Notificationstable table th.dropdown .dropdown-toggle:after{
    display: none;
}
.Notificationstable table th.dropdown .dropdown-menu.filterdrop {
    padding: 20px 0;
}
.customcheck {
    display: block;
    position: relative;
    padding: 14px 0 14px 26px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #212B36;
}
/* Hide the browser's default checkbox */
.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.customcheck .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
    border: 1px solid #C4CDD5;
    box-sizing: border-box;
    box-shadow: 0px 1px 0px rgba(22, 29, 37, 0.05);
    border-radius: 3px;
}
/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
      border: 1px solid #509E2F;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
      border: 1px solid #509E2F;
}
/* Create the checkmark/indicator (hidden when not checked) */
.customcheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #509E2F;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.showsites{
  min-height: 200px;
}
.loader {
    position: absolute;
    font-size: 34px;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
    top: 80px;
}
.cards table th.dropdown:hover .filterdrop {
    display: block!important;
}
#usmapview {
  width: 100%;
  height: 500px;
}
.mapbox {
    /*padding-left: 5%;*/
}
.mapbelotext a {
    line-height: 125.18%;
    margin: 20px 0;
    display: block;
    background: #509E2F;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: none;
    padding: 15px 5px;
    cursor: pointer;
}
.mapbelotext a:hover {
    color: rgb(255, 255, 255);
    background: #0f3557;
}
.cards table th img {
    max-width: 16px;
}
.facilitiesassets.btmface .facility img, .facilitiesassets.btmface .facility div {
    vertical-align: middle;
}
.facilitiesassets.btmface div {
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
}
.facilitiesassets.btmface .facility img {
    width: 30px;
}
.facilitiesassets.btmface {
    padding: 0;
    border: 0;
    margin-bottom: 10px;
}
.facilitiesassets.btmface .facility {
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 27%;
}
.footnote {
    line-height: 14px;
    margin-bottom: 40px;
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
    color: #052238;display: flex;
}
.footnote b {
    margin-right: 4px;
}
.mapbox img {
    width: 100%;
}
.urfacelink {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #052238;
    font-weight: bold;
    padding: 3px 10px;
    border-left: 5px solid #509e2f;
    margin-top: 30px;
    display: block;
    position: relative;
}
.urfacelink:after {
    content: "\f061";
    font-family: 'FontAwesome';
    color: #e77907;
}
.urfacelink:hover{
    color: rgb(49,96,29);
}
.cards table th.activefilter .togglefilter img{
    background: #7cb268;
}
/*.cards table .dropdown-menu.filterdrop.techlistmain {
    padding-top: 20px;
}*/

.cards .dataTables_filter {    display: none;}
.cards table td.dataTables_empty {    text-align: center!important;}
.cards table td.assetscap:after {
    content: 'MW';
}


@media (min-width: 768px){
    .col-md-4.assetsinfo {-ms-flex: 0 0 350px; flex: 0 0 350px;    max-width: 350px;}
    .col-md-8.assetmap {-ms-flex: 0 0 calc(100% - 350px);flex: 0 0 calc(100% - 350px);max-width: calc(100% - 350px);}
}
@media (min-width: 1200px) and (max-width: 1300px){
    .facilitiesassets.btmface .facility {    bottom: 41%;}
}
@media (min-width: 1026px) and (max-width: 1199px){
    .facilitiesassets.btmface .facility {  bottom: 50%;    right: 0;}
}
@media (min-width: 768px) and (max-width: 1025px){    
  .facilitiesassets.btmface .facility { bottom: 25%;}
  .facilitiesassets, .totalfacility .facinner {    padding: 15px;}
  .facilitiesassets .facility div{font-size: 14px;}
  .facilitiesassets.btmface div{font-size: 11px;}
  .facilitiesassets .facility img {  max-width: 32px;  margin-right: 4px;}
  .facilitiesassets.btmface .facility img {    width: 30px;}
  .totalfacility .facinner h4 b {    font-size: 30px;    line-height: 30px;}
  #usmapview {   height: 400px;}
  .col-md-4.assetsinfo {-ms-flex: 0 0 290px; flex: 0 0 290px;    max-width: 290px;}
  .col-md-8.assetmap {-ms-flex: 0 0 calc(100% - 290px);flex: 0 0 calc(100% - 290px);max-width: calc(100% - 290px);}
}
@media (max-width: 767px){
  .facilitiesassets.btmface .facility {  bottom: -15px;}
  .totalfacility .facinner {  padding: 15px; width: 100%;  text-align: center; margin-top: 10px;display: block;}
  .cards-header a{font-size: 14px;   padding: 15px;}
  .cards table th, .cards table td {    padding: 10px;}
  .cards table {    margin: 10px 0;}
  .facilitiesassets .facility div{font-size: 14px;}
  .facilitiesassets.btmface div{font-size: 11px;}
  .mapbox {    margin:10px 0 20px 0;}
  .totalfacility .facinner {    padding: 20px 15px 15px 15px;}
  .facilitiesassets{ padding: 20px 15px;}
  #usmapview {   height: 270px;}
  .mapbox {    padding-left: 15px;}
  .totalfacility .facinner {    max-width: 100%;    justify-content: center;    text-align: center;}
}
#media_image-2 img {
    width: 200px;
}
/*----------------//Inc. Renewable Facilities-----------------