@font-face {
    font-family: 'Adani-Regular';
    src: url('../webfonts/Adani-ExtraLight.woff') format('woff'), url('../webfonts/Adani-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Regular';
	src: url('../webfonts/'Adani-Regular'.woff') format('woff'), url('../webfonts/'Adani-Regular'.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Medium';
    src: url('../webfonts/Adani-Medium.woff') format('woff'), url('../webfonts/Adani-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Regular';
    src: url('../webfonts/Adani-Regular.woff') format('woff'), url('../webfonts/Adani-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Regular';
    src: url('../webfonts/Adani-Regular_1.woff') format('woff'), url('../webfonts/Adani-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Regular';
    src: url('../webfonts/Adani-Light.woff') format('woff'), url('../webfonts/Adani-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
	@font-face {	
    font-family: 'Adani-Bold';	
    src: url('../webfonts/Adani-Bold.woff') format('woff'), url('../webfonts/Adani-Bold.ttf') format('truetype');	
    font-weight: bold;	
    font-style: normal;	
}
@font-face {
    font-family: 'Adani-Regular';
	src: url('../webfonts/Adani-SemiBold.woff') format('woff'), url('../webfonts/Adani-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-SemiBold';
    src: url('../webfonts/Adani-Bold.woff') format('woff'), url('../webfonts/Adani-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Adani-Regular';
    src: url('../webfonts/Adani-SemiBold.woff') format('woff'), url('../webfonts/Adani-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

html, body {
    margin: 0px;
    padding: 0px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    position: relative;
    font-family: 'Adani-Regular';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    background-color: #ebebeb;
}

h1, h2, h3, h4, h5, h6, ul, li, p, header, aside, footer, section, article, nav, field, label, figcaption, figure, hgroup, input, textarea {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: normal;
}

a:link, a:visited {
    text-decoration: none;
}

a {
    color: #df5932;
}

    a:hover {
        color: #ff6633;
    }

.contentSection a {
    color: #df5932;
}

    .contentSection a:hover {
        color: #ff6633;
    }
/* Customized default classes of bootstrap per Adani theme */
.alert {
    border-radius: 0;
}

.alert-danger {
    color: #000;
    border-color: #e7e7e7;
}

.form-control {
    border-radius: 0;
    padding: .15rem .75rem;
}

.form-check-label {
    padding-left: 3px;
}

.form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(1.80rem + 2px);
}

.col-form-label {
    padding-top: calc(0.15rem + 1px);
    padding-bottom: calc(.15rem + 1px);
}

.btn {
    border-radius: 0;
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.31;
}

.btn-primary {
    color: #fff;
    background-color: #ff6633;
    border-color: #ff6633;
}

    .btn-primary:hover {
        background-color: #ea772a;
        border-color: #ea772a;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #ea772a;
        border-color: #ea772a;
    }

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,102,51,.7);
    }

    .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,102,51,.7);
    }

.btn-secondary {
    color: #fff !important;
    background-color: #525252;
    border-color: #525252;
}

.btnBordered {
    padding: 0.3rem 1.5rem;
    background: none;
    border: 1px solid #ff6633;
    color: #656565;
    font-size: 1.3rem;
    display: inline-block;
}

    .btnBordered:hover {
        background: #ff6633;
        color: #fff;
    }

    .btnBordered.focus, .btnBordered:focus {
        box-shadow: 0 0 0 0.2rem rgba(255,102,51,.7);
    }

.whiteBtn {
    color: #fff;
    border: 1px solid #fff;
}

    .whiteBtn:hover {
        background: #fff;
        color: #ff6633;
    }

.btnBordered.btnLg {
    min-width: 200px;
}

.txt-orange {
    color: #ff6633 !Important;
}

.txt-white {
    color: #fff !Important;
}

.txt-black {
    color: #000 !Important;
}

.txt-blue {
    color: #006db7 !Important;
}

.txt-purple {
    color: #8e278f !Important;
}

.txt-gray {
    color: #5b5b5b !Important;
}

.helpText {
    font-size: 0.8rem;
    color: #969696;
}

.required {
    color: #f42e2e;
}

hr {
    border-top: 1px solid #c7c7c7;
}

.bg-green {
    background-color: #00b16b !important;
}

.bg-orange {
    background-color: #df5932 !important;
}

.bg-blue {
    background-color: #006db7 !important;
}

.bg-red {
    background-color: #ee7e27 !important;
}

.bg-purple {
    background-color: #8e278f !important;
}

.bg-gray-light {
    background-color: #f7f7f7 !Important;
}

.bg-gray-dark {
    background-color: #e7e7e7 !Important;
}

.bg-pattern-light {
    background: #f2f2f2 url(/images/adanigas/pattern1.png) repeat;
}

.bg-gradient-orange {
    background: rgb(232,110,43); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(232,110,43,1) 0%, rgba(198,73,37,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86e2b', endColorstr='#c64925',GradientType=1 ); /* IE6-9 */
    color: #fff;
}



.content p {
    padding-bottom: 1rem;
}


/* Add sprite class to add icons from Sprite image and then add specific icon class */
.sprite {
    display: inline-block;
    background: url(/images/adanigas/icons-sprite.png) no-repeat;
}

.facebook {
    width: 24px;
    height: 24px;
    background-position: -58px 0;
}

.twitter {
    width: 24px;
    height: 24px;
    background-position: -89px 0;
}

.youTube {
    width: 24px;
    height: 24px;
    background-position: -129px 0;
}

.phoneIcon {
    width: 42px;
    height: 42px;
    background-position: 0 0;
}

.usageIcon {
    width: 60px;
    height: 60px;
    background-position: -59px -42px;
}

.tariffPlanIcon {
    width: 65px;
    height: 56px;
    background-position: -59px -127px;
}

.smsBillIcon {
    width: 61px;
    height: 61px;
    background-position: -59px -206px;
}

.navTile ul {
    /* border-right: 1px solid rgba(226,226,226,0.2); */
}


.billIcon {
    width: 50px;
    height: 50px;
    background-position: 0 -114px;
}

.solarIcon {
    width: 50px;
    height: 50px;
    background-position: 0 -173px;
}


.appIcon {
    width: 50px;
    height: 50px;
    background-position: 0 -224px;
}

.feedbackIcon {
    width: 50px;
    height: 50px;
    background-position: 0 -279px;
}

.connectionIcon {
    width: 60px;
    height: 60px;
    background-position: -130px -40px;
}

.mapIcon {
    width: 60px;
    height: 60px;
    background-position: -130px -101px;
}

.statusIcon {
    width: 60px;
    height: 60px;
    background-position: -130px -170px;
}

.paymentIcon {
    width: 60px;
    height: 60px;
    background-position: -130px -232px;
}

.phoneCallIcon {
    width: 28px;
    height: 28px;
    background: url(/images/adanigas/adani-gas-sprite.png) no-repeat;
    background-position: -276px 0;
    vertical-align: middle;
    margin-right: 10px;
}

.navTile:last-child {
    border-right: none;
}

.navTilesWrapper .navTile {
    margin: 0 !Important
}

.navTilesWrapper ul {
    position: relative;
}

    .navTilesWrapper ul li {
        display: table;
        padding: 0 0.5rem;
        /*position: relative;
    transform: translateX(-50%);
    left: 50%;*/
    }

        .navTilesWrapper ul li a {
            display: table-cell;
            padding: 1rem;
            padding-left: 50px;
            text-align: left;
            vertical-align: middle;
        }

        .navTilesWrapper ul li:before {
            background: url(/images/adanigas/adani-gas-sprite.png) no-repeat;
            content: "";
            display: table-cell;
            width: 40px;
            height: 50px;
            position: absolute;
            top: 1rem;
        }

        .navTilesWrapper ul li .navTilesDropdown {
            background: #ec7b28;
            background: -moz-linear-gradient(135deg,#ee7f26 0,#db4f34 100%);
            background: -webkit-linear-gradient(135deg,#ee7f26 0,#db4f34 100%);
            background: linear-gradient(135deg,#ee7f26 0,#db4f34 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7b28', endColorstr='#de5833',GradientType=0 );
            color: #fff;
            z-index: 1;
            box-shadow: none;
        }

            .navTilesWrapper ul li .navTilesDropdown a {
                display: inline-block;
                width: auto;
                padding: 0rem .5rem;
                border-bottom: none;
                border-right: 1px solid #f2f2f2;
                color: #fff;
            }

                .navTilesWrapper ul li .navTilesDropdown a:hover {
                    opacity: 0.8;
                }

.navTilesWrapper .customerSpeak li:before {
    background-position: -40px 0px;
}

.navTilesWrapper .feedback li:before {
    background-position: 0px 0px;
}

.navTilesWrapper .faq li:before {
    background-position: -98px 0;
}

.navTilesWrapper .gasPrice li:before {
    background-position: -158px 0;
}

.navTilesWrapper .quickBillPay li:before {
    background-position: -215px 0;
}

.navTilesWrapper .applyConnection li:before {
    background-position: -6px -67px;
}

.navTilesWrapper .autopayment li:before {
    background-position: -202px -66px;
}

.navTilesWrapper .collectCenter li:before {
    background-position: -69px -67px;
}

.navTilesWrapper .downloads li:before {
    background-position: -130px -67px;
    width: 42px;
}

/* -- Sprite classes end here -- */

/* header */
.headerSec {
    box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
    position: fixed;
    z-index: 99;
    width: 100%;
}

.headerTopBar {
    background: #ec7b28; /* Old browsers */
    background: -moz-linear-gradient(135deg,#ee7f26 0,#db4f34 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(135deg,#ee7f26 0,#db4f34 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,#ee7f26 0,#db4f34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7b28', endColorstr='#de5833',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.navPanel {
    margin: 0;
    background: #fff;
    width: 100%;
    padding: 0;
    transition: all 0.2s ease-in;
}

.navbar {
    padding: 0.5rem 0;
}
/*.navPanel>.container{padding:0;}*/

.topNav {
    margin: 0;
    padding: 6px 0 6px 0;
    font-size: 0.8rem;
}

    .topNav li {
        list-style: none;
        display: inline-block;
    }

        .topNav li a {
            color: #fff;
            font-size: 15px;
            padding: 0 1px;
        }

        .topNav li > a:hover {
            text-decoration: none;
            opacity: 0.8;
        }

.navbar-light .navbar-nav .nav-item.active .nav-link, .navbar-light .navbar-nav .nav-item.show .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ff6633;
}

.navbar-light .navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(/images/adanigas/hamburger-menu.png);
    width: 1.75em;
    margin: 0.75em 0em;
}

/*.topMenu li a {
    border-right: 1px solid #fff;
}*/

.topMenu li:last-child a {
    border-right: none;
}

.topMenu li > a {
    padding: 0 0.4rem;
    color: #fff;
}

.topMenu li:first-child a {
    padding-left: 0;
}

.btn.btn-menu {
    background: none;
    padding: 0;
    font-size: 1.25rem;
    color: #fff;
}

.topNavBtn {
    position: absolute;
    z-index: 9;
    top: 3px;
}

.topMenu li.topSearchMenu {
}

.topNav li.topSearch a {
    font-size: 20px;
    line-height: 1;
    position: relative;
    top: 3px;
}

.social-links {
    line-height: 1;
    display: flex;
}

    .social-links li a {
        padding: 0 1px;
        display: block;
    }

.quick-links {
    margin-right: 10px;
    position: relative;
    top: 1px;
}

    .quick-links li a {
        padding: 0 5px;
    }

.download-links {
}

    .download-links li a {
        padding: 0 1px;
    }

    .download-links img {
        height: 22px;
    }

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-toggle::after {
    content: none;
}

.dropdown-item {
    border-bottom: 1px solid #ff6633;
    padding: .5rem .5rem;
}

.dropdown-menu > .dropdown-item:last-child {
    border-bottom: none;
}



@media (min-width: 992px) {
    .navbar-brand {
        padding-top: 0.9rem;
    }

    .navbar-expand-lg {
        padding-top: 0;
    }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding: 1.3rem;
            font-size: 1.3rem;
        }

        .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
            padding-right: 0;
        }

    .social-links li:last-child a {
        padding-right: 0;
    }

    .dropdown-menu {
        left: 0;
        right: auto;
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
        background: #eee;
        padding: 6px 6px;
        border: none;
        top: 98%;
        border-radius: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .dropdown {
        position: static;
    }

    .primaryMenu {
        position: relative;
        top: 7px;
    }

    .dropdown-item {
        display: inline-block;
        width: auto;
        padding: 0rem .7rem;
        border-bottom: none;
        border-right: 1px solid #737373;
        color: #737373;
    }

    .dropdown-menu .dropdown-item:last-child {
        border-right: none;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        background: none;
        color: #ff6633;
    }

    .main-add {
        width: 46%;
        float: left;
    }

        .main-add:nth-child(odd) {
            clear: both;
            padding-right: 4%;
        }
}

/*Footer*/
.footerBtmPanel {
    background: #383838;
    color: #fff;
}

.footerMenu li {
    list-style: none;
    display: inline-block;
}

    .footerMenu li a {
        color: #f3f3f3;
        padding: 0 0.5rem 0 0.5rem;
        font-size: 0.9rem;
    }

        .footerMenu li a:hover, .footerMenu li a:focus {
            color: #df5932;
        }

    .footerMenu li:first-child a {
        border-left: none;
    }

    .footerMenu li:last-child a {
        padding-right: 0;
    }

.footerMenu.menuSecondary li {
}

    .footerMenu.menuSecondary li a {
        color: #f3f3f3;
        opacity: 0.5;
        border-left: none;
        padding: 0 0.5rem;
        font-size: 0.8rem;
    }

    .footerMenu.menuSecondary li:last-child a {
        padding-right: 0;
    }

    .footerMenu.menuSecondary li a:hover {
        opacity: 1.0;
        color: #ff6633;
    }

.copyrightTxt {
    font-size: 0.8rem;
    color: #f3f3f3;
    opacity: 0.5;
    margin-top: 5px;
}

.footerPanel2 h5 {
    color: #df5932;
    line-height: 40px;
    text-align: left;
}

    .footerPanel2 h5 a {
        color: #df5932;
        line-height: 40px;
        font-size: 1.25rem
    }

.footerPanel2 ul {
    min-height: 50px;
}

.footerPanel2 li {
    display: block;
    text-align: left;
}

.footerPanel2 a {
    color: #606060;
    font-size: 14px;
}

    .footerPanel2 a:hover {
        color: #df5932;
    }

.footerPanel2 h6 {
    font-size: 1.5rem;
    padding: 6px 30px;
    text-align: center;
}

.ft-social {
    display: inline;
    position: relative;
    top: 10px;
}

    .ft-social li {
        display: inline-block;
        text-align: center;
        width: 15%;
    }

        .ft-social li:hover a {
            color: #019fd4;
            transition: ease all 0.3s;
        }

        .ft-social li a {
            color: #df5932;
            padding: 5px 5px;
        }

.terms-link li:after {
    content: "|";
    position: relative;
    margin: 0px 10px;
}

.terms-link li:nth-child(3):after {
    display: none;
}

.sitemap-link {
    color: #fff;
    text-align: left;
    cursor: pointer;
}

    .sitemap-link a:hover {
        color: #fff;
    }

    .sitemap-link i {
        float: right;
        position: relative;
        top: 5px;
    }


/* Content Section */
.contentSection {
    text-align: left;
}
/*Banner*/
.mainBanner {
    width: 100%;
    height: 580px;
    position: relative;
}

.bannerImg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: 1;
}

.bannerImg, .contactPanel {
    background-image: none;
    overflow: hidden;
}

.myAccountBanner .bannerImg {
    background: #e76d2d url(/images/adanigas/banner-myAccount.png) no-repeat right center;
    background-size: cover;
}

.customerCare {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #E56B2E;
    color: #fff;
    padding: 0.25rem 1.2rem;
    border-top-right-radius: 16px;
}

.bannerCnt {
    position: relative;
    z-index: 2;
}

    .bannerCnt, .bannerCnt > .container, .bannerCnt > .container .row {
        height: 100%;
    }

/*To use img tag for banner and contact panel*/
.bannerImg img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    /*top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
    height: 100%;
}



/*Account Box*/
.manageAcBox {
    background: #fff;
    background: rgba(255,255,255,0.9);
    color: #191919;
}

    .manageAcBox .manageAcBoxPd {
        padding: 20px 20px 10px 20px;
    }


    .manageAcBox .btn {
        font-size: 1.2rem;
    }

#LoginNewEnquiryConnect .btn {
    font-size: 1.0rem;
}

.forgotPassLink {
    color: #191919;
}

    .forgotPassLink:hover {
        color: #ff6633;
    }

a.registerLink {
    color: #ff6633;
    text-decoration: underline;
}

/*New User*/
.actionTile {
    color: #515151;
    border: 1px solid transparent;
    display: block;
    padding: 5px;
}

    .actionTile:hover {
        color: #ff6633;
        border: 1px solid rgba(232,232,232,0.6);
        background: #f2f2f2;
    }

    .actionTile h5 {
        font-size: 1.10rem;
        margin-top: .25rem;
    }

/* Secondary Navigation below Banner*/
.navBar2 {
    background: #8e278f; /* Old browsers */
    background: -moz-linear-gradient(left, #8e278f 35%, #006db6 65%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #8e278f 35%,#006db6 65%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #8e278f 35%,#006db6 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e278f', endColorstr='#006db6',GradientType=1 ); /* IE6-9 */
    background: #8e278f url('/images/adanigas/adani-gradient.png') center;
    background-size: cover;
    color: #fff;
}

.navTile {
    border-right: 1px solid rgba(226,226,226,0.2);
}

    .navTile a {
        /* padding: 0.5rem 0.5rem 0.5rem 0.75rem; */
        color: #fff;
        display: inline-block;
        width: 100%;
        height: 100%;
        font-size: 14px;
        padding: 0.5rem;
    }

        .navTile a span {
            vertical-align: middle;
        }

.section {
    padding: 2rem 0;
    background-color: #ebebeb;
}

/*Communities*/
.communitySec {
    background: #f2f2f2 url(/images/adanigas/pattern1.png) repeat;
}

.communityTile {
    width: 100%;
    background: #f2f2f2;
    padding: 1rem;
    color: #fff;
    padding-right: 2rem;
    font-size: 1.2rem;
    margin-bottom: 20px;
    min-height: 180px;
    display: block;
}

    .communityTile:hover {
        color: #fff;
    }

    .communityTile .tileCnt {
        width: 40%;
        font-size: 1.1rem;
    }


.communitySec .row .community1:nth-child(1) .communityTile {
    background: url(/images/adanigas/bg-community1.png) no-repeat right top;
}

.communitySec .row .community1:nth-child(2) .communityTile {
    background: url(/images/adanigas/bg-community2.png) no-repeat right top;
}

.communitySec .row .community1:nth-child(3) .communityTile {
    background: url(/images/adanigas/bg-community3.png) no-repeat right top;
}

.communitySec .row .community1:nth-child(4) .communityTile {
    background: url(/images/adanigas/bg-community4.png) no-repeat right top;
}


/* Items List*/
ul.itemsList {
    margin-left: 20px;
}

    ul.itemsList > li {
        list-style: disc;
        margin: 10px 0;
    }

    ul.itemsList li a {
        color: #707070;
        padding: 3px 0;
        display: block;
    }

ol.numberedList {
    counter-reset: li;
    list-style-type: none;
    padding-left: 0px;
}

    ol.numberedList > li {
        position: relative;
        padding: 7px 0 7px 30px;
        margin: 3px 0;
    }

        ol.numberedList > li:before {
            content: counter(li);
            counter-increment: li;
            height: 20px;
            width: 20px;
            background: #ff6633;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            position: absolute;
            left: 0;
            top: 9px;
            font-size: 0.8rem;
            line-height: 1.5;
        }

ol.listStyle {
    list-style-type: lower-alpha;
}

    ol.listStyle li {
        list-style-type: lower-alpha;
    }

.itemsListHeader {
    display: table;
    width: 100%;
}

.listHeading {
    display: table-cell;
    vertical-align: middle;
}

.listIcon {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 20px;
}



.announcements .listHeading {
    color: #8e278f !Important;
}
/*Announcements & News*/
.announcements .itemsList li {
    color: #8e278f;
}

    .announcements .itemsList li a:hover {
        color: #8e278f;
    }

.news .listHeading {
    color: #006db7 !Important;
}

.news .itemsList li {
    color: #006db7;
}

    .news .itemsList li a:hover {
        color: #006db7;
    }

/*Services Carousel*/
#servicesSec .nav-tabs .nav-item {
    margin-right: 0;
}

#servicesSec .nav-tabs .nav-link {
    padding: 0.5rem 2rem;
    border: 0px;
}

.serviceTile {
    background: rgba(239,239,239,0.3);
    padding: 2rem 1.5rem;
    margin: 1rem 0.5rem;
    display: table;
    border: 1px solid rgba(232,232,232,0.3);
    width: 95%;
}



    .serviceTile:hover {
        border: 1px solid rgba(232,232,232,1.0);
    }

    .serviceTile .serviceIcon {
        display: table-cell;
        vertical-align: top;
        height: 75px;
        overflow: hidden;
        width: 60px;
    }

    .serviceTile .serviceDetails {
        display: table-cell;
        vertical-align: top;
        padding-left: 1rem;
    }

    .serviceTile .serviceIcon img {
        width: auto;
        height: auto;
        max-height: 45px;
        max-width: 100%;
    }

.serviceName {
    margin-bottom: 0.5rem;
    color: #4b4b4b;
    font-size: 1.25rem;
}

.serviceBrief {
    font-size: 0.9rem;
    line-height: 1.3;
    color: #858585;
}

.serviceBtn {
    font-size: 1rem;
    margin-bottom: 1rem;
}

#homeslider .owl-nav {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    width: 90%;
    z-index: 99;
    left: 5%;
}

#homeslider.owl-carousel .owl-nav button.owl-prev, #homeslider.owl-carousel .owl-nav button.owl-next {
    width: 23px;
    height: 66px;
}

#homeslider.owl-carousel .owl-nav button.owl-prev {
    background: url(/images/adanigas/arrow-prev.png) no-repeat;
    margin-left: -30px;
    float: left;
    outline: 0;
}

#homeslider.owl-carousel .owl-nav button.owl-next {
    background: url(/images/adanigas/arrow-next.png) no-repeat;
    margin-right: -30px;
    float: right;
    outline: 0;
}



/*My Account Page*/
.mainBanner.myAccountBanner {
    height: auto;
    min-height: 150px;
    /*max-height: 550px;*/
}

.myAccountBanner .bannerCnt {
    padding: 2rem 0;
}

.myAccountBanner .manageAcBoxOuter {
    margin-top: 40%;
    margin-bottom: 40%;
}

.breadcrumbBar {
    font-size: 0.9rem;
}

    .breadcrumbBar li a {
        color: #303030;
    }

.accountServices {
    margin-top: 1rem;
}

.accSerTile {
    padding: 1.5rem 0;
}

.iconBox {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}

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

.accService {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    color: #323030;
    padding-left: 10px;
}

    .accService:hover {
        color: #ff6633;
    }

/* Inner pages */
.pageTitleBar {
    background: url('/images/adanigas/adani-gradient.png') no-repeat right center;
    background: url('/images/adanigas/bg-gas.png') no-repeat right center;
    background-size: cover;
    padding: 1rem 0;
    color: #fff;
    min-height: 75px;
    margin-bottom: 2rem;
}

.billing .pageTitleBar {
    background-image: url('/images/adanigas/bg-billing.png');
}

.solar .pageTitleBar {
    background-image: url('/images/adanigas/bg-solar.png');
}

.account .pageTitleBar {
    background-image: url('/images/adanigas/bg-account.png');
}

.quick-access .pageTitleBar {
    background-image: url('/images/adanigas/bg-quick-access.png');
}

.regulatory .pageTitleBar {
    background-image: url('/images/adanigas/bg-regulatory.png');
}

.tenders .pageTitleBar {
    background-image: url('/images/adanigas/bg-tenders.png');
}

.faqPage .pageTitleBar {
    background-image: url('/images/adanigas/bg-faq.png');
}

.default .pageTitleBar {
    background-image: url('/images/adanigas/bg-breadcrumb-default.jpg');
}

.breadcrumb {
    background: none;
    padding: 0;
    margin: 0rem 0 1rem 0;
    position: relative;
    z-index: 8;
}

    .breadcrumb li a {
        color: #e3622f;
    }

        .breadcrumb li a:after {
            content: '>';
            padding: 0 5px;
        }

/*.breadcrumb li:last-child a:after {
    content: none;
}*/

.pageContent {
    padding: 0;
}

.panel {
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

    .panel a {
        color: #333;
    }

/*.panel a:hover, .nav-tabs a:hover {
            color: #ffffff;
        }*/

.tile {
    background: #efefef;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 2%, rgba(247,247,247,0.31) 25%, rgba(244,244,244,0.4) 35%, rgba(212,212,212,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 2%,rgba(247,247,247,0.31) 25%,rgba(244,244,244,0.4) 35%,rgba(212,212,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(254,254,254,1) 2%,rgba(247,247,247,0.31) 25%,rgba(244,244,244,0.4) 35%,rgba(212,212,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
    border: 1px solid #e8e8e8;
    display: table;
    padding: 0.5rem 1rem;
    height: 100%;
    width: 100%;
    color: #4b4b4b;
}

    .tile:hover {
        border: 1px solid #d3d3d3;
        color: #ff6633;
    }

    .tile .iconBox {
        display: table-cell;
        vertical-align: middle;
    }

    .tile .detailBox {
        display: table-cell;
        vertical-align: middle;
    }

.goBack {
    color: #333;
    font-size: 1.2rem;
}

    .goBack:hover {
        color: #ff6633;
    }

/* Payment Pages */
.paymentType {
    font-size: 1.25rem;
}

.paymentTile .detailBox {
    padding-left: 1rem;
}

.payBillBox {
    background: #e7e7e7;
    border: 1px solid #e8e8e8;
    padding: 1rem;
    width: 100%;
}

/* Tabs */
.nav-tabs {
    border-bottom: 1px solid #e8e8e8;
}

    .nav-tabs .nav-link {
        border: 1px solid #ccc;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: #e7e7e7;
        color: #2e2e2e;
        padding: 0.5rem;
    }

    .nav-tabs .nav-item {
        margin-right: 7px;
        margin-top: 7px;
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            background: #ec7b28; /* Old browsers */
            background: -moz-linear-gradient(top, #ec7b28 39%, #de5833 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ec7b28 39%,#de5833 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ec7b28 39%,#de5833 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec7b28', endColorstr='#de5833',GradientType=0 ); /* IE6-9 */
            color: #fff;
            border-color: #ec7b28;
            border: 0px;
        }

.tab-content {
    background: #fff;
    padding: 1rem;
    border: 1px solid #e8e8e8;
    border-top: none;
}

.noBorder {
    border: none;
}

/*Billing*/
.loginBox {
    border: 1px solid #ddd;
    padding: 1rem;
    margin: 1rem 0;
}

a.forgotLink {
    color: #808080;
    text-decoration: underline;
}

/* Left Navigation STYLE */

#dismiss {
    text-align: left;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0.25rem 1rem;
    background: rgba(0,0,0,0.3);
    background: #ff6633;
}

    #dismiss:hover {
        background: rgba(0,0,0,0.4);
        color: #fff;
    }

.sideNavBtn {
    float: right;
    margin-bottom: 1rem;
}

.overlay, .overlay-top {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

    .overlay.active, .overlay-top.active {
        display: block;
        opacity: 1;
    }

.overlay-top {
    z-index: 999;
}

#sideNav {
    padding-bottom: 2rem;
}

    #sideNav.active {
        left: 0;
    }

    #sideNav ul li {
        border-bottom: 1px solid #e4e4e4;
    }

        #sideNav ul li a {
            padding: 0.5rem 0.75rem;
            display: block;
            background: #f36f31;
            color: #fff;
            position: relative;
        }

            #sideNav ul li a:hover {
                color: #fff;
                background: #ff6633;
            }

        #sideNav ul li .submenu li a {
            background: #fff;
            color: #000;
        }

            #sideNav ul li .submenu li a:hover, #sideNav ul li .submenu li.active a {
                background: #858585;
                color: #fff;
            }

        #sideNav ul li a.dropdown-toggle::after {
            width: auto;
            height: auto;
            content: '>';
            display: block;
            position: absolute;
            top: 50%;
            right: 0.5rem;
            border: none;
            transform: translateY(-50%) rotate(0deg);
        }

        #sideNav ul li a[aria-expanded=true] {
            background: #ff6633;
        }

            #sideNav ul li a[aria-expanded=true]::after {
                transform: translateY(-50%) rotate(90deg);
            }

