#navbar-collapse-main .navbar-nav > li > a.renewablesMenu { color: #2DCCD3; }



.imgBgSide { float:left; width: 55%;padding-bottom: 65%;background-size: cover;background-position: center center;position:relative; }
.imgBgSide:before { content: "";width: 22px;height: 100%;background: #2DCCD2;position: absolute;left: 0; }
.textSide  { float: left;width: calc( 45% - 80px );margin-left: 80px;padding-top:30px; }


section { width: 100%;text-align: left;display:inline-block;margin:auto;margin-bottom:50px; }
section h2 { position: relative;font-family: Inter-Medium;font-size: 300%;text-transform: uppercase;margin-bottom: 30px;margin-top:0; }

.textSide h2:before { content: "";width: 16px;height: 100%;background: #2DCCD2;position: absolute;left: -30px; }

.textContent p { font-size: 105%; }
/*.textContent a.redBtn:after { content: "";display: none; }*/
.textContent a.redBtn { font-size: 100%;min-width: 0;margin-right: 15px;margin-bottom: 35px;margin-top: 35px;padding-top: 12px;padding-bottom:12px; }


section#businessModel { background: #012D5C;text-align: center;color: #ffffff; max-width:none; padding: 70px; }
section#businessModel .textContent { max-width: 50%;margin: auto; }


section.footerBoxes h2 { font-size: 200%;margin-bottom:60px; }
section.footerBoxes { text-align: center;margin-top: 30px; }
section.footerBoxes ul.boxesLayout { padding: 0;list-style: none; }
section.footerBoxes ul.boxesLayout li { width: calc(33.3% - 45px);display: inline-block;margin-right:60px;position:relative; }
section.footerBoxes ul.boxesLayout li:last-child { margin-right:0px; }
section.footerBoxes a.redBtn { margin-top: 60px;font-size: 120%;min-width: 0;/*padding: 10px 25px;*/ }
span.country-label { background: #ffffff;padding: 2px 5px;position: absolute;top: 15px;right: 15px;z-index: 1;font-size: 90%;font-family: Inter-Medium;text-transform: capitalize; }
h2.bottomTitle { font-size: 200%;text-transform: uppercase;font-family: Inter-Medium;margin-top:20px; }
h2.bottomTitle a { color: inherit; border-bottom: 3px solid;position: relative;padding-bottom: 0px;display: inline-block;vertical-align: top; }

.bottom-line-link { display: inline;overflow: hidden;vertical-align: top;position: relative; }
h2.bottomTitle p  { display: inline; }
h2.bottomTitle a:after { border-bottom: 3px solid #2DCCD3;content: "";width: 0;position: absolute;bottom: -3px;left: 0;transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; }
h2.bottomTitle a:hover:after {  z-index: 2; width: 100%; }
h2.bottomTitle a:hover { text-decoration: none; }


#GridPage   { padding-bottom:20px; }


.blueBtnWrapper.prevDirectory { left: 0px;bottom: 15px;position: absolute; }
.blueBtnWrapper { background: #012D5C;color: #ffffff;/*padding: 2px 50px 0px 10px;*/font-family: Inter-Medium;font-size: 115%;text-transform: uppercase;line-height: 1.6; }
.blueBtnWrapper:hover { background: #072749; }
.blueBtnWrapper:before { position: absolute;left: 40px; }
a.blueBtn { padding-bottom: 4px; }
.blueBtn.prevDirectory:before   { margin-right:50px; }
.blueBtnWrapper:hover:after { left: -100%; }
a.blueBtn.prevDirectory { padding: 4px 55px 5px 15px;padding-right: 50px; }
#PageBreadCrumps .blueBtnWrapper a:first-child { padding-right: 8px; }

.blueBtnWrapper.nextDirectory { right: 0px;bottom: 15px;position: absolute; }
a.blueBtn.nextDirectory { padding: 4px 15px 6px 25px; }
#PageBreadCrumps .blueBtnWrapper.nextDirectory a:first-child { padding-right: 15px; }
a.blueBtn:after { margin-left: 50px;position: relative; }





@media (min-width: 1171px)  { 
    section            {  max-width:1270px; }
    section.footerBoxes { max-width: 1110px; }


}
@media (min-width: 1441px)  { 
    section            {  max-width:1280px; }
}

@media (max-width: 1439px)  { 
   .textSide { width: calc( 50% - 80px ); }
   .imgBgSide   { width:45%;    padding-bottom: 50%; }
   section#businessModel .textContent   { max-width:65%; }
   section.footerBoxes  { margin-top:0px; }
   section.footerBoxes h2   { font-size:210%; }

}

@media (max-width: 1170px)  { 
    section           {  max-width:90%; }
    .textContent a.redBtn{font-size:93%;}
}


@media (max-width: 1024px) and (orientation:landscape) { 
    section           {  max-width:95%; }
    section h2  { font-size:270%; }
    .imgBgSide  { padding-bottom: 72%; }
    section#businessModel .textContent  { max-width:80%; }
    section.footerBoxes ul.boxesLayout li   { margin-right: 45px;width:calc(33.3% - 35px); }
}


@media(max-width:991px){
    .textSide { width: 100%;margin-left: 20px;padding-top:0; }
    .imgBgSide { display: none; }
    section.footerBoxes ul.boxesLayout li { width: calc(50% - 30px);margin-bottom: 0px;margin-right:30px; }
    section.footerBoxes ul.boxesLayout li:nth-child(even) { margin-right: 0; }
    section.footerBoxes ul.boxesLayout li:last-child    { margin-bottom:0; }
    h2.bottomTitle { margin-bottom: 60px; margin-top: 40px; }
    .topImagesSubTitle { line-height: 1.2; max-width: 80%; }
    section { margin-bottom:20px; }
    section#businessModel   { padding:40px; }
    section.footerBoxes { max-width:90%; }
    section.footerBoxes a.redBtn    { margin-top:40px; min-width: 200px;}
    section#businessModel .textContent  { max-width: 100%; }
    .textContent {  max-width: 95%; }
    section.footerBoxes ul.boxesLayout li:last-child { display: none; }
    section.footerBoxes h2  { margin-top:30px; }
    a.blueBtn.prevDirectory,a.blueBtn.nextDirectory { padding:10px 15px 7px 25px; }
    a.redBtn:after, a.redBtn:hover:after{line-height: 22px;font-size: 140%}
    section.footerBoxes a.redBtn:after,section.footerBoxes a.redBtn:hover{font-size: 120%; line-height:25px;}
}
@media(max-width:767px){
    .topImagesTitle { font-size: 180%;line-height: 30px; }
    .topImagesSubTitle  { line-height: 1.5; max-width: 96%;padding: 10px;font-size: 95%; }
    .blueBtnWrapper.prevDirectory,.blueBtnWrapper.nextDirectory   { bottom:15px; display:none; }
    a.blueBtn:after { margin-right:0px; margin-left:20px; }
    .blueBtn.prevDirectory:before   { margin-right:20px; }
    section h2  { font-size:180%;margin-bottom:15px; }
    .textSide   { width:93%; }
    .textContent a.redBtn { padding: 12px 10px; margin-right: 0px;font-size: 95%;min-width: 90%;text-align: center;margin-bottom: 0;margin-top: 25px; }
    .textContent a.redBtn:last-child { margin-top: 10px; }
    .textContent a.redBtn:last-child { margin-right: 0; }
    section.footerBoxes ul.boxesLayout li { margin-right: 0;width: 100%;margin-bottom:25px; }
    section.footerBoxes ul.boxesLayout li:nth-child(2) { margin-bottom: 0; }
    section.footerBoxes { margin-top:15px; }
    section.footerBoxes h2  { margin-bottom:30px;font-size:180%; }
    h2.bottomTitle  { font-size:130%;max-width: 70%; margin: auto;margin-top: 20px;margin-bottom: 20px;line-height: 1.5; }
    section#businessModel   { padding: 30px 15px; }
    .textContent    { max-width:98%; }
    section.footerBoxes h2  { margin-top:15px; }
    section.footerBoxes { margin-top:0px; }
    .btnHolder { margin-right:20px; }
    a.regBtn    { margin-top:35px; }

}
@media(max-width:360px){
    .topImagesTitle { font-size:150%; }

}