@charset "utf-8"; /*================= Site Name: ITB Police, MHA, Base Color: #fff (Wark Ghite) Site Color: #195c9f (Dark Blue) Header Color: #ffffff (White) Text Color: #595656 (Drey) Title Color: #195c9f (Dark Blue) Footer Color: #195c9f (Dark Blue) */
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.Home-Page-bg {
    background: url(../images/website-bg.jpg) repeat;
    min-height: 60 vh;
    padding-bottom: 20 px;
}*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}


    audio:not([controls]) {
        display: none;
        height: 0
    }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    text-decoration: none;
    color: #595656;
}

    a:focus {
        outline: thin dotted
    }

    a:hover, a:active {
        outline: 0;
    }

    a:hover {
        text-decoration: none;
        color: #195c9f;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

b, strong, dt, th {
    font-weight: 600;
}

em, i {
    font-style: italic;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address {
    margin: 0;
    padding: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
     max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

legend {
    white-space: normal;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    empty-cells: show;
    border: none;
}

    table table {
        margin: 0
    }

th, td {
    border: none;
    padding: 8px 10px
}

caption, th, td {
    font-weight: normal;
}
/****************fonts*****************/ /*********** open sans font***************/ /* BEGIN Light */



@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Regular.eot?v=1.1.0");
    src: url("fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* END Regular */ /* BEGIN Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Italic.eot?v=1.1.0");
    src: url("fonts/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}
/* END Italic */ /* BEGIN Semibold */

@font-face {
    font-family: 'Open Sans';
    src: url("fonts/OpenSans-Semibold.eot?v=1.1.0");
    src: url("fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
    font-weight: bold;
    font-style: normal;
}
/* END Semibold */ /* BEGIN Semibold */ /*@font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Bold.eot?v=1.1.0"); src: url("fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg"); font-weight: bold; font-style: normal; } */ /* END Bold */ /********* Form fields *********/
@font-face {
    font-family: 'Lobster Regular';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Lobster Regular'), url('fonts/Lobster-Regular.woff') format('woff');
}


button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    background-color: transparent;
    border: none;
}

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
    }

    input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
        border: 1px solid #e5e5e5;
        width: 100px;
        height: 30px;
        padding: 0;
        font-size: 100%;
        line-height: normal;
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        margin: 0 5px 0 0;
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }

    input[type="radio"] {
        -webkit-appearance: radio
    }

    input[type="submit"], input[type="button"], input[type="reset"], button, .button {
        line-height: 20px;
        padding: 0 10px;
        display: inline-block;
        text-decoration: none;
        border: 0 none;
        margin: 0;
        outline: 0 none;
    }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    height: 100px;
    max-width: 100%;
    min-width: 100%;
    max-height: 500px;
    min-height: 90px;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

label {
    display: inline-block;
    padding-bottom: 5px;
    font-weight: normal;
}
/********* Clear floats *********/

.cf:before, .cf:after, .homeWMission:before, .homeWMission:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before {
    content: " ";
    display: table
}

.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after, .homeWMission:after {
    clear: both
}
/********* Common Classes *********/

html, body {
    height: 100%;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    padding: 0
}

body, button, input, select, textarea {
    color: #333;
    font-family: 'Open Sans';
    /*font-size: 75%;*/
    line-height: 1.5;
}

body {
    background-color: #fff;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address {
    margin: 0 0 25px;
}

h1 {
    font-size: 2.308em;
}

h2 {
    font-size: 1.833em;
    font-weight: 600;
    color: #25578c;
    line-height: 1.35em;
    padding-bottom: 0;
    text-align: left;
}

h3 {
    font-size: 1.692em;
    color: #404348;
}

h4 {
    font-size: 1.385em;
    margin-bottom: 15px;
}

h5 {
    font-size: 1.231em;
    margin-bottom: 15px;
}

h6 {
    font-size: 1.231em;
    margin-bottom: 15px;
}

ul {
    padding: 0 0 0 0;
}

ol {
    padding: 0 0 0 0;
}

    ul ul, ol ol {
        margin: 0 0 10px
    }

li {
    list-style: outside none none;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea {
    border: 1px solid #00102a;
    width: 100%;
    height: 30px;
    padding: 1px 10px;
    background-color:#ffffff;
}

input[type="submit"], input[type="button"], input[type="reset"], button, .button {
    background-color: #ffffff;
    border: 0 none;
}

    input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn {
        background-color: #888;
    }

.fLeft {
    float: left
}

.fRight {
    float: right;
}

.alignRight {
    text-align: right
}

.alignLeft {
    text-align: left
}

.alignCenter {
    text-align: center
}

.sepratorNone {
    display: none
}

abbr {
    cursor: help
}

.displayNone, .hasJS noscript, .hideThis {
    display: none !important;
    visibility: hidden
}

.jsRequired {
    display: block;
    background-color: #C00;
    color: #fff;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 0.800em;
    border: 0 none;
}

.mrgAuto {
    margin-right: auto;
    margin-left: auto;
}

.mrgT20 {
    margin-top: 20px;
}

.mrgL20 {
    margin-left: 20px;
}

.mrgR20 {
    margin-right: 20px;
}

.mrgB20 {
    margin-bottom: 20px;
}

.mrgT10 {
    margin-top: 10px;
}

.mrgL10 {
    margin-left: 10px;
}

.mrgR10 {
    margin-right: 10px;
}

.mrgB10 {
    margin-bottom: 10px;
}

.padL20 {
    padding-left: 20px;
}

.padR20 {
    padding-right: 20px;
}

.padB20 {
    padding-bottom: 20px;
}

.padT20 {
    padding-top: 20px;
}

.padL15 {
    padding-left: 15px;
}

.padR15 {
    padding-right: 15px;
}

.padB15 {
    padding-bottom: 15px;
}

.padT15 {
    padding-top: 15px;
}

.padL10 {
    padding-left: 10px;
}

.padR10 {
    padding-right: 10px;
}

.padB10 {
    padding-bottom: 10px;
}

.padT10 {
    padding-top: 10px;
}

.padTB10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padTB15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padTB20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pad10 {
    padding: 10px;
}

.pad15 {
    padding: 15px;
}

.pad20 {
    padding: 20px;
}

.pad25 {
    padding: 25px;
}

.pad30 {
    padding: 30px;
}

.width100p {
    width: 100%;
}

.width90p {
    width: 90%;
}

.width80p {
    width: 80%;
}

.width70p {
    width: 70%;
}

.width60p {
    width: 60%;
}

.width50p {
    width: 50%;
}

.width40p {
    width: 40%;
}

.width30p {
    width: 30%;
}

.width20p {
    width: 20%;
}

.width10p {
    width: 10%;
}

.fileSize {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.extIcon {
    vertical-align: middle;
    margin-left: 3px;
}

.rsIcon {
    display: inline-block;
    margin-right: 2px;
    height: 11px;
    text-indent: -999px;
    overflow: hidden;
    width: 11px;
    background: url(../images/rupee.png) left top no-repeat;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.longWord, .wordBreak {
    word-wrap: break-word;
}

/* Menu bar CSS*/
/********* Navigation *********/
/* menu style for Desktop view*/
.mainNavigation {
    margin: 0;
    position: relative;
    background: #0f284a;
    clear: both;
    z-index: 111;
}

.toggleMenu {
    display: none;
    padding: 15px;
    text-decoration: none
}

    .toggleMenu .mobileMenu {
        font-size: 1.250em;
        color: #fff;
    }

    .toggleMenu .iconBar {
        float: right;
        width: 25px;
        height: 25px;
        background: url(../images/mobile-menu.png) no-repeat center center;
    }

#nav, #nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #nav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
        display: inline
    }

        #nav li a {
            padding: 0 15px;
            line-height: 56px;
            color: #fff;
            font-size: /*1.067em*/ 16px;
            display: inline-block;
            text-decoration: none;
            font-weight: 400;
        }

    #nav ul {
        width: 286px;
        top: 100%;
        padding: 0;
        left: 0;
        position: absolute;
        border-left: 1px solid #d1d1d1;
    }

.hasJS #nav ul {
    opacity: 0;
    transition: opacity 400ms linear;
    -webkit-transition: opacity 400ms linear;
}

#nav ul li {
    float: left;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}

    #nav ul li a {
        display: block;
        background-color: #eef1f5;
        font-size: 1.167em;
        line-height: 24px;
        color: #595656;
        border: none;
        border-top: 1px solid #e5e5e5;
        padding: 5px 15px 5px 15px;
        text-align: left;
    }

#nav ul ul {
    top: 0;
    left: 285px;
    width: 200px;
}

#nav .MenuLi5 ul ul {
    width: 250px;
}

#nav ul ul li > ul {
    top: 0;
    left: 199px;
    width: 150px;
}

    #nav ul ul li > ul li > ul {
        top: 0;
        left: 150px;
        width: 150px;
    }
/*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff } */

#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected {
    color: #7fb6e9
}

#nav ul, #nav :hover ul ul, #nav .hover ul ul, #nav .focus ul ul {
    margin-left: -9999px
}

    #nav li:hover > ul, #nav li.hover > ul, #nav li.focus > ul, #nav a:focus + ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus {
        margin-left: 0
    }

#nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a {
    background-color: #eef1f5;
    color: #195c9f;
}

#nav > li.MenuLiLast > a:hover, #nav > li.MenuLiLast .hover > a, #nav > li.MenuLiLast .focus > a, #nav > .highlight.MenuLiLast > a {
    background: #195c9f;
    color: #fff;
}

#nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a {
    background-color: #0f284a;
    color: #fff;
}

#nav ul li.focus > a {
    background-color: #e9e9e9;
    color: #060613;
    display: block;
}

#nav .rightArrowImg {
    display: none;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    overflow: hidden;
}

