html.overlay-open .navbar-fixed-top {
    z-index: 400
}

html.js fieldset.collapsed {
    height: auto
}

html.js input.form-autocomplete {
    background-image: none
}

body {
    position: relative
}

body.admin-expanded.admin-vertical.admin-nw .navbar,
body.admin-expanded.admin-vertical.admin-sw .navbar {
    margin-left: 260px
}

body.navbar-is-fixed-top {
    padding-top: 64px !important
}

body.navbar-is-fixed-bottom {
    padding-bottom: 64px !important
}

body.toolbar {
    padding-top: 30px !important
}

body.toolbar .navbar-fixed-top {
    top: 30px
}

body.toolbar.navbar-is-fixed-top {
    padding-top: 94px !important
}

body.toolbar-drawer {
    padding-top: 64px !important
}

body.toolbar-drawer .navbar-fixed-top {
    top: 64px
}

body.toolbar-drawer.navbar-is-fixed-top {
    padding-top: 128px !important
}

body.admin-menu .navbar-fixed-top {
    top: 29px
}

body.admin-menu.navbar-is-fixed-top {
    padding-top: 93px !important
}

body div#admin-toolbar {
    z-index: 1600
}

body #toolbar,
body #admin-menu,
body #admin-toolbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

body #admin-menu {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 1600
}

body #admin-menu .dropdown li {
    line-height: normal
}

.navbar.container {
    margin-top: 0px;
    margin-bottom: 0px !important;
}

@media screen and (min-width:768px) {
    .navbar.container {
        max-width: 100%;
    }
}

@media screen and (min-width:992px) {
    .navbar.container {
        max-width: 100%;
    }
}

@media screen and (min-width:1200px) {
    .navbar.container {
        max-width: 100%;
    }
}

.navbar.container>.container {
    margin: 0;
    padding: 0;
    width: auto
}

#overlay-container,
.overlay-modal-background,
.overlay-element {
    z-index: 1500
}

#toolbar {
    z-index: 1600
}

.modal {
    z-index: 1620
}

.modal-dialog {
    z-index: 1630
}

.modal-backdrop {
    z-index: 1610
}

.element-invisible {
    margin: 0;
    padding: 0;
    width: 1px
}

.navbar .logo {
    /*margin-right:-15px;padding-left:15px !important;padding-right:15px; margin-top:20px;*/
}

@media screen and (min-width:768px) {
    .navbar .logo {
        margin-right: 0;
        padding-left: 0
    }
}

ul.secondary {
    float: left
}

@media screen and (min-width:768px) {
    ul.secondary {
        float: right
    }
}

.page-header {
    margin-top: 0
}

.block:first-child h2.block-title {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

.region-help>.glyphicon {
    font-size: 18px;
    float: left;
    margin: -.05em .5em 0 0
}

.region-help .block {
    overflow: hidden
}

form#search-block-form {
    /*bottom: 5px;float: right; width: 250px; position:relative;top:0px;z-index:9;*/
}

.navbar #block-search-form {
    /*float:none;margin:5px 0 5px 5px;*/
    position: absolute;
    right: 4px;
}

@media screen and (min-width:200px) {
    .navbar #block-search-form {
        /*float:right;*/
    }
}

.navbar-search .control-group {
    margin-bottom: 0
}

ul.action-links {
    margin: 12px 0;
    padding: 0
}

ul.action-links li {
    display: inline;
    margin: 0;
    padding: 0 6px 0 0
}

ul.action-links .glyphicon {
    padding-right: .5em
}

input,
textarea,
select,
.uneditable-input {
    max-width: 100%;
    width: auto
}

input.error {
    color: #b94a48;
    border-color: #ebccd1
}

fieldset legend.panel-heading {
    float: left;
    line-height: 1em;
    margin: 0
}

fieldset .panel-body {
    clear: both
}

fieldset .panel-heading a.panel-title {
    color: inherit;
    display: block;
    margin: -10px -15px;
    padding: 10px 15px
}

fieldset .panel-heading a.panel-title:hover {
    text-decoration: none
}

.form-actions {
    clear: both
}

.resizable-textarea textarea {
    border-radius: 4px 4px 0 0
}

.radio:first-child,
.checkbox:first-child {
    margin-top: 0
}

.radio:last-child,
.checkbox:last-child {
    margin-bottom: 0
}

.help-block,
.control-group .help-inline {
    color: #999;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0
}

.panel-heading {
    display: block
}

a.tabledrag-handle .handle {
    height: auto;
    width: auto
}

.error {
    color: #b94a48
}

div.error,
table tr.error {
    background-color: #f2dede;
    color: #b94a48
}

.control-group.error {
    background: 0
}

.control-group.error label,
.control-group.error .control-label {
    color: #b94a48;
    font-weight: 600
}

.control-group.error input,
.control-group.error textarea,
.control-group.error select,
.control-group.error .uneditable-input {
    color: #555;
    border: 1px solid #ccc
}

.control-group.error .help-block,
.control-group.error .help-inline {
    color: #333
}

.list-inline>li.first {
    padding-left: 0
}

.nav-tabs {
    margin-bottom: 10px
}

ul li.collapsed,
ul li.expanded,
ul li.leaf {
    /*list-style:none;list-style-image:none*/
}

.tabs--secondary {
    margin: 0 0 10px
}

.submitted {
    margin-bottom: 1em;
    font-style: italic;
    font-weight: 400;
    color: #777
}

.password-strength {
    width: 17em;
    float: right;
    margin-top: 1.4em
}

.password-strength-title {
    display: inline
}

.password-strength-text {
    float: right;
    font-weight: 700
}

.password-indicator {
    background-color: #949494;
    height: .3em;
    width: 100%
}

.password-indicator div {
    height: 100%;
    width: 0;
    background-color: #999
}

input.password-confirm,
input.password-field {
    width: 16em;
    margin-bottom: .4em
}

div.password-confirm {
    float: right;
    margin-top: 1.5em;
    visibility: hidden;
    width: 17em
}

div.form-item div.password-suggestions {
    padding: .2em .5em;
    margin: .7em 0;
    width: 38.5em;
    border: 1px solid #B4B4B4
}

div.password-suggestions ul {
    margin-bottom: 0
}

.confirm-parent,
.password-parent {
    clear: left;
    margin: 0;
    width: 36.3em
}

.progress-wrapper .progress {
    margin-bottom: 10px
}

.pagination ul>li>a.progress-disabled {
    float: left
}

.form-autocomplete .glyphicon {
    color: #999;
    font-size: 120%
}

.form-autocomplete .glyphicon.glyphicon-spin {
    color: #428bca
}

.form-autocomplete .input-group-addon {
    background-color: #fff
}

.ajax-progress .glyphicon {
    font-size: 90%;
    margin: 0 -.25em 0 .5em
}

.glyphicon-spin {
    display: inline-block;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear
}

a .glyphicon-spin {
    display: inline-block;
    text-decoration: none
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.glyphicon-refresh {
    -webkit-transform-origin: 50% 45%;
    -moz-transform-origin: 50% 45%;
    -ms-transform-origin: 50% 45%;
    -o-transform-origin: 50% 45%;
    transform-origin: 50% 45%
}

.tabbable {
    margin-bottom: 20px
}

.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    border-bottom: 0
}

.tabs-below>.nav-tabs .summary,
.tabs-left>.nav-tabs .summary,
.tabs-right>.nav-tabs .summary {
    color: #999;
    font-size: 12px
}

.tab-pane>.panel-heading {
    display: none
}

.tab-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover,
.tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd
}

.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
    padding-bottom: 20px;
    width: 220px
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li:focus,
.tabs-right>.nav-tabs>li:focus {
    outline: 0
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:focus {
    outline: 0
}

.tabs-left>.tab-content,
.tabs-right>.tab-content {
    border-radius: 0 4px 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 10px 15px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: -1px
}

.tabs-left>.nav-tabs>li>a {
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs>.active>a,
.tabs-left>.nav-tabs>.active>a:hover,
.tabs-left>.nav-tabs>.active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .05)
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: -1px
}

.tabs-right>.nav-tabs>li>a {
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover,
.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eee #eee #eee #ddd;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .05)
}

.tabs-right>.nav-tabs>.active>a,
.tabs-right>.nav-tabs>.active>a:hover,
.tabs-right>.nav-tabs>.active>a:focus {
    border-color: #ddd #ddd #ddd transparent
}

th.checkbox,
td.checkbox,
th.radio,
td.radio {
    display: table-cell
}

.views-display-settings .label {
    font-size: 100%;
    color: #666
}

.views-display-settings .footer {
    padding: 0;
    margin: 4px 0 0
}

table .radio input[type=radio],
table .checkbox input[type=checkbox] {
    max-width: inherit
}

.form-horizontal .form-group label {
    position: relative;
    min-height: 1px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right
}

@media (min-width:768px) {
    .form-horizontal .form-group label {
        float: left;
        width: 16.666666666666664%
    }
}

.alert a {
    font-weight: 700
}

.alert-success a {
    color: #356635
}

.alert-info a {
    color: #2d6987
}

.alert-warning a {
    color: #a47e3c
}

.alert-danger a {
    color: #953b39
}

/********************************* Fonts ***********************************/