/* FAQ Accordion */
.faqItem {
    border: 1px solid #e8e8e8;
    background: #f7f7f7;
    margin-bottom: 0.5rem;
    padding: 0.75rem 1rem 0.75rem 3.2rem;
}

.ques {
    color: #000;
    cursor: pointer;
    position: relative;
}

.ans {
    color: #4e4a4a;
    font-size: 0.9rem;
    padding-top: 0.75rem;
}

    .ans a {
        color: #ff6633;
    }

.faqItem:hover .ques {
    color: #ff6633;
}

.faqItem .ques::before {
    height: 24px;
    width: 24px;
    background: #ff6633;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    left: -2.2rem;
    top: 2px;
    font-size: 0.9rem;
    line-height: 1.75;
    content: '>';
}

.faqItem .ques[aria-expanded="true"]::before {
    transform: rotate(90deg);
    background: #848484;
}

/* Rooftop Solar */
.solarDetails {
    background: url('/images/adanigas/solar-icon.png') no-repeat right bottom;
    background-size: auto 100%;
}

    .solarDetails li {
        margin: 0.5rem 0;
    }

        .solarDetails li a {
            color: #ff6633;
        }

            .solarDetails li a:hover {
                text-decoration: underline;
            }

/* Quick Access */

.link-tile {
    display: table;
    width: 100%;
    margin: 0.25rem 0;
    color: #747474;
    padding: 0.5rem 0;
}

.link-icon, .link-text {
    display: table-cell;
    vertical-align: middle;
}

.link-icon {
    width: 15%;
}

.link-text {
    padding-left: 10px;
}

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

.link-tile:hover {
    color: #ff6633;
}

/* Table Style */
.tableOuter {
    border: 1px solid #a2a2a2;
}

.table .thead-light th {
    background-color: #e9e9e9;
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.05);
}

/* Search */
.searchBox .btn {
    margin-left: 10px;
}

.searchItem {
    background: #f7f7f7;
    border: 1px solid #e4e4e4;
    padding: 1rem;
    margin-bottom: 10px;
}

    .searchItem p {
        margin: 0.25rem 0;
    }

    .searchItem h5 {
        font-size: 1.1rem;
    }

    .searchItem a {
        color: #ff6633;
        word-break: break-word;
    }

    .searchItem .downloadDoc {
        padding-left: 10px;
        padding-top: 3px;
        display: inline-block;
    }

/* About */
.aboutVideo {
    margin-top: 3rem;
    padding: 3rem 0;
}
/*CEO Message*/
.messageBox .usrName {
    padding-top: 0.5rem;
}

.welcomeMsg {
    padding-top: 20px;
    color: #3d3d3d;
}


.blockquote .quote:before {
    font-family: "Times New Roman";
    content: "\201C";
    font-size: 90px;
    line-height: 1;
    color: #de6530;
    height: 70px;
    display: block;
}

.blockquote .quote:after {
    font-family: "Times New Roman";
    content: "\201D";
    font-size: 90px;
    line-height: 1;
    color: #de6530;
    height: 40px;
    display: block;
    text-align: right;
}

/*Value and Culture Tiles*/

.ourBoxBlk, .ourBoxBlk img {
    position: relative;
    width: 100%
}

    .ourBoxBlk h5, .ourBoxBlk:hover h4 {
        opacity: 0;
        visibility: hidden
    }

.ourBox h3 {
    color: #7e5999;
    margin-bottom: 10px
}

.ourBoxBlk {
    float: left;
    max-width: 50%;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

    .ourBoxBlk img {
        z-index: 0;
        display: block
    }

.ourBoxBlk_big {
    max-width: 100%;
    width: 100%;
    margin-right: 0
}

.ourBoxBlk .hovLayer {
    background: rgba(141,100,170,.9);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    transition: all .2s ease
}

.ourBoxBlk h4, .ourBoxBlk h5 {
    position: absolute;
    z-index: 8;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
    transition: all .2s ease
}

.ourBoxBlk h4 {
    bottom: 42%
}

.ourBoxBlk h5 {
    font-size: 16px;
    bottom: 0;
    padding: 10px 5px;
    background: rgba(141,100,170,.9);
}

.ourBoxBlk:hover .hovLayer {
    top: 100%;
}

.ourBoxBlk:hover h5 {
    opacity: 1;
    visibility: visible
}

.layerCommit, .commitBlk h5, .dedicationBlk h5 {
    background: rgba(128,195,66,.85) !important
}

.layerTrust, .trustBlk h5, .integrationBlk h5 {
    background: rgba(0,130,198,.85) !important
}

.layerPassion, .passionBlk h5 {
    background: rgba(243,112,50,.85) !important
}

.statistics {
    margin: 1rem 0;
}

.tile-stats {
    color: #555;
    margin: 1rem 0;
}

    .tile-stats h4 {
        font-size: 1.6rem;
        font-weight: 600;
    }

.statsIcon {
    margin-bottom: 1.5rem;
}

.msgTileOuter {
    margin: 1rem 0;
}

.msgTile {
    position: relative;
    padding: 1.5rem;
    height: 100%;
}

    .msgTile p.lead {
        line-height: 1;
    }

    .msgTile .usrPic {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.msgCnt {
    width: 100%;
    min-height: 140px;
}

@media (min-width: 992px) {
    .pageContent {
        min-height: 200px;
    }

    .navTile a {
        /* border-right: 1px solid rgba(226,226,226,0.2); */
    }

    .navTile:first-child {
        margin-left: -15px;
    }

    .navTile:hover {
        background: rgba(0,0,0,0.2);
    }

    .communityTile {
        min-height: 180px;
        height: 100%;
        padding: 1.5rem;
    }

        .communityTile.large .tileCnt {
            position: absolute;
            bottom: 1.5rem;
            width: 70%;
        }

    .community3 {
        margin-top: 30px;
    }


    .serviceTile {
        margin: 1rem;
        min-height: 175px;
        width: 95%;
    }

    #gasCategory .serviceTile {
        margin: 1rem 0;
        width: 100%;
    }

    .searchItem .downloadDoc {
        padding-left: 1rem;
    }
    /*CEO Message*/
    .welcomeMsg {
        padding-top: 3.2rem;
    }

    .statistics {
        margin: 2rem 0;
    }

    .msgCnt {
        width: 60%;
        float: left;
    }
}




/* 2nd July 2018 */
.required {
    color: red;
}

.pay_box {
}

.mr-lt-30 {
    margin-left: 30px;
}

.txt-underline {
    text-decoration: underline;
}

.pull-right {
    float: right;
}

.txt-lg {
    color: #ccc;
    font-size: 14px;
}

.pagination {
    display: inline-block;
    border-radius: 4px;
}

    .pagination li {
        display: inline;
    }

        .pagination li,
        .pagination li span {
            position: relative;
            float: left;
            border: 1px solid #ccc;
            padding: 6px 12px;
        }

    .pagination .active {
        background: #E9ECEF;
        color: #000 !important;
    }

        .pagination .active a {
            color: #000;
        }

    .pagination .start a,
    .pagination .end a {
        color: #000;
    }

    .pagination a {
        color: #F36F31;
    }

.table-white {
    color: #000;
    background-color: #fff;
}

    .table-white td, .table-white th, .table-white thead th {
        border-color: #fff;
    }

.tablexoverflow {
    margin: 10px 0px 30px 0px;
    border: 1px solid #B7B7B7;
    overflow: auto;
}

@media (max-width: 992px) {
    .tablexoverflow {
        width: 404px;
        overflow-x: scroll;
    }
}

@media (max-width: 492px) {
    .tablexoverflow {
        width: 100%;
        overflow-x: scroll;
    }
}

@media (max-width: 492px) {
    .name-transfer-video-link {
        position: relative !important;
        margin-bottom: 10px;
        margin-left: 30px;
    }
}

.panelbtmbar span {
    margin-right: 8%;
}

.name-transfer-video-link {
    position: absolute;
    right: 0;
    color: #ff6633 !important;
    text-decoration: underline !important;
}

.eqiptiles { /*padding:2rem 2rem*/
    ;
    margin: 1rem 0.5rem;
    display: table-cell;
    text-align: center;
    text-align: -webkit-center;
    min-width: 128px;
    color: #A9A9A9;
}

    .eqiptiles:active span {
        color: #ff6633
    }

    .eqiptiles:focus span {
        color: #ff6633
    }

    .eqiptiles .eqipicons {
        display: table-cell;
        vertical-align: top;
        height: 75px;
        overflow: hidden;
        min-width: 123px;
    }

    .eqiptiles span {
        font-size: 12px;
    }

    .eqiptiles .eqipicons img {
        min-width: 60px;
    }

.eqipicons img {
    background-image: url(/images/adanigas/equipments-icons/gray-bg.png);
    background-repeat: no-repeat;
}

    .eqipicons img:active, .eqipicons img:focus {
        background-image: url(/images/adanigas/equipments-icons/orange-bg.png);
    }

    .eqipicons img:focus {
        outline: 0 !important;
    }

.form-inner-box {
    padding: 1rem;
}

    .form-inner-box .col-form-label, .form-inner-box span {
        font-size: 12px;
    }

.bg-white {
    background: #fff;
}

.bg-gray {
    background: #ebebeb;
}

.energy-navigation {
    background-color: #efefef;
    padding: 30px 40px 30px 40px;
}

    .energy-navigation .owl-nav {
        top: -55px;
        z-index: 9;
        position: relative;
        display: block !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
/*.energy-navigation .owl-item{width: 150px !important;}
.slideItem{display: table-cell;}*/
.form-inner-box select {
    font-size: 12px;
}

.bg-dark-gray {
    background-color: #c6c6c6;
}

    .bg-dark-gray .txt-lg {
        color: #8A8A8A;
    }

.quick-access h5 {
    color: #747474;
}

    .quick-access h5 img {
        margin: 0px 25px 0px 0px;
    }

.mar-bt-10 {
    margin-bottom: 10px;
}

.txt-example {
    color: #5d5c5c;
}

.contact-querybox {
    padding: 0.5rem;
}

.querytab .nav-tabs .nav-item.show .nav-link, .querytab .nav-tabs .nav-link.active {
    background: #fff;
    color: #000 !important;
    font-size: 19px;
    border: 0px;
    border-bottom: 5px solid #ff6633 !important;
}

.querytab .nav-tabs .nav-link {
    background: #fff;
    color: #838080;
    font-size: 19px;
    border: 0px;
}

.our-centers-box {
    background-color: #8b8787;
    margin: 0px 0px 20px 0px;
    padding: 1.5rem 0.5rem;
    color: #fff;
    line-height: 35px;
}


.list-bullet-style li {
    list-style-type: disc;
    margin-left: 20px;
    color: #e86e2b;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

    .list-bullet-style li span {
        color: #212529;
    }

.table-border {
    margin-bottom: 0px !important;
}

    .table-border td, .table-border th {
        border-top: 0px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }

    .table-border tbody {
        border-top: 0px solid #dee2e6 !important;
    }

.noborder {
    border: 0px !important;
}

.border-btm-2 {
    border-bottom: 2px solid #ccc
}

.list-sl li {
    display: inline-block;
    margin-right: 25px;
}

.cooling-bg-overlay {
    background: url(/images/adanigas/money-saver-overlay.jpg) no-repeat;
    height: auto;
}

.image-container {
    min-height: 100%;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
}

.overlaybox {
    background: #fff;
    margin: 2rem 2rem;
    padding: 2rem 2rem;
}

.center-txt {
    text-align: -webkit-center;
}

.about-energy img {
    margin-bottom: 15px;
}

.stylenumbered li {
    list-style-type: decimal;
    margin-left: 20px;
}

.banner-404 {
    background: #F5F5F5;
}

    .banner-404 h1 {
        font-size: 50px;
    }

    .banner-404 h2 {
        font-size: 35px;
    }

.banner-404-txt {
    padding: 3rem 0rem;
}

.FLT-list li {
}

    .FLT-list li a {
        padding: 0px;
        color: #000;
    }

@media (max-width: 768px) {
    .order2 {
        order: 2;
    }
}

.img-zoom {
    transform: scale(1.0);
    transition: transform 0.3s;
}

    .img-zoom:hover {
        transform: scale(1.1);
        transition: transform 0.3s;
    }

/*Gallery*/
.component {
    position: relative;
    overflow: hidden;
}

@media (min-width: 993px) {
    .component {
        width: 550px;
        height: 355px;
    }
}

@media (min-width: 481px) and (max-width: 992px) {
    .component {
        width: 450px;
        height: 300px;
    }
}

@media (max-width: 480px) {
    .component {
        width: 300px;
        height: 200px;
        padding: 0px 0px !important;
    }
}

.main-carousel .owl-prev {
    left: 10px;
}

    .main-carousel .owl-prev:after {
        margin-bottom: 3px;
        margin-right: 6px;
        border: solid white;
        display: inline-block;
        padding: 8px;
        border-width: 0 3px 3px 0;
        transform: rotate(-225deg);
        right: -13px;
        transition: 0.2s ease-in transform;
        position: relative;
    }

.main-carousel .owl-next {
    right: 10px;
}

    .main-carousel .owl-next:after {
        margin-bottom: 3px;
        margin-right: 6px;
        border: solid white;
        display: inline-block;
        padding: 8px;
        border-width: 0 3px 3px 0;
        transform: rotate(-45deg);
        right: 7px;
        transition: 0.2s ease-in transform;
        position: relative;
    }

.main-carousel .owl-prev, .main-carousel .owl-next {
    position: absolute;
    top: 58%;
    transform: translate(0, -50%);
    opacity: 1;
}

    .main-carousel .owl-prev:after, .main-carousel .owl-next:after {
        content: '';
    }

@media (max-width: 480px) {
    .main-carousel .owl-prev:after, .main-carousel .owl-next:after {
    }
}

@media (min-width: 993px) {
    .main-carousel .item {
        height: 300px;
    }
}

@media (min-width: 481px) and (max-width: 992px) {
    .main-carousel .item {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .main-carousel .item {
        height: 200px;
    }
}

@media (min-width: 993px) {
    .main-carousel .item .image {
        max-height: 297px;
    }
}

@media (min-width: 481px) and (max-width: 992px) {
    .main-carousel .item .image {
        max-height: 300px;
    }
}

@media (max-width: 480px) {
    .main-carousel .item .image {
        max-height: 200px;
    }
}

.thumbnails-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px 30px;
}

    .thumbnails-wrapper .item {
        margin: 5px;
        cursor: pointer;
        height: 36px;
    }

        .thumbnails-wrapper .item .image {
            border: 1px solid #9F9EA2;
            max-height: 36px;
        }

    .thumbnails-wrapper .synced .image {
        border-color: #1699FF;
    }

    .thumbnails-wrapper .owl-prev, .thumbnails-wrapper .owl-next {
        position: absolute;
        height: 11px;
        width: 1px;
        bottom: 50%;
        transform: translate(-50%, 0);
    }

        .thumbnails-wrapper .owl-prev:after, .thumbnails-wrapper .owl-next:after {
            content: '';
            display: inline-block;
            border-top: 11px solid transparent;
            border-bottom: 11px solid transparent;
        }

    .thumbnails-wrapper .owl-prev {
        left: -15px;
    }

        .thumbnails-wrapper .owl-prev:after {
            border-right: 9px solid #fff;
        }

    .thumbnails-wrapper .owl-next {
        right: -5px;
    }

        .thumbnails-wrapper .owl-next:after {
            border-left: 9px solid #fff;
        }

.item {
    position: relative;
}

.image {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    height: auto;
    display: block;
    transform: translate(-50%, -50%);
}

.collapse-button {
    position: absolute;
    border-bottom: 11px solid rgba(200, 60, 60, 0.5);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    height: 0;
    width: 63px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -11px;
}

    .collapse-button .icon {
        position: relative;
        top: 2px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 7px solid white;
        margin: 0 auto;
    }

        .collapse-button .icon.-flip {
            border-top: 0;
            border-bottom: 7px solid white;
        }

.counter {
    position: absolute;
    right: 40px;
    top: -35px;
    z-index: 2;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 3px 8px;
    border-radius: 15px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

@media (max-width: 480px) {
    .counter {
        font-size: 10px;
        top: -15px;
        padding: 1px 6px;
    }

    #carousel .owl-item {
    }
}

@media (min-width: 576px) {
    .gallery-slide .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

.gallery-slide .component {
    margin-left: auto;
    margin-right: auto;
    background: #000;
    padding: 10px 0px;
}

.gallery-slide .close {
    position: absolute;
    right: 5px;
    z-index: 99;
    bottom: -30px;
    font-size: 30px;
}

.gallery-slide .modal-body {
    padding: 10px;
}

.gallery-slide .modal-content {
    background: none;
    border: 0px;
}

@media (min-width: 1024px) {
    #carousel .owl-item {
        width: 550px !important;
    }
}

.FT_10 {
    font-size: 10px;
    text-align: justify;
}

.cert-thumb img {
    width: 100%;
    height: 100%;
}
/*Our Centers page*/
#ourcenters {
    color: #000;
}

.gmap button.close {
    position: absolute;
    right: 0px;
    bottom: -28px;
    font-size: 30px;
}


.empty_inbox {
    width: 250px;
    padding: 20px 0px;
}

.txt-center {
    text-align: center;
}

.mail-outbox input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.para-text, .para-text p {
    line-height: 1.2;
}

@media (max-width: 767px) {
    .homepage .bannerImg img {
        min-height: 250px;
        height: 100%;
        width: auto;
        transform: none;
        left: 0;
        top: 0;
    }
}


.formlabel label {
    top: 20px;
    position: relative;
}

.item-carousel-thumbs img {
    width: 100px;
}


.field-validation-error {
    color: red;
}

.SearchButtonIcon {
    background: transparent;
    border: 0px;
    color: #fff;
}

.topblank {
    top: -0px !important;
}

.txt-red {
    color: #ff131d;
}

.txt-green {
    color: #50b848;
}

#dropdown02:hover div {
    display: block;
}

#userlogin .manageAcBoxOuter {
    position: absolute;
    margin-top: 17%;
}