#nav li .rightArrowImg {
    background: url(../images/down-arrow.gif) no-repeat right center;
    z-index: 10;
}

#nav li li .rightArrowImg {
    display: block;
    background: url(../images/right-arrow.gif) no-repeat right center;
    top: 13px;
    right: 10px;
    z-index: 11
}

#nav li li li .rightArrowImg {
    z-index: 12
}

#nav li .rightArrowImg.active {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.noJS #nav ul a:focus {
    width: 200px;
}

    .noJS #nav ul a:focus, .noJS #nav ul a:focus + ul {
        margin-left: 9999px
    }

.noJS #nav ul a:active {
    margin-left: 0
}

.hasJS .menuPart #nav a:focus + ul, .hasJS .menuPart #nav li.focus > ul, .hasJS .menuPart #nav li.hover > ul, .hasJS .menuPart #nav li:hover > ul, .hasJS .menuPart #nav ul ul {
    opacity: 1;
}
.menuPart #nav {
        display: none;
    }

/*------Menu Style for Mobile View--------------*/

.homeLastRowOut .homeBtmTitle, .documentariesList .homeBtmTitle {
    display: none;
    color: #0f284a;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    padding: 0 0 8px;
    text-transform: none;
}

#menuPartWrapper {
    display: block;
}

#menuPartWrapper {
    display: block;
}

.mp-pusher {
    position: relative;
    left: 0;
    height: 100%;
}

.mp-menu {
    position: absolute; /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0d2946;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
    /* overlays for pusher and for level that gets covered */

    .mp-pusher::after, .mp-level::after, .mp-level::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        content: '';
        opacity: 0;
    }

.mp-menu:after {
    height: 40px;
    top: 100%;
    background: #0d2946;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 111;
}

.mp-pusher::after, .mp-level::after {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
    z-index: -1;
}

/*.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    background: url(../images/subMenuBack.png) no-repeat 95.5% center rgba(255, 255, 255, 0.05);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 1111;
    left: 100%;
}*/

.mp-level.mp-level-overlay {
    cursor: pointer;
}

    .mp-level.mp-level-overlay.mp-level::before {
        width: 100%;
        height: 100%;
        background: transparent;
        opacity: 1;
    }

.mp-pusher, .mp-level {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* overlap */

.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
/* First level */

.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* cover */

.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
/* content style */

.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}
/*.mp-menu ul#nav{overflow:auto;} */

.mp-menu h2 {
    background: #0c4c8f;
    margin: 0;
    padding: 1em 0.8em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 1.8em;
    line-height: 1.2;
    color: #fff;
    font-weight: normal;
}

.mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}

.mp-menu ul > li {
    padding-right: 30px;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
}

.mp-menu ul li.icon-arrow-left {
    background: url(../images/subMenuArrow.png) no-repeat 12px 17px;
}

.mp-menu ul li > a {
    display: block;
    padding: 0.8em 1em 0.8em 1.8em;
    outline: none;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 1.37em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.mp-level > ul > li:first-child a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
/*.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover { background: rgba(0, 0, 0, 0.2); box-shadow: inset 0 -1px rgba(0, 0, 0, 0); } */

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
/*.mp-level > ul > li:first-child > a:hover,*/

.mp-level > ul > li:first-child > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}
/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
    background: #09213b url(../images/menuTitleArrow.png) no-repeat 94% center;
    outline: none;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    display: block;
    font-size: 1em;
    padding: 1em 1em 0.8em;
    position: relative;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.mp-menu ul li a.mp-back:hover { /*background: rgba(0, 0, 0, 0.1) url(../images/menuTitleArrow.png) no-repeat 94% center; */
    color: #fff;
    text-decoration: none;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ /* We'll show the first level only */

.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {
    padding-left: 0;
}

.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {
    display: none;
}

.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {
    display: block;
}

.mobNav > li.MenuLiLast {
    display: none;
}

.mobNav .rightArrowImg {
    display: none;
}


/*------------------------------------------------------  */
.menulist, .menulist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999999
}

    .menulist ul {
        display: none;
        position: absolute;
        margin-top: 3.7em;
        left: -1px;
        top: 0;
        width: 190px;
        border-bottom: 1px solid #6789ad;
        border-right: 1px solid #6789ad;
        border-left: 1px solid #6789ad
    }

        .menulist ul ul {
            top: -1px;
            margin-top: 1px;
            left: 190px
        }

    .menulist li {
        float: left;
        display: block;
        position: relative;
        background: url(../images/seperator.gif) right top no-repeat;
        margin-right: -1px
    }

    .menulist ul li {
        float: none;
        margin: 0
    }

    .menulist ul > li:last-child {
        margin-bottom: 0
    }

    .menulist a {
        display: block;
        padding: 3px;
        color: #fff;
        text-decoration: none
    }

    .menulist li a {
        padding: 0 1.3em;
        line-height: 3.35em;
        font-weight: bold;
        font-size: 110%;
        float: left;
        white-space: nowrap
    }

*|html[xmlns*=""] .menulist li a {
    padding: 0 1.3628em 0 1.3631em;
    line-height: 3.35em;
    font-weight: bold;
    font-size: 110%;
    float: left;
    white-space: nowrap
}

.menulist li a:hover {
    color: #0d2946;
    background-color: #ccdce3
}

.menulist li:hover > a {
    color: #0d2946;
    background: #ccdce3
}

.menulist:hover ul:hover {
    background-color: #10345a;
    color: #fff
}

    .menulist:hover ul:hover a {
        background-color: #10345a;
        color: #fff
    }

    .menulist:hover ul:hover ul:hover {
        background-color: #10345a;
        color: #fff
    }

.menulist ul li a {
    width: 190px;
    padding: 0;
    text-indent: 10px;
    background: #ccdce3;
    color: #0d2946;
    line-height: 2.5em;
    font-weight: normal;
    font-size: 1.250em;
    white-space: normal
}

.menulist:hover ul:hover ul li a {
    width: 190px;
    padding: 0;
    text-indent: 10px;
    background: #ccdce3;
    color: #0d2946
}

.menulist:hover ul:hover ul:hover {
    background-color: #10345a;
    color: #fff
}

.menulist li ul li a:hover, .menulist li ul li a:focus {
    background-color: #10345a;
    color: #fff
}

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
    color: #0d2946;
    background-color: #ccdce3;
    text-decoration: none
}

.menulist a.highlighted {
    color: #0d2946;
    background-color: #ccdce3
}

.menulist a {
    float: left
}

.menulist ul a {
    float: none
}

.menulist a {
    float: none
}

.menulist:focus + ul {
    display: block
}

#menu-part {
    width: 1002px;
    margin: 0 auto
}

.ddsmoothmenu {
    margin: 0;
    z-index: 110
}

.menu-trigger {
    display: block;
    float: left;
    margin: 9px 0;
    overflow: hidden;
    height: 26px;
}

    .menu-trigger span {
        display: block;
        background: #fff;
        height: 3px;
        margin: 11px 0;
        float: left;
        width: 26px;
        position: relative;
    }

        .menu-trigger span:after, .menu-trigger span:before {
            content: '';
            position: absolute;
            left: 0;
            background: #fff;
            height: 3px;
            width: 26px;
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
        }

        .menu-trigger span:after {
            top: -8px;
        }

        .menu-trigger span:before {
            bottom: -8px;
        }

.mp-pushed span {
    background: none !important;
}

.mp-pushed .menu-trigger span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    height: 100%;
    top: 50%;
    left: 50%;
    margin-left: -10px;
}

.mp-pushed .menu-trigger span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 100%;
    top: 50%;
    left: 50%;
    margin-left: -10px;
}

.menu-trigger em {
    float: left;
    display: block;
    font-style: normal;
    color: #fff;
    margin: 2px 0 0 10px;
}

.tabsAndImplinks .contentRightBlock {
    float: right;
    margin-top: 10px;
}

.menuSearchBox {
    display: none;
    width: 56px;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    z-index: 1;
}

.menuSearchIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 44px;
    border-left: 1px solid #3e5670;
    z-index: 1;
    text-indent: -999em;
    /*background: url(../images/menuSearchIcon.png) no-repeat center 12px;*/
}

    .menuSearchIcon.active {
        background-position: center -18px;
    }

.menuSearchBox .pnlKeywordSrch {
    display: none;
    float: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 0;
    width: 100%;
}

.rightArrowImg {
    position: absolute;
    right: 0;
    top: 10px; /*background: url(../images/right-arrow2.gif) left top no-repeat;*/
    height: 9px;
    width: 18px;
    text-indent: -999px;
    overflow: hidden;
}

/*main  page css */
.page {
    overflow: hidden;
}

.scrollHidden {
    overflow: hidden;
    transition: none;
}

#wrapper {
    /*background: url(../images/web-flag-strip-bg.jpg) center top no-repeat;*/
    /*padding-top: 10px;*/
    width: 100%;
    background-size: 100% 10px;
}

/*.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}*/
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}


/*.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}*/

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}*/

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

#content {
}

.content {
}

.sidebar {
}

.fullWidth {
}

.noJS .displayNoJSShow {
    background: #a20000 none repeat scroll 0 0;
    color: #ffffff;
    text-align: center;
}