@font-face {
    font-family: 'fgdr';
    src: url('Franklin Gothic Demi Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'rwmd';
    src: url('Raleway-Medium.ttf') format('truetype');
}

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

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

@font-face {
    font-family: 'twlt';
    src: url('TitilliumWeb-Light.ttf') format('truetype');
}

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

@font-face {
    font-family: 'mypsb';
    src: url('Myriad Pro Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'mypb';
    src: url('Myriad Pro Bold.ttf') format('truetype');
}

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

/********************************* 100% Width ***********************************/

.container>.navbar-header,
.container>.navbar-collapse {
    margin: 0px !important;
}

.container {
    width: 100% !important;
}

.row {
    margin: 0px;
}

.banner1,
.banner2,
.banner3,
.banner4,
.banner5,
.banner6,
.banner7,
.banner8 {
    padding: 0px;
}

.banners1,
.banners2,
.banners3,
.banners4,
.banners5,
.banners6 {
    padding: 0px;
}

/********************************* Text Colors ***********************************/

.title {
    color: # !important;
}

.field-item.even h3 {
    color: # !important;
}

.field-item.even a {}

/********************************* Misc ***********************************/
.path-frontpage #contentsection {
    padding: 0;
    margin: -1px 0 0;
}

a {
    outline: 0 !important;
}

.container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

label,
.panel,
.webform-component--title {
    margin: 15px 0px;
}

#contentsection {
    padding: 0px 0px 0px 0px;
}

#contentsection #page-title {
    padding: 0px 40px;
    font: bold 24px rwrg;
    color: #ffffff;
    text-transform: uppercase;
}

.breadcrumb {
    font: 14.54px twlt;
    color: #99999a;
    background-color: rgba(17, 10, 30, 0.5);
    border-radius: 0px;
    padding: 8px 40px;
}

#block-system-main {
    padding: 15px 15px;
}

.path-frontpage #notfrontwrap {
    height: 0px;
}

.path-frontpage #secondarypagesrowswrap {
    height: 0px;
}

.region.region-content {
    padding: 25px 0 0 0;
}

/* body:not(.path-frontpage) .region.region-content {
    padding: 0;
} */
#navbackwrap {
    /* display: none; */
}

.img-responsive {
    display: initial !impotant;
}

/********************************* Navbar ***********************************/

/********************************* Logo ***********************************/

.navbar-header {
    padding: 10px 0px 0px 40px;
}

.navbar-btn {
    margin: 0px auto !important;
    float: none !important;
}

.navbar {}

.navbar .logo {}

.navbar .logo img {}

/********************************* Menu ***********************************/

.navbar-default {
    background-color: transparent !important;
    border: 0px !important;
    border-color: transparent !important;
}

.navbar {
    /*min-height: 100px !important;*/
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.navbar-collapse {
    padding: 0px !important;
    width: 100%;
    border-top: 0px !important;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1) !important;
}

.navbar-nav,
.nav {
    margin: 20px 80px 0px 0px !important;
    background-color: transparent !important;
    width: 80%;
    float: right;
    padding: 0px 0px 0px 0px;
}

.navbar-default .navbar-text {
    font: 17.33px rwrg;
    color: #ffffff !important;
}

.navbar-default .navbar-nav>li,
.navbar-default .nav>li {
    margin: 0px 3px;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .nav>li>a {
    font: 16px rwrg;
    color: #ffffff !important;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus {
    background: #413769;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .nav>.active>a,
.navbar-default .nav>.active>a:hover,
.navbar-default .nav>.active>a:focus {
    background: #413769;
}

.navbar-default .nav>.disabled>a,
.navbar-default .nav>.disabled>a:hover,
.navbar-default .nav>.disabled>a:focus,

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    background: #413769;
}

/********************************* Search Bar ***********************************/

.searchButton {
    display: none;
}

.toggleSearch {
    background-image: url('../images/search icon-07.png');
    width: 44px;
    height: 46px;
    display: block;
    position: absolute;
    right: 25px;
    top: 21.3px;
}

#edit-search-block-form--2 {
    background-color: #525252;
    border-color: #303030;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 3px;
    color: #ffffff;
    display: none;
    height: 46px;
    position: relative;
    right: 25px;
    top: 67.5px;
    width: 230px;
    z-index: 1;
}

.search_region .form-control::-moz-placeholder {
    color: #ffffff !important;
}

:root {
    --line: rgba(11, 18, 32, 0.12);
    --shadow: 0 12px 36px rgba(11, 18, 32, 0.12);
    --theme: #413768;
}

:root {
    --line: rgba(11, 18, 32, 0.12);
    --shadow: 0 12px 36px rgba(11, 18, 32, 0.12);
    --theme: #413768;
}

/* *******************************
    SEARCH button
******************************* */


#searchWrap .icon-btn {
    position: relative;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: grid;
    box-shadow: rgba(11, 18, 32, 0.06) 0px 10px 22px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgb(255, 255, 255);
    place-items: center;
    transition: transform 0.15s, background 0.15s;
}

/* Dono SVG same position par */
#searchWrap svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Close icon initially hidden */
#searchWrap .iconclose {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(-90deg);
}

/* Active state */
#searchWrap.active .searchicon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(90deg);
}

#searchWrap.active .iconclose {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

:root {
    --line: rgba(11, 18, 32, 0.12);
    --shadow: 0 12px 36px rgba(11, 18, 32, 0.12);
    --theme: #413768;
}

/* *******************************
    SEARCH button
******************************* */
/* section id */
#block-searchicon {
    position: absolute;
    right: 64px;
    top: 24px;
}

#searchWrap .icon-btn {
    position: relative;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: grid;
    box-shadow: rgba(11, 18, 32, 0.06) 0px 10px 22px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgb(255, 255, 255);
    place-items: center;
    transition: transform 0.15s, background 0.15s;
}

/* Dono SVG same position par */
#searchWrap svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Close icon initially hidden */
#searchWrap .iconclose {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(-90deg);
}

/* Active state */
#searchWrap.active .searchicon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(90deg);
}

#searchWrap.active .iconclose {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* *******************************
    SEARCH MODULE
******************************* */
#block-bootstrap-subtheme-search {
    position: absolute;
    right: 30px;
    bottom: 0;
    /* transform: translateY(100%); */
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0);
    transition: transform 0.4s ease;
}

#block-bootstrap-subtheme-search.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(100%);
}

#search-block-form {
    padding: 14px;
    background: #ffff;
    width: min(460px, calc(100vw - 24px)) !important;
    border: 1px solid var(--line);
    border-radius: 18px;
    z-index: 60;
    box-shadow: var(--shadow);
}

/* #search-block-form > div {
    margin: 0;
} */
#search-block-form>div:first-child {
    margin: 0;
    border: 1px solid var(--line);
    padding: 10px 12px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.96),
            rgba(255, 255, 255, 0.88));
    border-radius: 999px;
}

#search-block-form input[type="search"] {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border-radius: 0;
    border: 1px solid transparent;
    background: transparent;
    height: 100%;
}

#search-block-form input[type="search"]:hover,
#search-block-form input[type="search"]:focus {
    border: none;
    outline: none;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

#search-block-form button[type="submit"] {}

#search-block-form button[type="submit"] span.icon {
    display: none;
}

#search-block-form button[type="submit"] span.sr-only {
    width: auto;
    height: auto;
    position: unset;
    display: block;
    clip: unset;
    border: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
        var(--theme);
    color: #fff;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(11, 18, 32, 0.12);
}

#search-block-form button[type="submit"] {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

#search-block-form button[type="submit"]:hover,
#search-block-form button[type="submit"]:focus {
    outline: none;
}

/* search icon feature */
/* Parent button ko relative kar dein */
#searchWrap .icon-btn {
    position: relative;
}

/* Dono SVG same position par */
#searchWrap svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}

/* Close icon initially hidden */
#searchWrap .iconclose {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(-90deg);
}

/* Active state */
#searchWrap.active .searchicon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) rotate(90deg);
}

#searchWrap.active .iconclose {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/********************************* Banner 1 Main Banner ***********************************/
#myCarousel video {
    display: block;
    width: 100%;
    height: auto;
}

.carousel-control.left {
    background: transparent;
}

#video-section,
#pattern-overlay {
    display: block;
    width: 100%;
}

#pattern-overlay video {
    position: absolute;
    top: -79px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100vh;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    vertical-align: baseline;
    z-index: -1;
}

#bannertxtwrap {
    display: block;
    background-color: rgba(29, 21, 27, 0.6);
    padding: 30px 0px 20px;
    border-radius: 0px;
    margin: 5% auto 12.1%;
}

#bannertxt {
    background: url('../images/banner%20text-09.png') no-repeat center center / contain;
    width: 100%;
    height: 247px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/*** Jump Menu ***/

.vs-innerTabs1.col-sm-12 {
    position: relative;
    padding: 0;
    top: 0;
    left: 0%;
    display: flex;
    align-items: stretch;
}

.vsit21 {
    padding: 0;
}

.vsit21>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #797395;
}

.vsit23 {
    padding: 0;
}

.vsit23>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #766263;
}

.vsit24 {
    padding: 0;
}

.vsit24>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #403668;
}

.vsit25 {
    padding: 0;
}

.vsit25>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #9F9190;
}

.vsit26 {
    padding: 0;
}

.vsit26>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #9F91C2;
}

.vsit27 {
    padding: 0;
}

.vsit27>a {
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    text-decoration: none !important;
    background-color: #4036A2;
}

/*** ... ***/

/********************************* Banner Digital Punjab Webseries ***********************************/

#block-views-digital-punjab-webseries-block {
    background: #f5f5f5;
    width: 100%;
    display: block;
    padding: 1em 0 4em;
}

#views_slideshow_cycle_main_digital_punjab_webseries-block,
#views_slideshow_cycle_teaser_section_digital_punjab_webseries-block,
#views_slideshow_cycle_div_digital_punjab_webseries-block_0,
#views_slideshow_cycle_div_digital_punjab_webseries-block_1,
#views_slideshow_cycle_div_digital_punjab_webseries-block_2,
#views_slideshow_cycle_div_digital_punjab_webseries-block_3,
#views_slideshow_cycle_div_digital_punjab_webseries-block_4 {
    width: 100%;
}

#dpwstitlewrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 5em 0;
}

#dpwstitle {
    font: 51px rwmd;
    color: #222222;
}

.dpwsoutwrap {}

#dpwsinwrap {
    width: 100%;
    display: block;
    margin: 1em 0;
}

#dpwsin {
    width: 100%;
    display: block;
}

#dpwsinvidwrap {
    width: 100%;
    display: block;
}

#dpwsinvid {
    width: 100%;
    display: block;
}

#dpwsinvid iframe {
    width: 250px;
    height: 175px;
    display: block;
    margin: 0 auto;
}

#dpwspintitlewrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 1em 0 0;
}

#dpwspintitle {
    font: bold 19px twrg;
    color: #565656;
    display: block;
    width: 250px;
    height: 90px;
    margin: 0 auto;
}

/*** controls ***/

#block-views-digital-punjab-webseries-block .views-slideshow-controls-bottom.clearfix {
    width: 190px;
    display: block;
    margin: 1em auto;
}

#vscc_controls_previous_digital_punjab_webseries-block {
    padding: 0px 15px;
}

#vscc_controls_previous_digital_punjab_webseries-block a {
    background: url('../images/purple left-16.png') no-repeat center center !important;
    color: transparent;
    display: inline-block;
    width: 62px;
    height: 53px;
}

#vscc_controls_previous_digital_punjab_webseries-block a img {
    opacity: 0;
}

#vscc_controls_next_digital_punjab_webseries-block {
    padding: 0px 15px;
}

#vscc_controls_next_digital_punjab_webseries-block a {
    background: url('../images/purple right-17.png') no-repeat center center !important;
    color: transparent;
    display: inline-block;
    width: 62px;
    height: 53px;
}

#vscc_controls_next_digital_punjab_webseries-block a img {
    opacity: 0;
}

/*** ... ***/

/********************************* Banner Digital Punjab ***********************************/

#nepnics-wrap {
    background: #100a26;
    width: 100%;
    display: block;
    padding: 0;
}

#nepnics {
    width: 100%;
    display: block;
    position: relative;
}

#nepnics-img-wrap {
    width: 100%;
    display: block;
}

/*#nepnics-img {background: url('../images/nep-nics-banner.png') no-repeat center center / contain; width: 100%; height: 509px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap;}*/

#nepnics-img {
    background: url('../images/newsletter-bg.png') no-repeat center center / contain;
    width: 100%;
    height: 509px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#nepnics-button {
    display: block;
    width: auto;
    text-align: center;
    padding: 1% 3%;
    color: #ffffff !important;
    font-weight: bold;
    background-color: #403668;
    top: 80%;
    left: 23%;
    position: absolute;
    text-decoration: none !important;
}

#nepnics-button:hover {
    background-color: #968181 !important;
}

/********************************* Banner 2 Highlights ***********************************/

#block-views-highlights-block {
    background: #e5e5e5;
    display: block;
    padding: 30px 0px 80px;
}

#highheaderwrap {
    width: 100%;
    text-align: center;
    padding: 30px 0px 60px 0px;
}

#highheader {
    font: 51px rwmd;
    color: #000000;
}

#block-views-highlights-block .view-content {
    overflow: auto;
}

.views-row-1.highoutwrap {
    background: url('../images/box 1-35.png') no-repeat center center;
}

.views-row-2.highoutwrap {
    background: url('../images/box 2-35.png') no-repeat center center;
}

.views-row-3.highoutwrap {
    background: url('../images/box 3-35.png') no-repeat center center;
}

.views-row-1.highoutwrap,
.views-row-2.highoutwrap,
.views-row-3.highoutwrap {
    height: 266px;
    display: block;
}

#highinwrap {
    display: block;
    width: 281px;
    margin: 0 auto;
    padding: 130px 15px 28px;
}

#highin {
    width: 100%;
}

#highintitlewrap {
    width: 100%;
    display: block;
}

#highintitle {
    text-decoration: none;
    font: 19px twrg;
    color: #565656;
    text-align: left;
    overflow: hidden;
    height: 60px;
}

#highintitle a {
    text-decoration: none;
    font: 19px twrg;
    color: #565656;
    text-align: left;
}

#highintitle a:hover {
    text-decoration: underline;
}

#highindatewrap {
    width: 100%;
    display: block;
    margin: 20px 0px 0px 0px;
}

#highindate {
    font: 18px twsb;
    color: #413768;
    text-align: left;
}

#highbtnwrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 65px 0px 0px 0px;
}

#highbtn {
    background: url('../images/view more button 4-32.png') no-repeat center center;
    width: 114px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}


/********************************* Banner 3 Intro ***********************************/

#b3iwrap {
    display: block;
    width: 100%;
    background: #100a26;
    padding: 40px 40px;
}

#b3i {
    width: 100%;
}

#b3i1wrap,
#b3i2wrap {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}

#b3i1 {
    font: 25.72px twlt;
    color: #939393;
}

#b3i2 {
    font: 19px twlt;
    color: #968181;
}

#b3i3wrap {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

#b3i3 {
    background: url('../images/roots of technology text-14.png') no-repeat center center / contain;
    width: 100%;
    height: 34px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/********************************* Banner 4 Media Clippings ***********************************/

#block-views-media-clippings-block {
    background: #f5f5f5;
    display: block;
    padding: 30px 0px 80px;
}

#mcheaderwrap {
    width: 100%;
    text-align: center;
    padding: 30px 0px 60px 0px;
}

#mcheader {
    font: 51px rwmd;
    color: #000000;
}

#block-views-media-clippings-block .view-content {
    overflow: auto;
}

.mcoutwrap {}

#mcinwrap {
    width: 280px;
    display: block;
    margin: 0 auto;
}

#mcin {
    width: 100%;
}

#mcintopwrap {
    width: 100%;
    display: block;
    border: 1px solid transparent;
    padding: 15px;
}

#mcinwrap:hover #mcintopwrap {
    border: 1px solid #c2c0cd;
}

#mcintop {
    width: 100%;
}

#mcinimgwrap {
    width: 100%;
    display: block;
    background: #ffffff;
}

#mcinimg {
    width: 201px;
    display: block;
    height: 80px;
    margin: 20px auto;
}

#mcinimg img {
    width: 100%;
    display: block;
    height: 80px;
    margin: 0 auto;
}

#mcindatewrap {
    display: block;
    width: 42px;
    height: 41px;
    background: #110a26;
    text-align: center;
}

#mcinwrap:hover #mcindatewrap {
    display: none;
}

#mcindate1 {
    font: 17.32px mypb;
    color: #ffffff;
}

#mcindate2 {
    font: 11.48px mypsb;
    color: #ffffff;
    text-transform: uppercase;
}

#mcinbotwrap {
    width: 100%;
    display: block;
    border: 1px solid transparent;
    padding: 15px;
    background: transparent;
}

#mcinwrap:hover #mcinbotwrap {
    background: #ffffff;
}

#mcinbot {
    width: 100%;
}

#mcintitlewrap {
    width: 100%;
    margin: 20px 0px;
}

#mcintitle {
    font: 16px fgdr;
    color: #4f4f4f;
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    height: 40px;
}

#mcintitle a {
    text-decoration: none;
    font: 16px fgdr;
    color: #4f4f4f;
    text-transform: uppercase;
    text-align: left;
}

#mcintxtwrap {
    width: 100%;
    margin: 20px 0px;
}

#mcintxt {
    font: 14.45px twlt;
    color: #99999a;
    text-align: justify;
    overflow: hidden;
    height: 90px;
}

#mcinbdatewrap {
    width: 100%;
    margin: 20px 0px;
    display: none;
}

#mcinwrap:hover #mcinbdatewrap {
    display: block;
}

#mcinbdate {
    font: 12px mypsb;
    color: #3d394c;
}

#mcinbtnwrap {
    width: 100%;
    margin: 20px 0px;
}

#mcinbtn {
    width: 100%;
}

#mcinbtn a {
    background: url('../images/view more button-15.png') no-repeat left center;
    width: 115px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#mcinwrap:hover #mcinbtn a {
    background: url('../images/view more button 2-15.png') no-repeat left center;
}

#mcbtnwrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 60px 0px 0px 0px;
}

#mcbtn {
    background: url('../images/view more button 4-32.png') no-repeat center center;
    width: 114px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}


/********************************* Banner 5 What We Do ***********************************/

/*.region.region-banner5
{
    background: #fbfbfb;
    padding: 40px 0px 0px;
}*/


.digtalPunjabLeft,
.digtalPunjabRight {
    padding: 0px !important;
}

.healthSector,
.educationSector,
.agriSector,
.beyondSector,
.servicesSector,
.citizenSector,
.transportSector,
.lawSector {
    padding: 0px !important;
}

.What.We.Dotitle {
    font: 51px rwmd;
    color: #222222;
    text-align: center;
    margin: 20px 0px;
}

#quicktabs-what_we_do ul.quicktabs-tabs {
    border-top: 1px solid #d9c6c7;
    border-bottom: 1px solid #d9c6c7;
    padding: 10px 0px;
    text-align: center;
    width: 65% !important;
    margin: 20px auto 50px;
}

#quicktabs-what_we_do ul.quicktabs-tabs li a {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    font: 17.57px twlt;
    color: #99999a;
    padding: 10px;
    margin: 0px 20px;
}

#quicktabs-what_we_do ul.quicktabs-tabs li a:hover {
    color: #ffffff;
    background-color: #100a26;
}

#quicktabs-what_we_do ul.quicktabs-tabs li.active a {
    color: #ffffff;
    background-color: #100a26;
}

#b5wwdwrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5wwd {
    width: 100%;
}

#b5c1 {
    padding: 0px;
}