.owl-carousel .owl-item .bannerImg img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    top: 50%;
    left: 45%;
    transform: translateX(-45%) translateY(-50%);
}

.bannerContent {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 0;
    right: 0;
    ;
}

    .bannerContent > div {
        position: relative;
        top: 13%;
        transform: translateY(-50%);
    }

    .bannerContent .btn-secondary:hover {
        color: #fff;
        background-color: #2768b3;
        border-color: #2768b3;
    }

#bannerCarousel .owl-item {
    height: 480px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#dropdown02:hover div {
    display: block;
}

#userlogin .manageAcBoxOuter {
    position: absolute;
    margin-top: 17%;
    box-shadow: 0px 0px 4px -1px #000;
}

.bullets-ul {
}

    .bullets-ul li {
        list-style-type: initial;
    }

        .bullets-ul li ul {
            padding-left: 20px;
        }

            .bullets-ul li ul li {
                list-style-type: circle;
            }

main {
    padding-top: 116px;
}

.nohover a {
    cursor: default;
}

    .nohover a:hover {
        color: #000 !important;
    }

#homeslider .owl-item img {
    width: 100%;
}

.ans a:hover {
    color: #000;
}

.radio-label label {
    margin-right: 15px;
}

.radio-label input[type=radio] {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.topNav li:focus, .topNav li:hover {
    outline: 0;
}



.txt-right {
    text-align: right;
}


.topNav li:active, .topNav li:focus {
    box-shadow: none;
}

.topNav li a:active, .topNav li a:focus {
    box-shadow: none;
}

.box-inner-shadow {
    box-shadow: 0px 5px 5px -2px #bdbdbd inset;
}

.nav-up .topNav {
    display: none;
    transition: ease-in all 0.2s;
}

.nav-up .navPanel {
    position: fixed;
    transition: ease-in all 0.2s;
}

.nav-down .topNav {
    position: fixed;
    transition: ease-in all 0.2s;
    width: 100%;
}

.nav-down .navPanel {
    position: fixed;
    transition: ease-in all 0.2s;
    top: 30px;
}

.socialicons span {
    background: #fff;
    width: 22px;
    height: 22px;
    padding: 2px;
    border-radius: 100%;
    color: #e2602f;
    font-size: 14px;
}

.socialicons .fa-facebook-f:hover {
    background: #3b5a9a;
    color: #fff;
}

.socialicons .fa-linkedin-in:hover {
    background: #25a8e0;
    color: #fff;
}

.socialicons .fa-twitter:hover {
    background: #2797cf;
    color: #fff;
}

.socialicons .fa-instagram:hover {
    background: #2797cf;
    color: #fff;
}

.socialicons span::before {
    position: relative;
    top: 2px;
}

.socialicons a:hover {
    opacity: 1 !important;
}

.txt-md {
    font-size: 23px;
}

/*.newUserAcc {
    min-width: 400px;
}*/

.video button.close {
    position: absolute;
    right: 0px;
    top: -40px;
    font-size: 40px;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}

.video .modal-body {
    padding: 5px;
}

.tender-btn {
    background: #ec7927;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px;
}

    .tender-btn:hover {
        background: #ababab;
        transition: ease-in all 0.2s;
        color: #fff;
    }

.d-initial {
    display: initial
}

.font-12 {
    font-size: 12px;
}

#homeslider .owl-nav span {
    font-size: 0px;
}

#homeslider .owl-dots {
    position: absolute;
    top: 90%;
    right: 0px;
    width: 100%;
    text-align: center;
}

    #homeslider .owl-dots .owl-dot {
        margin-right: 5px;
        outline: 0;
    }

    #homeslider .owl-dots .active span {
        background: #fff !important;
        border: 2px solid #333;
        width: 16px !important;
        height: 16px !important;
        position: relative;
        top: 1px;
    }

    #homeslider .owl-dots .owl-dot span {
        width: 13px;
        height: 13px;
        display: block;
        background: #333;
        border-radius: 100px;
    }

#homeslider button:active, homeslider button:focus, homeslider button:hover {
    outline: 0;
}

.testimonials .card-header {
    color: #000;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.125);
    background: #ff6633;
}

.testimonials .card {
    border: 0px !important;
}

.testimonials .card-header:hover {
    background: #ff6633;
    transition: ease all 0.3s;
}

    .testimonials .card-header:hover .card-title {
        color: #fff !important;
    }

.testimonials .card-title {
    color: #fff !important;
}

.testimonials .collapsed {
    background: #fff;
}

    .testimonials .collapsed .card-title {
        color: #000 !important;
    }

.testimonials .card-body {
    margin-bottom: 10px;
    background: #f5f5f5;
}

    .testimonials .card-body ul {
        margin-bottom: 20px;
        padding-left: 20px;
    }

        .testimonials .card-body ul li {
            list-style-type: initial;
        }

    .testimonials .card-body::-webkit-scrollbar {
        width: 5px;
    }
/*Testimonials*/
.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.accordion .card-header.collapsed:after {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#offlinePaymentTabs {
    font-size: 14.3px;
}


.leftImg-h:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    display: block;
    content: "";
    top: 25px;
    left: -23px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.topImg-v:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    display: block;
    content: "";
    top: -21px;
    left: 15px;
}

.ceo-img-h:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 22px solid #e86e2b;
    position: absolute;
    display: block;
    content: "";
    top: 25px;
    left: -3px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.txt-xs {
    font-size: 14px;
}

.txt-sm {
    font-size: 16px;
}

.txt-md {
    font-size: 20px;
}

.txt-lg {
    font-size: 26px;
}

.section-heading {
    font-size: 1.3em;
    margin-bottom: 2rem;
    font-weight: 400;
}

.signature {
    font-family:  'Adani-Regular','Celine Dion Handwriting';
    font-weight: normal;
    font-size: 1.5rem;
}

@font-face {
    font-family: 'Celine Dion Handwriting';
    font-style: normal;
    font-weight: normal;
    src: local('Celine Dion Handwriting'), url('/fonts/Celine_Dion_Handwriting.woff') format('woff');
}

.signature span {
    font-family: 'Adani-Regular';
    font-size: 1rem;
    display: block;
}

.chairman-box a {
    font-size: 1rem;
}

.ceoImg img {
    /*position: relative;
    top: 100%;
    transform: translateY(-100%);*/
    margin-top: 25px;
}

.ceoImg.bg-white {
    background: #ececec !important;
}

.news-updates {
    position: relative;
}

    .news-updates li {
        margin-bottom: 12px;
        font-size: 14px;
        list-style: disc;
        margin-left: 20px;
    }

.box-shadow {
    box-shadow: 0px 0px 11px -8px #000;
}

.borderedBox {
    border: 1px solid #d3d3d3;
}

/*Owl Single Item*/
.single-item .owl-dots {
    text-align: right;
}

    .single-item .owl-dots .owl-dot span {
        width: 40px;
        height: 5px;
    }

/*Owl 3 Items*/
.three-item .owl-nav {
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

    .three-item .owl-nav .owl-prev {
        background: transparent !important;
        left: -30px;
        position: relative;
        font-size: 3rem !important;
    }

    .three-item .owl-nav .owl-next {
        background: transparent !important;
        right: -30px;
        position: relative;
        font-size: 3rem !important;
    }

        .three-item .owl-nav .owl-prev:hover, .three-item .owl-nav .owl-next:hover {
            color: #9a9a9a !important;
        }


.serviceTile.gas-cat {
    background-size: cover;
    height: 170px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    display: table;
    border: 1px solid transparent;
    font-size: 1.5rem;
    background-repeat: no-repeat;
    margin-top: 0;
}

    .serviceTile.gas-cat:hover {
        opacity: 0.8;
    }

    .serviceTile.gas-cat.residential {
        background-image: url(/images/adanigas/gasCat-1.png);
    }

    .serviceTile.gas-cat.commercial {
        background-image: url(/images/adanigas/gasCat-2.png);
    }

    .serviceTile.gas-cat.industrial {
        background-image: url(/images/adanigas/gasCat-3.png);
    }

#gasCategory .serviceTile > span {
    display: table-cell;
    vertical-align: middle;
}

.priceBox {
    display: inline-block;
    font-size: 13px;
    padding: 10px 7px;
}

    .priceBox > a {
        margin-right: 5px;
        padding: 5px;
        background: #f4f4f4;
        color: #000;
    }

        .priceBox > a:last-child {
            margin-right: 0;
        }

        .priceBox > a i {
            color: #006db7;
        }

footer {
    /*margin-top: 1.5rem;*/
    border-top: 1px solid #ededed;
    padding-top: 1.5rem;
}

/*CNG Page*/
.tileBox {
    color: #fff;
    padding: 1.5rem;
    min-height: 226px;
    margin: 0.5rem 0;
}

.cngPriceTile {
    background: url(/images/adanigas/bg-cngPrice.png) no-repeat;
    background-size: cover;
}

.tileBox.priceTile {
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 150px;
}

.priceTile.pngResidential {
    background-image: url(/images/adanigas/bg-png-residential.png);
}

.priceTile.pngCommercial {
    background-image: url(/images/adanigas/bg-png-commercial.png);
}

.priceTile.pngIndustrial {
    background-image: url(/images/adanigas/bg-png-industrial.png);
}

.cngStationTile {
    background: url('/images/adanigas/bg-cngStation.png') no-repeat;
    background-size: cover;
}

.introSec.cngPage {
    background: #fff url(/images/adanigas/cng-banner.png) no-repeat right top;
}

.introSec.pngPage {
    background: url(/images/adanigas/png-banner.png) no-repeat right top;
    background-color: #f7f7f7;
}

.bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    z-index: 1;
}

.introSec .container {
    z-index: 2;
    position: relative;
}

.btm-position {
    position: relative;
    top: 100%;
}

.contactBanner {
    background: url(/images/adanigas/bg-contact.png) no-repeat right;
    background-size: cover;
    color: #fff;
}

.bulletIcon {
    margin-right: 15px;
}

.selectBox .customSelect {
    border: 2px solid #fff;
    padding: 0.5rem;
    width: 100%;
    max-width: 250px;
    font-size: 1rem;
    background: transparent;
    color: #fff;
    margin: 1rem 0;
}

    .selectBox .customSelect option {
        background: transparent;
        color: #000;
    }

.priceDetails {
    font-size: 0.9rem;
    display: block;
    margin: 1rem 0;
    clear: both;
}


.priceTxt {
    line-height: 1;
    font-size: 1.8rem;
    margin: 10px 0;
    display: inline-block;
}

.titlePrice {
    color: #ff6633;
}

#ResidentialPricedate, .btm-position.commercial > span, .btm-position.industrial > span {
    float: right;
}

.quickLinksSec .serviceTile {
    margin: 0rem 0;
    width: 100%;
    height: 100%;
}

.quickLinksSec .col-md-4 {
    padding-bottom: 1.9rem;
}

.visionImgText {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 44%;
    font-size: 22px;
    line-height: 30px;
    color: #805C9A;
    background: rgba(255,255,255, 0.7);
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/*About Slider*/
.slider-content {
}

    .slider-content img {
    }

    .slider-content > div {
        position: absolute;
        width: 100%;
        bottom: 0px;
    }

    .slider-content .container {
        background: rgba(0, 0, 0, 0.3215686274509804);
        padding: 3rem 3rem;
    }

    .slider-content p {
        border-left: 3px solid #fff;
        padding-left: 15px;
        color: #fff;
    }

.breadcrumb-slider {
    position: relative;
}

#about-banner .owl-dots {
    padding: 20px 0px 0px 0px;
}

#about-banner .owl-dot span {
    border-radius: 0px;
}

#about-banner .owl-dots .active span {
    background: #006db7
}

#about-banner .owl-dots span:hover {
    background: #006db7
}

#about-banner .owl-prev {
    position: absolute;
    left: -27px;
    background: #fff;
    width: 45px;
    border-radius: 100%;
    outline: 0;
    box-shadow: 0px 1px 1px #b1b1b1;
    height: 45px;
    top: 10px;
}

    #about-banner .owl-prev span {
        font-size: 30px;
        color: #000;
    }

#about-banner .owl-next {
    position: absolute;
    right: -27px;
    background: #fff;
    width: 45px;
    border-radius: 100%;
    outline: 0;
    box-shadow: 0px 1px 1px #b1b1b1;
    height: 45px;
    top: 10px;
}

    #about-banner .owl-next span {
        font-size: 30px;
        color: #000;
    }

#about-banner .owl-nav {
    position: relative;
    bottom: 100px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

    #about-banner .owl-nav .owl-prev:hover, #about-banner .owl-nav .owl-next:hover {
        color: #000;
    }