.noJS noscript {
    background-color: #f2f2f2;
    color: #990000;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
.itbp-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

img[alt~="organogram-image"] {
    width: 90%;
    padding-left: 10%;
    padding-right: 10%
}
/*1.For responsive Code of Container size of Home Page  by sandeep*/
@media only screen and (max-width:600px) {
    .itbp-container {
        max-width: 90%
    }
}

@media only screen and (min-width:600px) {
    .itbp-container {
        max-width: 90%
    }
}

@media only screen and (min-width:768px) {
    .itbp-container {
        max-width: 90%
    }
}

@media only screen and (min-width:992px) {
    .itbp-container {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .itbp-container {
        max-width: 92%
    }
}

@media only screen and (min-width:1600px) {
    .itbp-container {
        max-width: 100%
    }
}
@media only screen and (min-width:1640px) {
    .itbp-container {
        max-width: 100%;
        transform: translate3d(-0px, 0px, 0px);
    }
    .ftrLogos .owl-stage {
        min-width: 60%;
    }
    .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0, 0)
    }
}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translateZ(0)
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

        .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
            background: #000
        }

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px
}

    .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
        background-position: 0 0
    }

.bx-wrapper .bx-next {
    right: 10px
}

    .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
        background-position: -43px 0
    }

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none
    }

.bx-wrapper .bx-controls-auto {
    text-align: center
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
            background-position: -86px 0
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        margin: 0 3px
    }

        .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
            background-position: -86px -33px
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80,80,80,.75);
    width: 100%
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px
    }

/*. End*/

/********** Top Links and Font Resize **********/

#header {
    background: #fff;
    transition: slide 0.3s ease-out;
    -webkit-transition: slide 0.3s ease-out;
}

.desktop.fixedHeader #header {
    position: fixed;
    max-width: 1170px;
    width: 100%;
    background: none;
    z-index: 11111;
    top: 0;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    animation: slide 0.3s ease-out;
    -webkit-animation: slide 0.3s ease-out;
}

    .desktop.fixedHeader #header
    .topStrip {
        display: none;
    }

    .desktop.fixedHeader #header
    .logoAndSearchRow {
        padding: 10px 20px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }

    .desktop.fixedHeader #header .logo {
        max-width: 275px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }

    .desktop.fixedHeader #header .searchAndLangWrap {
        padding-top: 0;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }

.textResizeWrapper {
    margin-top: 0;
}

.topStrip {
    /*background: #efefef;*/
    background: #0f284a;
    padding: 10px 20px;
    line-height: 13px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.leftLink {
    float: left;
}

.CenterLink {
    float: unset;
    font-size:16px;
    color:#fff;
}


.rightLinks {
    float: right;
}

.topStrip ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.topStrip li {
    float: left;
    padding: 0 7px 0 8px;
    position: relative;
    font-size: 1.083em;
}

.topStrip .fontResize {
    padding-top: 0;
}

.topStrip a {
    color: #ffffff;
    text-decoration: none;
}

    .topStrip a:hover {
        text-decoration: underline;
        color: #ffffff;
    }

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

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

.topStrip li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: auto;
    height: 14px;
    width: 1px;
    background: #adaeae;
    overflow: hidden;
    margin-top: -7px;
}

.topStrip li:first-child:before {
    display: none;
}

.topStrip li.changeTheme {
    height: 15px;
}

    .topStrip li.changeTheme:before {
        display: none;
    }


    /************* Menu Strip Start  Here    -------------------------------------------***************/
.menuStrip {
    /*background: #efefef;*/
    background: #0f284a;
    padding: 10px 20px;
    line-height: 13px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.leftMenuLink {
    float: left;
    font-size:1.6em !important;
    padding-left:50px;
}
@media only screen and (max-width:600px) {
    .tittleITBP {
        display:none;
    }
}
@media only screen and (min-width:600px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: .5em;
        color: #fff;
        padding-left: 10px;
    }
}
@media only screen and (min-width:768px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: 1em;
        color: #fff;
        padding-left: 8px;
    }
}
@media only screen and (min-width:992px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: 1.3em;
        color: #fff;
        padding-left: 15px;
    }
}
@media only screen and (min-width:1200px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: 1.3em;
        color: #fff;
        padding-left: 20px;
    }
}
@media only screen and (min-width:1330px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: 1.3em;
        color: #fff;
        padding-left: 20px;
    }
}
@media only screen and (min-width:1600px) {
    .tittleITBP {
        font-family: 'Lobster Regular';
        font-size: 1.5em;
        color: #fff;
        padding-left: 30px;
    }
}


    .rightMenuLinks {
        float: right;
    }

    .menuStrip ul {
        list-style: none;
        /*padding: 0;*/
        margin: 0
    }