#b5c1r1,
#b5c1r2 {
    width: 100%;
}

#b5p1wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p1 {
    background: url('../images/pr 1-18.png') no-repeat center center / cover;
    width: 100%;
    height: 462px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p1layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48, 38, 38, 0.6);
    padding: 10px;
}

#b5p1txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p1:hover #b5p1txt {
    display: block;
}

#b5c1r2c1,
#b5c1r2c2 {
    padding: 0px;
}

#b5c1r2c1r1,
#b5c1r2c1r2 {
    width: 100%;
}

#b5p2wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p2 {
    background: url('../images/school-monitoring-71.png') no-repeat center center / cover;
    width: 100%;
    height: 186px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p2layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#b5p2txt {
    text-decoration: none;
    font: 22px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 40px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p2:hover #b5p2txt {
    display: block;
}

#b5p3wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p3 {
    background: url('../images/transport-automation-72.png') no-repeat center center / cover;
    width: 100%;
    height: 162px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p3layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#b5p3txt {
    text-decoration: none;
    font: 22px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 40px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p3:hover #b5p3txt {
    display: block;
}

#b5p4wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p4 {
    background: url('../images/children-vaccination-70.png') no-repeat center center / cover;
    width: 100%;
    height: 348px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p4layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(6, 3, 20, 0.7);
    padding: 10px;
}

#b5p4txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p4:hover #b5p4txt {
    display: block;
}

#b5c2 {
    padding: 0px;
}

#b5c2r1 {
    width: 100%;
}

#b5c2r1c1,
#b5c2r1c2 {
    padding: 0px;
}

#b5p5wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p5 {
    background: url('../images/pr 2-19.png') no-repeat center center / cover;
    width: 100%;
    height: 349px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p5layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#b5p5txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p5:hover #b5p5txt {
    display: block;
}

#b5p6wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p6 {
    background: url('../images/pr 3-20.png') no-repeat center center / cover;
    width: 100%;
    height: 349px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p6layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.7);
    padding: 10px;
}

#b5p6txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p6:hover #b5p6txt {
    display: block;
}

#b5c2r2 {
    width: 100%;
}

#b5p7wrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5p7 {
    background: url('../images/criminal-record-office-69.png') no-repeat center center / cover;
    width: 100%;
    height: 461px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#p7layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(98, 77, 122, 0.7);
    padding: 10px;
}

#b5p7txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#b5p7:hover #b5p7txt {
    display: block;
}

/*** OUR MINISTER ***/

#minister-home-wrap #aulpreswrap {
    margin: 25px 0;
}

#minister-home-wrap #aulpresimgwrap {
    height: initial;
    width: initial;
}

#minister-home-wrap #aulpresimg img {
    height: 175px;
}

#minister-home-wrap #aulprestitle,
#minister-home-wrap #aulpresdesg2 {
    color: #1A1A1A;
}

#minister-home-wrap #aulprestitle {
    font-size: 22px;
}

#minister-home-wrap #aulpresdesg2 {
    font-size: 17px;
}


/*** Citizen Facilitation ***/

#cfc1 {
    padding: 0px;
}

#cfc1r1 {
    width: 100%;
}

#cfp1wrap {
    display: block;
    width: 100%;
    height: auto;
}

#cfp1 {
    background: url('../images/CFMP-64.png') no-repeat center center / cover;
    width: 100%;
    height: 340px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#cfp1layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48, 38, 38, 0.6);
    padding: 10px;
}

#cfp1txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#cfp1:hover #cfp1txt {
    display: block;
}

#cfc1r2 {
    width: 100%;
}

#cfp2wrap {
    display: block;
    width: 100%;
    height: auto;
}

#cfp2 {
    background: url('../images/Citizen-Facilitation-Service-Centers-66.png') no-repeat center center / cover;
    width: 100%;
    height: 469px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#cfp2layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#cfp2txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 85px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#cfp2:hover #cfp2txt {
    display: block;
}

#cfc2 {
    padding: 0px;
}

#cfc2r {
    width: 100%;
}

#cfp3wrap {
    display: block;
    width: 100%;
    height: auto;
}

#cfp3 {
    background: url('../images/eVaccs-67.png') no-repeat center center / cover;
    width: 100%;
    height: 809px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#cfp3layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#cfp3txt {
    text-decoration: none;
    font: 40px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 8em 30px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#cfp3:hover #cfp3txt {
    display: block;
}

#cfc3 {
    padding: 0px;
}

#cfc3r1 {
    width: 100%;
}

#cfp4wrap {
    display: block;
    width: 100%;
    height: auto;
}

#cfp4 {
    background: url('../images/elearn-68.png') no-repeat center center / cover;
    width: 100%;
    height: 442px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#cfp4layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(6, 3, 20, 0.7);
    padding: 10px;
}

#cfp4txt {
    text-decoration: none;
    font: 55px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 110px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#cfp4:hover #cfp4txt {
    display: block;
}

#cfc3r2 {
    width: 100%;
}

#cfp5wrap {
    display: block;
    width: 100%;
    height: auto;
}

#cfp5 {
    background: url('../images/Citizen-Contact-Centre-65.png') no-repeat center center / cover;
    width: 100%;
    height: 367px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#cfp5layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#cfp5txt {
    text-decoration: none;
    font: 35px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#cfp5:hover #cfp5txt {
    display: block;
}

/*** ... ***/

/*** Evidence Based Monitoring ***/

#ebmc1 {
    padding: 0px;
}

#ebmc1r1 {
    width: 100%;
}

#ebmc1r1c1 {
    padding: 0px;
}

#ebmp1wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp1 {
    background: url('../images/dengue-55.png') no-repeat center center / cover;
    width: 100%;
    height: 370px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp1layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(6, 3, 20, 0.7);
    padding: 10px;
}

#ebmp1txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp1:hover #ebmp1txt {
    display: block;
}

#ebmc1r1c2 {
    padding: 0px;
}

#ebmc1r1c2r1,
#ebmc1r1c2r2 {
    width: 100%;
}

#ebmp2wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp2 {
    background: url('../images/drug-inspection-56.png') no-repeat center center / cover;
    width: 100%;
    height: 201px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp2layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#ebmp2txt {
    text-decoration: none;
    font: 22px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp2:hover #ebmp2txt {
    display: block;
}

#ebmp3wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp3 {
    background: url('../images/flood-57.png') no-repeat center center / cover;
    width: 100%;
    height: 169px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp3layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#ebmp3txt {
    text-decoration: none;
    font: 22px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 40px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp3:hover #ebmp3txt {
    display: block;
}

#ebmc1r2 {
    width: 100%;
}

#ebmp4wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp4 {
    background: url('../images/DSS-59.png') no-repeat center center / cover;
    width: 100%;
    height: 441px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp4layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48, 38, 38, 0.6);
    padding: 10px;
}

#ebmp4txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp4:hover #ebmp4txt {
    display: block;
}

#ebmc2 {
    padding: 0px;
}

#ebmc2r1 {
    width: 100%;
}

#ebmp5wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp5 {
    background: url('../images/mea-secondary-health-58.png') no-repeat center center / cover;
    width: 100%;
    height: 478px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp5layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(98, 77, 122, 0.7);
    padding: 10px;
}

#ebmp5txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp5:hover #ebmp5txt {
    display: block;
}

#ebmc2r2 {
    width: 100%;
}

#ebmc2r2c1 {
    padding: 0px;
}

#ebmp6wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp6 {
    background: url('../images/Literacy-Numeracy-drive-for-education-61.png') no-repeat center center / cover;
    width: 100%;
    height: 333px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp6layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#ebmp6txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 40px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp6:hover #ebmp6txt {
    display: block;
}

#ebmc2r2c2 {
    padding: 0px;
}

#ebmp7wrap {
    display: block;
    width: 100%;
    height: auto;
}

#ebmp7 {
    background: url('../images/VET-inspect-60.png') no-repeat center center / cover;
    width: 100%;
    height: 333px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#ebmp7layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.7);
    padding: 10px;
}

#ebmp7txt {
    text-decoration: none;
    font: 28px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#ebmp7:hover #ebmp7txt {
    display: block;
}

/*** ... ***/

/*** Services ***/

#serc1 {
    padding: 0px;
}

#serc1r {
    width: 100%;
}

#serp1wrap {
    display: block;
    width: 100%;
    height: auto;
}

#serp1 {
    background: url('../images/ASTP-61.png') no-repeat center center / cover;
    width: 100%;
    height: 809px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#serp1layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#serp1txt {
    text-decoration: none;
    font: 40px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 8em 30px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#serp1:hover #serp1txt {
    display: block;
}

#serc2 {
    padding: 0px;
}

#serc2r1 {
    width: 100%;
}

#serp2wrap {
    display: block;
    width: 100%;
    height: auto;
}

#serp2 {
    background: url('../images/video-conferencing-62.png') no-repeat center center / cover;
    width: 100%;
    height: 405px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#serp2layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(48, 38, 38, 0.6);
    padding: 10px;
}

#serp2txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 80px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#serp2:hover #serp2txt {
    display: block;
}

#serc2r2 {
    width: 100%;
}

#serp3wrap {
    display: block;
    width: 100%;
    height: auto;
}

#serp3 {
    background: url('../images/cloud-computing-63.png') no-repeat center center / cover;
    width: 100%;
    height: 404px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#serp3layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#serp3txt {
    text-decoration: none;
    font: 32px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 85px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#serp3:hover #serp3txt {
    display: block;
}

#serc3 {
    padding: 0px;
}

#serc3r1 {
    width: 100%;
}

#serp4wrap {
    display: block;
    width: 100%;
    height: auto;
}

