@font-face {
    font-family: 'Muli-Bold';
    src: url('../font/Muli-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-Black';
    src: url('../font/Muli-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-Regular';
    src: url('../font/Muli-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-ExtraBold';
    src: url('../font/Muli-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Muli-SemiBold';
    src: url('../font/Muli-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Calibri';
    src: url('../font/Calibri.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamCondensed-Bold';
    src: url('../font/GothamCondensed-Bold.otf') format('opentype');
}


/*navigation-bar*/


/*p{
	font-family:Muli-Black;
}*/

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.caret.caret-up {
    border-top-width: 0;
    border-bottom: 4px solid #fff;
}

.navbar-brand img {
    width: auto;
}

.nav-img {
    margin-top: -23px;
    margin-right: 7px;
}

.nav-img-mdsp {
    margin-top: 3px;
    margin-right: 7px;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: 15px;
}

.mobile-nav {
    /*margin-left: 10px;*/
    overflow-y: auto;
    margin-bottom: 3%;
}

.nav-text {
    font-family: Muli-Bold;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    color: #6A6E6E;
}

.nav-text1 {
    font-family: Muli-Bold;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    color: #ed1556;
}

.nav-text-mdsp {
    font-family: Muli-Bold;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 600;
    color: #6A6E6E;
    margin-top: 20px;
}

.nav-text-mdsp a::hover {
    color: #ed1556;
    margin-top: 20px;
}


/*.nav-text:active {
	color: #ed1556;
}*/

.nav-li {
    padding: 0px 40px;
}

.nav-li-mdsp {
    padding: 0px 20px;
}

.navbar-downlod-right-mdsp {
    margin-right: 35px;
}

.nav-li a.active {
    border-bottom: 4px solid #ed1556;
    margin: 0 30px;
}

.text-center {
    margin-top: 50px;
    margin-bottom: 50px;
}

.navbar-downlod-right {
    font-family: Muli-Bold;
    font-size: 12px;
    margin-right: 100px;
    font-weight: 600;
    color: #00000096;
}

.active a {
    color: #e7014d;
}

.bc-head {
    color: #00205B;
}

.active1 a {
    color: #ed1556;
}

.navbar-downlod-right ul li {
    display: inline-block;
    float: right;
    padding: 0 5px 10px 5px;
    cursor: pointer;
}


/*.navbar-downlod-right ul li:hover {
	color:red;
}*/

.navbar-brand img {
    margin-top: 35px;
    /*margin-left:20px;*/
}

.second-nav {
    margin-top: -30px;
    margin-left: 13%;
}

.second-nav-mdsp {
    margin-top: -30px;
    margin-left: 13%;
}

.downlod-right {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #0000009e;
}


/* Remove the navbar's default margin-bottom and rounded borders */

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.carousel-inner>.item>img {
    line-height: 1;
    margin-top: 125px;
}

.carousel-inner img {
    width: 100%;
    /* Set width to 100% */
    margin: auto;
    min-height: 200px;
}

.author {
    padding-left: 20px;
}

.author1 {
    margin-top: 10px;
}

.section {
    background: -webkit-linear-gradient(top, #0171b0 0%, #03225b 70%);
    text-align: justify;
    padding: 47px 50px;
}

.section h3 {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
}

.section h3 u b {
    font-family: Muli-Black;
    font-size: 32px;
}

.section-para {
    margin-bottom: 30px;
    font-family: Muli-Bold;
    font-size: 20px;
}

.section p {
    line-height: 1.7em;
    color: #fff;
    font-family: Muli-SemiBold;
    font-size: 16px;
    text-align: left;
}

.img-icon {
    margin-bottom: 8px;
    margin-top: 32px;
}

.mid-right {
    display: inline-block;
}

.mid-right-img {
    display: inline-block;
    width: auto;
    margin-top: -20px;
}

.button {
    padding: 10px 30px;
    border: solid 1px #e61f1f;
    background: transparent;
    border-radius: 20px;
    color: #e61f1f;
    margin-bottom: 14px;
}

.banner-btn {
    padding: 6px 25px;
    border: solid 1px #fff;
    background: transparent;
    border-radius: 50px;
    color: #fff;
    margin-left: 30%;
    margin-top: 30px;
    font-family: Calibri;
    font-size: 18px;
}

button.banner-btn a {
    color: #fff;
    text-decoration: none;
}

.icon-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}


/*.policy-container{
	background-image: url("../images/back.png");
	background-repeat:no-repeat;
	background-size: cover;
	height:100%;
}*/

.heading h3 {
    padding-top: 30px;
    /*color: #2DDBCE;*/
    color: #00205B;
    font-family: Muli-Black;
    font-size: 32px;
    padding-left: 21%;
}

.inner-back {
    background: -webkit-linear-gradient(top, #0077b9 0%, #02225b 70%);
    margin-bottom: 10%;
    margin-left: auto;
    margin-right: auto;
}

.inner-img {
    width: auto;
    padding: 20px;
    margin-left: 0px;
}

.policy-text {
    margin-top: 35px;
    margin-left: -50px;
    color: #fff;
}

.policy-text p {
    margin-top: -5px;
}

.download-button {
    width: 30%;
    margin-top: 50px;
    float: right;
    margin-right: -20px;
}

.border-bottom {
    background: -webkit-linear-gradient(top, #0077b9 0%, #02225b 70%);
    height: 30px;
}

footer {
    background-color: #585757;
    /*position: fixed;
    left: 0;
    bottom: 0;*/
    width: 100%;
    display: inline-block;
}

footer p {
    color: #fff;
}

.footer-container {
    margin: 0px 30px;
    position: relative;
}

.footer-patch {
    position: absolute;
    padding: 6px 8px;
    background: -webkit-linear-gradient(top, #0077b9 0%, #02225b 70%);
    font-family: Muli-Regular;
    font-size: 12px;
    bottom: 0;
}

.footer-text {
    padding-left: 175px;
    font-family: Muli-Regular;
    font-size: 12px;
}

.fa {
    transform: scale(1.5, 1.5);
    padding: 13px 0px 10px 0;
    font-size: 40px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    margin: 3px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook,
.fa-twitter,
.fa-google-plus,
.fa-instagram {
    color: #2DDBCE;
}

.right {
    text-align: right;
}

.top-right {
    position: absolute;
    top: 75%;
    left: 15%;
    color: #fff
}

.top-right p b {
    /*text-align:justify;*/
    font-family: Muli-Black;
    font-size: 16px;
}

.top-right p {
    /*text-align:justify;*/
    font-family: Muli-Regular;
    font-size: 15px;
}

.top-middle {
    position: absolute;
    top: 30%;
    left: 25%;
    color: #fff;
    width: 100%;
}

.banner-text-one {
    margin-top: -60px;
    font-family: Muli-ExtraBold;
    font-size: 50px;
    /*margin-left:10px;*/
}

.banner-text {
    font-family: Muli-ExtraBold;
    font-size: 32px;
    word-spacing: 5px;
}

.banner-text.text-2 {
    color: #0f82f9;
}

.bottom-left {
    position: absolute;
    top: 88%;
    left: 15.7%;
    color: #fff;
    width: 100%;
}

.bottom-left h4 {
    margin-bottom: 0;
    font-family: Muli-Bold;
    font-size: 22px;
}

.bottom-left p {
    margin-top: auto;
    font-family: Muli-Regular;
    font-size: 15px;
}

.mid-left {}

.mid-right b {
    font-family: Muli-Bold;
    font-size: 16px;
}

.banner-wrap {
    height: 500px;
    width: 100%;
    background: url(../images/homepage_image.jpg) no-repeat right center;
    background-size: cover;
    margin-top: 108px
}

.banner-text {
    font-family: Muli-ExtraBold;
    font-size: 32px;
    color: #ffffff;
    line-height: 54px;
    margin-top: 170px;
    margin-left: 140px
}

.banner-text span {
    font-size: 50px;
}

.navbar-inverse {
    top: 0;
}

.banner-quote {
    padding: 30px 0 45px;
    background: #2ddbce url(../images/color_background.png) no-repeat right bottom;
    background-size: cover;
    margin-bottom: 40px
}

.banner-quote blockquote p {
    font-family: Muli-Regular;
    font-size: 15px;
    color: #ffffff
}

.banner-quote blockquote strong {
    font-family: Muli-Black;
}

.author h4 {
    font-family: Muli-Bold;
    font-size: 22px;
    color: #ffffff;
    margin: 0
}

.author p {
    font-family: Muli-Regular;
    font-size: 15px;
    color: #ffffff;
    margin: 0
}

blockquote {
    border: none;
    font-family: GothamCondensed-Bold;
    position: relative;
    padding-left: 0.4em;
}

blockquote p {
    font-family: Muli-Regular;
    font-size: 15px;
}

blockquote p:before {
    content: "\201C";
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    top: -0.015em;
    left: -0.2em;
}

blockquote p:after {
    content: "\201D";
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    bottom: -0.5em;
}


/* Style the tab */

.tab {
    float: left;
    padding-left: 0px;
    background-color: none;
    width: 13%;
    height: auto;
    margin-top: 150px
}


/* Style the buttons inside the tab */

.tab button {
    display: block;
    background-color: inherit;
    color: #6a6a6a;
    padding: 15px 10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    font-family: Muli-Bold;
}

.tablinks .active {
    background: #6a6a6a;
}

.tab p {
    display: block;
    background-color: inherit;
    color: #6a6a6a;
    padding: 0px 10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    font-family: Muli-Black;
    border-left: solid 4px #ed1556;
    margin: 15% 0% 38px 0%;
}

.tab button:nth-child(1),
.tab button:nth-child(2),
.tab button:nth-child(3),
.tab button:nth-child(4) {
    border-top: solid 1px #ebebeb;
}

.tab .dropdown {
    border-bottom: solid 1px #ebebeb;
}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: #ebebeb;
}


/* Create an active/current "tab button" class */

.tab button.active {
    background-color: #ebebeb;
}


/* Style the tab content */

.tabcontent {
    float: left;
    padding: 0px 0px 0px 40px;
    width: 87%;
    border-left: none;
    height: auto;
    background: #fff;
    margin-top: 150px
}


/*water & efflent */

.header-bar {
    background: #F5F5F5;
    padding: 5px 300px;
    font-family: Muli-Bold;
}

.tab-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: 5%;
    padding-right: 5%;
}

.tabcontent h3 u {
    color: #00205B;
    padding-top: 30px;
}

.tabcontent h3 {
    font-family: Muli-Black;
    font-size: 26px;
    padding-top: 12px;
}

.tabcontent h4 {
    font-family: Muli-SemiBold;
    font-size: 24px;
    padding-bottom: 10px;
    color: #6a6a6a;
}

.table-container {
    margin-right: 20%;
    margin-bottom: 3%;
}

.table-container1 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.water-head {
    margin-top: 10px;
}

.energy {
    padding: 40px;
}

.energy h2 {
    margin-left: -20px;
    font-family: Muli-Bold;
    font-size: 16px;
    color: #009fc2;
}

h4.energy-header {
    margin-top: 0px;
}

.energy p {
    margin-left: -20px;
    padding-right: 40px;
    font-family: Muli-Regular;
    font-size: 14px;
    color: #6a6a6a;
}

.energy-container {
    margin-right: 20%;
    margin-bottom: 3%;
    font-family: Muli-Bold;
    font-size: 20px;
}

.energy-container p {
    margin-right: 0%;
    margin-bottom: 2%;
    font-family: Muli-Regular;
    font-size: 14px;
}

.energy-container1 {
    margin-left: -20%;
    padding-left: 100px;
    background: #effcfb;
    padding-bottom: 2%;
    width: 150%;
}

.energy-row {
    margin-left: 11%;
}

.energy-img {
    margin-top: 10%;
}

.energy-container2 {
    margin-top: 3%;
    margin-bottom: 3%;
}

.energy-container2 p {
    /*margin-right: 20%;*/
    margin-bottom: 2%;
    font-family: Muli-Regular;
    font-size: 14px;
}

.energy-container3 {
    margin-top: 2%;
    margin-bottom: 3%;
}

.energy-container3 p {
    margin-top: 11%;
    margin-bottom: 2%;
    font-family: Muli-Regular;
    font-size: 14px;
}

.energy-container4 {
    margin-top: 2%;
    margin-left: -20%;
    padding-left: 320px;
    padding-bottom: 2%;
    background: #effcfb;
    margin-bottom: 5%;
    width: 150%;
}

img.enery-img {
    float: right;
    width: auto;
}

img.enery-img1 {
    float: left;
    width: auto;
}

.management-container {
    margin-right: 20%;
    margin-left: -4.5%;
}

.energy-container4 p {
    /*margin-left: -7%;
	padding-left: 10%;*/
    padding-bottom: 0%;
    background: #effcfb;
    font-family: Muli-Regular;
    font-size: 14px;
}

.renew-energy {
    margin-bottom: 3%;
    margin-top: 4%;
}

.renew-energy img {
    margin-left: 50px;
}

.renew-energy p {
    margin-left: 10px;
    margin-top: 30px;
}

.graph-container {
    background: #D0CFCD;
    width: 350%;
    padding-left: 8%;
    margin-left: -53%;
    margin-top: 0%;
}

.graph-container-energy {
    background: #D0CFCD;
    width: 200%;
    padding-left: 8%;
    margin-left: -53%;
    margin-top: 0%;
}

.graph-container-emmission {
    background: #D0CFCD;
    width: 200%;
    padding-left: 8%;
    margin-left: -30%;
    margin-top: 0%;
}

.graph-container-img {
    background: #D0CFCD;
    width: 180%;
    padding-left: 8%;
    margin-left: -53%;
    margin-top: 0%;
}

.graph {
    /*	padding-top: 30px;*/
    padding-left: 140px;
    color: #00205B;
    font-family: Muli-Bold;
    font-size: 16px;
    margin: 0;
}

.graph p:last-child {
    margin-bottom: 0;
}

.operation-air {
    padding: 1% 38% 1% 12%;
}

.air {
    margin-top: -15px;
}

.operation-bio {
    padding: 1% 42% 1% 12%;
}

.bio {
    margin-top: -15px;
}

p.ozon {
    padding-right: 12%;
}

.table-header {
    background: -webkit-linear-gradient(top, #0077b9 0%, #02225b 70%);
    color: #fff;
    font-family: Muli-SemiBold;
    font-size: 20px;
}

tbody {
    background: #efefef;
}

.table-text {
    font-family: Muli-Regular;
    font-size: 14px;
    color: #6a6a6a;
}

.table-text-bold {
    font-family: Muli-Bold;
    font-size: 14px;
    color: #6a6a6a;
}

.table1 {
    width: 63%;
    max-width: 63%;
}

.table1>tbody>tr>td,
.table1>tbody>tr>th,
.table1>tfoot>tr>td,
.table1>tfoot>tr>th,
.table1>thead>tr>td,
.table1>thead>tr>th {
    padding: 15px;
    padding-right: -40px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table-energy {
    width: 52%;
    max-width: 52%;
}

.table-energy>tbody>tr>td,
.table-energy>tbody>tr>th,
.table-energy>tfoot>tr>td,
.table-energy>tfoot>tr>th,
.table-energy>thead>tr>td,
.table-energy>thead>tr>th {
    padding: 15px;
    padding-right: -40px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table-energy1 {
    width: 34%;
    max-width: 34%;
}

.table-energy1>tbody>tr>td,
.table-energy1>tbody>tr>th,
.table-energy1>tfoot>tr>td,
.table-energy1>tfoot>tr>th,
.table-energy1>thead>tr>td,
.table-energy1>thead>tr>th {
    padding: 15px;
    padding-right: -40px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table-mdspeak {
    width: 28%;
    /*max-width: 34%;*/
}

.table-mdspeak>tbody>tr>td,
.table-mdspeak>tbody>tr>th,
.table-mdspeak>tfoot>tr>td,
.table-mdspeak>tfoot>tr>th,
.table-mdspeak>thead>tr>td,
.table-mdspeak>thead>tr>th {
    padding: 15px;
    padding-right: -40px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.tabcontent h3 {
    font-family: Muli-Black;
    font-size: 26px;
    padding-top: 10px;
}

.tabcontent h4 {
    font-family: Muli-SemiBold;
    font-size: 18px;
    padding-bottom: 10px;
    color: #6a6a6a;
}

.table-container {
    margin-right: 10%;
    margin-bottom: 3%;
}

.water-key {
    margin: 50px 0px;
}

.water-key h4 {
    margin-bottom: 20px;
}

.key-inner {
    margin-bottom: 30px;
    padding-right: 90px;
}

.key-inner p {
    margin-left: 20px;
    margin-top: 10px;
    text-align: justify;
}

.graph-1 {
    padding-right: 58%;
    padding: 40px 0px;
    margin-left: 13%;
}

.graph-1-electricity {
    /* padding-right: 58%; */
    padding: 30px 0px;
    margin-left: 13%;
}

.graph-2 {
    padding: 30px 0px;
}


/*mobile*/

.dropdown-left {
    position: relative;
    margin-top: 100px;
}

.dropdown-left .btn {
    font-size: 14px;
    font-family: Muli-Bold;
}

.dropdown-menu li {
    border-bottom: solid 1px #00000030;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
    font-family: Muli-Bold;
}

.dropdown-left p {
    border-left: solid 4px #ed1556;
    padding: 0px 10px;
    font-size: 14px;
    font-family: Muli-Black;
}

.dropdown-content2 {
    display: none;
}

.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content2 li {
    text-decoration: none;
    display: block;
}

.dropdown1:hover .dropdown-content2 {
    display: block;
}


/*md Soeak*/

.mdspeak-container {
    margin-top: 150px;
    margin-left: -3%;
}

.speakmessage {
    margin-right: 3%;
    margin-left: 19%;
    margin-bottom: 5%;
    font-family: Muli-Regular;
    font-size: 16px;
}

.speakmessage h4 {
    margin-top: 20px;
    font-family: Muli-Bold;
    font-size: 20px;
}

.speakmessage p b {
    font-family: Muli-Bold;
    font-size: 16px;
}

.mdmsg-container {
    /*padding-left: 19%;
	padding-bottom:2%;*/
    background: #D0CFCD;
    margin-bottom: 0%;
    width: 350%;
    padding-left: 30%;
    padding-right: 3%;
    margin-left: -52%;
    margin-top: 0%;
}

.mdmsg-container p b {
    font-family: Muli-Bold;
    font-size: 20px;
}

.mdmsg-container p {
    font-family: Muli-Regular;
    font-size: 14px;
}

.mdspeak-tabcontent {
    float: left;
    padding: 0px 0px 0px 40px;
    width: 100%;
    border-left: none;
    height: auto;
    background: #fff;
    margin-top: 150px;
}


/*dropdown-menu*/

.dropbtn1 {
    background-color: #ebebeb;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn1:hover {
    color: #6a6a6a;
    ;
}

.dropdown {
    position: relative;
}

.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: transparent;
    min-width: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content1 li {
    display: block;
    /*	border-bottom: solid 1px #00000030;*/
    margin-left: -40px;
}

.dropdown-content1 li a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content1 li:hover {
    background-color: transparent;
}

.dropdown:hover .dropbtn1 {
    background-color: #ebebeb;
}

.dropdown1:active .dropdown-content1,
.active {
    display: block;
}

ul {
    list-style-type: none;
}

.dropdown-content1 li {
    /* padding: 5px 0px;
    margin-left: -10px;
	width:100%;
	font-size: 14px;
    font-family: Muli-Bold;
	color: #6a6a6a;*/
}

.dropdown-content1 li a {
    padding: 5px 10px 5px 30px;
    /*margin-left: 20px;*/
    width: 100%;
    font-size: 14px;
    font-family: Muli-Bold;
    color: #6a6a6a;
}

.dropdown-menu .dropdown1 {
    border-bottom: none;
}

.dropdown-content2 li:last-child {
    border-bottom: none;
}

.row1-mob-nav {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}


/* Create two equal columns that floats next to each other */

.column1 {
    float: left;
    width: 50%;
    padding: 10px;
}


/* Clear floats after the columns */

.row1-mob-nav:after {
    content: "";
    display: table;
    clear: both;
}

.mob-nav-img1 {
    width: 70%;
    margin-left: 10%;
}

.mob-text1 {
    margin-top: -13%;
    margin-left: 7%;
    color: #fff;
    display: inline-block;
    font-family: Muli-Bold;
    font-size: 14px;
}

.arrow-menu {
    margin-top: 0px;
    margin-left: 10px;
}

.arrow-menu-last {
    margin-top: 0px;
    margin-left: 10px;
}

.downlod-right-close {
    float: right;
    margin-top: 20px;
    margin-right: 80px;
    font-size: 16px;
    font-weight: 600;
    color: #0000009e;
}

.close-btn {
    vertical-align: middle;
    padding: 5px;
}

a.link {
    text-decoration: none;
    color: #00000096;
}


/* ::-webkit-scrollbar {
    width: 0px;   
    background: transparent;   
} */

.active .nav-text-mdsp {
    color: #ed1556;
}


/*k 22-11-2018*/

.speakmessage u {
    text-transform: capitalize;
}

.active .nav-text {
    color: #ed1556 !important;
}

.navbar-downlod-right {
    margin-right: 10%
}

.sidebar {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.sidleft {
    position: relative;
    left: 15%;
}

.open {
    opacity: 1;
    top: 0;
    bottom: 0;
}

.open img {
    max-height: 100%;
    max-width: 100%;
}

.programmes {
    background-color: #D0CFCD;
    width: 100%;
    float: left;
}

.programmes .inner-jobs {
    position: relative
}

.programmes .admission-wrap {
    padding: 50px;
    position: relative
}

.programmes .acordian-left {
    width: 100%;
    float: left;
    position: relative;
    margin: 40px 0;
}

.programmes .acordian-left .main-accordian .accordian-container {
    display: inline-block;
    width: 100%;
    float: left;
    background: #f5f5f5;
}

.programmes .acordian-left .main-accordian .accordian-container .accordian-title {
    padding: 15px;
    color: #fff;
    font-family: Muli-Bold;
    background-image: url("../images/accordian-arrow.png") no-repeat scroll 96% center;
    background: -webkit-linear-gradient(top, #0077b9 0%, #02225b 70%);
}

.programmes .acordian-left .main-accordian .accordian-container .accordian-content {
    display: none;
    font-family: Muli-Regular;
}

.programmes .acordian-left .main-accordian .accordian-container .accordian-content ul li {
    position: relative;
    padding: 20px 10px;
}

.programmes .acordian-left .main-accordian .accordian-container .accordian-content ul li:after {
    width: 100%;
    content: '';
    height: 1px;
    background-color: #77cdde;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.economic-wrapper .graph {
    padding-left: 0;
    /*text-transform: uppercase;*/
}

.download-accordian .txtLeft {
    width: 100%;
    float: left;
    font-family: Muli-Regular;
}

.download-accordian .txtLeft li {
    display: inline-block;
    width: 100%;
    float: left;
}

.download-accordian .txtLeft span {
    width: 50%;
    text-align: left;
    float: left
}

.download-accordian .download-inner {
    float: right;
    font-family: 'Muli-SemiBold';
    padding-right: 60px;
}

.download-accordian .download-inner abbr:first-child {
    padding-right: 12px;
    text-transform: capitalize;
}

.download-accordian .txtLeft abbr {
    text-align: left;
    vertical-align: middle;
    color: #ed1556;
    font-size: 13px;
}

.download-wrapper .down-inner-wrapper {
    width: 100%;
}

.download-wrapper .down-inner-wrapper abbr {
    float: right;
    padding-right: 12px;
    padding-top: 15px;
}

.download-wrapper .down-inner-wrapper span {
    display: inline;
}

.download-wrapper .down-inner-wrapper span img {
    vertical-align: middle;
    margin: 0 auto;
}

.download-wrapper .down-inner-wrapper span:first-child {
    padding-right: 25px;
}

.download-wrapper .down-inner-wrapper span:nth-child(2) {
    position: relative;
    top: 6px;
}

.programmes .download-wrapper .acordian-left .main-accordian .accordian-container .accordian-title {
    padding: 8px 25px 16px;
}

.accordian-title.active .down-inner-wrapper abbr img {
    transform: rotate(-180deg);
    transition: transform 150ms ease;
}

.download-accordian .txtLeft ul {
    display: block;
    padding: 0;
}

.download-accordian .download-inner {
    margin-top: 10px;
}


/*.graph-1 p{margin: 0;padding-top: 0;}*/

.graph-1-img .energy {
    padding: 10px 40px 40px;
}

.mdmsg-container {
    padding-top: 0 !important;
}

.renew-energy img {
    margin-left: 30px;
}

.renew-energy {
    margin-top: 20px;
}

.operation-bio {
    padding-top: 40px
}

.operation-bio {
    padding-bottom: 40px
}

.speakmessage {
    margin-left: 20%;
}

.tab-inner-download .speakmessage {
    margin-bottom: 20px;
}

td {
    padding: 10px 20px;
}

.dropdown-content1 {
    display: block
}

.graph {
    padding-left: 0;
    padding-bottom: 16px;
}

.tab .dropdown.active {
    background-color: #ebebeb;
}

.tab .dropdown-content1 .active {
    background-color: #ebebeb;
}

.dropdown-content1 {
    box-shadow: none;
}


/*slick*/

.slick-prev:before,
.slick-next:before {
    display: none;
}

.slick-dots li button {
    display: none;
}

.home-quote {
    padding-left: 20px;
    line-height: 1.42857143;
    width: 84%;
}

.slick-dots li {
    background-color: #bfbfbf;
    border-radius: 20px;
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active {
    background-color: #459ddd;
}

.slick-slide {
    height: auto !important;
}

.slick-list {
    outline: none !important;
}

.slick-slide {
    outline: none !important;
}

.slick-slide {

    &:focus,
    a {
        outline: none !important;
    }
}

.wrapper {
    width: 100%;
    float: left;
}

.galleryWrap {
    border-bottom: solid 1px #2ddbce24;
    border-top: solid 1px #2ddbce24;
}

.galleryWrap .colWrap {
    padding: 58px 40px;
}

.galleryWrap .colWrap h3 {
    color: #009fc2;
    font-family: Muli-Black;
    font-size: 22px
}

.galleryWrap .colWrap u {
    text-transform: uppercase;
}

.galleryWrap .colWrap .banner-btn {
    color: #009fc2;
    border: solid 1px #009fc2;
    margin-left: 0;
}

.galleryWrap .colWrap .author1 {
    margin-top: 30px;
    display: inline-block;
}

.galleryWrap .slick-slide {
    opacity: 0.4;
}

.galleryWrap .slick-current {
    opacity: 1
}

.galleryWrap .slick-slide .colWrap {
    position: relative;
}

.galleryWrap .slick-slide .colWrap:after {
    content: '';
    width: 100%;
    height: 422px;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #e6004b 0%, #ae0139 70%);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.galleryWrap .slick-slide.slick-current .colWrap:after {
    opacity: 1;
    visibility: visible;
}

.galleryWrap .slick-slide .colWrap ul {
    width: 100%;
    padding: 0;
}

.galleryWrap .slick-current .colWrap p {
    color: #fff;
}

.galleryWrap .slick-current .colWrap h3 {
    color: #fff;
}

.galleryWrap .slick-current .banner-btn {
    color: #fff;
    border: solid 1px #fff;
}

.galleryWrap .slick-prev.slick-disabled {
    opacity: 0.2;
}

.galleryWrap .slick-slide.slick-current .colWrap p {
    color: #fff;
    font-family: Muli-Regular;
    font-size: 14px;
}

.galleryWrap .slick-slide .colWrap p {
    font-family: Muli-Regular;
    font-size: 14px;
}


/*slick*/

.social-main-table {
    margin-right: 4%;
}

.btn .caret {
    margin-left: 62%;
}

.navbar-downlod-right ul li {
    position: relative;
}

.navbar-downlod-right ul li:nth-child(2):after {
    height: 10px;
    width: 10px;
    content: '';
    background: #e7305b;
    bottom: -29px;
    left: 0;
}

.navbar-downlod-right ul li:last-child {
    display: none;
}

.inner-back {
    margin-bottom: 4%;
}

.side-border {
    margin-left: 10px;
}

.navbar-downlod-right a:hover {
    color: #e7014d;
}


/*  .footer-container{display: inline-block !important;width: 100%; }  */

.f14 td {
    font-size: 14px;
}

.f14 p {
    font-size: 14px;
}

.galleryWrap .slick-current .banner-btn {
    outline: none;
}


/*.arrow-align{position: relative}
.arrow-align .mid-right-img{margin-left: 0 !important;margin-right: 0 !important;float: right;position: relative;}*/


/*footer{margin-top: 0px !important; } */

.download-accordian .download-inner img {
    cursor: pointer;
}

.community-icon img {
    max-width: 100%;
}


/*.community-box b{margin-left: 20px;display: inline-block;}*/

.desk-k {
    display: block
}

.mob-k {
    display: none
}


/*.economec-graph{}*/

.cummunity-wrapper .speakmessage h4 {
    margin-top: 10px;
}

.speakmessage h4 {
    margin-top: 10px;
}

.community-icon .renew-energy {
    margin-top: -10px;
}

.mdspeak-container .graph-1 p {
    margin: 0;
}

.mdspeak-container .speakmessage {
    margin-bottom: 50px;
}

.mdmsg-container p {
    margin: 10px 0 !important;
}

.social-aspectrenew p {
    margin-top: 0px;
}


/*banner-slider*/

.banner-slider .slick-prev {
    left: 30px;
    top: 57%;
    transform: translateX(-50%);
}

.banner-slider .slick-next {
    right: -50px;
    top: 57%;
    transform: translateX(-50%);
}

.banner-wrap.Product-banner {
    background: url(../images/Product-Responsibility-top-banner.png) no-repeat right center;
    background-size: cover;
    margin-top: 108px;
}

.banner-wrap.Economic-banner {
    background: url(../images/Economic-Performance-top-banner.png) no-repeat right center;
    background-size: cover;
    margin-top: 108px;
}


/*end banner-slider*/


/* start Icon 3 */

.nav-icon3 {
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.nav-icon3 span:nth-child(1) {
    top: 0px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
    top: 9px;
}

.nav-icon3 span:nth-child(4) {
    top: 18px;
}

.nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


/* end Icon 3 */

.tringle {
    position: relative;
}

.tringle:after {
    content: '';
    position: absolute;
    top: 50%;
    z-index: -1;
    right: -20px;
    margin-left: -50px;
    background: -webkit-linear-gradient(top, #0171b0 0%, #03225b 70%);
    width: 50px;
    height: 50px;
    transform: rotate(-45deg);
}

.table-1 {
    margin-right: 3% !important;
}

.table-2 {
    margin-right: 8% !important;
}

.employe-social-table .col-sm-6 {
    margin-top: 0;
}

.social-main-table {
    margin-bottom: 2%;
}

.pad50 {
    margin-top: 50px;
}

.big-col {
    width: 8%;
}


/*.eapect-energy{  margin-left: 6%;}*/

.emp-social-aspect-grap .energy-left {
    position: relative;
    left: 140px;
}

.emp-social-aspect-grap .energy-right {
    position: relative;
    right: 140px;
}

#mainContent {
    overflow: hidden;
}

/* html {
    overflow-y: scroll;
} */


/*end tringle*/

.bod {
    margin-bottom: 20px;
}


/*foooter*/

footer {
    border-top: solid 2px #e7024d;
}

footer .row {
    padding: 0 30px;
    width: 100%;
}

footer .row .copy-write {
    margin-left: 23%;
    font-size: 12px;
}

.footer-left {
    float: left;
    width: 50%;
    position: relative;
}

.footer-right {
    float: right;
    width: 40%;
    padding: 10px 30px;
    text-align: right;
}

.footer-right img:hover {
    opacity: 0.7;
    text-decoration: underline;
    color: #2DDBCE
}

.footer-right a {
    padding: 0 8px;
}


/*.nav-text{font-weight: 500 ;}*/

.blue-bg {
    background-color: #dbe5f1;
}

.banner-btn.downbtn {
    margin-left: 0;
}

.author1.down-auth {
    margin-top: 65px;
}

.navbar-inverse .navbar-nav>.active>a:focus::after {
    display: none;
}

.navbar-inverse .navbar-nav>.active>a::after {
    border-bottom: 4px solid #ed1556;
    bottom: 0px;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    margin: 30px 20px 0 20px;
}

.navbar-inverse .navbar-nav.active-bottom>.active>a::after {
    border-bottom: 4px solid #ed1556;
    bottom: -10px;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    margin: 30px 20px 0 20px;
}


/*.right banner span{text-align: right;}*/

.slick-dotted.slick-slider {
    margin-bottom: -6px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.banner-slider .slick-dots {
    bottom: 10px;
}

.sidebar {
    width: 18%;
    background: #fff;
    height: 100%;
    left: 0;
}

.tab {
    width: 100%;
}

.navbar-inverse .navbar-nav>.active>a::after {
    width: 80%;
}

.left-key-col {
    margin-bottom: 50px
}


/*table width*/

.tr-width .table-text {
    width: 100%;
}

.tr-width .table-text td:first-child {
    width: 12%
}

.tr-width .table-text td:nth-child(2) {
    width: 44%
}

.tr-width .table-text td:last-child {
    width: 44%
}


/*table width*/

.footer-height {
    min-height: 70vh
}


/*#raw-material-sec{padding-top: 100px;  margin-top: 100px;}*/


/*k 22-11-2018*/


/*k 22-11-2018*/

.mapwaapper img {
    max-width: 100%;
}

.pg .container {
    width: 100%;
}

.pg .container .banner-text {
    margin-left: 60%;
}

.color-boxwraper {
    margin: 100px 0;
}

.color-boxwraper .color-box-content {
    font-family: Muli-Bold;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 600;
    color: #6A6E6E;
    width: 55%;
    margin: 0 auto;
    min-height: 70px;
}

.color-boxwraper .col-no-added {
    position: relative;
}

.color-boxwraper .col-no-added,
.colDowJones {
    position: relative;
}

.color-boxwraper .col-no-added:after {
    content: '';
    background-image: url(../images/color-box-center-line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1px;
    height: 380px;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

.color-boxwraper .col-no-addedagain:after {
    content: '';
    background-image: url(../images/color-box-center-line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1px;
    height: 265px;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

}

.color-boxwraper .col-no-addedagain:after {
    content: '';
    background-image: url(../images/color-box-center-line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1px;
    height: 265px;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
}

@media screen and (max-width:1200px) {

    .color-boxwraper .col-no-added:after,
    .colDowJones:after {
        height: 340px;
    }
}

@media screen and (max-width:991px) {

    .color-boxwraper .col-no-added:after,
    .colDowJones:after {
        height: 300px;
    }
}


/* Changes as on 7-7-20 */

.navbar>.container-fluid .navbar-brand img {
    max-width: 170px;
    margin-top: 50px;
}

ul.listingBullet {
    list-style-type: circle;
}

.table td {
    font-family: 'Muli-Regular';
}


/* ---impact img tags ---*/

.impact-goals img.img-goals {
    width: 100%;
    padding: 10px;
}

.row.border-tp:after {
    margin: 50px;
    content: '';
    background-image: url(https://www.nerolac.com/corporate-sustainability/images/color-box-center-hr-line.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 90%;
    height: 1px;
    position: relative;
    z-index: 2;
    top: 40px;
    right: 0;
}

.breadcrumb {
    background: #f1f1f1;
    padding: 10px;
    padding-left: 90px;
}

.material-flex-5block {
    display: flex;
    flex-wrap: wrap;
}

.material-flex-5block .single-5block {
    flex: 0 0 19%;
    margin: 30px auto;
}

/* .single-5block-two > p { 
    margin-right: 20px;
}
.single-5block-three > p { 
    margin-right: 20px;
}
.single-5block-four > p { 
    margin-right: 20px;
} */
/* Header */
.navbar>.container-fluid .navbar-brand-materiality img {
    margin-top: 10px;
}

/* Table Materiality */
th.table-head-material {
    width: 20%;
}

.table-head-material {
    font-size: 14px;
    font-family: "Muli-Bold";
}

.td-center-material {
    position: relative;
}

.td-center-material p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Broad Areas Section */
.single-b-area>img {
    max-width: 100%;
    height: auto;
}

.broad-areas {
    display: flex;
    flex-wrap: wrap;
}

.broad-areas .single-b-area {
    flex: 1 0 20%;
    padding-right: 10px;
}

.single-b-area>p {
    margin-left: 8px;
}

ul.pink-list-sm {
    padding-left: 20px;
    color: #626262;
}

ul.pink-list-sm>li {
    font-family: "Muli-Regular";
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
}

ul.pink-list-sm>li::before {
    content: "\2022";
    color: #ED1556;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* Esg Approach Page */
.Arial-b-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 20px;
}

.esg-approach-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.esg-approach-banner .esg-banner-text {
    max-width: 320px;
    max-width: calc(100% - 400px);
    padding-left: 40px;
}

.md-muli-bold {
    font-size: 20px;
    line-height: 26px;
    font-family: "Muli-Bold";
    color: #626262;
    margin-bottom: 10px;
}

.esg-sub-linker>li {
    font-family: "Muli-Regular";
    font-size: 16px !important;
    line-height: 20px !important;
}

/* approach blocks */
.f-approach-block {
    min-height: 210px;
}

.esg-sub-single-block-one,
.esg-sub-blocks-two,
.esg-sub-blocks-three {
    margin-top: 30px;
}

.esg-sub-blocks-four {
    margin-bottom: 70px;
}

.s-approach-block {
    min-height: 175px;
}

.desktop-nav-small li .nav-text {
    font-size: 11px !important;
}

/* Media Query */
/* Media Query */
/* Media Query */
/* Media Query */
/* Media Query */
/* Media Query */
@media screen and (min-width: 1400px) {
    .desktop-nav-small li .nav-text {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1266px) {
    .desktop-nav-small li .nav-text {
        font-size: 9px !important;
    }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 1199px) {

    /* esg -> approach blocks */
    .s-approach-block {
        min-height: 200px;
    }

}

@media screen and (max-width: 991px) {
    .material-flex-5block .single-5block {
        flex: 0 0 50%;
    }

    .single-5block.text-center {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* approach blocks */
    .f-approach-block {
        min-height: auto;
    }

    .s-approach-block {
        min-height: auto;
    }

    /* esg Main blocks spacing */
    .esg-sub-blocks-three,
    .esg-sub-blocks-two {
        margin-bottom: 30px;
    }

    .resp-md-space {
        margin-top: 20px;
    }

    .resp-md-space-l {
        margin-top: 30px !important;
    }

    .resp-btm-space {
        margin-bottom: 40px;
    }

    .navbar>.container-fluid .navbar-brand-materiality img {
        margin-top: 0px;
    }

    .downlod-right {
        margin-top: -6px;
    }

    .open-nav {
        overflow: hidden;
    }

    .navbar>.container-fluid .navbar-brand {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 0;
    }

    .downlod-right {
        margin-top: 0;
        font-size: 14px;
        margin-right: 15px;
    }

    .open-nav .navbar-inverse {
        top: 0;
        background: transparent;
        height: 100vh;
        backdrop-filter: blur(5px);
    }

    .container-fluid>.navbar-header,
    .navbar-toggle {
        margin-left: 0;
    }

    .navbar-nav {
        height: calc(100vh - 81px);
    }
}

@media screen and (max-width: 767px) {
    .esg-approach-banner .esg-banner-text {
        max-width: 100%;
        padding-left: 0px;
    }

    .broad-areas .single-b-area {
        flex: 0 0 50%;
        padding-right: 10px;
        padding-top: 20px;
    }
}

@media screen and (max-width: 575px) {

    /* .td-center-material > p {
        font-size: 13px !important;
    } */
    .td-center-material>p {
        font-size: 12px !important;
        transform: none;
        top: 20%;
        left: 8%;
        position: relative;
    }
}