@media only screen and (min-width:768px) {
    .menuStrip li {
        float: left;
        padding: 0 3px 0 3px;
        position: relative;
        font-size: 1em;
    }
    .OrgChart{
        display:none;
    }
}
@media only screen and (min-width:992px) {
    .menuStrip li {
        float: left;
        padding: 0 3px 0 3px;
        position: relative;
        font-size: 1em;
    }
    .OrgChart {
        display:block;
    }
}
@media only screen and (min-width:1200px) {
    .menuStrip li {
        float: left;
        padding: 0 3px 0 3px;
        position: relative;
        font-size: 1.2em;
    }
    .OrgChart {
        display: block;
    }
}
@media only screen and (min-width:1330px) {
    .menuStrip li {
        float: left;
        padding: 0 10px 0 3px;
        position: relative;
        font-size: 1.43em;
    }
    .OrgChart {
        display: block;
    }
}
@media only screen and (min-width:1600px) {
    .menuStrip li {
        float: left;
        padding: 0 20px 0 20px;
        position: relative;
        font-size: 1.43em;
    }
    .OrgChart {
        display: block;
    }
}
    .menuStrip .fontResize {
        padding-top: 0;
    }

    .menuStrip a {
        color: #ffffff;
        text-decoration: none;
    }

        .menuStrip a:hover {
            text-decoration: underline;
            color: #ffffff;
        }

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

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

    .menuStrip li:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 50%;
        z-index: auto;
        height: 14px;
        width: 1px;
        background: #adaeae;
        overflow: hidden;
        margin-top: -7px;
    }

    .menuStrip li:first-child:before {
        display: none;
    }

    .menuStrip li.changeTheme {
        height: 15px;
    }

        .menuStrip li.changeTheme:before {
            display: none;
        }

    /************* Menu Strip End  Here    -------------------------------------------***************/

    /*************Header********************/
    .langSelectBox .goButton {
        display: none;
    }

    #header { /*box-shadow:0 2px 2px rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.12);*/
        position: relative;
        z-index: 1111;
    }

    .center-logo {
        top: 8px;
        width: 94px;
    }

    .center-logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 72px;
        transition: .2s;
        z-index: 9;
        top: 3px;
    }

    .MainLogo {
        max-width: 80px;
        background-color: #fff;
        border-radius: 50%;
        border: solid 0.5vmin #eee;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
        box-sizing: border-box;
        display: inline-block;
        min-width: 100px;
        max-height: 100px;
        margin-top: -35px;
        align-content: center;
    }

    .center-logo img {
        transition: transform .5s, filter 1.5s ease-in-out;
        /*filter: grayscale(100%);*/
    }

    .center-logo:hover img {
        filter: grayscale(0);
        transform: scale(1.1);
    }

    .logoAndSearchRow { /*box-shadow:0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);*/
        position: relative;
        z-index: 1111;
        padding-top: 1.404rem;
        padding-bottom: 1.41rem;
        background-color: white;
        padding-left: 5vw;
        padding-right: 5vw;
        padding-bottom: 3rem;
    }

    .logoWrap {
        float: left;
        width: 362px;
    }

        .logoWrap h1 {
            margin-bottom: 0;
        }

    @media only screen and (max-width:600px) {
        .desktopemblem {
            display: none;
        }
    }

    @media only screen and (min-width:600px) {
        .desktopemblem {
            display: none;
        }
    }

    @media only screen and (min-width:768px) {
        .desktopemblem {
            display: block;
        }
    }

    .searchAndLangWrap {
        float: right;
        width: 100px;
        padding-top: 10px;
        left: 0;
    }
    /*.noJS .searchAndLangWrap{width:460px;} */
    .noJS .langSelectBox {
        max-width: 60px;
    }

    .noJS .langSelectBoxIn {
        display: inline-block;
        vertical-align: middle;
    }

    .noJS .langSelectBox .goButton {
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

    .noJS .langSelectBox input {
        background: #5f5f5f none repeat scroll 0 0;
        border: 0 none;
        color: #ffffff;
        font-size: 18px;
        height: 46px;
        width: 50px !important;
    }

        .noJS .langSelectBox input:hover {
            background: #195c9f none repeat scroll 0 0;
        }

    .searchBoxWrap {
        margin-right: 10px;
        width: 15px;
        position: relative;
        float: left;
    }

        .searchBoxWrap input[type="text"] {
            height: 47px;
            border: 1px solid #e5e5e5;
            padding-right: 45px;
            font-size: 1.167em;
            color: #888888;
        }

        .searchBoxWrap input[type="submit"] {
            height: 47px;
            width: 42px;
            border: 0 none;
            background: url(../images/serach-icon-btn.png) center no-repeat;
            position: absolute;
            right: 0;
            top: 0;
            text-indent: -9999px;
            overflow: hidden;
            opacity: 0.75;
        }

        .searchBoxWrap input[type="submit"] {
            opacity: 1;
        }

    .langSelectBox {
        width: 100px;
        float: left;
    }

        .langSelectBox select {
            height: 47px;
            border: 1px solid #e5e5e5;
            padding: 5px 5px;
            font-size: 1.167em;
            color: #888888;
        }

    /********** Owl Carousel **********/

    .owl-height {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out
    }

    .owl-carousel {
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1
    }

    .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /*-webkit-transform: translate3d(0px, 0, 0)*/
    }

    .owl-controls .owl-dot, .owl-controls .owl-nav .owl-next, .owl-controls .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .owl-loaded {
        display: block
    }

    .owl-loading {
        opacity: 0;
        display: block
    }

    .owl-hidden {
        opacity: 0
    }

    .owl-refresh .owl-item {
        display: none
    }

    .owl-item {
        position: relative;
        min-height: 1px;
        width: 100%;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d;
        }

    .owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
    }

    .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
    }

    .owl-rtl {
        direction: rtl
    }

        .owl-rtl .owl-item {
            float: right
        }

    .no-js {
        display: block
    }

    .owl-item .owl-lazy {
        opacity: 0;
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        -ms-transition: opacity 400ms ease;
        -o-transition: opacity 400ms ease;
        transition: opacity 400ms ease
    }

    .owl-item img {
        transform-style: preserve-3d
    }

    .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000
    }

    .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px; /*background:url(owl.video.play.png) no-repeat;*/
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: scale 100ms ease;
        -moz-transition: scale 100ms ease;
        -ms-transition: scale 100ms ease;
        -o-transition: scale 100ms ease;
        transition: scale 100ms ease
    }

        .owl-video-play-icon:hover {
            -webkit-transition: scale(1.3, 1.3);
            -moz-transition: scale(1.3, 1.3);
            -ms-transition: scale(1.3, 1.3);
            -o-transition: scale(1.3, 1.3);
        }

    .owl-video-playing .owl-video-play-icon, .owl-video-playing .owl-video-tn {
        display: none
    }

    .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        -webkit-transition: opacity 400ms ease;
        -moz-transition: opacity 400ms ease;
        -ms-transition: opacity 400ms ease;
        -o-transition: opacity 400ms ease;
        transition: opacity 400ms ease
    }

    .owl-video-frame {
        position: relative;
        z-index: 1
    }

    /* For article image holder for ftr logos*/
    .item1 {
        padding: 10px 10px 10px 10px;
        overflow: hidden;
        position: relative;
        /*background-color: #ffc107;*/
        background: rgb(238,174,202);
        background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,193,233,1) 100%);
    }

    .article-img-holder {
        width: 200px;
        height: 120px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 1s;
        overflow: hidden;
    }

        .article-img-holder span {
            color: black;
            text-decoration: none;
            text-align: center;
            display: block;
        }

    /*.article-img-holder:hover {
        transform: scale(1.2);
    }*/

    .article-img-holder, .article-img-animation {
        transition: 0.3s;
    }

    /*.c--anim-btn {
    height: 64px;
    font: normal normal 700 1.2em/4em Arial,sans-serif;
    overflow: hidden;
    width: 200px;
}*/

    .article-img-animation {
        margin-top: 0em;
    }

    .article-img-holder:hover .article-img-animation {
        margin-top: -10em;
    }

    /*2. End*/
    /****************Ftr Logos************************/
    .ftrLogos {
        width: 100%;
        padding: 25px 20px;
    }

        .ftrLogos .owl-stage {
            /*min-width: 100%;*/
        }

        .noJS .ftrLogos .item, .ftrLogos .owl-item {
            width: auto;
            float: left;
            margin: 0;
            vertical-align: middle;
            line-height: 66px;
            /*height: 66px;*/
            text-align: center;
        }

            .noJS .ftrLogos .item a, .ftrLogos .owl-item a {
                display: inline-block;
                margin: 0 0px;
            }

            .noJS .ftrLogos .item:first-child a, .ftrLogos .owl-item:first-child a {
                margin-left: 0;
            }

            .noJS .ftrLogos .item:last-child a, .ftrLogos .owl-item:last-child a {
                margin-right: 0;
            }

    .ftrLogosSlider {
        position: relative;
        padding-top: 30px;
    }

    .ftrLogos .owl-next {
        background: url(../Social/home-sprite-icon.png) -48px bottom no-repeat;
        width: 9px;
        height: 17px;
        position: absolute;
        right: -30px;
        top: 50%;
        margin-top: -8px;
        text-indent: -9999px;
        display: inline-block;
        overflow: hidden;
        display: none;
    }

    .ftrLogos .owl-prev {
        background: url(../Social/home-sprite-icon.png) -23px bottom no-repeat;
        width: 9px;
        height: 17px;
        position: absolute;
        left: -30px;
        top: 50%;
        margin-top: -8px;
        text-indent: -9999px;
        display: inline-block;
        overflow: hidden;
        display: none;
    }


    /**********************footer*************/

    .footerLogos {
        width: 100%;
        padding: 25px 20px;
    }

        .footerLogos .owl-stage {
            min-width: 100%;
        }

        .noJS .footerLogos .item, .footerLogos .owl-item {
            width: auto;
            float: left;
            margin: 0;
            vertical-align: middle;
            line-height: 66px;
            height: 66px;
            text-align: center;
        }

            .noJS .footerLogos .item a, .footerLogos .owl-item a {
                display: inline-block;
                margin: 0 23px;
            }

            .noJS .footerLogos .item:first-child a, .footerLogos .owl-item:first-child a {
                margin-left: 0;
            }

            .noJS .footerLogos .item:last-child a, .footerLogos .owl-item:last-child a {
                margin-right: 0;
            }

    .footerLogosSlider {
        position: relative;
    }

    .footerLogos .owl-next {
        background: url(../Social/home-sprite-icon.png) -48px bottom no-repeat;
        width: 9px;
        height: 17px;
        position: absolute;
        right: -30px;
        top: 50%;
        margin-top: -8px;
        text-indent: -9999px;
        display: inline-block;
        overflow: hidden;
        display: none;
    }

    .footerLogos .owl-prev {
        background: url(../Social/home-sprite-icon.png) -23px bottom no-repeat;
        width: 9px;
        height: 17px;
        position: absolute;
        left: -30px;
        top: 50%;
        margin-top: -8px;
        text-indent: -9999px;
        display: inline-block;
        overflow: hidden;
        display: none;
    }

    .w3cIconAndLanguage {
        background: #f0f0f0;
        padding: 25px 20px;
    }

    .w3cIconWrap {
        float: left;
        width: 270px;
    }

        .w3cIconWrap div {
            display: inline-block;
            margin-right: 10px;
        }

    .impBanners .w3cChecker a {
        display: inline-block;
        margin-right: 10px;
    }

    .googleLangWrapper {
        padding-top: 5px;
        width: 367px;
        white-space: nowrap;
        padding-right: 5px;
    }

    .googleLangWrapper {
        float: right;
    }

    .googleLangWrapper {
        padding-top: 5px;
        width: 325px;
        white-space: nowrap
    }

    .googleImg {
        background: url(../Social/google-translate-img.gif) left top no-repeat;
        width: 131px;
        height: 21px;
        margin-top: 2px;
        float: left
    }

    .googleLang {
        float: right;
        width: 157px
    }

    .noJS .googleLangWrapper {
        display: none;
    }

    .footerCont {
        background: #0f284a;
        padding: 25px 20px;
        color: #fff;
        font-size: 1.083em;
    }

    .footerLeft {
        width: 65%;
        float: left;
    }

    .footerRight {
        width: 35%;
        float: left;
        text-align: right;
    }

    .footerCont p {
        margin-bottom: 8px;
    }

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

    .footerLinks {
        margin: 0 -10px 10px;
        padding: 0;
        list-style: none;
    }

        .footerLinks li {
            position: relative;
            color: #fff;
            float: left;
            margin: 0 10px;
        }

            .footerLinks li a {
                color: #fff;
                text-decoration: none;
            }

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

            .footerLinks li:before {
                height: 13px;
                width: 1px;
                background: #fff;
                position: absolute;
                right: -10px;
                top: 50%;
                margin-top: -6px;
                content: "";
            }

            .footerLinks li:last-child:before {
                display: none;
            }


    /* -----------------For Social Icons Css--------------------*/
    .noJS #scroller-header li.last {
        display: none;
    }

    .noJS #scroller-header li {
        margin-right: 5px;
        width: 24.34%;
    }

        .noJS #scroller-header li.tabPressRelease {
            margin-right: 0;
        }

        .noJS #scroller-header li a {
            width: 100%;
            font-size: 12px;
            padding: 0 !important;
        }

    .noJS .socialIconBox {
        height: 432px;
        background-size: 49px 100%;
    }

        .noJS .socialIconBox .shareThisO {
            display: none;
        }

    .socialIconBox {
        background: url(../images/socialbg-new.png) left top no-repeat;
        width: 49px;
        /*height: 432px;*/
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 9998;
        margin-top: -15px;
    }

        .socialIconBox a {
            background-image: url(../images/social-icons.png);
            width: 34px;
            height: 34px;
            display: block;
            text-indent: -9999px;
            overflow: hidden;
            margin: 0 0 3px 10px;
            float: left
        }

            .socialIconBox a.at300b, .socialIconBox a.at300m {
                width: 34px;
                height: 34px;
            }

        .socialIconBox .meaApp {
            background-position: -2px 1px;
            margin-top: 13px;
        }

        .socialIconBox .twitter {
            background-position: -1px -42px;
        }

        .socialIconBox .facebook {
            background-position: -2px -84px;
        }

        .socialIconBox .gPlue {
            background-position: -2px -126px;
        }

        .socialIconBox .youtube {
            background-position: -2px -168px;
        }

        .socialIconBox .flickr {
            background-position: -2px -210px;
        }

        .socialIconBox .rss {
            background-position: -2px -249px;
        }

        .socialIconBox .shareThis {
            background-position: -2px -289px;
        }

        .socialIconBox .instagram {
            background-position: -2px -408px;
        }

        .socialIconBox .shareThisO .shareThis {
            display: inline-block;
            text-indent: -999em;
        }

.socialIconBox .socialIcon:hover {
    transition: 0.9s;
    transform: rotateY(360deg);
}