#serp4 {
    background: url('../images/data-campus-64.png') no-repeat center center / cover;
    width: 100%;
    height: 477px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#serp4layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(6, 3, 20, 0.7);
    padding: 10px;
}

#serp4txt {
    text-decoration: none;
    font: 45px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 110px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#serp4:hover #serp4txt {
    display: block;
}

#serc3r2 {
    width: 100%;
}

#serp5wrap {
    display: block;
    width: 100%;
    height: auto;
}

#serp5 {
    background: url('../images/call-center-65.png') no-repeat center center / cover;
    width: 100%;
    height: 332px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#serp5layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#serp5txt {
    text-decoration: none;
    font: 35px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
    width: 100%;
    height: 100%;
    padding: 90px 50px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

#serp5:hover #serp5txt {
    display: block;
}

/*** ... ***/

/*** Digital Punjab ***/

#b5dpwrap {
    width: 100%;
    display: block;
    background-color: #fbfbfb;
}

#b5dp {
    width: 100%;
}

#b5dptitlewrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 20px 0px;
}

#b5dptitle {
    font: 51px rwmd;
    color: #222222;
}

#b5dpblockswrap {
    display: block;
    width: 100%;
    height: auto;
}

#b5dpblocks {
    width: 100%;
}

/***/

#dpc1 {
    padding: 0px;
}

#dpc1r1 {
    width: 100%;
}

#dpc1r1c1 {
    padding: 0px;
}

#dpp1wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp1 {
    background: url('../images/education-75.png') no-repeat center center / cover;
    width: 100%;
    height: 237px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp1layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(66, 60, 60, 0.76);
    padding: 10px;
}

#dpp1txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 91px 15px;
    transition: all 2s ease;
}

#dpp1:hover #dpp1txt {
    font-size: 28px;
    background: rgba(17, 10, 38, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc1r1c2 {
    padding: 0px;
}

#dpp2wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp2 {
    background: url('../images/health-76.png') no-repeat center center / cover;
    width: 100%;
    height: 237px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp2layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#dpp2txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 92px 15px;
    transition: all 2s ease;
}

#dpp2:hover #dpp2txt {
    font-size: 28px;
    background: rgba(98, 77, 122, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc1r2 {
    width: 100%;
}

#dpc1r2c {
    padding: 0px;
}

#dpp3wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp3 {
    background: url('../images/citizen-centric-services-79.jpg') no-repeat center center / cover;
    width: 100%;
    height: 283px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp3layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(32, 30, 42, 0.71);
    padding: 10px;
}

#dpp3txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 115px 15px;
    transition: all 2s ease;
}

#dpp3:hover #dpp3txt {
    font-size: 28px;
    background: rgba(17, 10, 38, 0.59) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc2 {
    padding: 0px;
}

#dpc2r1 {
    width: 100%;
}

#dpc2r1c {
    padding: 0px;
}

#dpp4wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp4 {
    background: url('../images/support-services-77.png') no-repeat center center / cover;
    width: 100%;
    height: 283px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp4layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.7);
    padding: 10px;
}

#dpp4txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 115px 15px;
    transition: all 2s ease;
}

#dpp4:hover #dpp4txt {
    font-size: 28px;
    background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc2 {
    padding: 0px;
}

#dpc2r2 {
    width: 100%;
}

#dpc2r2c1 {
    padding: 0px;
}

#dpp5wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp5 {
    background: url('../images/law-order-80.png') no-repeat center center / cover;
    width: 100%;
    height: 237px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp5layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(98, 77, 122, 0.7);
    padding: 10px;
}

#dpp5txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 91px 15px;
    transition: all 2s ease;
}

#dpp5:hover #dpp5txt {
    font-size: 28px;
    background: rgba(17, 10, 38, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc2r2c2 {
    padding: 0px;
}

#dpp6wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp6 {
    background: url('../images/beyond-punjab-81.png') no-repeat center center / cover;
    width: 100%;
    height: 237px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp6layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17, 10, 38, 0.5);
    padding: 10px;
}

#dpp6txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 75px 15px;
    transition: all 2s ease;
}

#dpp6:hover #dpp6txt {
    font-size: 28px;
    background: rgba(98, 77, 122, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc3 {
    padding: 0px;
}

#dpc3r1 {
    width: 100%;
}

#dpc3r1c {
    padding: 0px;
}

#dpp7wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp7 {
    background: url('../images/transport-78.png') no-repeat center center / cover;
    width: 100%;
    height: 237px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp7layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(98, 77, 122, 0.7);
    padding: 10px;
}

#dpp7txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 92px 15px;
    transition: all 2s ease;
}

#dpp7:hover #dpp7txt {
    font-size: 28px;
    background: rgba(17, 10, 38, 0.59) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

#dpc3r2 {
    width: 100%;
}

#dpc3r2c {
    padding: 0px;
}

#dpp8wrap {
    display: block;
    width: 100%;
    height: auto;
}

#dpp8 {
    background: url('../images/agriculture-livestock-food-82.png') no-repeat center center / cover;
    width: 100%;
    height: 283px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#dpp8layer {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(32, 30, 42, 0.71);
    padding: 10px;
}

#dpp8txt {
    text-decoration: none;
    font: 20px fgdr;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
    width: 100%;
    height: 100%;
    padding: 82px 15px;
    transition: all 2s ease;
}

#dpp8:hover #dpp8txt {
    font-size: 28px;
    background: rgba(65, 55, 104, 0.61) url('../images/projects search icon-17.png') no-repeat bottom right;
}

/***/

/*** ... ***/

/********************************* Banner 6 How We Support ***********************************/

.hwsoutwrap {
    padding: 0px;
}

#block-views-how-we-suppport-block {
    width: 100%;
    display: block;
    background: #110a26;
}

#hwsheaderwrap {
    width: 100%;
    text-align: center;
    padding: 65px 0px;
    position: absolute;
    z-index: 4;
}

#hwsheader {
    font: 51px rwmd;
    color: #ffffff;
}

#views_slideshow_cycle_main_how_we_suppport-block,
#views_slideshow_cycle_teaser_section_how_we_suppport-block,
#views_slideshow_cycle_div_how_we_suppport-block_0,
#views_slideshow_cycle_div_how_we_suppport-block_1,
#views_slideshow_cycle_div_how_we_suppport-block_2,
#views_slideshow_cycle_div_how_we_suppport-block_3,
#views_slideshow_cycle_div_how_we_suppport-block_4 {
    width: 100%;
}

.hwsoutwrap:first-child {
    background: #968181;
}

.hwsoutwrap:first-child+.hwsoutwrap {
    background: #413768;
}

.hwsoutwrap:last-child {
    background: #110a26;
}

.hwsoutwrap:first-child,
.hwsoutwrap:first-child+.hwsoutwrap,
.hwsoutwrap:last-child {
    padding: 200px 0px 150px 0px;
}

/*** controls ***/

#block-views-how-we-suppport-block .views-slideshow-controls-top.clearfix {
    position: absolute;
    top: 27em;
    width: 100%;
    z-index: 7;
    padding: 0px;
}

#vscc_controls_previous_how_we_suppport-block {}

#vscc_controls_previous_how_we_suppport-block a {
    background: url('../images/left arrow-43.png') no-repeat center center !important;
    color: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#vscc_controls_previous_how_we_suppport-block a img {
    opacity: 0;
}


#vscc_controls_next_how_we_suppport-block {
    float: right;
}

#vscc_controls_next_how_we_suppport-block a {
    background: url('../images/right arrow-43.png') no-repeat center center !important;
    color: transparent;
    display: inline-block;
    width: 50px;
    height: 50px;
}

#vscc_controls_next_how_we_suppport-block a img {
    opacity: 0;
}

/*** ... ***/

#hwsinwrap {
    width: 100%;
    display: block;
}

#hwsin {
    width: 100%;
}

#hwsiconwrap {
    width: 100%;
    display: block;
    margin: 15px 0px;
}

#hwsicon {
    width: 73px;
    height: 73px;
    display: block;
    margin: 0 auto;
}

#hwsicon img {
    width: 100%;
    height: 100%;
    display: block;
}

#hwstitlewrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 35px 0px;
}

#hwstitle,
#hwstitle a {
    text-decoration: none;
    font: 19.78px fgdr;
    color: #ffffff;
    text-transform: uppercase;
}

#hwsbodywrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 15px 0px;
}

#hwsbody {
    font: 13.19px twrg;
    color: #ffffff;
    width: 60%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    height: 70px;
}

#hwsbtnwrap {
    width: 100%;
    display: block;
    text-align: center;
    margin: 60px 0px;
}

#hwsbtn {
    width: 100%;
}

#hwsbtn a {
    background: url('../images/view more white button-29.png') no-repeat center center;
    width: 115px;
    height: 40px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}

.hwsoutwrap:first-child:hover #hwsbtn a {
    background: url('../images/view more button 4-32.png') no-repeat center center;
}

.hwsoutwrap:first-child+.hwsoutwrap:hover #hwsbtn a {
    background: url('../images/view more button 3-31.png') no-repeat center center;
}

.hwsoutwrap:last-child:hover #hwsbtn a {
    background: url('../images/view more button-15.png') no-repeat center center;
}

/********************************* Banner 7 Management ***********************************/
/* #block-views-block-management-block,
#block-views-management-block  */
#management {
    background: url('../images/leadership-bg.jpg') no-repeat fixed center center / cover;
    /* background: url('../images/leadership-bg.png') no-repeat fixed center center / cover; */
    /* background-color: #333; */
    width: 100%;
    height: auto;
    display: block;
    /*padding: 85.375px 0px 18.125px 0px;*/
    /* padding: 20.375px 0px 83.125px 0px; */
    padding: 64px 0 84px 0;
}