.breadcrumb-sl-inner {
    position: absolute;
    width: 100%;
    z-index: 9;
    top: 30px;
}

    .breadcrumb-sl-inner ul {
    }

        .breadcrumb-sl-inner ul li {
            color: #fff;
            display: inline-block;
        }

            .breadcrumb-sl-inner ul li:nth-last-child(1):after {
                content: " "
            }

            .breadcrumb-sl-inner ul li:after {
                content: "\f105";
                padding: 0px 10px;
                display: inline-block;
                position: relative;
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
            }

            .breadcrumb-sl-inner ul li a:hover {
                color: #fff;
            }

            .breadcrumb-sl-inner ul li a {
                color: #fff;
                text-transform: capitalize;
                font-size: 1.1rem;
            }


.heading {
    border-left: 5px solid #ec7b28;
    font-size: 22px;
}

.heading-w {
    border-left: 5px solid #fff;
    font-size: 22px;
}

.arrow.loadMore {
    margin-bottom: 1rem;
}

.arrow .fa {
    background: #fff;
    padding: 10px 12px;
    border-radius: 100%;
    box-shadow: 0px 1px 1px #b1b1b1;
}

.loadMore em, .loadMore i {
    transition: ease all 0.5s;
    transform: translateY(0px) scale(1.0);
    background: #fff;
    padding: 10px 11px;
    border-radius: 100%;
}

.loadMore:hover em, .loadMore:hover i {
    transition: ease all 0.5s;
    transform: translateY(0px) scale(1.3);
}

.single-slide .owl-dots {
    padding: 20px 0px 0px 0px;
}

.single-slide .owl-dot span {
    border-radius: 0px;
}

.single-slide .owl-dots .active span {
    background: #006db7
}

.single-slide .owl-dots span:hover {
    background: #006db7
}

.single-slide .owl-prev {
    position: absolute;
    left: -27px;
    background: #fff !important;
    width: 45px;
    border-radius: 100% !important;
    outline: 0;
    box-shadow: 0px 1px 1px #b1b1b1;
    height: 45px;
}

    .single-slide .owl-prev span {
        font-size: 30px;
        color: #000;
    }

.single-slide .owl-next {
    position: absolute;
    right: -27px;
    background: #fff !important;
    width: 45px;
    border-radius: 100% !important;
    outline: 0;
    box-shadow: 0px 1px 1px #b1b1b1;
    height: 45px;
}

    .single-slide .owl-next span {
        font-size: 30px;
        color: #000;
    }

.single-slide .owl-nav {
    position: absolute;
    width: 100px;
    top: 50%;
    margin-left: 6rem;
}

    .single-slide .owl-nav .owl-prev:hover, .single-slide .owl-nav .owl-next:hover {
        color: #000 !important;
    }

.single-slide .item {
    position: relative;
}

.signature {
    font-weight: normal;
    font-size: 1.3rem;
}

@font-face {
    font-family: 'Celine Dion Handwriting';
    font-style: normal;
    font-weight: normal;
    src: local('Celine Dion Handwriting'), url('/webfonts/Celine_Dion_Handwriting.woff') format('woff');
}

.signature span {
    font-family: 'Adani-Regular';
    display: block;
}

.chairman-box a {
    font-size: 12px;
}

.awards {
    background: #fff;
    padding: 10px 8px;
    min-height: 93px;
    border: 1px solid #E6E6E6;
}

    .awards ul {
        position: relative;
    }

        .awards ul:before {
            background: url(/images/ports/award-icon.png);
            content: "";
            display: inline-block;
            position: absolute;
            width: 50px;
            height: 50px;
            left: 0px;
            top: 15px;
        }

    .awards li {
        font-size: 14px;
        padding-left: 60px;
        padding-top: 9px;
        padding-bottom: 15px;
    }

/*Timeline Caousel*/
.timeline-carousel {
}

    .timeline-carousel img {
        width: auto !important;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        border: 5px solid #E6E6E6;
    }

    .timeline-carousel .year {
        text-align: center;
        color: #ff6633;
        font-weight: bold;
    }

    .timeline-carousel .desc {
        text-align: center;
        padding: 10px 15px;
    }

    .timeline-carousel:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 5px;
        background: #E6E6E6;
        top: 96px;
    }

.vertical-middle {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    position: absolute;
    top: 38%;
}


.breadcrumb-inner {
    margin-top: 30px;
}

    .breadcrumb-inner ul {
    }

        .breadcrumb-inner ul li {
            display: inline-block;
        }

.timeline ul {
}

    .timeline ul li {
        list-style-type: none;
        position: relative;
        width: 2px;
        margin: 0 auto;
        padding-top: 50px;
        background: #000;
    }

        .timeline ul li::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 80px;
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #fff !important;
            background: inherit;
            z-index: 99;
            border: 1px solid #000;
        }

        .timeline ul li div {
            position: relative;
            bottom: 0;
            width: 400px;
            padding: 15px;
        }

            .timeline ul li div::before {
                content: '';
                position: absolute;
                bottom: 7px;
                width: 0;
                height: 0;
                border-style: solid;
            }

        .timeline ul li:nth-child(odd) div {
            left: 20px;
        }

            .timeline ul li:nth-child(odd) div::before {
                left: -30px;
                top: 45px;
                width: 100%;
                border-bottom: 1px solid #000;
                border-top: 0px;
            }

        .timeline ul li:nth-child(even) div {
            left: -420px;
        }

            .timeline ul li:nth-child(even) div::before {
                right: -30px;
                top: 45px;
                width: 100%;
                border-bottom: 1px solid #000;
                border-top: 0px;
            }

time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
}

.timeline ul li::after {
    transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
    background: #fff;
}

.timeline ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
    transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
    transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}


@media screen and (max-width: 900px) {
    .timeline ul li div {
        width: 250px;
    }

    .timeline ul li:nth-child(even) div {
        left: -289px;
        /*250+45-6*/
    }
}

@media screen and (max-width: 991px) {
    .timeline ul li {
        margin-left: 20px;
        min-height: 230px;
    }

        .timeline ul li div {
            /*width: calc(100vw - 91px);*/
        }

        .timeline ul li:nth-child(even) div {
            left: 45px;
        }

            .timeline ul li:nth-child(even) div::before {
                left: -40px;
            }
}

.timeline-block:before {
}

.timeline-block p {
    width: 56%;
    float: left;
    position: relative;
    font-size: 14px;
}

.timeline-block img:nth-child(odd) {
}

.timeline-block time {
    color: #ff6633;
    font-weight: 500;
}

.timeline li:nth-child(odd) .timeline-block img {
    border: 8px solid #F7F7F7;
    border-radius: 100%;
    position: absolute;
    top: -50px;
    right: -50px;
    width: 190px;
}

.timeline li:nth-child(even) .timeline-block img {
    border: 8px solid #F7F7F7;
    border-radius: 100%;
    position: absolute;
    top: -50px;
    left: -50px;
    width: 190px;
}

.timeline li:nth-child(odd) .timeline-block p {
}

.timeline li:nth-child(even) .timeline-block p {
    float: right;
}

.timeline li:nth-child(even) .timeline-block time {
    text-align: right;
}



.bg-images {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
}

    .bg-images img {
        border-radius: 0;
        min-height: 100%;
        min-width: 100%;
        position: relative;
        height: 100%;
        object-fit: cover;
    }

.blog-div {
    position: relative;
    display: block;
    padding-top: 175px;
    padding-bottom: 70px;
}

    .blog-div p {
        color: #fff;
    }

.ul-media-btm-sidebar {
    position: relative;
    padding-left: 65px !important;
    padding: 3rem 0rem;
}

    .ul-media-btm-sidebar img {
        width: 40px;
        margin-right: 15px;
    }

    .ul-media-btm-sidebar li {
        line-height: 5rem;
    }

        .ul-media-btm-sidebar li i {
            position: absolute;
            left: 15px;
        }

        .ul-media-btm-sidebar li a {
            color: #656565;
            font-size: 1.2rem;
            font-weight: 400;
        }

.breadcrumb-sublayout-ul {
}

    .breadcrumb-sublayout-ul li {
        color: #000;
        display: inline-block;
    }

        .breadcrumb-sublayout-ul li:nth-child(1):before {
            content: " ";
            display: none;
        }

        .breadcrumb-sublayout-ul li:before {
            content: "\f105";
            padding-right: 5px;
            display: inline-block;
            position: relative;
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            top: 2px;
            margin-left: 5px;
        }

    .breadcrumb-sublayout-ul a {
        color: #000;
    }

        .breadcrumb-sublayout-ul a:hover {
            color: #ff6633;
        }

.breadcrumb-sub-layout {
}

    .breadcrumb-sub-layout h1 {
        margin-top: 20px;
        text-transform: capitalize;
        margin-bottom: 10px;
    }

.media-date {
    font-size: 2rem;
    color: #ff6633;
    border-bottom: 3px solid #306db2;
    margin-bottom: 2.5rem;
}

.media-release-box {
    padding: 30px 20px;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    position: relative;
    display: block;
}

    .media-release-box h3 a {
        font-size: 1.4rem;
        margin-bottom: 10px;
        color: #000;
    }

        .media-release-box h3 a:hover {
            color: #6f6f6f;
            transition: ease all 0.3s;
        }

    .media-release-box p span {
        color: #949494;
    }

    .media-release-box:after {
        content: "";
        display: block;
        position: absolute;
        background: url(/images/adanigas/docs-icon.png);
        right: 15px;
        width: 75px;
        height: 75px;
        top: 17px;
        opacity: 0.2;
    }

.m-video:after {
    content: "";
    display: block;
    position: absolute;
    background: url(/images/adanigas/video-icon.png) !important;
}

.btn-gradient option {
    background: #ff6633;
}

.btn-white {
    color: #fff !important;
    transition: ease all 0.3s;
}

    .btn-white:hover {
        color: #fff !important;
        transition: ease all 0.3s;
        text-decoration: underline;
    }

.txt-l-gray {
    color: #cacaca !Important;
}

.cman-news li p {
    height: 43px;
    overflow: hidden;
    margin-bottom: 1px;
}

.cman-news span {
    color: #8a8888;
}

.twitter-feeds {
    max-height: 698px;
    overflow-y: scroll;
}

.padd-box {
    padding: 0px;
    border: 10px solid #ebebeb;
}


/*Career Header & Footer*/
.c-header {
    background: #fff;
}

.career-footer {
    background: #000;
}

.c-header .navbar-collapse .nav-link {
    color: #000 !important;
    padding: 0rem 1.2rem;
}

    .c-header .navbar-collapse .nav-link:hover {
        color: #0d78ae !important;
    }


/*Video banner*/
.video-wrapper {
    position: relative;
}

    .video-wrapper > video {
        width: 100%;
        vertical-align: middle;
    }

        .video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
            display: none;
        }

.video-overlay-play-button {
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    /* padding: 10px calc(50% - 50px); */
    position: absolute;
    top: 49%;
    left: 49%;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    transition: opacity 150ms;
}

    .video-overlay-play-button:hover {
        opacity: 1;
    }

    .video-overlay-play-button.is-hidden {
        display: none;
    }

.career-banner {
    position: relative;
}

    .career-banner .breadcrumb-sublayout-ul {
        margin-bottom: 50px;
    }

    .career-banner a {
        color: #fff;
    }

        .career-banner a:hover {
            color: #efefef;
        }

    .career-banner li:before {
        color: #fff;
    }

    .career-banner h1, .career-banner p {
        color: #fff;
    }

    .career-banner .c-breadcrumb {
        position: absolute;
        z-index: 9;
        width: 100%;
        top: 100px;
    }

.vision-carousel {
    position: relative;
    ;
}

.v-container {
    position: relative;
}

    .v-container .v-container-inner {
        position: relative;
        display: block;
        padding: 105px 30px 10px 30px;
        color: #fff;
    }

.vision-carousel .owl-nav {
    bottom: 50px;
    width: 100px;
    position: relative;
    margin-left: auto;
}

    .vision-carousel .owl-nav .owl-prev i, .vision-carousel .owl-nav .owl-next i {
        color: #fff;
    }

.min-100 {
    min-height: 100px;
}

.video-b i {
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 9;
}

.video-b img {
    cursor: pointer;
}

.c-address {
    margin-bottom: 30px;
}

    .c-address h4 {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

        .c-address h4 span {
            display: block;
        }

    .c-address a {
        color: #ff6633;
        transition: ease all 0.3s;
    }

        .c-address a:hover {
            color: #df5932;
            transition: ease all 0.3s;
        }

#address-tab-container {
    background: #fff;
    padding: 2rem 2rem;
}

    #address-tab-container select {
        font-size: 1.2rem;
        padding: 10px 10px;
        height: auto;
        color: #000;
    }

#address-tab .nav-item {
    min-width: 20%;
    text-align: center;
}

#address-tab .nav-item {
}

#news-tab {
    border-bottom: 0px !important
}

    #news-tab .nav-item {
        min-width: 33.333%;
        text-align: center;
    }

    #news-tab .nav-item {
    }

.contact-form {
    background: #fff;
}

    .contact-form .form-group {
        margin-bottom: 0px;
    }

/*.contact-form .btn-primary {
        color: #000;
        background-color: #dcdcdc;
        border-color: #dcdcdc;
        transition: ease all 0.5s;
        font-weight: 600;
    }

        .contact-form .btn-primary:hover, .contact-form .btn-primary:active, .contact-form .btn-primary:focus {
            background: #000 !important;
            color: #fff !important;
            box-shadow: 0 0 0 0.1rem rgba(25,114,127,.0) !important;
        }*/

/*Blog*/
.has-search .form-control {
    padding-right: 2.375rem;
    background: #e6e6e6;
    max-width: 300px;
    float: right;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    right: 15px;
    top: -3px;
}

.b-block {
}

    .b-block span {
        position: relative;
        background: rgba(255, 255, 255, 0.62);
        padding: 5px 10px;
        z-index: 9;
    }

    .b-block p {
        margin-top: 150px;
    }

        .b-block p a {
            color: #f8f8f8;
            font-size: 1.2rem;
        }

            .b-block p a:hover {
                color: #0f76b0;
            }

.b-block-2 {
}

    .b-block-2 span {
        position: relative;
        background: rgba(255, 255, 255, 0.62);
        padding: 5px 10px;
    }

    .b-block-2 p {
        margin-bottom: 170px;
    }

        .b-block-2 p a {
            color: #f8f8f8;
            font-size: 1.2rem;
        }

            .b-block-2 p a:hover {
                color: #0f76b0;
            }

.blog-c-column {
}

    .blog-c-column p {
        margin-top: 80px;
        font-size: 1.3rem;
    }

        .blog-c-column p a {
            color: #000;
        }

            .blog-c-column p a:hover {
                color: #1c9d96;
            }

    .blog-c-column:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 22px solid #ffffff;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Safari */
        transform: rotate(-90deg);
        left: -16px;
    }