#footer .alignCenter {
    clear: both;
}
    /**********commonTabs***************/
    .commonTabs {
        border: 0 none;
    }

        .commonTabs .tabContent {
            border-top: 1px solid #dcdada;
            border-bottom: 1px solid #dcdada;
        }

    .noJS .commonTabs .tabContent {
        border-top: 0 none;
    }

    .commonTabs .tabContent.fullWidthImg {
        padding: 0;
    }

    .resTab.commonTabs .tabNav li {
        background: azure;
        margin-right: 28px;
    }

    .noJS .resTab.commonTabs .tabNav li {
        margin-right: 30px;
    }

    .resTab.commonTabs .tabNav li:last-child {
        margin-right: 0;
    }

    .resTab.commonTabs .tabNav li a {
        color: #595656;
        font-size: 18px;
        font-weight: normal;
        padding: 5px 0 20px;
    }

        .resTab.commonTabs .tabNav li a:hover {
            color: #f26522;
        }

    .resTab.commonTabs .tabNav .r-tabs-state-active a {
        background: #fff;
        border: 0 none;
        color: #f26522;
        margin-bottom: -1px;
        padding-bottom: 20px;
        position: relative;
    }

    .resTab.commonTabs .tabNav .r-tabs-tab a:before {
        background: #f26522;
        height: 5px;
        width: 0;
        position: absolute;
        bottom: -1px;
        left: auto;
        right: auto;
        content: "";
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
        z-index: 1;
    }

    .resTab.commonTabs .tabNav .r-tabs-state-active a:before {
        width: 100%;
        transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
    }
    /*.noJS .indexBanner {height:302px; overflow:hidden} */ /********** Responsive Tab **********/

    .resTab {
        position: relative;
        border: 1px solid #ffffff;
    }

        .resTab .tabNav {
            margin: 0;
            padding: 0;
            list-style: none;
            background-color: azure;
            border-bottom: groove;
        }

            .resTab .tabNav li {
                display: inline-block;
                margin: 0;
                position: relative;
                background-color: #00c5ad;
            }

                .resTab .tabNav li a {
                    display: inline-block;
                    padding: 10px 12px;
                    text-decoration: none;
                    font-size: 0.933em;
                    font-weight: bold;
                    color: #fff;
                }

            .resTab .tabNav .r-tabs-state-active a {
                color: #00c5ad;
                text-shadow: none;
                background-color: white;
            }

        .resTab .tabContent {
            padding: 15px;
            display: none;
        }
        /*---For About ITBP, About DG Tabs----------------*/
        .resTab .tabMainContent {
            padding: 15px;
            display: none;
        }
        /*-----end------------*/
        .resTab .r-tabs-panel.r-tabs-state-active {
            display: block;
        }

        .resTab .r-tabs-accordion-title {
            display: none;
        }

        .resTab .tabNav .r-tabs-state-disabled {
            opacity: 0.5;
        }

        .resTab .r-tabs-accordion-title .r-tabs-anchor {
            display: block;
            padding: 10px;
            background-color: #00c5ad;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            position: relative;
        }

            .resTab .r-tabs-accordion-title .r-tabs-anchor:before {
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-left: 7px solid #fff;
                position: absolute;
                right: 20px;
                top: 50%;
                margin-top: -7px;
                content: "";
                transition: all 0.5s ease-out;
                -webkit-transition: all 0.5s ease-out;
            }

        .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:before {
            transition: all 0.5s ease-out;
            -webkit-transition: all 0.5s ease-out;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

        .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
            background-color: #fff;
            color: #00c5ad;
            text-shadow: none;
        }

        .resTab .r-tabs-accordion-title.r-tabs-state-disabled {
            opacity: 0.5;
        }

    .noJS .resTab .tabContent {
        padding-top: 80px;
    }

    .noJS .resTab .tabNav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .noJS .resTab {
        border: 0 none;
    }

        .noJS .resTab .tabNav {
            border-bottom: 1px solid #dcdada;
        }

        .noJS .resTab .tabContainer {
            height: 150px;
            overflow: hidden;
        }

        .noJS .resTab .tabContent {
            display: block;
            height: 150px
        }
    /******************main InfoBlock***************/
    .mainInfoBlock {
        overflow: hidden;
        position: relative;
        /*background-color: #e0ecfb;*/
       /* background-image: url(~/images/HomeBg.jpg)*/
    }

        .mainInfoBlock .resTab.commonTabs .tabNav li a {
            font-size: 18px;
        }

        .mainInfoBlock .resTab.commonTabs .tabNav li {
            /*margin-right:60px;
     */ margin-right: 42px;
        }

            .mainInfoBlock .resTab.commonTabs .tabNav li:last-child {
                margin-right: 0;
            }

        .mainInfoBlock .contentRightBlock {
            padding-right: 20px;
            float: right;
        }

    .contentleftBlock {
        float: left; /*width:65%;*/
        width: 15%;
        /*padding: 40px 40px 40px 0;*/
        /*background-color: #e0ecfb;*/
    }

    .contentRightBlock {
        float: left; /*width:35%;*/
        width: 85%;
        padding: 3px 20px 3px 20px;
        /*background: #e0ecfb;*/
        position: relative;
        margin-top: 0;
    }

        .contentRightBlock:before {
            /*background: #f0f0f0;*/ /*width:1000%;*/
            width: 15px;
            height: 100%;
            left: 100%;
            position: absolute;
            top: 0;
            content: "";
            display: none;
        }

    .tabsAndImplinks .contentRightBlock:before {
        display: none;
    }

    .tabsAndImplinks .tabContent {
        min-height: 410px;
        height: 410px;
    }

    .cols2Block {
        margin: 0 -19px;
    }

        .cols2Block .colsBlock {
            float: left;
            width: 50%;
            padding: 0 19px;
        }

    .contentPart h2 {
        font-size: 1.667em;
        font-weight: bold;
        color: #195c9f;
        font-weight: 600;
    }

        .contentPart h2 span {
            display: inline-block;
            text-indent: -9999px;
            overflow: hidden;
            vertical-align: middle;
        }

            .contentPart h2 span.dateAsOn {
                text-indent: 0;
            }

            .contentPart h2 span[id] {
                text-indent: 0;
            }

    .meaInfoBlock .tabContent {
        padding: 50px 0 0;
    }

    .meaInfoBlock .tabContainer, .noJS .meaInfoBlock .tabContainer, .noJS .meaInfoBlock .tabContent {
        height: 443px;
    }

    .videoBlockRow {
        margin: 0 -15px;
    }

        .videoBlockRow .tabLeft {
            width: 34%;
            float: right;
            padding: 0 15px;
        }

        .videoBlockRow .tabRight {
            width: 50%;
            float: left;
            padding: 0 15px;
        }

        .videoBlockRow .fileSizeDet {
            display: none;
        }

        .videoBlockRow .tabList {
            margin: 0;
            padding: 0;
            list-style: none;
        }

    .tabListWrap {
        border: 0 none;
    }

    .videoBlockRow .tabList li {
        font-size: 1.167em;
        color: #595656;
        margin-bottom: 15px;
        padding-bottom: 15px;
        background: url(../images/bullet-list-icon.png) left 6px no-repeat;
        padding-left: 15px;
        border-bottom: 1px dashed #d1d1d1;
    }

        .videoBlockRow .tabList li.active a {
            color: #195c9f;
        }

        .videoBlockRow .tabList li.active {
            border-bottom: 1px solid #195c9f;
        }

        .videoBlockRow .tabList li a {
            color: #595656;
            text-decoration: none;
            display: block;
        }

            .videoBlockRow .tabList li a:first-child {
                font-weight: 600;
            }

            .videoBlockRow .tabList li a:hover {
                color: #195c9f;
            }

    .currentVideo #player_a {
        background: #ffffff url("../images/loader.gif") no-repeat scroll center center;
        min-height: 100%;
        width: 100%;
    }

    .ForMoreVideoLink {
        padding: 0 0;
        color: #595656;
        font-size: 1.250em;
    }

    .noJS .resTab .tabNav li.twitterTabs, .noJS .resTab .tabNav li.facebookTabs {
        display: none;
    }
    /**********videoFreifings***************/

    .videoBriefingsWrap {
        min-height: 500px;
        position: relative;
    }

    .videoBrefingSlider {
        padding-right: 10px;
    }

    .currentVideo {
        width: 100%;
    }
    /******************************* For Video Gallery of Home Page**********************************/
    @media only screen and (max-width: 600px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 100%;
            margin-bottom: 25px;
        }
    }

    @media only screen and (min-width: 600px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 60.4%;
            margin-bottom: 25px;
        }
    }

    @media only screen and (min-width: 768px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 60.4%;
            margin-bottom: 25px;
        }
    }

    @media only screen and (min-width: 992px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 60.4%;
            margin-bottom: 25px;
        }
    }

    @media only screen and (min-width: 1200px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 60.4%;
            margin-bottom: 25px;
        }
    }

    @media only screen and (min-width: 1600px) {
        .currentVideo > #player_a {
            position: relative;
            width: 100%;
            padding-top: 40%;
            margin-bottom: 25px;
        }
    }

    .currentVideo iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .videoTitle a, .videoTitle {
        font-size: 1.333em;
        color: #195c9f;
        font-weight: 600;
        text-decoration: none;
    }

    .videoTitle {
        margin-bottom: 30px;
    }

        .videoTitle a:hover {
            text-decoration: underline;
        }

    .streamDate {
        font-size: 14px;
        margin-bottom: 0;
    }

    .spriteHomeIcon.youtubeIcon {
        display: inline-block;
        vertical-align: middle;
        text-indent: -9999px;
        overflow: hidden;
    }
    /**********twitterTabs***************/

    .twitterTabs {
        border: 0 none;
    }

        .twitterTabs .tabContent {
            border: 1px solid #dcdada;
        }

    .resTab.twitterTabs .tabNav li {
        background: #a3a3a3;
    }

        .resTab.twitterTabs .tabNav li a {
            color: #fff;
            font-size: 1.333em;
            font-weight: normal;
            padding: 10px 20px;
        }

    .resTab.twitterTabs .tabNav .r-tabs-state-active a {
        background: #fff;
        border: 1px solid #dcdada;
        border-bottom: 0 none;
        color: #192677;
        margin-bottom: -1px;
        position: relative;
    }

        .resTab.twitterTabs .tabNav .r-tabs-state-active a:before {
            background: #fff;
            height: 1px;
            width: 100%;
            position: absolute;
            bottom: -1px;
            left: 0;
            content: "";
        }

    .twitterBlockWrap .twitterUpdate {
        margin-bottom: 20px;
    }

    .twitterBlock {
        border: 1px solid #e5e5e5;
    }

    #twitterUpdates {
        padding-top: 20px;
    }
    /*************facebookTab***********/

    #facebookITBP {
        padding: 30px 0 0;
    }

    .faceBookFeed {
        position: relative;
    }

    .faceBookFeed {
        overflow: hidden;
        position: relative;
        height: 400px;
        width: 100%;
    }

        .faceBookFeed iframe {
            left: 0;
            top: 0;
            height: 100% !important;
            width: 100% !important;
            position: absolute;
        }
    /*****************latestNews**************/

    #lastestNews {
        padding-top: 25px;
    }

    .noJS #lastestNews {
        padding-top: 80px;
    }

    .leatestNewsWrap h2 {
        margin-bottom: 25px;
    }

    .leatestNewsWrap li:first-child {
        padding-top: 0;
    }

    .leatestNewsWrap li {
        border-bottom: 1px dashed #d1d1d1;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .allRecords {
        position: relative;
    }

        .allRecords .playPause {
            background: url(../images/play-pause-btn.png) left 4px no-repeat;
            padding-left: 15px;
            color: #595656;
            text-decoration: none;
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 1.167em;
        }

            .allRecords .playPause:hover {
                text-decoration: underline;
            }

            .allRecords .playPause.play {
                background-position: left -20px;
            }

    @media only screen and (min-width: 1024px) {
        .leatestNewsWrap .tickerDivBlock {
            height: 340px !important;
            margin-bottom: 5px;
        }
    }

    @media only screen and (max-width: 1023px) {
        .leatestNewsWrap .tickerDivBlock {
            margin-bottom: 5px;
        }
    }

    .tickerDivBlock ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em;
    }

    .leatestNewsWrap ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1.250em;
    }

    .recordBox a {
        font-weight: 600;
        color: #595656;
        text-decoration: none;
        display: block;
        margin-bottom: 5px;
    }

        .recordBox a:hover {
            color: #195c9f;
        }

    .recordBox em {
        font-style: normal;
    }

    .tabMoreLinks {
        margin-bottom: 0;
        text-align: right;
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
    }

        .tabMoreLinks .readMore {
            float: left;
        }

        .tabMoreLinks .playPause {
            float: right;
        }

        .tabMoreLinks a {
            color: #192677;
            font-size: 1.167em;
            text-decoration: underline;
        }

            .tabMoreLinks a:hover {
                text-decoration: none;
            }
    /**********DGBox***************/

    .DGBox {
        margin-bottom: 0;
        padding-bottom: 30px;
        padding: 20px 10px 20px;
        /*background-color: #e0ecfb;*/
    }

    .imageblock .right-div {
        text-align: center;
        padding: 10px 35px;
        background-color: #e0ecfb;
    }

    .DGPhoto img {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        transition: transform .5s, filter 1.5s ease-in-out;
        /* border: 1px solid #d1d1d1; */
    }

        .DGPhoto img:hover {
            transform: scale(1.1);
        }

    .DGPhoto {
        float: none;
        border-radius: .5em;
    }



    .DGDetails {
        width: 100%;
        /*padding-left: 145px;*/
    }

        .DGDetails p.DGName {
            margin-bottom: 10px;
            margin-top: 20px;
            font-size: 1.4em;
            font-weight: 600;
            color: #fff;
        }

            .DGDetails p.DGName span {
                display: block;
                font-size: 0.737em;
                font-weight: 400;
            }

    .DGDetailList {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .DGDetailList li {
            font-size: 1.167em;
            color: #fff;
            margin-bottom: 3px;
        }

            .DGDetailList li:last-child {
                margin-bottom: 0;
            }

            .DGDetailList li a {
                color: #fff;
                text-decoration: none;
                position: relative;
                padding-left: 28px;
                transition: all 0.5s ease-out;
                -webkit-transition: all 0.5s ease-out;
            }

                .DGDetailList li a:hover {
                    color: #fff;
                    padding: 4px 7px 2px 7px;
                    border: 4px groove white;
                }

                .DGDetailList li a:before {
                    content: "";
                    background: url(../images/home-sprite-icon.png) left top no-repeat;
                    width: 16px;
                    height: 13px;
                    position: absolute;
                    left: 0;
                    top: 4px;
                    transition: all 0.5s ease-out;
                    -webkit-transition: all 0.5s ease-out;
                }

                .DGDetailList li a.profileLink:before {
                    background-position: -386px top;
                }

                .DGDetailList li a.profileLink:hover:before {
                    background-position: -386px -31px;
                }

                .DGDetailList li a.travel:before {
                    background-position: -411px top;
                    width: 18px;
                }

                .DGDetailList li a.travel:hover:before {
                    background-position: -411px -31px;
                }

                .DGDetailList li a.speeches:before {
                    background-position: -439px top;
                }

                .DGDetailList li a.speeches:hover:before {
                    background-position: -439px -31px;
                }

                .DGDetailList li a.askyourDG:before {
                    background-position: -464px top;
                }

                .DGDetailList li a.askyourDG:hover:before {
                    background-position: -464px -31px;
                }

.otherDG {
    width: 100%;
    font-size: 1.167em; /*padding-right:10px;*/
    padding: 20px;
}

.otherDGBlock {
    background: #fff;
    /*text-align: center;*/
    text-align: justify;
    border: 1px solid #d1d1d1;
    padding: 22px 20px 30px;
    min-height: 273px;
    position: relative;
}
.otherDGBlock .DGDetails {
    padding-left: 0;
    line-height: 1.3;
}

.otherDG .cols2Block {
    margin: 0 -6px;
}

.otherDG .colsBlock {
    padding: 0 6px;
}

.otherDG .DGImg {
    margin-bottom: 10px;
}

.otherDG .DGname {
    color: #000;
    margin-bottom: 8px;
}

.otherDG .DGDesignation {
    margin-bottom: 8px;
}
    .viewProfile {
        color: #195c9f;
        position: absolute;
        bottom: 10px;
        left: 0;
        text-align: center;
        width: 100%;
    }
    /*********************----------Banner and HM and PM Images------------------------------------------*/
@media only screen and (min-width: 975px) {
    .slider {
        width: 100%;      
        padding: 20px;
        display:block;
    }   
}
@media only screen and (max-width: 974px) {
    .slider {
       display:none;
    }   
}
@media only screen and (min-width: 974px) {
    .rightMenuLinks{
        display:block
    }
}
@media only screen and (max-width: 974px) {
    .rightMenuLinks {
        display: none
    }
}
    /*.PM-Photo {
        width: 300px;
        height: 300px;
    }

    .HM-Photo {
        width: 300px;
        height: 300px;
    }*/
    /**********************impBanners*************/
    .cols4Block {
        margin: 0 -13px;
    }

        .cols4Block .colsBlock {
            width: 20%;
            padding: 0 13px;
            float: left;
        }

    .impBanners {
        width: 100%;
        padding: 25px 0;
    }

        .impBanners a {
            display: block;
        }

            .impBanners a:hover {
                text-decoration: none;
            }

    .mrgT14 {
        margin-top: 14px;
    }

    .halfHeightBanner {
        display: block;
        min-height: 77px;
        width: 100%;
        border: 1px solid #c5c2c1;
        padding: 15px 75px 15px 18px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        background-size: cover;
    }

        .halfHeightBanner:hover {
            color: #ffffff;
        }

    .fullHeightBanner.pioBanner {
        background: #867772 url(../Social/conversion-of-PIO-oci-card.jpg) right top no-repeat;
    }

    .halfHeightBanner.consularBanner {
        background: #336494 url(../Social/consular-passport-visa-division.jpg) right top no-repeat;
    }

    .halfHeightBanner.yogaDayBanner {
        background: #b0933b url(../Social/20-mission-driven-social.jpg) right top no-repeat;
        padding-right: 75px;
    }

    .halfHeightBanner.mansarovarBanner {
        background: #505ab3 url(../Social/kailash-mansarovar-yatra-logo.jpg) right top no-repeat;
    }

    .fullHeightBanner {
        display: block;
        min-height: 168px;
        width: 70%;
        border: 1px solid #e3e3e3;
        padding: 46px 15px 15px 15px;
        font-size: 22px;
        font-weight: bold;
        color: #195c9f;
        text-decoration: none;
        background-size: 100% 100% !important;
        line-height: 1.3;
        position: relative;
    }

        .fullHeightBanner span {
            font-size: 14px;
            color: #195c9f;
            display: block;
            font-weight: 400;
            text-decoration: underline;
            position: absolute;
            left: 15px;
            bottom: 15px;
            display: none;
        }

        .fullHeightBanner.logoContestBanner {
            /*background: #fff url(../Social/new-logo-content-img.jpg) right top no-repeat;*/
            background: #fff url(../Social/itbp_school.jpg) right top no-repeat;
            padding-right: 75px;
            color: #195c9f;
            padding: 15px;
            text-align: center;
        }

        .fullHeightBanner.logoContest2 {
            /*background: #fff url(../Social/mygov-new-banner.png) right top no-repeat;*/
            background: #fff url(../Social/HWWA.jpg) right top no-repeat;
            padding-right: 75px;
            color: #195c9f;
            padding: 15px;
            text-align: center;
        }

        .fullHeightBanner.logoContest5 {
            /*background: #fff url(../Social/mygov-new-banner.png) right top no-repeat;*/
            background: #fff url(../Social/HWWA.jpg) right top no-repeat;
            padding-right: 75px;
            color: #195c9f;
            padding: 15px;
            text-align: center;
        }

        .fullHeightBanner.glaceInidaBanner {
            /*background: #fff url(../Social/glance-india.jpg) right top no-repeat;*/
            background: #fff url(../Social/PM_India.jpg) right top no-repeat;
            color: #f26522;
        }

        .fullHeightBanner.maeSocialIndiaBanner {
            background: #fff url(../Social/prepmantra.jpg) center top no-repeat;
            color: #144c84;
            text-align: center;
            vertical-align: middle;
            font-size: 25px;
            font-weight: bold;
            text-decoration: none;
            padding: 0;
            background-size: cover;
            text-transform: uppercase;
        }

            .fullHeightBanner.maeSocialIndiaBanner span, .fullHeightBanner.logoContestBanner span, .pioBanner span {
                display: inline-block;
                position: static;
                text-decoration: none;
            }

            .fullHeightBanner.maeSocialIndiaBanner .socialText {
                display: none;
                color: #144c84;
                font-size: 25px;
                font-weight: bold;
                width: 100%;
                margin-top: 10%;
            }

            .fullHeightBanner.maeSocialIndiaBanner span.socialTitle {
                font-size: 37px;
                font-weight: bold;
            }

        .fullHeightBanner.logoContestBanner span {
            text-align: center;
            display: inline-block;
            margin-bottom: 2px;
            padding: 8px 10px;
            color: #fff;
            font-size: 18px;
            font-weight: bold;
        }

            .fullHeightBanner.logoContestBanner span.orgBgTitle {
                background: #f26522;
            }

            .fullHeightBanner.logoContestBanner span.blueBgTitle {
                background: #144c84;
            }

        .fullHeightBanner.logoContestBanner .logoContestText {
            margin-top: 10%;
            display: none;
        }

    .frenchDoc .fullHeightBanner.logoContestBanner span {
        padding: 8px 5px;
    }

    .pioBanner .poiText {
        font-size: 18px;
        font-weight: bold;
        color: #144c84;
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        padding: 0 15px;
    }
    /**********************tabsAndImplinks*************/

    .tabsAndImplinks {
        padding: 25px 0 0;
        overflow: hidden;
    }

    .amb .innerBanner > img {
        width: 100%;
        visibility: hidden;
        opacity: 0;
    }

    .amb .innerBanner {
        background: url(../Social/ambedkar-banner.jpg) center top no-repeat;
        background-size: cover;
    }
    /********** High Contrast View **********/

    body.wob {
        background-color: #000;
        color: #fff
    }

    .wob a {
        color: #ff0
    }

        .wob a:hover {
            color: #80ff00
        }
    /**********From Page**********/

    #nav > .MenuLiLast a {
        -webkit-animation: blink1 1.5s linear infinite;
        -moz-animation: blink1 1.5s linear infinite;
        animation: blink1 1.5s linear infinite;
    }

        #nav > .MenuLiLast a:hover {
            -webkit-animation: blink1 1.5s linear infinite;
            -moz-animation: blink1 1.5s linear infinite;
            animation: blink1 1.5s linear infinite;
        }

    .innerContentPart .container, .innerBanner .container {
        position: relative;
    }
    /*.innerContentPart:after {content:''; position:absolute; left:50%; top:0; bottom:0; right:0; margin-left:200px; background-color:#f3f3f3;} */

    .innerPage .footerLogos {
        box-shadow: 0 -2px 3px rgba(0,0,0,0.20);
        -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.13);
        position: relative;
    }

    .resTabIcons {
        display: none;
        margin: 0 -10px;
    }

        .resTabIcons .iconBox {
            width: 25%;
            padding: 0 10px;
            float: left;
            text-align: center;
        }

    .tabIconBoxLink {
        padding: 15px 10px 25px;
        text-align: center;
        min-height: 50px;
        border: 1px solid #d1d1d1;
        display: block;
        position: relative;
        background: -moz-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(250,250,250,1)));
        background: -webkit-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
        background: -o-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
        background: -ms-linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
        background: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(240,240,240,1) 100%);
    }

    .tabBoxIcon {
        background: url(../Social/home-mobile-tab-icons.png) left top no-repeat;
        width: 52px;
        height: 52px;
        display: inline-block;
        text-indent: -9999px;
        overflow: hidden;
        margin: 0 0 15px;
        min-height: auto;
        border: 0 none !important;
    }

        .tabBoxIcon.videoIcon {
            background-position: left top;
        }

        .tabBoxIcon.eBooks {
            background-position: -241px top;
        }

        .tabBoxIcon.perspectivesIcon {
            background-position: -303px top;
        }

        .tabBoxIcon.distinguished {
            background-position: -363px top;
        }

        .tabBoxIcon.documentaries {
            background-position: -427px top;
        }

        .tabBoxIcon.pressReleasesIcon {
            background-position: -240px top;
        }

        .tabBoxIcon.twitterFeedIcon {
            background-position: -360px top;
        }

        .tabBoxIcon.facebookIcon {
            background-position: -66px top;
        }

    .tabIconBoxLink .tabBoxTitle {
        background: #195c9f;
        display: block;
        position: absolute;
        width: 100%;
        color: #fff;
        left: 0;
        bottom: 0;
    }

    .mobileLink {
        display: none !important;
    }

    .page_Pagging_control td, .page_Pagging_control th {
        padding: 0;
    }

    .albumPaginBorder select {
        font-size: 1em !important;
        padding: 0 !important;
    }

    .page_Pagging_control input[type="submit"], .page_Pagging_control input[type="button"], .page_Pagging_control input[type="reset"], .page_Pagging_control button, .page_Pagging_control .button {
        background: none !important;
        color: #5f5f5f !important;
    }

    .meaSocialLink {
        position: absolute;
        top: 50%;
        margin-top: -102px;
        left: 0;
        height: 204px;
        width: 34px;
        overflow: hidden;
        z-index: 1;
    }

        .meaSocialLink a {
            display: block;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            margin: 85px 0 0 -85px;
            color: #fff;
            width: 204px;
            height: 34px;
            padding: 2px 40px 3px 12px;
            background: #195c9f;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            text-decoration: none;
            position: relative;
        }

            .meaSocialLink a:hover {
                background: #ee6421;
            }

            .meaSocialLink a:before {
                background: url(../Socail/flag-icon-media-btn.jpg) right top no-repeat;
                width: 34px;
                height: 34px;
                position: absolute;
                right: 0;
                top: 0;
                content: '';
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                background-size: cover;
            }

    #innerContent h2 + table td {
        padding: 8px 0;
    }
    /*--------------------------For Card wrapper in home screen------------------*/
    .cardOneClass .bx-wrapper {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 0 !important;
        margin: 0 auto;
        max-width: 100% !important;
        background: none !important;
    }

        .cardOneClass .bx-wrapper .bx-controls-direction .bx-prev {
            margin-left: -4rem !important
        }

        .cardOneClass .bx-wrapper .bx-controls-direction .bx-next {
            margin-right: -4rem !important
        }

    .cardOneClass .bx-prev {
        content: url('../content/dam/mca/cards/next-left.png')
    }

    .cardOneClass .bx-next {
        content: url('../content/dam/mca/cards/next-right.png')
    }

    .cardOneClass .bx-wrapper .bx-controls-direction a {
        width: 38px;
        height: 38px
    }

    #view {
        display: none
    }

    .cardcomponent.cardOneClass .card {
        width: 256px !important;
        height: 158px;
        transition: .3s;
        border: 0;
        background: 0
    }

    .cardcomponent.cardOneClass .card-text {
        margin-top: 1rem;
        font-size: 16px;
        font-family: 'Poppins';
        font-weight: 500;
        color: white !important;
        max-width: 90%
    }

    .cardcomponent.cardOneClass {
        margin-top: 55px
    }

    .cardcomponent .icon {
        width: 40px;
        height: 40px
    }

    .cardcomponent .read-more {
        font-size: 12px;
        margin-right: 8px;
        margin-bottom: 18px !important;
        text-align: end;
        font-family: 'Poppins';
        font-weight: 500
    }

    .cardcomponent .fa-arrow-circle-right {
        margin-right: 24px
    }

    .cardcomponent.cardOneClass .card:hover {
        transform: scale(1.07)
    }

    .cardOneClass .viewMore {
        display: none !important
    }

    @media all and (max-width:500px) {
        .bx-wrapper, .bx-window {
            margin-top: 0
        }

        .cardcomponent.cardOneClass {
            margin-top: 37px !important;
            margin-bottom: -39px
        }

            .cardcomponent.cardOneClass .card {
                width: 33vw !important
            }

            .cardcomponent.cardOneClass .card-img {
                width: 36vw !important
            }

            .cardcomponent.cardOneClass .icon {
                width: 25px;
                height: 25px;
                margin-top: -10px;
                margin-left: -5px !important
            }

            .cardcomponent.cardOneClass .card-text {
                font-size: 9px;
                margin-top: 5px !important;
                margin-left: -5px !important
            }
    }

    @media all and (min-width:501px) and (max-width:992px) {
        .cardcomponent.cardOneClass .card {
            width: 200px !important
        }

        .bx-wrapper .bx-controls-direction .bx-prev {
            margin-left: -3rem !important
        }
    }
    /*Card wrapper End here ------------------------------------------------------------*/


    /******************************************For Ftr and Command Index Menu and Notification Css********************************************************/