#views_slideshow_cycle_main_management-block {
    margin: 85.375px 0px 50px 0px;
    display: block;
    width: 100%;
}

.view-id-management .views-slideshow-controls-bottom.clearfix {
    margin: 50px 0px 18.125px 0px;
    display: block;
    width: 100%;
}

#b7mgmtinwrap {
    width: 80%;
    display: block;
    margin: 0 auto;
}

#b7mgmtin {
    width: 100%;
}

#b7c1 {
    padding-right: 0px;
}

#b7portraitwrap {
    width: 100%;
    display: block;
}

#b7portrait {
    width: 100%;
    display: block;
}

#b7portrait img {
    width: 341px !important;
    height: 341px !important;
    display: block;
    float: right;
}

#b7c2 {
    padding-left: 0px;
}

#b7c2cwrap {
    width: 100%;
    display: block;
    /* padding: 15px 0px; */
    padding: 0;
}

#b7c2c {
    width: 100%;
    border: 1px solid #a09fa1;
    border-left: 0px !important;
    display: block;
    /* padding: 15px 40px; */
    padding: 15px 40px 4px;
}

#views_slideshow_cycle_div_management-block_0 {
    width: 100% !important;
}

#views_slideshow_cycle_div_management-block_0 #b7c2c {
    width: 704.467px;
    max-width: 100%;
}

#views_slideshow_cycle_div_management-block_0 #mgmtintitle a {
    /*  pointer-events: none;*/
    /*    cursor: default;*/
}

#views_slideshow_cycle_div_management-block_0 #mgmtinbtn a {
    /*  display: none;*/
}

#mgmtintitlewrap {
    width: 100%;
    margin: 15px 0px;
}

#mgmtintitle {
    font: 28.33px fgdr;
    color: #a87979;
    text-transform: uppercase;
}

#mgmtintitle a {
    text-decoration: none;
    font: 28.33px fgdr;
    color: #a87979;
    text-transform: uppercase;
}

#mgmtindesgwrap {
    width: 100%;
    margin: 15px 0px;
}

#views_slideshow_cycle_div_management-block_0 #mgmtindesgwrap {
    width: 100%;
    margin: 5px 0px;
}

#mgmtindesgwrap_2 {
    /* display: none; */
    display: block;
}

#views_slideshow_cycle_div_management-block_0 #mgmtindesgwrap_2 {
    width: 100%;
    display: block;
    margin: 5px 0px;
}

#mgmtindesg {
    font: 18.33px twlt;
    color: #cebcbc;
    text-transform: uppercase;
}

#mgmtindesg_2 {
    min-height: 28px;
    font: 18.33px twlt;
    color: #cebcbc;
    text-transform: uppercase;
}

#mgmtintxtwrap {
    width: 100%;
    margin: 15px 0px;
}

#mgmtintxt {
    font: 14px twlt;
    color: #ffffff;
    text-align: justify;
    overflow: hidden;
    height: 110px;
}

#views_slideshow_cycle_div_management-block_0 #mgmtintxt {
    /*    visibility: hidden;*/
    height: auto;
}

#mgmtinbtnwrap {
    width: 100%;
    margin: 15px 0px;
}

#mgmtinbtn {
    width: 100%;
}

#mgmtinbtn a {
    background: url('../images/read more button-42.png') no-repeat center center;
    width: 100px;
    height: 32px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#widget_pager_bottom_management-block {
    text-align: center;
}

#widget_pager_bottom_management-block>div {
    width: auto !important;
    display: inline-block !important;
    cursor: pointer;
    margin: 0px 3px;
}

#block-views-management-block-1 .views-row:first-of-type #auminimg {
    pointer-events: none;
    cursor: pointer;
}

#block-views-management-block-1 .views-row:first-of-type #aumindesg {
    height: auto;
}

/********************************* Banner 8 Industry ***********************************/

#b8ftiwrap {
    width: 100%;
    display: block;
    background: #262049;
    padding: 3em 0 5em;
}

#b8fti {
    width: 100%;
    display: block;
}

#b8ftiheaderwrap {
    width: 100%;
    display: block;
    margin: 1em 0;
    padding: 1em 0;
}

#b8ftiheader {
    background: url('../images/heading text-42.png') no-repeat center center;
    width: 315px;
    height: 116px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}

#b8ftibody-wrap {
    width: 100%;
    display: block;
    padding: 1em 0;
    margin: 1em 0;
}

#b8ftic1,
#b8ftic2,
#b8ftic3,
#b8ftic4,
#b8ftic5,
#b8ftic6,
#b8ftic7 {}

#b8nepnicswrap,
#b8p9wrap,
#b8pxwrap,
#b8thwrap,
#b8micwrap,
#b8erwrap,
#b8hrwrap {
    width: 100%;
    text-align: center;
    padding: 1em 0;
    margin: 1em 0;
}

#b8nepnics {
    background: url('../images/nep-nics-logo.png') no-repeat center center / contain;
}

#b8p9 {
    background: url('../images/plan 9-41.png') no-repeat center center / contain;
}

#b8px {
    background: url('../images/plan x-41.png') no-repeat center center / contain;
}

#b8th {
    background: url('../images/tech hub-41.png') no-repeat center center / contain;
}

#b8mic {
    background: url('../images/MIC-41.png') no-repeat center center / contain;
}

#b8er {
    background: url('../images/Erozgar-41.png') no-repeat center center / contain;
}

#b8hr {
    background: url('../images/herself-41.png') no-repeat center center / contain;
}

#b8nepnics,
#b8p9,
#b8px,
#b8th,
#b8mic,
#b8er,
#b8hr {
    width: 253px;
    height: 149px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
    border: 1px solid #3f3465;
}

#ftibtnwrap {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.5em 0;
    0.5em 0;
}

#ftibtn {
    background: url('../images/view more button 4-32.png') no-repeat center center;
    width: 114px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    margin: 0 auto;
}

/********************************* PITB Footer ***********************************/

#pitbfooterwrap {
    width: 100%;
    display: block;
    background-color: #1a1a1a;
    padding: 20px 60px 20px 60px;
}

#pitbfooter {
    width: 100%;
    display: block;
}

#pitbftopwrap {
    width: 100%;
    display: block;
    margin: 20px 0px 5px 0px;
}

#pitbftop {
    width: 100%;
    display: block;
}



#footereventstitlewrap {
    width: 100%;
    margin: 15px 0px;
}

#footereventstitle {
    font: 15.2px twsb;
    color: #ffffff;
    text-transform: uppercase;
}

#footereventslistwrap {
    width: 100%;
    /*margin: 15px 0px;*/
}

#footereventslist {
    width: 100%;
}

#footereventslist ul {
    list-style: none;
    padding-left: 0px;
}

#footereventslist ul li {
    border-bottom: 1px solid #848484;
    text-indent: 10px;
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
}

#footereventslist ul li a {
    text-decoration: none;
    font: 12.86px twlt;
    color: #848484;
}

#footereventslist ul li a:hover {
    color: #ffffff;
}

#pitbftc2 {}

#pitbftc2 #footereventstitlewrap,
#pitbftc2 #footereventstitle {
    opacity: 0;
}

#pitbftc3 {}

#footerprocstitlewrap {
    width: 100%;
    margin: 15px 0px;
}

#footerprocstitle {
    font: 15.2px twsb;
    color: #ffffff;
    text-transform: uppercase;
}

#footerprocslistwrap {
    width: 100%;
    margin: 15px 0px;
}

#footerprocslist {
    width: 100%;
}

#footerprocslist ul {
    list-style: none;
    padding-left: 0px;
}

#footerprocslist ul li {
    border-bottom: 1px solid #848484;
    text-indent: 10px;
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
}

#footerprocslist ul li a {
    text-decoration: none;
    font: 12.86px twlt;
    color: #848484;
}

#footerprocslist ul li a:hover {
    color: #ffffff;
}

#pitbftc4 {}

#footersmiconswrap {
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

#footersmicons {
    width: 100%;
    text-align: center;
}

#footerfbiconwrap,
#footertwiconwrap,
#footeryticonwrap,
#footeriniconwrap {
    display: inline-block;
    text-align: center;
}

#footermailiconwrap {
    display: none;
}

#footerfbicon {
    background: url('../images/facebook icon-12.png') no-repeat center center;
}

#footertwicon {
    background: url('../images/twitter icon-13.png') no-repeat center center;
}

#footermailicon {
    background: url('../images/newsletter icon-14.png') no-repeat center center;
}

#footeryticon {
    background: url('../images/ficon-yt.png') no-repeat center center;
}

#footerinicon {
    background: url('../images/ficon-insta.png') no-repeat center center;
}

#footerfbicon,
#footertwicon,
#footermailicon,
#footeryticon,
#footerinicon {
    width: 37px;
    height: 37px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#footersmtxtwrap {
    width: 100%;
    text-align: center;
}

#footersmtxt {
    width: 100%;
    text-align: center;
    font: 18px Arial;
    color: #ffffff;
}

/* Digital Policy */

#footer-itp-wrap {
    padding: 1em 2em;
    margin: 1em 0;
}

#footer-itp {}

#itp-button-wrap {}

#itp-button {
    text-decoration: none;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #958080;
    font: 18px Arial;
    color: #ffffff;
    padding: 1em 0;
    transition: all 0.8s ease;
}

#itp-button:hover {
    background: #413768;
}

/* ... */

#pitbfsepwrap,
#pitbfsep {
    width: 100%;
}

#pitbfsep hr {
    margin: 10px 0px;
}

#pitbfbottomwrap {
    width: 100%;
    display: block;
    margin: 10px 0px;
}