.blog-c-column-left:before {
    right: -15px;
    left: auto;
    z-index: 99;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.shareholding-pattern p {
    margin-bottom: 10px;
}

.shareholding-pattern i {
    margin-right: 10px;
    color: #1c9d96;
}

.shareholding-pattern a {
    color: #000;
}

.single-carousel {
}

    .single-carousel .owl-nav {
        position: absolute;
        width: 60px;
        right: 0px;
        top: 90%;
        height: 30px;
    }

        .single-carousel .owl-nav .owl-prev {
            bottom: 0px;
            position: absolute;
            right: 15px;
        }

        .single-carousel .owl-nav .owl-next {
            bottom: 0px;
            position: absolute;
            right: 0px;
            margin-right: 0px !important;
        }

            .single-carousel .owl-nav .owl-prev i:hover, .single-carousel .owl-nav .owl-next i:hover {
                color: #ccc;
                transition: ease all 0.3s;
            }

.ul-download-icon {
    padding-left: 38px;
    position: relative;
}

    .ul-download-icon li {
        margin-bottom: 10px;
        position: relative;
    }

        .ul-download-icon li:before {
            content: "\f019";
            position: absolute;
            font-family: 'Font Awesome 5 Free';
            font-weight: 600;
            margin-right: 10px;
            left: -25px;
            top: 0px;
        }

        .ul-download-icon li a {
            color: #000;
        }

            .ul-download-icon li a:hover {
                color: ff6633;
            }

.sustainability-block {
    position: relative;
    display: block;
    background: rgba(0,0,0,0.5);
    height: 100%;
}

    .sustainability-block a {
        color: #fff;
    }

.sus-main {
    background: #000;
}

    .sus-main:hover {
        /*background: -moz-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,159,148,1)), color-stop(100%, rgba(49,109,179,1)));
    background: -webkit-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -o-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: linear-gradient(to right, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9f94', endColorstr='#316db3', GradientType=1 );*/
        background: -moz-linear-gradient(left, rgba(232,110,43,1) 0%, rgba(198,73,37,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86e2b', endColorstr='#c64925',GradientType=1 ); /* IE6-9 */
    }

    .sus-main .bg-images img {
        opacity: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.sustainability-block h3 {
    color: #fff;
    font-size: 1.6rem;
}

    .sustainability-block h3 a {
        color: #fff;
    }

        .sustainability-block h3 a:hover {
            color: #c3c3c3;
        }

.sustainability-block p {
    margin-top: 3rem;
    color: #fff;
    min-height: 72px;
    width: 70%;
    position: relative;
}

    .sustainability-block p:before {
        content: "";
        display: block;
        position: absolute;
        left: -20px;
        height: 100%;
        width: 5px;
        background: #fff;
        bottom: -250px;
        transition: ease all 0.5s;
    }

.sustainability-block:hover p:before {
    bottom: 0px;
    transition: ease all 0.5s;
}

.sus-report {
    position: relative;
    display: block;
}

.sus-r-title {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

    .sus-r-title span {
        display: block;
        font-weight: 600;
    }

.sus-btn {
    width: 100%;
    bottom: 20px;
    left: 0px;
}

    .sus-btn a {
        color: #fff;
    }

        .sus-btn a:hover {
            color: #fff;
            text-decoration: underline;
        }

.ul-policy {
    padding-left: 75px;
    background: #fff;
}

    .ul-policy li {
        position: relative;
    }

        .ul-policy li a {
            color: #000;
        }

            .ul-policy li a:hover {
                color: ff6633;
            }

        .ul-policy li:before {
            background: url(/images/adanigas/policy-icon.png);
            content: "";
            display: block;
            position: absolute;
            width: 35px;
            height: 35px;
            left: -50px;
        }

        .ul-policy li span {
        }

    .ul-policy i {
        position: relative;
        left: -35px;
    }

    .ul-policy img {
        width: 40px;
    }

/*Social Share*/
.social-share a {
    color: #313131;
    font-size: 1.5rem;
}

    .social-share a:hover {
        color: #4e4e4e;
        cursor: pointer;
    }

.social-share i {
}

.sidebar-section {
    position: absolute;
    height: 100%;
    width: 100%;
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    height: 100%;
    /* Position the items */
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    padding: 0 15px;
}

.case-study {
}

    .case-study .bg-images img {
        opacity: 0.2
    }

    .case-study p {
        font-size: 1.3rem;
        font-weight: 300;
    }

    .case-study a {
        font-size: 1rem;
        color: #fff;
        font-weight: 400;
        position: absolute;
        bottom: 20px;
    }

        .case-study a:hover {
            color: #e6e6e6
        }

.ul-financials {
}

    .ul-financials li {
        padding-left: 40px;
        position: relative;
        margin-bottom: 15px;
    }

    .ul-financials i, .ul-financials em {
        color: #fff;
        position: absolute;
        left: 6px;
        top: 6px;
    }

    .ul-financials img {
        position: absolute;
        bottom: 0px;
        left: 0px;
        opacity: 0.2;
        width: 100%;
    }

.investor-btm-block {
    text-align: center;
}

    .investor-btm-block a {
        color: #000;
        font-size: 1.3rem;
    }

        .investor-btm-block a:hover {
            color: ff6633;
        }

    .investor-btm-block img {
        width: 80px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
		height: 90px !important;
    }

/*Executive Speech*/
.exe-speech-container {
}

    .exe-speech-container i {
        position: absolute;
        top: 40%;
        left: 43%;
    }

    .exe-speech-container > img {
    }

.exec-sp-desc {
}

    .exec-sp-desc h2 {
        font-size: 1.5rem;
    }

    .exec-sp-desc p {
        font-size: 1.2rem;
    }

        .exec-sp-desc p span {
            display: block;
        }

    .exec-sp-desc:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 22px solid #ffffff;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        left: -16px;
    }

.exe-sp-square-block {
    height: 280px !important;
}

.exec-sp-d-left:before {
    right: -18px !important;
    left: auto;
    z-index: 9;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.exec-sp-sidebar:before {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: -16px;
    left: 20px;
}

.table-no-borders, .table-no-borders thead th, .table-no-borders td, .table-no-borders th {
    border: 0px !important
}

    .table-no-borders th {
        font-weight: 600;
    }

.border-btm {
    border-bottom: 1px solid #d8d8d8 !important;
}

.font-weight-500 {
    font-weight: 500;
}

.black-bg {
    background: #000;
}

    .black-bg .bg-images img {
        opacity: 0.2
    }

.lk-white {
    color: #fff;
}

    .lk-white a {
        color: #fff;
    }

        .lk-white a:hover {
            color: #ccc;
        }

.ul-ana-meet {
    margin: 30px 0px;
}

    .ul-ana-meet i {
    }

    .ul-ana-meet li {
        margin-bottom: 10px;
    }

    .ul-ana-meet a {
        color: #5b5b5b;
    }

        .ul-ana-meet a:hover {
            color: #000;
        }

.ul-inv-presentation {
}

    .ul-inv-presentation li {
        margin-bottom: 15px;
    }

        .ul-inv-presentation li a {
            color: #000;
        }

            .ul-inv-presentation li a:hover {
                color: #5d5d5d;
            }

.ul-reports {
}

    .ul-reports a {
        color: #000;
    }

        .ul-reports a:hover {
            color: #ff6633;
        }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.apsez-mundra {
    background: linear-gradient(to left, #dedede 50%, #8bc5eb 0%);
}

.ul-bullets {
    padding-left: 20px;
}

    .ul-bullets li {
        list-style-type: disc;
    }

.clusterbased-park > div {
    background: rgba(0, 0, 0, 0.7607843137254902);
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    color: #fff;
}

.clusterbased-park a img {
    height: 220px;
    margin-bottom: 10px;
    width: 100%;
}

.cta-ind-landing {
}

    .cta-ind-landing p {
        cursor: pointer;
    }

        .cta-ind-landing p:hover {
            color: ff6633;
        }

    .cta-ind-landing img {
        width: 80px;
        margin-bottom: 15px;
        cursor: pointer;
    }

.port-img {
    max-height: 300px;
    overflow: hidden;
}

    .port-img img {
        width: 100%;
    }

.port-desc {
    position: relative;
}

    .port-desc:before {
        display: inline-block;
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 22px solid #ffffff;
        top: -20px;
    }

    .port-desc > div {
        margin-top: 20px;
    }

    .port-desc h2 {
        margin-bottom: 15px;
        font-size: 1.4rem;
        min-height: 50px;
    }

    .port-desc p {
    }

.ul-port-filters {
    position: relative;
    top: 5px;
}

    .ul-port-filters li {
        display: inline-block;
    }

        .ul-port-filters li:nth-child(2) button:before {
            content: "\f111";
            display: inline-block;
            position: relative;
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            color: #000;
            margin: 0px 15px;
            font-size: 10px;
            top: -2px;
        }

        .ul-port-filters li:nth-child(2) button:after {
            content: "\f111";
            display: inline-block;
            position: relative;
            font-family: 'Font Awesome 5 Free';
            font-weight: 800;
            color: #000;
            margin: 0px 15px;
            font-size: 10px;
            top: -2px;
        }

        .ul-port-filters li button {
            color: #a0a0a0;
            background: transparent;
            border: 0px;
        }

            .ul-port-filters li button.active {
                color: #000;
            }

            .ul-port-filters li button:hover, .ul-port-filters li button:focus {
                outline: 0;
            }

.btn-filter {
}

    .btn-filter ul li {
        padding: 5px 10px;
    }

        .btn-filter ul li a {
            color: #8a8a8a;
            transition: ease all 0.3s;
            font-size: 14px;
        }

            .btn-filter ul li a:hover {
                color: #000;
                transition: ease all 0.3s;
            }

.filter {
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.column {
    display: none;
}

.show {
    display: block;
}

.btn-filter .dropdown-menu {
    position: absolute;
    display: none;
}

    .btn-filter .dropdown-menu.show {
        display: block !important;
        background: #eee;
    }

.ul-circle {
    padding-left: 20px;
}

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

.dredging-fleet {
    background: rgba(255, 255, 255, 0.81);
}

.border-left {
    border-left: 5px solid #ec7b28 !important;
}

.social-icons {
}

    .social-icons li {
        display: inline-block;
    }

        .social-icons li i {
        }

        .social-icons li a {
            color: #000;
            font-size: 2rem;
        }

            .social-icons li a:hover {
                color: #2f71b1;
                transition: ease all 0.3s;
            }

.q-links {
    -webkit-transform: translateY(0px) scale(1.00);
    -moz-transform: translateY(0px) scale(1.00);
    -ms-transform: translateY(0px) scale(1.00);
    -o-transform: translateY(0px) scale(1.00);
    transform: translateY(0px) scale(1.00);
    -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.0);
    box-shadow: 0 14px 24px rgba(62,57,107,.0);
    transition: ease all 0.5s;
}

    .q-links:hover {
        -webkit-transform: translateY(-4px) scale(1.02);
        -moz-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
        -o-transform: translateY(-4px) scale(1.02);
        transform: translateY(-4px) scale(1.02);
        -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
        transition: ease all 0.5s;
    }

    .q-links p {
        font-size: 13px;
        min-height: 37px;
    }

    .q-links i {
        font-size: 1rem;
    }

.tariff-block:hover {
    box-shadow: 0 14px 24px rgba(62,57,107,.2);
    transition: ease all 0.3s;
}

    .tariff-block:hover p {
        color: #ec7b28;
    }

.tariff-block p {
    min-height: auto;
    font-size: 16px;
    color: #000;
}

.tariff-block img {
    margin-bottom: 10px;
    max-width: 80px;
}

.tariff-block a {
    color: #000;
    font-size: 14px;
    word-break: break-all;
}

    .tariff-block a:hover {
        color: #484848;
    }

.txt-sus {
}

    .txt-sus p {
        font-size: 2rem;
        font-weight: 700;
    }

        .txt-sus p span {
            font-size: 22px;
            font-weight: 300;
            display: block;
        }

.bg-d-blue {
    background: #0f3c5d;
}

.bg-d {
    background: #000;
}

    .bg-d .bg-images img {
        opacity: 0.3;
    }

.bg-d-green {
    background: #107363;
}

.login-form {
}

    .login-form .form-group input {
        border: 0px;
        padding: 10px 10px;
    }

.btn-black {
    color: #000;
}

.btn-black {
    color: #8c8c8c;
}

#ana-coverage {
}

    #ana-coverage .nav-item {
        width: 50%
    }

.tab-scroll {
    height: 500px;
    overflow-y: auto;
}

    .tab-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .tab-scroll::-webkit-scrollbar-track {
        background: transparent;
    }

    .tab-scroll::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 3px;
    }

.marine-due-calc .form-control, .req-form .form-control, .grievance-login-form .form-control {
    height: calc(1.80rem + 11px) !important;
    border: 0px;
    background: #f8f8f8;
}

.marine-due-calc .form-check-label, .marine-due-calc select, .req-form select {
    font-size: 15px;
}

.marine-due-calc .form-control::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
}

.marine-due-calc .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
}

.marine-due-calc .form-control::placeholder {
    font-size: 13px;
}

/*Pagination*/
.page-item.active .page-link, .page-link:hover {
    background: rgba(27,159,148,1) !important;
    color: #fff !important;
    background: -moz-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,159,148,1)), color-stop(100%, rgba(49,109,179,1))) !important;
    background: -webkit-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: linear-gradient(to right, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9f94', endColorstr='#316db3', GradientType=1 ) !important;
    transition: ease all 0.3s;
}

.nav-pills .nav-item .active, .nav-pills .nav-item .nav-link:hover {
    background: rgba(27,159,148,1) !important;
    color: #fff !important;
    background: -moz-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,159,148,1)), color-stop(100%, rgba(49,109,179,1))) !important;
    background: -webkit-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    background: linear-gradient(to right, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9f94', endColorstr='#316db3', GradientType=1 ) !important;
    transition: ease all 0.3s;
}

.nav-pills .nav-item .nav-link {
    padding: 10px 10px;
    border-radius: 0px;
    margin-bottom: 10px;
    transition: ease all 0.3s;
    background: #fff;
    color: #000;
    font-size: 12px;
}

#v-berth .nav-item .active:before, #Ve-berth .nav-item .active:before, #va-berth .nav-item .active:before, #vs-berth .nav-item .active:before {
    content: "";
    display: block;
    position: absolute;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(-90deg);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 22px solid #1c9c95;
    right: -14px;
}

#V-Tab table, #Ve-Tab table, #va-Tab table, #vs-Tab table {
    font-size: 12px;
}

.corp-ann .form-control {
    height: calc(1.80rem + 11px) !important;
}

.corporate-ann-block p span {
    text-decoration: underline;
    font-size: 14px;
    color: #848484;
}

.corporate-ann-block p a {
    color: #000;
}

    .corporate-ann-block p a:hover {
        color: #585858;
    }

.investor-faq .card {
    background: none;
}

.investor-faq .card-header {
    background: #fff;
    color: #000;
    cursor: pointer;
    border-bottom: 0px solid rgba(0,0,0,.125);
    margin-top: 0.5rem;
    font-weight: 600;
}

.investor-faq .card-body {
    background: #fff;
    padding: 0px
}

    .investor-faq .card-body ul {
        margin-bottom: 20px;
        padding-left: 20px;
    }

        .investor-faq .card-body ul li {
            list-style-type: initial;
        }

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.accordion .card-header.collapsed:after {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.investor-faq .card {
    border: 0px;
}

.grievance-login-form {
}

    .grievance-login-form a {
        position: relative;
        top: 3px;
        color: #000
    }

        .grievance-login-form a:hover {
            text-decoration: underline;
            transition: ease all 0.3s;
        }

.red {
    background: #c04;
}

.yellow {
    color: #000;
    background: #f5e000;
}

.blue {
    background: #079;
}

.colors {
    padding: 2em;
    color: #fff;
    display: none;
}

.corporate-a a {
    color: #fff !important;
}

    .corporate-a a:hover {
        color: #c3c3c3 !important;
    }

.corporate-a p span {
    color: #000 !important;
}

.bg-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.b-o-director {
    height: 225px;
    overflow: hidden;
}

    .b-o-director img {
        width: 100%;
    }

    .b-o-director .card {
        border: none;
    }

    .b-o-director .card-body {
        min-height: 110px;
    }

.port-desc .ul-circle {
    min-height: 120px;
}

.home-video-thumb .gallery-item img {
    width: 210px !important;
    border: 2px solid #fff;
    transition: ease all 0.3s;
}

    .home-video-thumb .gallery-item img:hover {
        transform: translateY(-4px) scale(1.01);
        transition: ease all 0.3s;
    }

.homeslider .owl-nav {
    position: absolute;
    display: block;
    max-width: 1140px;
    text-align: left;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    top: 85%;
    left: 50%;
    -webkit-transform: translate(-50%, -85%);
    transform: translate(-50%, -85%);
}

    .homeslider .owl-nav button i {
        background: #fff !important;
        font-size: 14px;
        padding: 5px 8px !important;
        border: 1px solid #ccc;
    }

        .homeslider .owl-nav button i:hover {
            color: #000
        }

.sitemap-link {
    color: #fff;
    text-align: left;
    cursor: pointer;
    margin-top: 10px;
}

    .sitemap-link a:hover {
        color: #fff;
    }

    .sitemap-link i {
        float: right;
        position: relative;
        top: 5px;
    }


.terms-link {
}

    .terms-link li {
    }

        .terms-link li:after {
            content: "|";
            position: relative;
            margin: 0px 10px;
        }

        .terms-link li:nth-child(3):after {
            display: none;
        }

.clusterbased-park p a {
    color: #fff;
}

    .clusterbased-park p a:hover {
        color: #fff;
        text-decoration: underline;
    }

#map-accordion select {
    color: #fff;
}

    #map-accordion select option {
        color: #000;
    }

.portdeshmap li:hover .map-marker-info {
    display: block;
}

.homeslider .owl-item .item {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    height: 44vw;
    overflow: hidden;
}

.map-marker-Pipavav {
    left: 38.5%;
    top: 62.8%;
}

    .map-marker-Pipavav:after {
        animation-delay: 3s;
    }

.map-marker-Mumbai {
    left: 39.9%;
    top: 67%;
}

    .map-marker-Mumbai:after {
        animation-delay: 3s;
    }

.map-marker-Kilaraipur {
    left: 40.7%;
    top: 43%;
}

    .map-marker-Kilaraipur:after {
        animation-delay: 3s;
    }

.map-marker-Loni {
    left: 41.7%;
    top: 46%;
}

    .map-marker-Loni:after {
        animation-delay: 3s;
    }

.map-marker-Bawal {
    left: 41.5%;
    top: 47.5%;
}

    .map-marker-Bawal:after {
        animation-delay: 3s;
    }

.map-marker-Patli {
    left: 42.3%;
    top: 47.5%;
}

    .map-marker-Patli:after {
        animation-delay: 3s;
    }

.map-marker-Kishangarh {
    left: 39.7%;
    top: 50%;
}

    .map-marker-Kishangarh:after {
        animation-delay: 3s;
    }

.map-marker-Kanpur {
    left: 46%;
    top: 52%;
}

    .map-marker-Kanpur:after {
        animation-delay: 3s;
    }

.map-marker-Wardha {
    left: 48.7%;
    top: 67%;
}

    .map-marker-Wardha:after {
        animation-delay: 3s;
    }

.zoomin, .zoomin img {
    transform: translateY(0px) scale(1.0);
    transition: ease all 0.3s;
    overflow: hidden;
}

    .zoomin:hover img {
        transform: translateY(0px) scale(1.03);
        transition: ease all 0.3s;
    }

.sus-main, .sus-main .bg-images {
    transform: translateY(0px) scale(1.0);
    transition: ease all 0.6s;
    overflow: hidden;
}

    .sus-main:hover .sustainability-block {
        transform: translateY(0px) scale(1.05);
        transition: ease all 0.6s;
    }

    .sus-main:hover .bg-images {
        transform: translateY(0px) scale(1.1);
        transition: ease all 0.6s;
        overflow: hidden;
    }

    .sus-main img {
        transition: ease all 0.6s;
    }

    .sus-main:hover .bg-images img {
        opacity: 0.4;
        transition: ease all 0.6s;
    }

.zoomicon {
    transform: translateY(0px) scale(1.0);
    transition: ease all 0.6s;
    overflow: hidden;
}

    .zoomicon img {
        transform: translateY(0px) scale(0.8);
        transition: ease all 0.6s;
        overflow: hidden;
    }

    .zoomicon p {
        transform: translateY(0px) scale(0.95);
        transition: ease all 0.6s;
        overflow: hidden;
    }

    .zoomicon:hover img {
        transform: translateY(0px) scale(1.1);
        transition: ease all 0.6s;
    }

    .zoomicon:hover p {
        transform: translateY(0px) scale(1.1);
        transition: ease all 0.6s;
        overflow: hidden;
        font-size: 1.2rem;
    }

    .zoomicon:hover {
        background: #fff;
        transition: ease all 0.5s;
        -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
    }

.eq-blocks {
    min-height: 225px;
    transition: ease all 0.5s;
}

    .eq-blocks p:nth-child(1) {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .eq-blocks:hover {
        -webkit-transform: translateY(-4px) scale(1.02);
        -moz-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
        -o-transform: translateY(-4px) scale(1.02);
        transform: translateY(-4px) scale(1.02);
        -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
        transition: ease all 0.5s;
    }

.vertical-fourth {
    position: absolute;
    width: 100%;
    top: 20%;
}

.vision {
}


#V-Tab, #V-Tab .tab-pane, #V-Tab .tab-pane > div {
    height: 100% !important;
}

#va-Tab, #va-Tab .tab-pane, #va-Tab .tab-pane > div {
    height: 100% !important;
}

#Ve-Tab, #Ve-Tab .tab-pane, #Ve-Tab .tab-pane > div {
    height: 100% !important;
}

#vs-Tab, #vs-Tab .tab-pane, #Vs-Tab .tab-pane > div {
    height: 100% !important;
}

    #V-Tab, #va-Tab, #Ve-Tab, #vs-Tab h3 {
        text-align: center;
        font-size: 20px;
    }

.c-tracking form {
    border: 0px !important;
    background: #fff;
    padding: 0px !important;
}

.dataTables_length, .dataTables_filter {
    margin-bottom: 10px;
}

.dataTables_paginate.paging_two_button, .dataTables_info {
    margin-top: 10px
}

.dataTables_paginate, .dataTables_info, .dataTables_filter, .dataTables_length {
    font-size: 14px;
}

.sustainability-v, ..sustainability-h {
    overflow: hidden;
}

.ceo-img:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 22px solid #e8e8e6;
    position: absolute;
    display: block;
    content: "";
    top: 15px;
    left: -23px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sustainability-v:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    display: block;
    content: "";
    top: -15px;
    right: 15px;
}

.sustainability-h:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 22px solid #fff;
    position: absolute;
    display: block;
    content: "";
    top: 15px;
    left: -23px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.invester-tiles {
    min-height: 100px;
}

.sidebar-item .social-share.make-me-sticky .fa-twitter {
    color: #55acee;
}

.sidebar-item .social-share.make-me-sticky .fa-facebook-square {
    color: #3a559f;
}

.sidebar-item .social-share.make-me-sticky .fa-linkedin {
    color: #0077b7;
}

.sidebar-item .social-share.make-me-sticky .fa-envelope {
    color: #07a2f5;
}