@media all and (min-width : 1130px) {
    .contentleftMenuBlock {
        float: left;
        /* width: 65%; */
        width: 25%;
        /* padding: 40px 40px 40px 0; */
        background-color: #e0ecfb;
    }

    .contentRightNotificationBlock {
        float: left;
        /* width: 35%; */
        width: 75%;
        /*padding: 35px 20px 30px 20px;*/
        /* background: #e0ecfb; */
        position: relative;
        margin-top: 0;
    }
}

@media only screen and (max-width : 1130px) {
    .ftrmainInfoBlock .contentleftMenuBlock {
        /*float: left;*/
        /* width: 65%; */
        width: 100%;
        /* padding: 40px 40px 40px 0; */
       /* background-color: #e0ecfb;*/
       align-content:center;
       padding-left:20%;
    }

    .ftrmainInfoBlock .contentRightNotificationBlock {
        /* float: left;*/
        /* width: 35%; */
        width: 100%;
        /*padding: 35px 20px 30px 20px;*/
        /* background: #e0ecfb; */
        position: relative;
        margin-top: 0;
    }
}
@media only screen and (max-width : 600px) {
    .ftrmainInfoBlock .contentleftMenuBlock {
        /*float: left;*/
        /* width: 65%; */
        width: 100%;
        /* padding: 40px 40px 40px 0; */
        /* background-color: #e0ecfb;*/
        align-content: center;
        padding-left: 5%;
    }

    .ftrmainInfoBlock .contentRightNotificationBlock {
        /* float: left;*/
        /* width: 35%; */
        width: 100%;
        /*padding: 35px 20px 30px 20px;*/
        /* background: #e0ecfb; */
        position: relative;
        margin-top: 0;
    }
}



    .ftrmainInfoBlock .contentRightNotificationBlock {
        padding-right: 0px;
        float: right;
    }

    .containerLeftLink {
       /* background: azure none repeat scroll 0 0;*/
        float: left;
        padding: 61px 0;
        position: relative;
        width: 273px;
    }

    .bx-controls-direction .bx-prev, .bx-controls-direction .bx-next {
        background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
        cursor: pointer;
        height: 16px;
        left: 115px;
        overflow: hidden;
        position: absolute;
        text-indent: 1000px;
        width: 35px;
    }

    .containerLeftLink ul li a {
        color: #4d4d4f;
        display: block;
        font-size: 1.067em;
        padding: 12px 0 10px 18px;
        text-decoration: none;
    }

    .containerLeftLink ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .containerLeftLink ul li {
            border-top: 1px solid #e4e3e3;
        }

    .historyRoles {
        background-position: -3px -48px;
    }

    .leftLinkIcon {
        background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
        float: left;
        height: 25px;
        margin-right: 16px;
        transition: all 500ms linear 0s;
        width: 25px;
    }


    .containerLeftLink ul li a:hover {
        background: #104e8d none repeat scroll 0 0;
        color: #fecc02;
    }
    /******--------------------------------------------End------------------------------------------------------*/

    /******************************************For Ftr and Command Other Pages Menu Css********************************************************/

    .contentleftMenuftrBlock {
        float: left;
        /* width: 65%; */
        width: 25%;
        /* padding: 40px 40px 40px 0; */
        /*background-color: #e0ecfb;*/
    }

    @media only screen and (max-width: 1000px) {
        .contentRightftrBlock {
            float: left;
            /* width: 35%; */
            /*width: 75%;*/
            padding: 35px 20px 30px 20px;
            /* background: #e0ecfb; */
            position: relative;
            margin-top: 0;
        }
    }

    @media only screen and (min-width: 1000px) {
        .contentRightftrBlock {
            float: left;
            /* width: 35%; */
            width: 75%;
            padding: 3px 20px 30px 20px;
            /* background: #e0ecfb; */
            position: relative;
            margin-top: 0;
        }
    }

    .ftrOtherInfoBlock .contentRightftrBlock {
        padding-right: 0px;
        float: right;
    }

    .containerLeftLinkftr {
        background: #ffffff none repeat scroll 0 0;
        float: left;
        padding: 0px 0;
        position: relative;
        width: 273px;
    }

    .bx-controls-direction .bx-prev, .bx-controls-direction .bx-next {
        background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
        cursor: pointer;
        height: 16px;
        left: 115px;
        overflow: hidden;
        position: absolute;
        text-indent: 1000px;
        width: 35px;
    }

    .containerLeftLinkftr ul li a {
        color: #4d4d4f;
        display: block;
        font-size: 1.067em;
        padding: 12px 0 10px 18px;
        text-decoration: none;
    }

    .containerLeftLinkftr ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .containerLeftLinkftr ul li {
            border-top: 1px solid #e4e3e3;
        }

    .historyRoles {
        background-position: -3px -48px;
    }

    .leftLinkIcon {
        background: rgba(0, 0, 0, 0) no-repeat scroll 0 0;
        float: left;
        height: 25px;
        margin-right: 16px;
        transition: all 500ms linear 0s;
        width: 25px;
    }


    .containerLeftLinkftr ul li a:hover {
        background: #104e8d none repeat scroll 0 0;
        color: #fecc02;
    }
    /******--------------------------------------------End------------------------------------------------------*/

    .page-head {
        font-size: 20px;
        color: #fff;
        /*background-color: #dafada;*/
        /*background-color:aliceblue;*/
        /*background-color: #144c84;*/
        background-color: #0f284a;
        text-align: center;
        border-radius: 6px 7px;
    }

    /*---------------------------------for history and role page menu design-----------------------------------*/
    .nav li a {
        position: relative;
        display: block;
        padding: 10px 15px;
        border: 2px solid #fff;
        background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 100%, rgba(0,212,255,1) 100%);
        color: #ffffff;
    }

        .nav li a:hover {
            background: rgb(2,0,36);
            background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 100%, rgba(0,212,255,1) 100%);
            color: #fecc02;
        }

    .p {
        font-size: 1.3em;
    }
    /*--------------------------------------------------------Button View CSS for DG Message-------------------------------------------------------*/
    .button__content {
        font-family: Open Sans,Arial,Sans-Serif;
        font-size: 14px;
        font-style: normal;
        font-variant: normal;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        transition: color .2s ease;
        border-radius: 22px;
        color: #fff;
        font-size: 12px;
        margin-bottom: 24px;
        margin-top: 24px;
        padding: 14px 2px;
        text-decoration: none !important;
        transition: all .2s ease;
        width: 174px;
    }

    .front-page-hero .button .button__content {
        margin-top: 0;
    }

    .button--outline-white .button__content {
        border: 2px solid #fff;
    }

    .button1 {
        background-color: #ffffff !important;
    }

    .button--corners .button__content {
        border-radius: 0;
    }

    .button--outline-white .button__content {
        border: 2px solid #fff
    }

        .button--outline-white .button__content:hover, .button--outline-white .button__content:active, .button--outline-white .button__content:focus {
            border-color: rgba(255,255,255,.1)
        }


    /*---------------------end-----------------------------------------------------*/