#pitbfbottom {
    width: 100%;
    display: block;
}

#pitbfbottomlinkswrap {
    width: 100%;
    display: block;
    margin: 10px 0px;
}

#pitbfbottomlinks {
    width: 100%;
    display: block;
    word-spacing: 20px;
}

#pitbfbottomlinks a {
    text-decoration: none;
    font: 12.86px Arial;
    color: #ffffff;
    word-spacing: 0px;
}

#pitbfbottomcopyrwrap {
    width: 100%;
    display: block;
    margin: 10px 0px;
}

#pitbfbottomcopyr {
    font: 12px Arial;
    color: #848484;
}

.imageOverlay1 {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 24px;
    margin: 3%;
    padding: 8.35% 41.9%;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.healthSector:hover .imageOverlay1 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay2 {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 24px;
    margin: 3%;
    padding: 8.35% 39%;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.educationSector:hover .imageOverlay2 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay7 {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 24px;
    margin: 3%;
    padding: 8.35% 39%;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.transportSector:hover .imageOverlay7 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay8 {
    position: absolute;
    top: 0%;
    left: 0%;
    font-size: 24px;
    margin: 3%;
    padding: 8.5% 36%;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.lawSector:hover .imageOverlay8 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}


.imageOverlay5 {
    position: absolute;
    top: 0%;
    left: 0%;
    color: #ffffff !important;
    margin: 6%;
    padding: 23% 30%;
    font-size: 22px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.servicesSector:hover .imageOverlay5 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay6 {
    position: absolute;
    top: 0%;
    left: 0%;
    color: #ffffff !important;
    margin: 6%;
    padding: 18% 30%;
    font-size: 22px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.citizenSector:hover .imageOverlay6 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay3 {
    position: absolute;
    top: 0%;
    left: 0%;
    color: #ffffff !important;
    margin: 6%;
    padding: 19% 26%;
    font-size: 22px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.agriSector:hover .imageOverlay3 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

.imageOverlay4 {
    position: absolute;
    top: 0%;
    left: 0%;
    color: #ffffff !important;
    margin: 6%;
    padding: 23% 28.5%;
    font-size: 22px;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);
}

.beyondSector:hover .imageOverlay4 {
    display: block;
    background-color: rgba(118, 112, 149, 0.8);
    color: #ffffff !important;
}

/********************************* POPUP  disclaimer ***********************************/

#block-popupdisclaimer {
    display: none;
}

.spb-popup-main-wrapper {
    top: 10%;
    max-width: 640px;
    padding: 5px !important;
    margin: 0 auto;
}

#block-popupdisclaimer {
    padding: 10px !important;
    border: 5px double #006738 !important;
    background: #fcfcfc !important;
    margin: 0 !important;
    border-radius: 5px;
    width: 100%;
    height: 500px;
    overflow-y: auto;
    font: 15px Arial !important;

}

.popdis-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 2% 2%;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);

}

.popdis-wrap .nav-tabs {
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popdis-wrap .nav-tabs>li {
    float: none;
    margin: 0 5px;
}

.popdis-wrap .nav-tabs>li>a {
    text-align: center;
    color: #958080;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid transparent;
    margin-right: 0;
}

.popdis-wrap .nav-tabs>li>a:hover {
    color: #958080;
    background: #ffffff;
    border-color: transparent;
}

.popdis-wrap .nav-tabs>li.active>a,
.popdis-wrap .nav-tabs>li.active>a:hover,
.popdis-wrap .nav-tabs>li.active>a:focus {
    color: #1a1a1a;
    background: #ffffff;
    border: 1px dotted #1a1a1a;
}

.popdis-title {
    font-weight: bold;
    font-size: 18px;
    margin: 2% 0;
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.popdis-urdu {
    font-size: 15px;
}

.popdis-wrap .tab-content * {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .spb-popup-main-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        left: 0;
    }
}

/********************************* Media Queries ***********************************/
@media only screen and (min-width: 768px) {
    .navbar-nav>li {
        float: left;
    }

    .navbar-default .nav>li {
        float: left;
    }
}

/********************************* Width: 1366px ***********************************/

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

    .navbar-nav,
    .nav {
        width: 82%;
    }

    #bannertxtwrap {
        margin: 5% auto 10.7%;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 68% !important;
    }

    /*#widget_pager_bottom_management-block > div {margin: 0px 0px;}*/

}

/********************************* Width: 1300px ***********************************/

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

    .navbar-nav,
    .nav {
        width: 83%;
    }

    .navbar-default .navbar-nav>li,
    .navbar-default .nav>li {
        margin: 0px 9px;
    }

    #bannertxtwrap {
        margin: 5% auto 7.3%;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 73% !important;
    }

    #widget_pager_bottom_management-block>div {
        margin: 0px 0px;
    }
}

/********************************* Width: 1200px ***********************************/

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

    .navbar-nav,
    .nav {
        width: 82%;
    }

    .navbar-default .navbar-nav>li,
    .navbar-default .nav>li {
        margin: 0;
    }

    #bannertxtwrap {
        margin: 3% auto 5.4%;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 80% !important;
    }

    #b7mgmtinwrap {
        width: 93%;
    }

    #widget_pager_bottom_management-block>div {
        margin: -3px;
    }

    #b8nepnics,
    #b8p9,
    #b8px,
    #b8th,
    #b8mic,
    #b8er,
    #b8hr {
        width: 100%;
    }

    #b5p5txt {
        padding: 90px 0px;
    }

    #b5p4txt {
        padding: 90px 0px;
    }

    .vsit21>a {
        padding: 9.5px 0 !important;
    }
}

/********************************* Width: 1100px ***********************************/

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

    .navbar-default .navbar-nav>li>a,
    .navbar-default .nav>li>a {
        font: 15px rwrg;
    }

    .navbar-header {
        padding: 4px 0px 0px 10px;
    }

    .toggleSearch,
    #edit-search-block-form--2 {
        right: 10px;
    }

    #pattern-overlay video {
        top: -91px;
    }

    #bannertxtwrap {
        margin: 1% auto 3.2%;
    }

    #b3i1 {
        font: 25px twlt;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 88% !important;
    }

    #b7mgmtinwrap {
        width: 95%;
    }

    #b7portrait img {
        width: 100% !important;
    }

    #widget_pager_bottom_management-block>div {
        margin: 3px;
    }

    #pitbfooterwrap {
        padding: 20px;
    }
}

/********************************* Width: 1000px ***********************************/

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

    .navbar-default .navbar-nav>li>a,
    .navbar-default .nav>li>a {
        padding: 15px 10px;
    }

    #pattern-overlay video {
        top: -125px;
    }

    #bannertxtwrap {
        margin: 0% auto 0%;
    }

    #bannertxtwrap {
        padding: 16px 0px 17px;
    }

    #b3i1 {
        font: 22px twlt;
    }

    #mcinwrap {
        width: 100% !important;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 97% !important;
    }

    #views_slideshow_cycle_teaser_section_how_we_suppport-block {
        height: 762px !important;
    }

    #hwsbody {
        height: 85px;
    }

    #pitbfooterwrap {
        padding: 10px;
    }

    #pitbftc4 {
        padding: 0px;
    }

    .vsit27>a {
        padding: 9.5px 0 !important;
    }
}

/********************************* Width: 900px ***********************************/

@media only screen and (max-width: 899px) {
    .navbar-header {
        padding: 4px 0px 0px 5px;
    }

    .toggleSearch,
    #edit-search-block-form--2 {
        right: 5px;
    }

    .navbar-nav,
    .nav {
        width: 77%;
    }

    .navbar-default .navbar-nav>li>a,
    .navbar-default .nav>li>a {
        font: 12px rwrg;
    }

    #pattern-overlay video {
        top: -140px;
    }

    #bannertxtwrap {
        padding: 0px;
    }

    #bannertxt {
        height: 356px;
    }

    #highinwrap {
        width: 100% !important;
    }

    #b3i1 {
        font: 19px twlt;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        width: 100% !important;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs li a {
        margin: 0px 5px;
    }

    #b5p1txt,
    #b5p2txt,
    #b5p3txt,
    #b5p4txt,
    #b5p5txt,
    #b5p6txt,
    #b5p7txt {
        padding-left: 0px;
        padding-right: 0px;
    }

    #hwsbody {
        height: 105px;
    }
}

/********************************* Width: 800px ***********************************/

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

    .navbar-default .navbar-nav>li>a,
    .navbar-default .nav>li>a {
        font: 12px rwrg;
    }

    .navbar-nav,
    .nav {
        width: 82%;
        margin: 20px 59px 0px 0px !important;
    }

    #pattern-overlay video {
        top: -150px;
    }

    #bannertxt {
        height: 338px;
    }

    #b3i1 {
        font: 18px twlt;
    }

    #mcintxt {
        height: 120px;
    }

    #p1layer,
    #p2layer,
    #p3layer,
    #p4layer,
    #p5layer,
    #p6layer,
    #p7layer {
        padding: 5px;
    }

    #widget_pager_bottom_management-block>div {
        margin: 3px;
    }
}

/********************************* Width: 767px ***********************************/