.scroll-down {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    cursor: pointer;
}

    .scroll-down span {
        display: block;
        line-height: 12px;
        font-size: 2.5rem;
        width: 2rem;
        height: 2rem;
        border-left: .2rem solid #fff;
        border-bottom: .2rem solid #fff;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

        .scroll-down span:nth-child(1) {
        }

        .scroll-down span:nth-child(2) {
            position: relative;
            top: -10px;
        }

        .scroll-down span:nth-child(3) {
            position: relative;
            top: -20px;
        }

        .scroll-down span:nth-child(4) {
            position: relative;
            top: -30px;
        }

        .scroll-down span:nth-child(5) {
            position: relative;
            top: -40px;
        }

.blink {
    -webkit-animation-name: blink;
    -moz-animation-name: blink;
    -o-animation-name: blink;
    animation-name: blink;
    -webktit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

.blink-infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.blink-1 {
    -webkit-animation-duration: 2.0s;
    -moz-animation-duration: 2.0s;
    -o-animation-duration: 2.0s;
    animation-duration: 2.0s;
}

.blink-2 {
    -webkit-animation-duration: 1.9s;
    -moz-animation-duration: 1.9s;
    -o-animation-duration: 1.9s;
    animation-duration: 1.9s;
}

.blink-3 {
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    -o-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

.blink-4 {
    -webkit-animation-duration: 1.7s;
    -moz-animation-duration: 1.7s;
    -o-animation-duration: 1.7s;
    animation-duration: 1.7s;
}

.blink-5 {
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
}


@-webkit-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}


.board-members {
}

.board-tile {
    width: 19.6%;
    display: inline-block;
    margin-bottom: 10px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .board-tile .card-body .card-title {
        font-size: 1.1rem;
    }

    .board-tile .card-body .card-text {
        min-height: 50px;
    }

.map-marker-info ul {
    padding-left: 20px;
}

    .map-marker-info ul li {
        list-style-type: circle;
    }

.ul-reports li {
    position: relative;
    padding-left: 20px;
}

    .ul-reports li i {
        position: absolute;
        left: 0px;
        top: 3px;
    }

#other-ventures a {
    color: #000;
}

    #other-ventures a:hover {
        color: #444444;
        text-decoration: underline;
    }

.map-port-page a span {
    color: #000 !important;
}




#chart {
    /* width: 650px;*/
    height: 145px;
    margin: 30px auto 0;
    display: block;
}

    #chart #numbers {
        width: 50px;
        height: 100%;
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left;
    }

        #chart #numbers li {
            text-align: right;
            padding-right: 1em;
            list-style: none;
            height: 29px;
            position: relative;
            bottom: 30px;
        }

            #chart #numbers li:last-child {
                height: 30px;
            }

            #chart #numbers li span {
                color: black;
                position: absolute;
                bottom: 0;
                font-size: 10px;
                right: 10px;
            }

    #chart #bars {
        display: inline-block;
        width: 250px;
        height: 145px;
        padding: 0;
        margin: 0;
        /*border-left: 1px solid #000;*/
        border-bottom: 1px solid #000;
	position: relative;
    }

        #chart #bars li {
            display: inline-block;
            width: 40px;
            height: 144px;
            margin: 0;
            text-align: center;
            position: relative;
        }

        #chart #bars:hover div {
            transition: ease all 0.5s;
            opacity: 0.8
        }

        #chart #bars li:nth-child(odd) .bar {
            background: #ff6633;
        }

        #chart #bars li:nth-child(even) .bar {
            background: #df5932;
        }

        #chart #bars li .bar {
            display: block;
            width: 30px;
            margin-left: 10px;
            position: absolute;
            bottom: 0;
            height: 0;
            -webkit-transition: height 1s ease-in-out;
            -moz-transition: height 1s ease-in-out;
            -o-transition: height 1s ease-in-out;
            transition: height 1s ease-in-out;
        }

            #chart #bars li .bar:hover {
                cursor: pointer;
            }

        #chart #bars li i {
            position: absolute;
            left: 5px;
            top: -20px;
            font-style: normal;
            font-size: 12px;
        }

        #chart #bars li em {
            position: absolute;
            left: 0px;
            top: -20px;
            font-style: normal;
            font-size: 12px;
        }

        /*        #chart #bars li .bar:hover:before {
            color: white;
            content: attr(data-percentage) '%';
            position: relative;
            bottom: 20px;
        }*/

        #chart #bars li span {
            color: black;
            width: 100%;
            position: absolute;
            bottom: -1.5em;
            left: 10px;
            text-align: center;
            font-size: 10px;
        }

.directors-tile .card {
    border: none;
}

.directors-tile .card-body {
    min-height: 110px;
}

.directors-tile .card-title {
    font-size: 1.2rem;
    margin-bottom: 5px;
    color: #ff6633;
}

.directors-tile .card-text:last-child {
    margin-bottom: 0;
    color: #5A5A5A;
    font-size: 0.9rem;
}


.tabs-section .owl-nav {
    width: 100px;
    right: 0px;
    top: 33px;
    text-align: right;
}

    .tabs-section .owl-nav .owl-prev i {
        background: #1b9e95;
        color: #fff;
        padding: 10px 10px;
        border-radius: 5px 0px 0px 5px;
    }

    .tabs-section .owl-nav .owl-next i {
        background: #1b9e95;
        color: #fff;
        padding: 10px 10px;
        border-radius: 0px 5px 5px 0px;
    }

.img-thumb {
    overflow: hidden;
    height: 200px;
    background: #ebebeb;
    box-shadow: 0px 2px 13px -6px #2d2d2d;
    transition: ease all 0.3s;
    position: relative
}

    .img-thumb:hover {
        -webkit-transform: translateY(-4px) scale(1.02);
        -moz-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
        -o-transform: translateY(-4px) scale(1.02);
        transform: translateY(-4px) scale(1.02);
        -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
        cursor: pointer;
        transition: ease all 0.3s;
    }

    .img-thumb img {
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        position: absolute;
    }

    .img-thumb:hover img {
        opacity: 0.4;
    }

    .img-thumb p {
        display: none
    }

        .img-thumb p i {
            font-style: normal;
            background: #fff;
            color: #000;
            padding: 5px 10px;
            border-radius: 2px;
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
        }

    .img-thumb:hover p {
        position: absolute;
        display: block;
        font-style: normal;
        top: 50%;
        width: 100%;
        left: 50%;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.scroll-socialmedia {
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}

.homeslider .owl-dots {
    position: absolute;
    ;
    left: 50%;
    top: 95%;
    -webkit-transform: translate(-50%, -95%);
    transform: translate(-50%, -95%);
    margin-top: 6px !Important;
}

.chairman-box:hover .readmore {
    text-decoration: underline;
}

.homeslider .owl-dots .owl-dot span {
    background: #fff;
    border-radius: 0px;
}

.homeslider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff6633;
}

.boxzoom {
    transition: ease all 0.5s;
    transform: translateY(0px) scale(1.0);
}

    .boxzoom:hover {
        transition: ease all 0.5s;
        transform: translateY(0px) scale(1.01);
        -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.2);
        box-shadow: 0 14px 24px rgba(62,57,107,.2);
    }

.ports-parent > div {
    transition: ease all 0.5s;
    transform: translateY(0px) scale(1.00);
}

.ports-parent:hover > div {
    -webkit-transform: translateY(-4px) scale(1.01);
    -moz-transform: translateY(-4px) scale(1.01);
    -ms-transform: translateY(-4px) scale(1.01);
    -o-transform: translateY(-4px) scale(1.01);
    transform: translateY(-4px) scale(1.01);
    -webkit-box-shadow: 0 14px 24px rgba(62,57,107,.1);
    box-shadow: 0 14px 24px rgba(62,57,107,.1);
}

.bootstrap-datetimepicker-widget {
    z-index: 10;
}



/*Backto Top*/
#back-to-top {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(0, 0, 0, 0.1607843137254902); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 37px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    transition: ease-in all 0.2s;
}

    #back-to-top:hover {
        transition: ease-in all 0.2s;
        background-color: rgba(0, 0, 0, 0.70); /* Add a dark-grey background on hover */
    }

.desktop-none {
    display: none;
}
/*Fixed header*/
.nav-up {
    top: -40px;
}

.nav-down {
    position: fixed;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 999;
}

.sticky-header {
    box-shadow: 0px 1px 8px rgba(0,0,0,0.4);
    position: fixed;
    top: 0px;
    z-index: 9;
    background: #fff;
}

    .sticky-header .nav-item .nav-link {
        transition: ease padding 0.3s;
    }

    .sticky-header .navbar-brand img {
        width: 100px;
        transition: ease all 0.5s;
    }

.navPanel .navbar-brand img {
    transition: ease all 0.5s;
}

.sticky-header #topMenu {
    display: none;
    transition: ease all 0.3s;
}

.sticky-header .navbar-brand img {
    width: 160px;
    transition: ease all 0.3s;
    top: 0px;
    position: relative;
}

.sticky-header .mainmenu {
    height: 100%;
    padding: 5px 0px;
}

.box-block {
    background: #fff;
    border: 1px solid #eaeaea;
}

    .box-block p a {
        color: #ff6633;
        font-size: 14px;
        transition: ease all 0.2s;
    }

        .box-block p a:hover {
            color: #ff6633;
            transition: ease all 0.2s;
        }
/*Media Section*/
.ul-media-section {
    padding-left: 30px; /*min-height: 300px;*/
}

    .ul-media-section li {
        font-size: 13px;
        margin-bottom: 10px;
        list-style-type: disc;
    }

        .ul-media-section li p a {
            color: #000;
        }

        .ul-media-section li p span {
            display: block;
            color: #9a9a9a;
            font-size: 12px;
        }

    .ul-media-section a {
        color: #000;
    }

        .ul-media-section a:hover {
            color: #6f6f6f;
            text-decoration: underline;
        }

.ul-policies-section {
    position: relative;
    padding-left: 38px;
}

    .ul-policies-section a {
        color: #000;
    }

        .ul-policies-section a:hover {
            color: #ff6633;
        }

    .ul-policies-section li {
        margin-bottom: 10px;
    }

        .ul-policies-section li:before {
            content: "\f15c";
            display: block;
            position: absolute;
            font-family: 'Font Awesome 5 Free';
            left: 0px;
        }

        .ul-policies-section li span {
            display: block;
            color: #9a9a9a;
            font-size: 12px;
        }

/*News Section*/
.ul-news-section {
    padding-left: 38px;
    position: relative; /*min-height: 300px;*/
}

    .ul-news-section li {
        /*font-size: 13px;*/
        margin-bottom: 10px;
    }

        .ul-news-section li p a {
            color: #000;
        }

        .ul-news-section li p span {
            display: block;
            color: #9a9a9a;
            font-size: 12px;
        }

        .ul-news-section li:before {
            background-image: url(/images/Ports/news-icon.png);
            content: "";
            display: block;
            position: absolute;
            width: 35px;
            height: 30px;
            left: 0px;
            background-repeat: no-repeat;
        }

/*Media Contacts*/
.ul-media-contacts { /*min-height: 255px;*/
}

    .ul-media-contacts li {
        margin: 30px 0px;
    }

        .ul-media-contacts li a {
            color: #000;
            font-size: 15px;
        }

            .ul-media-contacts li a:hover {
                color: #1d9b97;
            }

        .ul-media-contacts li i {
            font-size: 25px;
            margin-right: 20px;
            position: relative;
            top: 3px;
        }




/* PNG category Pages */
.bg-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
    background: #000;
}

    .bg-image img {
        border-radius: 0;
        min-height: 100%;
        min-width: 100%;
        position: relative; /*height: 100%;*/
        opacity: 0.7;
        width: 100%;
    }

.breadcrumb-sublayout {
    position: relative;
    background: #f6f6f6;
    background-size: cover;
    color: #fff;
    padding: 2rem 0 3rem 0;
    min-height: 250px;
    background-repeat: no-repeat;
}

    .breadcrumb-sublayout.default {
        background-image: url(/images/adanigas/bg-breadcrumb.png);
        background-position: right center;
        min-height: 150px;
    }

.breadcrumb-sublayout-ul li, .breadcrumb-sublayout-ul li a {
    color: #fff;
}

.iconCaption {
    padding: 1rem;
}

.payBox {
    display: table;
    width: 100%;
    padding: 1.5rem;
}

.payIcon, .payCentre {
    display: table-cell;
    vertical-align: middle;
}

.payIcon {
    padding-right: 2rem;
}

.liveGasPrice {
    background: url(/images/adanigas/gas-price-live.png) no-repeat;
    background-size: cover;
    display: block;
    padding: 1.5rem;
    margin: 1rem 0 2rem 0;
}

    .liveGasPrice h3 {
        margin-bottom: 0.5rem;
    }

.circle-red {
    width: 15px;
    height: 15px;
    background: #ff0000;
    border-radius: 100%;
    display: inline-block;
}

.tilesNoBg .serviceTile {
    background: none;
    border: 1px solid transparent;
    margin: 0;
    min-height: 160px;
    padding: 1rem;
}

    .tilesNoBg .serviceTile h4 {
        font-size: 1.3rem;
    }

.bulletList {
    margin-left: 20px;
}

    .bulletList li {
        margin-bottom: 1rem;
    }

.breadcrumb-sublayout.bs-3 ul {
    margin-bottom: 14rem;
}

.breadcrumb-sublayout.bs-3 h1 {
    margin-bottom: 10px;
}

.investorBtmCnt .txt-xs, .registerBlk .txt-xs, .shareInfoBox .txt-xs {
    font-size: 14px;
}

.bg-gradient {
    /*background: rgba(27,159,148,1);
    color: #fff;
    background: -moz-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,159,148,1)), color-stop(100%, rgba(49,109,179,1)));
    background: -webkit-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -o-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: -ms-linear-gradient(left, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    background: linear-gradient(to right, rgba(27,159,148,1) 0%, rgba(49,109,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9f94', endColorstr='#316db3', GradientType=1 );*/
    background: rgb(232,110,43); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(232,110,43,1) 0%, rgba(198,73,37,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86e2b', endColorstr='#c64925',GradientType=1 ); /* IE6-9 */
    color: #fff;
}

    .bg-gradient .bg-images img {
        opacity: 0.2;
    }

.txt-white a {
    color: #fff;
}


.gasLeakImg img {
    float: left;
    max-width: 90px;
    margin-bottom: 12px;
    margin-right: 20px;
}

.gasLeakIntro {
    margin-bottom: 10px;
}

.gasLeakHead {
    color: #25307d;
    margin-bottom: 20px;
    margin-top: 5px;
}

.leakIcons {
    color: #df5932;
}

.listenIntro, .smellIntro {
    padding-top: 15px;
}

.benifitRow {
    margin: 1rem 0;
}

.benifitText h3 {
    font-size: 1.4rem;
    margin: 0.5rem 0;
}

.benifitIcon {
    height: 56px;
}

    .benifitIcon img {
        max-height: 50px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

.btn-gradient {
    background: rgb(232,110,43); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(232,110,43,1) 0%, rgba(198,73,37,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(232,110,43,1) 0%,rgba(198,73,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86e2b', endColorstr='#c64925',GradientType=1 ); /* IE6-9 */
    color: #fff !Important;
    transition: ease all 0.3s
}

    .btn-gradient:hover, .btn-gradient:active, .btn-gradient:focus {
        color: #fff !Important;
        background: rgb(198,73,37); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(198,73,37,1) 0%, rgba(232,110,43,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(198,73,37,1) 0%,rgba(232,110,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(198,73,37,1) 0%,rgba(232,110,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64925', endColorstr='#e86e2b',GradientType=1 ); /* IE6-9 */
    }

.box-block .btn-border {
    border: 2px solid #ff6633;
    color: #ff6633 !important;
    transition: ease all 0.3s;
}

    .box-block .btn-border:hover {
        background: #ff6633;
        transition: ease all 0.3s;
        color: #fff !important;
    }

.box-block .btn-gradient {
    color: #fff;
}

    .box-block .btn-gradient:hover {
        color: #fff;
        text-decoration: none;
    }

#mainContent .panel {
    background: #fff;
}

.appList li {
    width: 33%;
    float: left;
    padding-right: 15px;
    margin-bottom: 2rem;
}

.appList .appText {
    display: inline-block;
}

.appList .appIcon {
    display: inline-block;
}

.payment-radio-grp .form-check {
    display: inline-block;
    margin-bottom: 2rem;
    padding-left: 0;
    padding-right: 1rem;
}

.pageContent.usersection {
    background: url(/images/AdaniGas/gasadmin_bg.jpg) no-repeat;
    background-size: cover;
}

    .pageContent.usersection .contentSection > .section {
        background: none !important;
    }

.slider {
    -webkit-appearance: none;
    width: 60%;
    min-width: 100px;
    height: 12px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 16px;
        height: 24px;
        background: #ff6633;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 16px;
        height: 24px;
        background: #ff6633;
        cursor: pointer;
    }

.calcForm .form-label {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.cylCount {
    font-size: 30px;
    line-height: 1;
}

.calcForm .selCity {
    width: 100%
}

.calcForm .cylCost {
    width: 80%;
}

.calcForm form {
    margin-left: -15px;
    margin-right: -15px;
}

.calcForm .form-group {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin-bottom: 2rem;
}

.totalCost, .totalSaving {
    margin: 0.5rem 0;
}

.estimateSaving, .estimateCost {
    font-size: 28px;
    line-height: 1;
}

.totalSaving {
    background: #fff;
    color: #000;
    padding: 0.5rem;
    text-align: right;
    float: right;
}

.estimateSaving {
    color: #ff6633;
}

.equivPanel {
    bottom: 0;
    border-top: 1px solid #fff;
    left: 0;
    right: 0;
    padding: 0.5rem 1.5rem;
}

.pageContent.usersection {
    background: url(/images/AdaniGas/gasadmin_bg.jpg) no-repeat;
    background-size: cover;
}

    .pageContent.usersection .contentSection > .section {
        background: none !important;
    }

.caseStudyPort {
    position: relative;
}

    .caseStudyPort .caseStudyBlk {
        height: 500px;
    }

.caseStudyBlk .clientlogoBox {
    width: 150px;
    margin: 1rem;
    z-index: 2;
    position: relative;
    top: 1rem;
    border: 1px solid rgba(232,110,43, 0.9);
    box-shadow: 2px 0px 6px rgba(232,110,43, 0.9);
}

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

.caseStudyBlk .clientlogoBox a {
    display: block;
}

.caseContenBox {
    min-height: 150px;
    background: rgba(232,110,43,0.9);
    padding: 20px 20px 20px 235px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    font-size: 20px;
    color: white;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    z-index: 10;
    padding: 20px;
}

    .caseContenBox h3 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 10px;
        font-family: 'Adani Light';
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .caseContenBox .storyName {
        font-family: 'Adani Light';
        font-size: 13px;
        float: right;
        margin-top: -6px;
    }

    .caseContenBox .readMore a {
        font-family: 'Adani Light';
        font-size: 16px;
        color: white;
        text-decoration: underline;
    }

.cmpyQuote {
    max-height: 3em;
}

.clientList {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

    .clientList li {
        float: left;
        width: 16.6%;
        padding: 15px;
    }

        .clientList li img {
            max-width: 100%;
            text-align: center;
        }

ol.numberedList.orderList2 li:before {
    top: 12px;
}

ol.numberedList.orderList2 li {
    width: 50%;
    float: left;
}

    ol.numberedList.orderList2 li:nth-child(odd) {
        clear: both;
    }

.loader {
    background: #fff !important;
}

.topNav .topRight li a img {
    width: 22px;
    height: 22px;
}

button.logoutBtn {
    background: none;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

    button.logoutBtn:hover {
        opacity: 0.8;
    }

.footerlogo img {
    width: 50%;
    padding-top: 1rem;
    max-width: 116px;
}

.downloadSec a.tariff-block {
    display: table;
    width: 100%;
}

.downloadFileTxt {
    display: table-cell;
    vertical-align: top;
    padding-left: 1rem;
    height: 50px;
    line-height: 1.3;
}

.downloadIcon {
    display: table-cell;
    vertical-align: top;
}

.noticeBar {
    background: #3f3f3f;
    color: #fff;
}

.payment-radio-grp .form-check-label img {
    max-height: 50px;
}

.paymentTbl {
    font-size: 0.9rem;
}

    .paymentTbl .table tr th, .paymentTbl .table tr td {
        padding: 0.5rem;
    }

.quantityTxtBox input[type=text], .amountToPay input[type=text] {
    width: 100%;
}

/*Chatbot*/
.material-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    width: 70px;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    background: #3867d6;
    border: none;
    border-radius: 50%;
    outline: none;
    background: url(../images/chat_icon.png);
    height: 103px;
    width: 135px;
    border-radius: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*.material-button:after {
    content: "";
    background: #4b6584;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s;
}
*/
.material-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 2;
    width: 70px;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    background: #3867d6;
    border: none;
    border-radius: 50%;
    outline: none;
    background: url(../../images/AdaniGas/chat_icon.png);
    height: 103px;
    width: 135px;
    border-radius: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0;
}

.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0px;
    background: #fff;
    z-index: 9999;
    border: 1px solid #d9d9d9;
    border-radius: 0px;
    box-shadow: 0px 0px 35px 1px rgba(0,0,0,0.20);
    height: 100%;
    width: 480px;
    max-width: 100%;
}

    .chat-popup .form-container {
        height: 93%;
        padding: 0;
        margin: 0;
        overflow: hidden;
        background-color: transparent;
    }

    .chat-popup header {
        height: 7%;
    }

.chat-close {
    border-radius: 50%;
    color: #fff;
    display: block;
    float: right;
    font-size: 16px;
    height: 20px;
    line-height: 16px;
    margin: 2px 2px 0 0;
    text-align: center;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
}

    .chat-close i {
        color: #fff;
    }

.chat-popup h4 {
    font-size: 1.2rem;
    line-height: 1.5em;
    margin: 0;
    padding: 11px 15px;
    background: #df5932 !Important;
    color: #fff;
}


/* Tooltip */
/*.tooltip {
	position: absolute;
	z-index: 10700;
	display: inline;
	width: 200px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;
	line-break: auto;
	text-decoration: none;
}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9;
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px;
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px;
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px;
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px;
}
.tooltip-inner {
	max-width: 300px;
	padding: 3px 8px;
	color: #ffffff;
	text-align: left;
	margin-left: 5px;
	text-indent: 0;
	background-color: #808080;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 5px;
	height: 2px;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000000;
}
.area-tooltip {
  position: absolute;
  visibility: hidden;
}*/

#main-pdf {
    height: 800px;
}

.loader img {
    max-width: 160px;
}

.newUserAcc .actionTile h5 {
    font-size: 1.05rem;
}

button#btnContactUsSubmit {
    margin-top: 40px;
}

.main-add {
    margin-bottom: 0.75rem;
}

    .main-add h4 {
        font-size: 1.3rem;
    }

.Investorcalender {
    height: 272px;
    overflow-y: auto;
    padding-right: 15px;
}

    .Investorcalender::-webkit-scrollbar {
        width: 6px;
    }

    .Investorcalender::-webkit-scrollbar-track {
        background: transparent;
    }

    .Investorcalender::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 3px;
    }

.phoneIconSquare {
    font-size: 1.30rem;
    line-height: 1;
    position: relative;
    top: 2px;
}

.divnetworkdetails {
    height: 300px;
    overflow-y: auto;
}

#chart {
    position: relative;
}

.salesVolGrowth #bars:before {
	content: "";
	/* display: block; */
	position: absolute;
	/* top: -20px; */
	/* left: 45px; */
	/* font-size: 10px; */
	width: 0.5px;
	background-color: black;
	height: 220px;
	bottom: 0;


}

.revenue #bars:before {
	content: "";
	/* display: block; */
	position: absolute;
	/* top: -20px; */
	/* left: 45px; */
	/* font-size: 10px; */
	width: 1px;
	background-color: black;
	height: 220px;
	bottom: 0;
}


.pat #bars:before {
	content: "";
	/* display: block; */
	position: absolute;
	/* top: -20px; */
	/* left: 45px; */
	/* font-size: 10px; */
	width: 0.5px;
	background-color: black;
	height: 220px;
	bottom: 0;
}