/*--------------------------------------------------------Button View CSS for Quick Links-------------------------------------------------------*/
.button_quicklink {
    font-family: Open Sans,Arial,Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: color .2s ease;
    border-radius: 22px;
    color: #27305a;
    font-size: 12px;
    margin-bottom: 24px;
    margin-top: 20px;
    padding: 14px 2px;
    text-decoration: none !important;
    transition: all .2s ease;
    /*width: 174px;*/
   /* width:18em;*/
}

.front-page-hero .button .button_quicklink {
    margin-top: 0;
}

.button-outline-quicklink .button_quicklink {
    border: 2px solid #27305a;
}

.button-quicklink {
    background-color: #27305a !important;
}

.button--corners .button_quicklink {
    border-radius: 0;
}

.button-outline-quicklink .button_quicklink {
    border: 2px solid #27305a
}

    .button-outline-quicklink .button_quicklink:hover, .button-outline-quicklink .button_quicklink:active, .button-outline-quicklink .button_quicklink:focus {
        border-color: rgba(61, 76, 143,.1)
    }

/*---------------------end-----------------------------------------------------*/


/*------------------------------Foating button--------------------------------- */
.fab-container {
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
}
.iconbutton {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #27305a;
    /*box-shadow: 10px 10px 5px #b3ffff;*/
}