@media only screen and (max-width: 767px) {
    .navbar-default {
        background-color: #110a26 !important;
    }

    .navbar-header {
        padding: 2px 0px 5px 5px;
    }

    .navbar-nav,
    .nav {
        width: 100%;
        margin: 0px 0px 0px 0px !important;
    }

    .navbar-default .navbar-nav>li,
    .navbar-default .nav>li {
        margin: 5px 10px;
    }

    .navbar-default .navbar-nav>li>a,
    .navbar-default .nav>li>a {
        font: 14px rwrg;
    }

    .toggleSearch {
        right: 6px;
        top: 159px;
    }

    #edit-search-block-form--2 {
        right: 6px;
        top: 113px;
    }

    #pattern-overlay video {
        top: 0px;
        min-height: auto !important;
    }

    #bannertxt {
        height: 394px;
    }

    .vsit21>a,
    .vsit27>a {
        padding: 20px 0 !important;
    }

    .vs-innerTabs1.col-sm-12 a {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #highheaderwrap {
        padding: 15px 0px 20px 0px;
    }

    #highinwrap {
        width: 281px !important;
    }

    #mcheaderwrap {
        padding: 15px 0px 20px 0px;
    }

    .region.region-banner5 {
        padding: 20px 0px 0px;
    }

    .What.We.Dotitle {
        margin: 10px 0px;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs li a {
        font: 16px twlt;
    }

    .views-row-1.highoutwrap,
    .views-row-2.highoutwrap,
    .views-row-3.highoutwrap {
        margin: 30px 0px;
    }

    #mcinwrap {
        width: 280px !important;
        margin: 10px auto;
    }

    #b5p1txt,
    #b5p2txt,
    #b5p3txt,
    #b5p4txt,
    #b5p5txt,
    #b5p6txt,
    #b5p7txt,
    #cfp1txt,
    #cfp2txt,
    #cfp3txt,
    #cfp4txt,
    #cfp5txt,
    #cfp6txt,
    #cfp7txt,
    #ebmp1txt,
    #ebmp2txt,
    #ebmp3txt,
    #ebmp4txt,
    #ebmp5txt,
    #ebmp6txt,
    #ebmp7txt,
    #serp1txt,
    #serp2txt,
    #serp3txt,
    #serp4txt,
    #serp5txt,
    #serp6txt,
    #serp7txt {
        display: block;
    }

    #p1layer,
    #p2layer,
    #p3layer,
    #p4layer,
    #p5layer,
    #p6layer,
    #p7layer,
    #cfp1layer,
    #cfp2layer,
    #cfp3layer,
    #cfp4layer,
    #cfp5layer,
    #cfp6layer,
    #cfp7layer,
    #ebmp1layer,
    #ebmp2layer,
    #ebmp3layer,
    #ebmp4layer,
    #ebmp5layer,
    #ebmp6layer,
    #ebmp7layer,
    #serp1layer,
    #serp2layer,
    #serp3layer,
    #serp4layer,
    #serp5layer,
    #serp6layer,
    #serp7layer {
        background-color: rgba(48, 38, 38, 0.01);
    }

    #dpp1txt {
        font-size: 28px;
        background: rgba(17, 10, 38, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp2txt {
        font-size: 28px;
        background: rgba(98, 77, 122, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp3txt {
        font-size: 28px;
        background: rgba(17, 10, 38, 0.59) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp4txt {
        font-size: 28px;
        background: rgba(65, 55, 104, 0.8) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp5txt {
        font-size: 28px;
        background: rgba(17, 10, 38, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp6txt {
        font-size: 28px;
        background: rgba(98, 77, 122, 0.7) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp7txt {
        font-size: 28px;
        background: rgba(17, 10, 38, 0.59) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #dpp8txt {
        font-size: 28px;
        background: rgba(65, 55, 104, 0.61) url('../images/projects search icon-17.png') no-repeat bottom right;
    }

    #hwsheaderwrap {
        position: initial;
        padding: 40px 0px;
    }

    .hwsoutwrap:first-child,
    .hwsoutwrap:first-child+.hwsoutwrap,
    .hwsoutwrap:last-child {
        padding: 20px;
    }

    #views_slideshow_cycle_teaser_section_how_we_suppport-block {
        height: 1401px !important;
    }

    #hwsinwrap {
        width: 300px;
        margin: 0 auto;
    }

    #hwsbody {
        height: 85px;
    }

    #block-views-how-we-suppport-block .views-slideshow-controls-top.clearfix {
        top: 59em;
    }

    #b7mgmtinwrap {
        width: 100%;
    }

    #b7c1 {
        padding-right: 15px;
    }

    #b7c2 {
        padding-left: 15px;
    }

    #b7c2c {
        border-left: 1px solid #a09fa1 !important;
    }

    #b7portrait img {
        width: 300px !important;
        margin: 0 auto;
        float: none;
    }

    #b7c2cwrap {
        padding: 0px 0px;
    }

    #b8ftiwrap {
        padding: 2em 0;
    }

    #b8ftiheaderwrap,
    #b8ftibody-wrap {
        margin: 0.5em 0;
        padding: 0.5em 0;
    }

    #b8p9wrap,
    #b8pxwrap,
    #b8thwrap,
    #b8micwrap,
    #b8erwrap,
    #b8hrwrap {
        margin: 0.5em 0;
        padding: 0.5em 0;
    }

    #pitbftc2 #footereventstitlewrap,
    #pitbftc2 #footereventstitle {
        margin: 0px;
        height: 0px;
    }

    #pitbftc1 #footereventslistwrap {
        margin-bottom: 0px;
    }

    #pitbftc2 #footereventslistwrap {
        margin-top: -10px;
    }

    /*** Front Page Specific ***/

    #frontpagerowswrap {
        height: auto;
    }

    /*** ... ***/
}

/********************************* Width: 699px ***********************************/

@media only screen and (max-width: 699px) {
    #bannertxt {
        height: 338px;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs li a {
        font: 13px twlt;
    }

    #pitbfbottomlinks {
        word-spacing: 2px;
    }

    #minister-home-wrap #aulpresimg img {
        margin: 0 auto;
    }
}

/********************************* Width: 599px ***********************************/

@media only screen and (max-width: 599px) {
    #bannertxt {
        height: 280px;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs {
        margin: 20px auto;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs li {
        display: block;
        margin: 20px;
    }

    #quicktabs-what_we_do ul.quicktabs-tabs li a {
        font: 17px twlt;
    }

    .vs-innerTabs1.col-sm-12 {
        display: block;
    }

    .vs-innerTabs1.col-sm-12 a {
        font-size: 16px;
    }
}
}

/********************************* Width: 499px ***********************************/

@media only screen and (max-width: 499px) {
    #bannertxt {
        height: 225px;
    }

    #pitbfbottomlinks {
        word-spacing: 0px;
    }

    #nepnics-img {
        height: 225px !important;
    }

    #nepnics-img {
        height: 275px;
    }
}

/********************************* Width: 399px ***********************************/

@media only screen and (max-width: 399px) {
    #bannertxt {
        height: 180px;
    }

    #nepnics-img {
        height: 161px;
    }

    #b7portrait img {
        width: 100% !important;
    }
}

/********************************* Width: 360px ***********************************/

@media only screen and (max-width: 360px) {
    #block-views-how-we-suppport-block .views-slideshow-controls-top.clearfix {
        top: 63em;
    }

    #b7portrait img {
        width: 100% !important;
    }

    #b7c1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #b7c2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    #b7c2c {
        padding: 5px;
    }

    #mgmtintxt {
        height: 215px;
    }

    #widget_pager_bottom_management-block>div {
        margin: 1px;
    }

    #block-views-management-block {
        padding: 20.375px 0px 25px 0px;
    }

    #views_slideshow_cycle_main_management-block {
        margin: 85.375px 0px 20px 0px;
    }

    .view-id-management .views-slideshow-controls-bottom.clearfix {
        margin: 20px 0px 18.125px 0px;
    }
}

/********************************* ... ***********************************/

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

    .imageOverlay4 {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #ffffff !important;
        margin: 6% 10%;
        padding: 23% 26%;
        font-size: 22px;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%;
    }

    .imageOverlay3 {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #ffffff !important;
        margin: 6% 10%;
        padding: 19% 26%;
        font-size: 22px;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%;
    }

    .imageOverlay5 {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #ffffff !important;
        margin: 6% 10%;
        padding: 24% 26%;
        font-size: 22px;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%;
    }

    .imageOverlay6 {
        position: absolute;
        top: 0%;
        left: 0%;
        color: #ffffff !important;
        margin: 6% 10%;
        padding: 19% 26%;
        font-size: 22px;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%;
    }

    .imageOverlay7,
    .imageOverlay1,
    .imageOverlay2 {
        position: absolute;
        top: 0%;
        left: 0%;
        font-size: 24px;
        margin: 4% 10%;
        padding: 5% 23%;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%;
    }

    .imageOverlay8 {
        position: absolute;
        top: 0%;
        left: 0%;
        font-size: 24px;
        margin: 4% 10%;
        padding: 0% 24%;
        color: #000000 !important;
        text-decoration: none !important;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.3);
        width: 80%
    }
}

@media only screen and (max-width: 599px) {
    .imageOverlay1 {
        padding: 8.35% 36.9%;
    }

    .imageOverlay2 {
        padding: 8.35% 31%;
    }

    .imageOverlay7 {
        padding: 8.35% 32%;
    }
}

/*** Popup Message ***/

/*#popup-message-window {padding: 10px !important; border: 5px solid #006738 !important; background: #fcfcfc !important;}

#popup-message-window h1.popup-message-title {margin: 0 !important; padding: 0 !important; border: none !important; display: none !important!; font-size: 0px !important;}

#popup-message-content {font: 18px Arial !important; color: #000000 !important; text-align: center !important;}

#popup-message-content hr {margin: 0.8em 0 !important; border-top: 2px solid #000000 !important;}*/

/*** ... ***/

/* 

BUGS FIXING
*/
@media screen and (max-width: 767px) {
    body:not(.path-frontpage) #contentsection {
        bottom: unset !important;
    }

    .page-node-type-sec-page #secondarypagesrowswrap {
        top: unset !important;
    }
}

@media screen and (max-width: 499px) {
    body:not(.path-frontpage) #contentsection {
        bottom: unset !important;
    }
}