.chartValue {
    font-size: 10px;
}

#chart #bars li span {
    color: black;
    width: 100%;
    position: absolute;
    bottom: -2em;
    left: 10px;
    text-align: left;
    font-size: 10px;
}


/* Domestic Example Bill */

.examBillBlk {
    max-width: 908px;
    margin: auto;
    position: relative;
}

    .examBillBlk img {
        width: 100%;
    }

.mytip {
    position: fixed;
    background: #ff6633;
    top: 0px;
    left: 0;
    color: #000;
    display: none;
    width: 173px;
    padding: 10px;
    font-size: 13px;
    color: white;
}

    .mytip:after,
    .mytip:before {
        border-right: 26px solid transparent;
        border-bottom: 26px solid #ff6633;
        top: -25px;
        content: "";
        position: absolute;
        left: 20px;
    }

.callNowBar {
    background: #666;
    color: #fff;
    padding: 0 15px;
}

    .callNowBar li a {
        color: #fff
    }

.breadcrumb-sublayout-ul li h2 {
    display: inline-block;
    font-size: 1.5rem;
}

.breadcrumb-sublayout-ul li:first-child, .breadcrumb-sublayout-ul li:first-child a, .breadcrumb-sublayout.py-5 .breadcrumb-sublayout-ul li:before, .breadcrumb li:first-child a {
    font-size: 1.5rem;
}

.breadcrumb li:first-child {
    line-height: 1;
}

.tileBox .residential {
    min-height: 262px;
}

.sectionHeading {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.mediaReleaseDetails p {
    margin-bottom: 1rem;
}

.mediaReleaseDetails .ul-bullets {
    margin-bottom: 1rem;
}

.mediaReleaseDetails table p {
    margin-bottom: 0;
}

.corporate-a .section-heading {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.corporate-a p span {
    color: #dedede !important;
}

.cylSelBox > div {
    margin-right: 15px;
}

#chart.debt #bars li {
    width: 20%;
}

    #chart.debt #bars li span {
        color: rgba(0, 0, 0, 0.75);
    }

.dodoForm .col-form-label {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

    .dodoForm .col-form-label .required {
        position: absolute;
        margin-left: 2px;
    }

.dodoForm h3 {
    margin: 1rem 0;
}

.payLogoBox {
    margin: 2rem 0;
    max-width: 200px;
}

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

.inputField .form-control {
    max-width: 300px;
}

.telephone {
    color: black;
    cursor: default;
}

.breadcrumb-sublayout .bg-image img {
    position: absolute;
    bottom: 0px;
}

.playstore {
    position: absolute;
    bottom: 6%;
    left: 47%;
    width: 100%;
}

#homemodalpopup .modal-dialog {
    max-width: 70%;
}

.SupportSpan {
    margin-right: 30px;
}

.playstore a {
    display: inline-block;
    width: auto;
}

    .playstore a img {
        max-width: 100%;
    }

#paytmTable a {
    cursor: pointer;
}

#paytmTable span a {
    padding: 5px;
    cursor: pointer;
}

.manageAcBoxOuter #CaptchaImage {
    margin-top: -15%;
    margin-bottom: -10%;
    width: 60%;
}

.dodoForm #btnSubmit {
    padding: 0.30rem 1rem;
}

.dodoImg {
    text-align: center;
}

    .dodoImg img {
        width: 80%;
    }

.btnPanelBox {
    margin: 0 auto;
    text-align: center;
    background: #FCB040;
    padding-bottom: 15px;
    width: 80%;
}

    .btnPanelBox a {
        color: #fff;
        max-width: 100%;
        margin-top: 5px;
        white-space: normal;
    }

.valignTop {
    vertical-align: top;
}

#loginbanner .storeapps {
    margin: 10px 0;
}

    #loginbanner .storeapps p {
        font-size: 14px;
        color: #000;
    }

    #loginbanner .storeapps img {
        width: 100%;
        height: 40px;
    }

/*==============================
## Industrial Payment Page
=================================*/
.processbar {
    background: #ffe198;
    text-align: center;
    font-size: 18px;
    color: #666;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.connectionsec h4 {
    color: #165db7;
    font-size: 20px;
    border-bottom: 2px solid #165db7;
    display: inline-block;
    padding-bottom: 5px;
}

.processbox {
    border: 1px solid #cad2dd;
    padding: 1.5em;
    margin-bottom: 2em;
}

    .processbox .doted {
        background: #ffffff;
        padding: 2em;
        border: 2px dashed #cad2dd;
        height: 160px;
        margin-bottom: 10px;
    }

        .processbox .doted h6 {
            font-size: 20px;
            color: #000;
            margin: 0;
        }

        .processbox .doted span {
            font-size: 16px;
            color: #000;
        }

    .processbox .dotedbg {
        background: #cad2dd;
        padding: 2em;
        /*border: 2px dashed #cad2dd*/
        height: 160px;
        margin-bottom: 10px;
    }

        .processbox .dotedbg h6 {
            font-size: 20px;
            color: #000;
            margin: 0;
        }

        .processbox .dotedbg span {
            font-size: 16px;
            color: #000;
        }


    .processbox button.paynow {
        color: #ffffff;
        background: #ff821c;
        border: 1px solid #ff821c;
        margin: 5px 0;
        padding: 10px 22px;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        border-radius: 5px;
    }

        .processbox button.paynow:hover {
            background: #000;
            border: 1px solid #000;
            color: #ffffff;
        }

.processboxin {
    border: 1px solid #cad2dd;
    padding: 1.5em;
}

    .processboxin h5 {
        color: #165db7;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        margin-bottom: 10px;
    }

    .processboxin .doted {
        padding: 2em;
        border: 2px dashed #cad2dd;
    }

        .processboxin .doted .fa {
            color: #165db7;
            margin-left: 5px;
            font-size: 20px;
        }


    .processboxin .doted {
        height: auto;
    }

        .processboxin .doted h6 {
            font-size: 15px;
            color: #000;
            margin: 0;
        }

        .processboxin .doted span {
            font-size: 20px;
            color: #000;
            font-weight: 400;
        }



/*=============================
##customer-feedback
==========================*/
.customer-feedback {
    border: 1px solid #cad2df;
    padding: 2em;
    background: #ffffff;
    margin-bottom: 1em;
}

.feedbackcustomer {
    background: #eef1f6;
    padding: 10px;
}

    .feedbackcustomer span {
        font-size: 16px;
        color: #165db7;
        font-weight: 400;
    }

    .feedbackcustomer .customername h3 {
        font-size: 20px;
        color: #000;
        margin: 5px 0;
    }

    .feedbackcustomer .customername p {
        font-size: 16px;
        color: #000;
        margin-bottom: 5px;
    }

    .feedbackcustomer .customername h6 {
        font-size: 16px;
        color: #000;
        margin: 8px 0;
    }

.attributesbox {
    border: 1px solid #cad2df;
    background: #ffffff;
    padding: 1.5em;
    margin: 20px 0;
}

    .attributesbox p {
        color: #4e4e4e;
        font-size: 14px;
    }

.attributeinner {
    border: 1px solid #cad2df;
    background: #ffffff;
    padding: 10px 0;
    margin: 10px 0;
}

    .attributeinner table {
        font-size: 14px;
        margin-bottom: 0;
    }

    .attributeinner .bgtable {
        background: #eef1f6;
    }


    .attributeinner table input[type='checkbox'] {
        margin-top: -30px;
    }

    .attributeinner table input[type='checkbox'] {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeSpeed;
        width: 13px;
        height: 13px;
        margin: 0;
        margin-right: 1px;
        display: block;
        float: left;
        position: relative;
        cursor: pointer;
        top: 5px;
    }

        .attributeinner table input[type='checkbox']:after {
            content: "";
            vertical-align: middle;
            text-align: center;
            line-height: 17px;
            position: absolute;
            cursor: pointer;
            height: 20px;
            width: 22px;
            left: 0;
            top: 0;
            font-size: 10px;
            -moz-box-shadow: inset 0 1px 1px #5F95FC, 0 1px 0 #5F95FC;
            background: #fff;
            border: 2px solid #d1d2d4;
            border-radius: 2px;
        }

        /*.attributeinner table input[type='checkbox']:hover:after, input[type='checkbox']:checked:hover:after {
            background: #00a849;
            content: '\2714';
            color: #fff;
            border: 2px solid #00a849;
        }*/

        .attributeinner table input[type='checkbox']:checked:after {
            background: #00a849;
            content: '\2714';
            color: #fff;
            border: 2px solid #00a849;
        }

.feedback-yellowbox {
    background: #ffe198;
    padding: 1em;
    margin-bottom: 1em;
}

    .feedback-yellowbox li a {
        margin-right: 15px;
        border: 1px solid #666;
        border-radius: 3px;
    }

    .feedback-yellowbox h3 {
        color: #000;
        font-size: 22px;
    }

    .feedback-yellowbox p {
        font-size: 14px;
        color: #000;
    }

.customer-feedback button {
    color: #ffffff;
    background: #165db7;
    border: 1px solid #165db7;
    margin: 0 auto;
    padding: 12px 35px;
    font-size: 14px;
    font-weight: 600;
    display: block;
    border-radius: 5px;
}

    .customer-feedback button:hover {
        background: #000;
        color: #ffffff;
        border: 1px solid #000;
    }

.addressbox {
    background: #ffffff;
    padding: 1em;
    margin-top: 20px;
    line-height: 26px;
}

.newconnection .btn-default {
    background: transparent;
    color: #ffffff;
}

.newconnectionbanner {
    background-image: url(../img/gascat-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 2.8em;
    margin-top: 20px;
}

    .newconnectionbanner h2 {
        font-size: 42px;
        text-transform: capitalize;
        margin: 0;
        font-weight: bold;
        color: #ffffff;
    }

        .newconnectionbanner h2 span {
            font-size: 26px;
            font-weight: 400;
            color: #ffffff;
        }

.addressbox {
    color: #003e9d;
    font-size: 16px;
}

.allDetails {
    margin-top: 20px;
}

    .allDetails .fa {
        color: #165db7;
        font-size: 20px;
        border-bottom: 2px solid #165db7;
        padding-bottom: 5px;
    }

.allDetailstop {
    padding: 1em;
    color: #165db7;
    font-size: 18px;
}

    .allDetailstop p {
        color: #165db7;
        font-size: 20px;
        border-bottom: 2px solid #165db7;
        display: inline-block;
        padding-bottom: 5px;
    }

.boxbgcolor span {
    color: #2167bc;
    font-size: 15px;
}

.boxbgcolor {
    background: #eef1f6;
    padding: 1em 1.5em;
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 24px;
}

    .boxbgcolor p {
        color: #000;
        font-size: 14px;
    }

.boxbgcolork {
    background: #e19c58;
    padding: 1em 1.5em;
    color: #000;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 24px;
}

.companyaddress {
}
    .companyaddress h3 {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

.new-conn_form {
}

    .new-conn_form label, .new-conn_form .field-validation-error.danger {
        font-size: 13px;
    }

    .new-conn_form select {
        height: 35px !important;
    }

    .new-conn_form input {
        padding: 5px 10px;
    }

    .new-conn_form .rightsidebar .widgetbox {
        margin-bottom: 15px;
    }

        .new-conn_form .rightsidebar .widgetbox:last-child {
            margin-bottom: 0px;
        }

.homepopup-carousel {
    min-height: 150px;
}

    .homepopup-carousel .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
    }

        .homepopup-carousel .owl-nav button {
            background: #f27235;
        }

            .homepopup-carousel .owl-nav button i {
                padding: 10px 8px;
                color: #fff;
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
                font-size: 12px;
            }

            .homepopup-carousel .owl-nav button.owl-prev {
                background: #f27235;
            }

            .homepopup-carousel .owl-nav button.owl-next {
                position: absolute;
                right: 0px;
                background: #f27235;
            }

.media-release {
}

    .media-release p {
        text-align: left !important;
        margin: 0px 0px 5px 0px !important;
    }

    .media-release ul {
        padding-left: 30px;
    }

    .media-release li {
        list-style-type: disc;
        margin-bottom: 5px;
    }

    .media-release ol li {
        list-style-type: decimal;
        margin-bottom: 5px;
    }

    .media-release table {
        width: 100% !important;
        margin: 10px 0px 10px 0px !important;
    }

        .media-release table td {
            padding: 10px 10px !important;
        }


.gasPrice .dropdown .dropdown-item {
    width: 45%;
}

.priceTile {
    height: 100%;
}

    .priceTile p, .liveGasPrice p {
        font-size: 14px;
        margin-top: 15px;
    }

.popup_thumb {
    position: relative;
}

.popup-btn {
    position: absolute;
    bottom: 8px;
    right: 10px;
}

    .popup-btn a {
        color: #ffffff;
        font-size: 14px;
        border: 1px solid #ff6633;
        background: #ff6633;
        padding: 0.4rem 0.5rem;
        border-radius: 3px;
        margin-left: 15px;
        transition: ease all 0.6s;
    }

        .popup-btn a:hover {
            background: #949494;
            border: 1px solid #949494;
            transition: ease all 0.6s;
        }

/*form CNG registraion Start*/
.vehicle_form {
}

    .vehicle_form hr {
        border-top: 1px solid #eaeaea;
    }

.vehicle_form {
    background: #fff;
    padding: 1.5rem;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 0px 10px -4px rgb(0 0 0 / 28%);
}

    .vehicle_form label.d-block {
    }

    .vehicle_form label {
        font-weight: 400;
        margin-bottom: 0.3rem;
    }

        .vehicle_form label.form-check-label {
            font-weight: 300;
            font-size: 14px;
        }

    .vehicle_form .input-group-append {
    }

        .vehicle_form .input-group-append button {
            background: #696969;
            border: 0px solid #fff;
            font-size: 12px;
            padding: 5px 10px;
            color: #fff;
            outline: 0;
            transition: ease all 0.3s;
            cursor: pointer;
        }

            .vehicle_form .input-group-append button:hover {
                background: #000;
                transition: ease all 0.3s;
            }

    .vehicle_form fieldset {
        border: 1px solid #ccc;
        padding: 1rem 1rem 0rem 1rem;
        margin-bottom: 1.5rem;
    }

        .vehicle_form fieldset legend {
            width: auto;
            font-size: 14px;
            font-weight: 600;
            background: #fff;
            padding: 5px 10px;
        }

    .vehicle_form input[type="text"] {
        background: #f7f7f7;
        border: 1px solid #e4e4e4;
        min-height: 35px;
        font-size: 14px;
    }

    .vehicle_form select {
        background: #f1f1f1;
        border: 1px solid #e4e4e4;
        min-height: 35px;
        font-size: 14px;
    }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/*form CNG registraion End*/

.form_namechange {
    padding: 1rem 0rem 1.5rem 0rem;
}

    .form_namechange h3 {
        font-weight: 600;
        color: #f63;
    }

.PreviewCustFile {
    font-size: 14px;
    font-weight: 600;
}

#CNGDealerRegForm .field-validation-error {
    font-size: 12px;
    margin-top: 0.3rem;
}

.vehicle_form input:disabled, .owner-details input:disabled {
    background-color: #e9ecef;
    color: #000;
}

.user-data_dashboard {
}

    .user-data_dashboard .form-group a {
        display: block;
        font-size: 14px;
        text-decoration: underline;
    }

    .user-data_dashboard .text-check-green {
        color: #fff;
        background: #8bc34a;
        font-size: 12px;
        padding: 4px 4px;
        border-radius: 100px;
    }

    .user-data_dashboard .form-group {
        position: relative;
    }

    .user-data_dashboard button.float-right {
        position: absolute;
        right: 0px;
        top: 0px;
        background: #ff9800;
        border: 0px;
        color: #fff;
        border-radius: 3px;
        transition: ease all 0.3s
    }

        .user-data_dashboard button.float-right:hover {
            background: #2d2d2d;
            transition: ease all 0.3s
        }

.min-650 {
    min-width: 650px;
}

.field-validation-error {
    color: red;
    font-size: 12px;
}

.sidebar_thumb {
    height: 100%;
}

    .sidebar_thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.font-normal {
    font-weight: 600;
}

.txt-note {
    font-size: 12px;
    color: #444444;
    background: #f1f1f1;
    padding: 0.5rem;
    margin-top: 0.8rem;
    font-weight: 600;
}

.ul-decimal li {
    margin-bottom: 0.8rem;
}

header {
    padding: 0rem 0rem;
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 9;
    background: #fff;
}

.max-length-40px {
    width: 40px !important;
}

.terms-link a {
    color: #df5932;
}

.video-section {
    position: relative;
    cursor: pointer;
}

    .video-section:before {
        content: "\f04b";
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        display: inline;
        border: 2px solid rgba(255,255,255,.6);
        padding: 9px 20px;
        border-radius: 100%;
        color: rgba(255,255,255,.6);
        font-size: 35px;
        cursor: pointer;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transition: ease all .5s;
    }

    .video-section:hover:before {
        font-size: 45px;
        transition: ease all .5s;
        color: #fff;
        border-color: #fff;
        padding: 9px 23px;
    }