.button {
    width: 50px;
    height: 50px;
    background: #27305a;
}
.iconbutton i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80%;
    margin-bottom:10px;
    color: white;
}
/*.float-btn-text{
    color:transparent;
}
.button:hover {
    width: 150px;
    border-radius: 7%;
    transition: all .2s ease;
}
    .button:hover ~ .float-btn-text {
        color: white;
    }*/
/*---------------------end-----------------------------------------------------*/


/*------------------------------Charter of Duty--------------------------------- */

.button_full {
    font-family: Open Sans,Arial,Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 1.5px;
    /*text-transform: uppercase;*/
    transition: color .2s ease;
    border-radius: 22px;
    color: #27305a;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 14px 2px;
    text-decoration: none !important;
    transition: all .2s ease;
    width: 100%;
}
.front-page-hero .button .button_full {
    margin-top: 0;
}

.button-outline-quicklink .button_full {
    border: 2px solid #27305a;
}

.button-quicklink {
    background-color: #27305a !important;
}

.button--corners .button_full {
    border-radius: 0;
}

.button-outline-quicklink .button_full {
    border: 2px solid #27305a
}

    .button-outline-quicklink .button_full:hover, .button-outline-quicklink .button_full:active, .button-outline-quicklink .button_full:focus {
        border-color: rgba(61, 76, 143,.1)
    }

/*---------------------end-----------------------------------------------------*/