.bg_trns {
    background: transparent !important;
}

.bg_abtm {
    outline: 2px solid #82a0bc;
    outline-offset: 10px;
}

h1.pd_hed {
    position: relative;
}

h1.pd_hed:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: #f6a02c;
    border-radius: 50%;
    top: 22%;
    right: 62%;
    z-index: 1;
}

h1.pd_hed:after {
    position: absolute;
    content: "";
    width: 24%;
    height: 10px;
    background: #063a70;
    top: 35%;
    right: 43%;
    
}

.pd_bx {
    background: linear-gradient(180deg, #cbdce6,#073a70);
}
    
    .post-title.featured-title h5 a {
    color: #fff !important;
}
ul#menu-footer-services li {
    width: 100% !important;
}

.ad {
    line-height: 50px;
}
.ad i {
    color: #fff;
    font-size: 25px;
    padding-right: 7px;
}

.ad span {
    color: #fff;
}
.ad span{
    color:#fff;
}

.btn a {
    background: #fff;
    outline: 2px solid #ccc;
    outline-offset: -10px;
    padding: 2%;
}

.btn a {
    background: #fff;
    outline: 2px solid #af6e16;
    outline-offset: -10px;
    color: #77511d;
    padding: 2%;
}

.btn a:hover {
    background: #f6a02c;
    outline: 2px solid #fff;
    color: #fff;
}
.bt img {
    position:fixed;
    top: 30%;
    z-index: 999;
    right: 0px;
}
button.btn.btn-default {
    background: #000 !important;
    color:#fff;
}
.carousel-caption.dj {
    width: 34%;
    left: 10%;
    bottom: 39px;
    top: 40px;
}
.carousel-control.right{
    background: transparent !important;
}
.carousel-control.left{
    background: transparent !important;
}
span.glyphicon.glyphicon-chevron-right {
    background: #ccd7dd;
    width: 36px;
    padding: 1px;
    border-radius:50%;
    color: #000;
    opacity: 1 !important;
    height: 37px;
    border: 2px solid;
}
span.glyphicon.glyphicon-chevron-left {
    background: #ccd7dd;
    width: 36px;
    padding: 1px;
    border-radius:50%;
    color: #000;
    opacity: 1 !important;
    height: 37px;
    border: 2px solid;
}
.carousel-caption.dj h1 {
    font-size: 30px;
    color: #fda12b;
}
.carousel-caption.dj span {
    font-size: 35px;
    color: #fff;
}


a.rd {
    background: #fff;
    padding: 2%;
    position: absolute;
    top: 66%;
    left: 29%;
    text-decoration:none;
}
ul.ftr li {
    width: 19%;
    float: left;
    text-align: center;
    background: #063a70;
    outline: 2px solid #ffffff;
    outline-offset: -8px;
    margin-right: 1%;
    font-size: 29px;
    font-family: fantasy;
    height: 160px;
    padding: 25px;
    color: #fff;
    margin-top: 20px;
    border-radius:6px;
}

section.pd_fet h5, section.pd_fet h2 {
    text-align: center;
}

section.pd_fet h5 {
    color: #0f3870;
}
section.pd_fet h2 {
    font-weight: 700;
}

.carousel-caption.dn {
    color: #124377;
    width: 34%;
    left: 10%;
    bottom: 39px;
    top: 40px;
}

.carousel-caption.dn span {
    font-size: 34px;
}

.carousel-caption.dn a {
    background: #023770;
    color: #fff;
}

.on_hvr {
    background: #325b89;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    right:0;
    bottom:0;
    transition:1s ease;
    overflow:hidden;
}
.on_hvr h5 {
    font-weight: 900;
}

.on_hvr p {
    text-align: justify;
    line-height: 30px;
}

.pd_bx:hover .on_hvr {
    height: 302px;
    padding:3%;    
    
}

body{padding-right:0 !important;}

.row.mb_pd {
    padding-bottom: 2%;
}

section.pd_fet h2 {
    font-size: 40px;
    padding-bottom: 2%;
}

section.pd_fet h2 span {
    color: #033971;
}

section.pd_fet {
    background-image: url(https://energypipe.in/images/bg.jpg);
    background-size: cover;
}
a.rdm {
    background: #959834;
    padding: 2%;
    position: absolute;
    top: 66%;
    left: 43%;
    text-decoration: none;
    color: #252222;
}