.contactBanner .mt-3.mt-lg-0 > div {
    margin-bottom: 0.8rem;
    text-align: right;
}

.video-section img {
    border-radius: 8px;
}

#covid19 {
    padding-bottom: 0rem !important;
}

@media(min-width:992px) {
    #covid19 .mt-2.mb-4 {
        margin-bottom: 0px !important;
    }
}

.meter-reading-input {
    background: #000;
    color: #fff;
    padding: 3px 4px 3px 7px;
    width: 43px;
    border: 0px;
    border-right: 1px solid #474747;
    outline: 0;
    box-shadow: 0px 0px 0px 0px #000 !important;
}

    .meter-reading-input.bg-red {
        background: red !important;
        border-right: 1px solid #ff4f4f;
    }

#divLiveCapture {
}

    #divLiveCapture p {
        position: absolute;
        background: rgb(255 255 255 / 72%);
        color: #000;
        padding: 0.25rem 0.5rem;
        font-size: 14px;
        font-weight: 500;
        left: 5px;
        top: 5px;
    }

.liveCapture-btn {
    position: absolute;
    bottom: 13px;
    right: 5px;
}

    .liveCapture-btn button, .liveCapture-btn input {
        font-size: 14px;
        padding: 5px 10px;
        line-height: 20px;
        border: 0px;
        border-radius: 8px;
    }

    .liveCapture-btn button {
        background: rgb(255 102 51 / 43%);
        border-radius: 100px;
    }

@media(min-width:992px) {
    .m_btm_buttons {
        position: absolute;
        bottom: 10px;
        width: 100%;
    }
}

@media(max-width:991px) {
    .m_btm_buttons {
        position: absolute;
        bottom: 5px;
        width: 100%;
    }

        .m_btm_buttons a {
            font-size: 12px;
            padding: 2px 10px !important;
        }
}

@media(max-width:767px) {
    .m_btm_buttons {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

        .m_btm_buttons a {
            font-size: 9px;
            padding: 2px 10px !important;
        }
}

@media(max-width:567px) {
    .m_btm_buttons {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

        .m_btm_buttons a {
            font-size: 8px;
            padding: 2px 10px !important;
        }
}
.card-border .card-header{
	border-bottom: 1px solid lightgray;
}

.popup_thumb.anchor {
    margin-right: 10px;
    position: absolute;
    bottom: 0.75rem;
    left: 50%;
    min-width: 13rem;
    text-align: center;
    transform: translateX(-50%);
}
.popup_thumb.anchor a {
    border: 1px solid #df5932;
    border-radius: 8px;
    margin-left: 8px;
    padding: 8px;
    background-color: #20608B;
    color: #fff;
    /* margin-bottom: 0px; */
}
@media(max-width:991px){
.popup_thumb.anchor{bottom: 0.15rem;}
.popup_thumb.anchor a{
font-size: 0.7rem;
padding: 2px;
}
}

//For Name Tranfer start
.name-transfer {
}

    .name-transfer .panel {
        background: #fff;
    }

    .name-transfer h3 {
        margin-bottom: 1.5rem;
    }

    .name-transfer h6 {
    }

    .name-transfer .text-alert {
        background: #fef6ea;
        padding: 0.5rem 1rem;
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 2rem;
    }

        .name-transfer .text-alert span {
        }

    .name-transfer h2 {
        font-size: 18px;
        margin-bottom: 1.5rem;
    }

        .name-transfer h2 b {
        }

    .name-transfer .form-group label {
        margin-bottom: 0.35rem;
    }

    .name-transfer .form-group {
        position: relative;
    }

        .name-transfer .form-group input, .name-transfer .form-group textarea {
            padding: 0.5rem 0.5rem;
            color: #000;
        }

            .name-transfer .form-group input:disabled, .name-transfer .form-group textarea:disabled {
                border: 1px solid #d0d2d3;
            }

    .name-transfer .btn {
        min-width: 180px;
        color: #fff;
    }

.check_app-status {
}

    .check_app-status p {
        position: relative;
        margin: 1rem 0rem 1.5rem 0rem;
    }

        .check_app-status p span {
            background: #fff;
            color: #ababab;
            font-size: 16px;
            font-weight: 500;
            position: relative;
            padding: 0rem 1rem;
        }

        .check_app-status p:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 0px;
            width: 100%;
            height: 1px;
            background: #f1f1f1;
            z-index: 0;
        }

    .check_app-status a {
        display: block;
        background: #ff6633;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        border: 2px solid #ddd;
        padding: 0.8rem 1rem;
        transition: ease all 0.3s;
    }

        .check_app-status a:hover {
            background: #ff6633;
            color: #fff;
            border-color: #ff6633;
            transition: ease all 0.3s;
        }

.submit_request {
}

    .submit_request .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px;
        border: 0px;
    }

        .submit_request .nav-tabs .nav-item {
            padding: 12px 12px;
            max-width: 100%;
            flex: 0 0 33.3333%;
            margin: 0px;
        }

            .submit_request .nav-tabs .nav-item a {
                background: transparent;
                color: #999999;
                border-bottom: 4px solid #999999 !important;
                padding-left: 0px;
                border: 0px;
                transition: ease all 0.3s;
            }

                .submit_request .nav-tabs .nav-item a.active, .submit_request .nav-tabs .nav-item a:hover {
                    transition: ease all 0.3s;
                    color: #000;
                    border-bottom: 4px solid #000 !important;
                }

.card-border .card-header {
    border-bottom: 1px solid lightgray;
}

.form-label[for="customFile"] {
    padding: 7px;
}

//For Name Transfer end
	/*for greenmosphere banner*/	
#greenmosphere img{	
		
	width:100%;	
	height:auto;	
}	
/*self billing upload box ocr*/	
.ocr-upload-section {	
    border: solid 1px #0d67ca;	
    padding: 5px 16px;	
    border-style: dashed;	
    position: relative;	
    display: flex;	
    align-items: center;	
    height: 78px;	
    	
	margin-top: 20px;	
    margin-bottom: 5px;	
}	
.ocr-upload-section input {	
        opacity: 0;	
        position: absolute;	
        top: 0;	
        left: 0;	
        width: 100%;	
        height: 100%;	
    }	
.ocr-upload-section svg {	
        width: 24px;	
        height: 24px;	
    }	
.ocr-upload-section span {	
       color: #0d67ca;	
    font-family: 'Adani-regular';	
    font-size: 16px;	
    font-weight: normal;	
    line-height: 1.5;	
    display: inline-block;	
    margin-left: 8px;	
    }	
    .ocr-upload-section input:focus ~ span {	
        color: #0d67ca;	
    }	
    .ocr-upload-section input:focus ~ svg path {	
        fill: #0d67ca !important;	
    }	
.ocr-card-wrap {	
    border: solid 1px #0d67ca;	
    background-color: #fff;	
    padding: 5px 16px;	
    border-style: dashed;	
    display: flex;	
    align-items: center;	
    	
	margin-top: 20px;	
}	
.ocr-card-wrap img {	
    max-width: 100%;	
    /* width: 37px; */	
    /* height: 37px; */	
    object-fit: cover;	
}	
.ocr-upload-section-after-upload {	
    position: absolute;	
    right: 20px;	
}	
.ocr-after-upload .desc {	
    font-family: 'Adani-Regular';	
    font-size: 14px;	
    line-height: 1.72;	
    padding-left: 8px;	
    width: 130%;	
    word-break: break-word;	
	cursor:pointer;	
	font-weight: 500;	
}	
.ocr-after-upload .upload-section-after-upload span {	
    float: right;	
    width: unset !important;	
    margin-right: 25px;	
    text-decoration: underline;	
    margin-left: 0px !important;	
    cursor: pointer;	
}
	.ocr-upload-section-after-upload .Cannot-find-your-Soc {	
    width: 155px;	
    height: 15px;	
    margin: 10px 0 24px 20px;	
    font-family: 'Adani-Regular';	
    font-size: 14px;	
    font-weight: 500;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.43;	
    letter-spacing: normal;	
    text-align: left;	
    color: #666;	
     float: none; 	
}	

.ocr-card-wrap.ocr-after-upload {	
    display: block;	
}	
.ocr-card-wrap.ocr-after-upload .desc {	
    width: 100%;	
    padding: 0;	
    display: flex;	
    align-items: center;	
    justify-content: space-between;	
    margin-top: 9px;	
}	
.ocr-card-wrap.ocr-after-upload .desc .ocr-upload-section-after-upload {	
    position: static;	
}
/*..................*/	
/***********...............*/
/* For Signuprevamp and Kiosk start */
.reg-form.adg-tab-content {
    background: #f7f7f7;
}
.reg-form.adg-tab-content .mt-2 {
    clear: both;
    overflow: hidden;
}
.reg-form.adg-tab-content .btn.btn-primary {
    float: right;
    width: 100%;
    max-width: 240px;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 20px;
}
.reg-form.adg-tab-content .btn.btn-primary:disabled {
    background-color: #525252;
    border-color: #525252;
    opacity: 1;
}
.form-signin .reg-form .inputField .form-control {
    max-width: 100%;
}

 

.reg-form.adg-tab-content h3 {
    margin: 0;
    font-family: 'Adani-Regular';
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 32px;
}

 

.reg-form.adg-tab-content .button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reg-form.adg-tab-content .button-wrapper p {
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}
.reg-form.adg-tab-content .button-wrapper p a {
    font-family: 'Adani-Regular';
    text-decoration: underline;
}

 

.reg-form .custom-otp>p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}
.reg-form .custom-otp>p strong {
    color: #666;
    font-family: 'Adani-Regular';
}
.reg-form p.btm-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reg-form p.btm-text em {
    font-family: 'Adani-Regular';
    font-style: normal;
}
.reg-form p.btm-text strong a {
    color: #cccccc;
    font-size: 13px;
    text-decoration: underline;
    line-height: normal;
}
.reg-form p.btm-text strong a.active {
    color: #333;
}

 

#ValidationMessageFromApi{
    margin-left: -29px;
}
#SubmitMessageFromApi{
    margin-left: -29px;
}

 

#registrationInfo_message_modal .modal-header {
    background-color: #ff6633;
    color: #fff;
}

 

#registrationInfo_message_modal .modal-header .close {
        color: #fff;
        opacity: 1;
        font-size: 1.5rem;
    }
.cut-info span { 
float: right;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}
.adg-tab-content .form-group .form-control {

 border-color: #eaeaea;
 height:60px;
}
.adg-tab-content .form-group p {

 padding-top:10px;
 color: #666666;
 font-family: 'Adani-Regular';
 font-size: 12px;
 line-height: 1.67;
}

.signup-terms {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:12px;
  color:#666
}

.signup-terms a {
	font-weight:600;
	text-decoration:underline;
}
/* Hide the browser's default checkbox */
.signup-terms input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border: 1px solid #999;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
.signup-terms:hover input ~ .checkmark {
  background-color: #aaa;
}

/* When the checkbox is checked, add a blue background */
.signup-terms input:checked ~ .checkmark {
  background-color: #525252;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.signup-terms input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.signup-terms .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.password-icon{
	position: relative;
}
.icon-group{
	position: absolute;
    top: 20px;
    right: 17px;
}
.icon-group svg{
	margin-left:20px;
}
.icon-group svg.active{
	filter: brightness(0.5);
}

.in-mob-app header {
    display: none !important;
}

.in-mob-app .breadcrumb {
    display: none !important;
}
.in-mob-app .breadcrumb-sublayout-ul {
    display: none !important;
}
.in-mob-app footer {
    display: none !important;
}
.in-mob-app #ymPluginDivContainerInitial {
    display: none !important;
}
.remove-chatboat #ymPluginDivContainerInitial {
    display: none !important;
}
#greenmosphere.py-5{
    padding-top:0 !important;
}
#greenmosphere{
    padding-top:0 !important;
    
}
@media (max-width: 767px) {
   
   .reg-form.adg-tab-content .button-wrapper {
        display: flex;
		flex-direction: column-reverse;
    }
	.reg-form.adg-tab-content .button-wrapper .btn{
		margin: 0 0 20px 0;
	}
    .reg-form.adg-tab-content .btn.btn-primary {
        float: none;
        margin-top: 20px;
    }
	
/*ocr self billing	*/
.ocr-card-wrap.ocr-after-upload {	
    display: block;	
    height: auto;	
  }	
  .ocr-card-wrap.ocr-after-upload .desc .ocr-upload-section-after-upload {	
    position: static;	
  }	
  .ocr-card-wrap.ocr-after-upload .desc {	
    display: block;	
  }	
  .ocr-upload-section-after-upload .Cannot-find-your-Soc {	
    height: auto;	
    width: auto;	
    margin: 0;	
  }	
  /* .modal-body img { */	
    /* width: 100%; */	
    /* position: static; */	
    /* object-fit: cover; */	
  /* } */	
  .modal-body .jcrop-holder {	
    width: 100% !important;	
  }	
  
}	
/* For Signuprevamp and Kiosk end */


/*for after salse service*/

input#opg:checked:hover:after {
    content: none !Important;
}


/*submit meter reading*/

#showHowToSubmitMeterReading .modal-body {	
    padding-left: 30px;	
    padding-top: 18px;	
}	
div#showHowToSubmitMeterReading {	
    background-color: rgba(0,0,0,0.8);	
}	
#btnHowToSubmitMeterReading {	
    padding: 0 !important;	
    opacity: 1;	
    float: none !important;	
    margin-left: -6px;	
    font-family: 'Adani-Regular' !Important;	
    font-weight: normal;	
    text-decoration: underline;	
}	
.MeterReadingStep {	
    padding-bottom: 15px !important;	
    width: 32px;	
    height: 11px;	
    font-family: Adani;	
    font-size: 10px;	
    font-weight: normal;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.6;	
    letter-spacing: normal;	
    text-align: left;	
    color: #999;	
}	
.MeterReadingSubline {	
    font-family: Adani;	
    font-size: 14px;	
    font-weight: normal;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.29;	
    letter-spacing: normal;	
    text-align: left;	
    color: #666;	
}	
.MeterReadinghead {	
    padding-bottom: 18px !important;	
    width: 486px;	
    height: 15px;	
    font-family: Adani;	
    font-size: 13px;	
    font-weight: normal;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.29;	
    letter-spacing: normal;	
    text-align: left;	
    color: #666;	
}	
.TopMeterReadinghead {	
    width: 486px;	
    height: 15px;	
    font-family: Adani;	
    font-size: 19px;	
    font-weight: normal;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.29;	
    letter-spacing: normal;	
    text-align: left;	
}	
#showHowToSubmitMeterReading .close {	
    text-decoration: underline;	
    /*margin: 18px 480px 0 22px;*/	
    font-family: Adani;	
    font-size: 16px;	
    font-weight: 500;	
    font-stretch: normal;	
    font-style: normal;	
    line-height: 1.5;	
    letter-spacing: normal;	
    text-align: left;	
    color: #333;	
    float:left;	
    padding-top:10px;
}

/* css for j CROp */

    #preview {
        background: red;
        border: 1px solid green;
    }
    /* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
    .jcrop-holder {
        direction: ltr;
        text-align: left;
    }

    .jcrop-vline, .jcrop-hline {
        background: #FFF url(Jcrop.gif);
        font-size: 0;
        position: absolute;
    }

    .jcrop-vline {
        height: 100%;
        width: 1px !important;
    }

        .jcrop-vline.right {
            right: 0;
        }

    .jcrop-hline {
        height: 1px !important;
        width: 100%;
    }

        .jcrop-hline.bottom {
            bottom: 0;
        }

    .jcrop-tracker {
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        height: 100%;
        width: 100%;
    }

    .jcrop-handle {
        background-color: #333;
        border: 1px #EEE solid;
        font-size: 1px;
        height: 7px;
        width: 7px;
    }

        .jcrop-handle.ord-n {
            left: 50%;
            margin-left: -4px;
            margin-top: -4px;
            top: 0;
        }

        .jcrop-handle.ord-s {
            bottom: 0;
            left: 50%;
            margin-bottom: -4px;
            margin-left: -4px;
        }

        .jcrop-handle.ord-e {
            margin-right: -4px;
            margin-top: -4px;
            right: 0;
            top: 50%;
        }

        .jcrop-handle.ord-w {
            left: 0;
            margin-left: -4px;
            margin-top: -4px;
            top: 50%;
        }

        .jcrop-handle.ord-nw {
            left: 0;
            margin-left: -4px;
            margin-top: -4px;
            top: 0;
        }

        .jcrop-handle.ord-ne {
            margin-right: -4px;
            margin-top: -4px;
            right: 0;
            top: 0;
        }

        .jcrop-handle.ord-se {
            bottom: 0;
            margin-bottom: -4px;
            margin-right: -4px;
            right: 0;
        }

        .jcrop-handle.ord-sw {
            bottom: 0;
            left: 0;
            margin-bottom: -4px;
            margin-left: -4px;
        }

    .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
        height: 7px;
        width: 100%;
    }

    .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
        height: 100%;
        width: 7px;
    }

    .jcrop-dragbar.ord-n {
        margin-top: -4px;
    }

    .jcrop-dragbar.ord-s {
        bottom: 0;
        margin-bottom: -4px;
    }

    .jcrop-dragbar.ord-e {
        margin-right: -4px;
        right: 0;
    }

    .jcrop-dragbar.ord-w {
        margin-left: -4px;
    }

    .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
        background: #FFF;
        filter: alpha(opacity=70) !important;
        opacity: .70 !important;
    }

    .jcrop-light .jcrop-handle {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #000;
        border-color: #FFF;
        border-radius: 3px;
    }

    .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
        background: #000;
        filter: alpha(opacity=70) !important;
        opacity: .7 !important;
    }

    .jcrop-dark .jcrop-handle {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #FFF;
        border-color: #000;
        border-radius: 3px;
    }

    .solid-line .jcrop-vline, .solid-line .jcrop-hline {
        background: #FFF;
    }

    .jcrop-holder img, img.jcrop-preview {
        max-width: none;
    }
	
	/*end jcorp*/
	
	/* selfbillg new minor changes*/

ul.meter-reading-ul {
    margin-left: 21px;
}

.meter-reading-ul li {
    list-style: disc;
}

.meter-image{
	margin-top: 16px;
    margin-left: 7px;
}
.mob-how-meter{
		display:none;
	}
	
.notification-bar {
    background-color: #fef6ea;
    padding: 18px 12px;
    display: flex;
    align-items: center;
    font-family: 'Adani-Regular';
    font-size: 14px;
    line-height: 1.15;
    margin-top: 1rem;
}

.notification-bar svg, .notification-bar img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    object-fit: contain;
    fill: #333;
}

#btnHowToSubmitMeterReading1 {
    padding: 0 !important;
    opacity: 1;
    float: none !important;
    margin-left: -6px;
    font-family: 'Adani-Regular' !Important;
    font-weight: normal;
    text-decoration: underline;
}

#showHowToSubmitMeterReading1 .modal-body {
    padding-left: 30px;
    padding-top: 18px;
	font-family:'Adani-Regular' !Important;
}

div#showHowToSubmitMeterReading1 {
    background-color: rgba(0,0,0,0.8);
}

#showHowToSubmitMeterReading1 .close {
    text-decoration: underline;
    /*margin: 18px 480px 0 22px;*/
    font-family: 'Adani-Regular' !Important;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    float:left;
    padding-top:10px;
}	
	
@media (max-width: 991px) {
	.mob-how-meter{
		display:block !Important;
	}
}

/* selfbilling image*/

.img-container {
    max-height: 497px;
    min-height: 200px;
}

@media (min-width: 768px) {
    .img-container {
        min-height: 497px;
    }
}

.img-container > img {
    max-width: 100%;
    max-height: 497px;
}

div#ShowSelfBillingImage {
    z-index: 999999 !important;
}