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:20px}@media screen and (min-width:768px){.navbar.container{max-width:720px}}@media screen and (min-width:992px){.navbar.container{max-width:940px}}@media screen and (min-width:1200px){.navbar.container{max-width:1170px}}.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}.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 STACK */
/* ----------------------------------------- */
@font-face{
font-family: 'alegreyaB';
src: url('AlegreyaSans-Bold.otf');
}
@font-face{
font-family: 'alegreyaM';
src: url('AlegreyaSans-Medium.otf');
}
@font-face{
font-family: 'alegreyaR';
src: url('AlegreyaSans-Regular.otf');
}
@font-face{
font-family: 'myriadB';
src: url('MYRIADPRO-BOLD.OTF');
}
@font-face{
font-family: 'myriadSB';
src: url('MYRIADPRO-SEMIBOLD.OTF');
}
@font-face{
font-family: 'myriadR';
src: url('MYRIADPRO-REGULAR.OTF');
}
@font-face{
font-family: 'mbr';
src: url('monbaiti.ttf');
}
/*Old Font*/
@font-face {
font-family: 'mib';
src: url('Minion-Pro-Bold.ttf');
}
@font-face {
font-family: 'misb';
src: url('MinionPro-Semibold.otf');
}
@font-face {
font-family: 'msb';
src: url('MyriadPro-Semibold.otf');
}
@font-face {
font-family: 'mb';
src: url('MyriadPro-Bold.otf');
}
@font-face {
font-family: 'mob';
src: url('monbaiti.ttf');
}
/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */
.container > .navbar-header, .container > .navbar-collapse{
margin: 0px !important;
}
.container{
width: 100% !important;
padding-left:0px !important;
padding-right:0px !important;
}
.navbar.container{
max-width: 100%;
margin-top: 0px !important;
}
.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
}
html, body{
margin: 0;
padding: 0;
font: 15px myriadR;
/*overflow-x: hidden;*/
}
a{
font-size: 14px;
transition: all 0.5s ease;
}
a:hover,
a:focus{
text-decoration: underline;
}
.navbar{
background-color: #0D2738;
border-radius: 0;
border:none;
/* padding: 5px 0;*/
margin-bottom: 0;
position: relative;
}
.navbar-header {
margin-right: 0px !important;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
background: #0D2738;
}
.row{
margin-right: -15px !important;
margin-left: -15px !important;
}
.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9{
padding: 0px;
}
a{
outline: 0 !important;
}
/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */
/* Genral Styles*/
/*.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}*/
a:hover,
a:focus {
color: #0D2738;
text-decoration: underline;
}
.p-0 {
padding: 0;
}
.m-0 {
margin: 0
}
.d-table {
display: table;
}
.d-table-cell {
float: none;
display: table-cell;
}
.section-title {
font-size: 34px;
font-weight: bold;
text-transform: uppercase;
}
.front-section {}
.front-section.section06.col-sm-12 {
padding: 0;
margin-bottom: -0.5em;
overflow-x: hidden;
}
/*Navigation*/
.nav .caret {
border-top-color: #777;
border-bottom-color: #777;
}
.top_navigation {
margin-top: 1em;
}
.top_navigation .block-search {}
.top_navigation .block-search .input-group {
margin-bottom: 10px;
}
.top_navigation .block-search .form-search .form-control {
height: 28px;
color: #fff;
border-radius: 0;
background-color: #0D2738;
border-color: #0D2738;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
height: 28px;
color: white;
border-radius: 0;
background-color: white;
border-color: #0D2738;
width: 100%;
margin-bottom: 0;
}
.main_navigation .menu.nav li a:hover,
.main_navigation .menu.nav li a:focus,
.main_navigation .menu.nav li a.active {
/* color: #0D2738;
background-color: #fff;*/
border-bottom: 1px solid transparent;
}
div#main_navigation {
margin: 0 auto;
}
.top_navigation .block-search .input-group .form-control.form-text {
height: 28px;
color: #fff;
border-radius: 0;
background-color: #0D2738;
border-color: #0D2738;
}
.top_navigation .block-search .input-group .input-group-btn {}
.top_navigation .block-search .input-group .input-group-btn button {
border-radius: 0;
height: 29px;
border-color: transparent;
background-color: transparent;
border: 0px;
font-size: 21px;
/* color: #ff0;*/
padding: 1.5px 10px;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: white !important;
background-color: #2e3180 !important;
}
.navbar-nav>li>a {
padding-top: 8px;
padding-bottom: 8px;
}
.navbar .logo {
height: 90px;
margin: 0px;
margin-right: 10px;
padding: 0px !important;
padding-left: 2em !important;
}
.navbar .logo img {
height: 100%;
}
body .uwy.userway_p5 .uai {
top: auto;
bottom: 76px !important;
left: 13px;
right: auto;
}
#backtotop{
bottom: 80px !important;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
background: url(../images/TEPA-18.jpg) center center /cover;
}
.navbar{
margin-bottom: 0px !important;
border-radius: 0px !important;
border: 0px !important;
padding: 0;
}
.navbar-nav {
/* width: 100%;*/
background-color: transparent;
padding: 0px;
/* margin: 0px;*/
text-align: center;
position: relative;
z-index: 1;
margin-top: 25px;
}
.navbar-default .navbar-nav > li{
margin: 0px 12px;
display: inline-block;
float: none;
transition: all 0.5s ease;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
/* font: 15px myriadR;*/
color: #ffff00;
padding: 0.8em !important;
transition: all 0.5s ease;
}
.navbar-default .navbar-nav > li > a:hover {
color: #fff;
background-color: #535697;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff;
background-color: #F2B60A;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background-color: #535697;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #fff;
}
.dropdown-menu > li > a{
text-align: initial !important;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
color: #DDB99B;
background-color: #535697;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #2e3180;
text-decoration: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #fff;
background-color: #535697;
}
.navbar-header {
float: left;
position: relative;
z-index: 2;
}
/* ----------------------------------------- */
/* SEARCH BAR */
/* ----------------------------------------- */
.navbar #block-search-form {
top: 1em;
right: 0px;
margin: 0px;
}
.top_navigation .block-search {
margin-left: 2em;
margin-right: 2em;
}
form#search-block-form {
/*top: 5.85em;
right: 2.2em;*/
}
#search-block-form .form-control {
border-radius: 0px !important;
background-color: ;
height: 35px !important;
position: relative;
top: 18px;
border: 1px solid dimgrey;
background-color: transparent !important;
}
#search-block-form .btn.btn-default {
background-color: transparent;
border: 0px;
font-size: 21px;
color: #ff0;
padding: 1.5px 10px;
}
form#search-block-form .btn-primary {
/* color: transparent !important;*/
}
/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */
#block-system-main {
min-height: 264px;
padding-bottom: 1em;
}
#page-title {
color: #F2B60A;
}
#block-system-main h2 {
color: #F2B60A;
}
#block-system-main h3 {
color: #F2B60A;
}
.highp-title {
margin-bottom: 12px;
}
.highp-title ul {
padding-left: 14px;
}
.mediap-img {
width: 12%;
}
.viewp-wrap {
margin-bottom: 2em;
}
.view-id-tenders a {
background: url('../images/application-pdf.png') no-repeat center center;
width: 16px;
height: 16px;
text-align: center;
margin: 0 auto;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
th#view-field-tender-file-table-column {
text-align: center;
}
.galleryp-wrap {
text-align: center;
margin-bottom: 2em;
}
.gallery-item .gallery-img img {
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.6s ease;
}
.gallery-item .gallery-img {
height: 150px;
width: 220px;
overflow: hidden;
margin: 0 auto 0.7em;
}
.gallery-item:hover .gallery-img img {
transform: scale(1.1);
}
.galleryp-image img {
display: block;
width: 220px;
height: 165px;
margin: 0 auto 1em;
}
.galleryp-title{
text-align: center;
}
.galleryp-title:hover a{
text-decoration: none;
}
.view.view-highlights.view-id-highlights .views-exposed-form .views-exposed-widget .form-submit {
margin: 0px;
}
.highlightsDate {
font-weight: bold;
margin-bottom: 7px;
}
.highlightsTitle {
margin-bottom: 16px;
}
a.hover_highlight:hover {
text-decoration: none;
}
#block-system-main .date-display-single {
display: block;
margin-bottom: 7px;
font-weight: bold;
}
.pagination > li > a, .pagination > li > a:hover, .pagination > li > span{
border-bottom: 1px solid #ddd !important;
}
.twrap:hover {
text-decoration: none;
}
.form-item, .form-actions{
margin: 18px 0;
}
.form-required{
color: red;
}
#edit-submitted-your-email,
#edit-submitted-email{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.webform-submit.button-primary.btn.btn-primary.form-submit{
margin-bottom: 2%;
}
/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */
.section-container {
padding: 4em 0;
}
.border-heading {
margin-bottom: 1.5em;
text-align: center;
font: 60px alegreyaB;
text-transform: uppercase;
}
.border-heading::after {
content: '';
display: block;
height: 5px;
width: 127px;
margin: 0 auto;
background-color: #D8BD26;
}
.site-btn{
display: block;
height: 38px;
width: 113px;
line-height: 38px;
border-radius: 5px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-size: 17px;
font-family: myriadR;
transition: all 0.5s ease-in-out;
}
.site-btn:hover, .site-btn:focus, .site-btn:active {
text-decoration: none;
color: #fff;
background-color: #1a1a1a;
}
.white-btn {
background-color: #fff;
color: #1A1A1A;
}
.black-btn{
background-color: #1A1A1A;
color: #fff;
}
.center-btn{
margin: 0 auto;
}
/* ----------------------------------------- */
/* SITE HEADER */
/* ----------------------------------------- */
.header-inner {
/*padding: 2.1em 0;
width: 400px;*/
}
.header-text {
font: 25px alegreyaB;
color: #2A5783;
text-transform: uppercase;
font: 25px alegreyaB;
color: #2A5783;
text-transform: uppercase;
}
.header-text span {
display: block;
font: 35px alegreyaB;
line-height: 0.7;
}
/* ----------------------------------------- */
/* WEATHER */
/* ----------------------------------------- */
#block-weather-system-2 {
position: absolute;
top: 1.3em;
right: 2em;
}
.weather div {
display: inline-block;
float: none !important;
}
.front-section.section05.col-sm-12 {
background-color: #E6E6E6;
padding: 40px 0;
font-family: mbr;
overflow-x: hidden;
}
.weather p {
display: inline-block;
font: 14px myriadR;
color: #2E3180;
}
.Weathertitle {
display: none;
}
.weather p:first-of-type,
.weather p:last-of-type {
display: none;
}
/* ----------------------------------------- */
/* BANNER 1 MAIN BANNER */
/* ----------------------------------------- */
.header-logo{
}
.tagline {
font-family: 'myriadR';
}
div[id ^= 'views_slideshow_cycle_div_main_banner-block_1'] {
width: 100% !important;
}
.banner-img-wrap img {
width: 100%;
}
.mbanner-wrap img {
width: 100% !important;
}
/*#block-views-main-banner-block .flex-prev, #block-views-main-banner-block .flex-next {
height: 45px !important;
}*/
#block-views-main-banner-block .flex-control-nav {
display: none;
}
.mbanner-wrap {
position: relative;
/* display: flex;*/
justify-content: flex-end;
align-items: center;
}
.mbanner-text {
/* position: absolute;*/
font: 30px alegreyaB;
color: #2e3180;
width: 47%;
text-align: center;
text-transform: uppercase;
}
/* ----------------------------------------- */
/* BANNER 2 Standerd CSS District */
/* ----------------------------------------- */
.main_navigation .menu.nav li {
display: inline-block;
margin: 0 0.6em;
}
.main_navigation .menu.nav li.last {
margin-right: 0;
}
.main_navigation .menu.nav li a {
font: 16px myriadR !important;
border-bottom: 1px solid transparent;
/* color: #fff;*/
}
.main_navigation .menu.nav li a:hover,
.main_navigation .menu.nav li a:focus,
.main_navigation .menu.nav li a.active {
/* color: #fff;
background-color: #535697;*/
border-bottom: 1px solid transparent;
}
.main_navigation .menu.nav .dropdown-menu {}
.main_navigation .menu.nav .dropdown-menu li {
display: block;
margin: 0;
}
.main_navigation .menu.nav .dropdown-menu li a {
color: #0D2738;
padding-bottom: 5px;
}
.main_navigation .menu.nav .dropdown-menu li a:hover,
.main_navigation .menu.nav .dropdown-menu li a:focus,
.main_navigation .menu.nav .dropdown-menu li a.active {
background-color: #F2B60A !important;
color: #fff !important;
text-decoration: none;
}
.inner-page .field--name-field-full-date {
font-weight: bold;
}
.inner-page .field--name-field-date {
font-weight: bold;
}
.inner-page time {
font-weight: bold;
}
.region.region-content .content p a {
color: #09283c;
text-decoration: underline;
transition: all 0.6s ease;
}
.page-header{
border-bottom: transparent !important;
}
#block-leparkheader {
width: 300px;
height: auto;
position: absolute;
left: 17em;
top: 50%;
transform: translateY(-50%);
}
/*Main Banner*/
.main-banner-container {
margin-left: -15px;
margin-right: -15px;
}
.main-banner-container .main-banner {
width: 100%;
height: 100%;
overflow: hidden;
}
.main-banner-container .main-banner img {
width: 100%;
height: auto;
}
div[id ^='views_slideshow_cycle_div_main_banner-block_1'] {
width: 100% !important;
}
/* Highlights */
.banner2_left {
padding: 5rem 7rem;
}
.banner2_left .highlights-section-title {
font: 36px myriadSB;
color: #0D2738;
text-align: center;
text-transform: uppercase;
margin-bottom: 1em;
}
.highlights-wrap {
display: flex;
margin-bottom: 3rem;
}
.highlights-wrap .highlights-date-wrap {
font: 19px myriadR;
color: #5f5f5f;
text-align: center;
margin-right: 1.5em;
font-weight: bold;
}
.view-id-media_clippings img{
margin: 0 auto;
}
.highlights-wrap .highlights-date-wrap .highlights-month {
text-transform: uppercase;
margin-bottom: 10px;
}
.highlights-wrap .highlights-date-wrap .highlights-date {
height: 80px;
width: 90px;
font: 50px myriadR;
background-color: #0D2738;
color: #fff;
margin: 12px 0;
padding: 10px 0;
}
.highlights-wrap .highlights-date-wrap .highlights-year {}
.highlights-wrap .highlights-body {}
.highlights-wrap .highlights-body .highlights-title {
color: #0D2738;
margin-top: 41px;
margin-bottom: 8px;
font: 18px myriadSB;
}
.highlights-wrap .highlights-body .highlights-title a {
font: 17px myriadSB;
border-bottom: 1px dashed #0D2738;
text-decoration: none;
}
.highlights-wrap .highlights-body .highlights-txt {
color: #5f5f5f;
font: 15px myriadR;
line-height: 1.5;
text-align: justify;
}
.banner2_left .more-link {
position: relative;
}
.banner2_left .more-link a {
position: absolute;
left: auto;
right: 0;
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
/* width: 102px; */
display: block;
background: #0D2738;
padding-right: 10px !important;
padding: 0.5em 0;
padding-left: 11px;
float: right;
border-radius: 5px;
}
/*Notice Board*/
.banner2_right {
background: url('/system/files/10001.jpg') no-repeat center center / 100% 100% !important;
/* background: url('../images/Notes-Board-Image.jpg');*/
/*background: url('/system/files/b2r-nb-bg.jpg') ;*/
color: #fff;
padding: 5rem 7rem;
}
.banner2_right .noticeboard-title {
font: 36px myriadSB;
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.banner2_right ul {
list-style-type: none;
padding: 0;
}
.banner2_right ul li {
margin-bottom: 30px;
}
.banner2_right ul li .notice {
margin: 1.5rem 0;
}
.banner2_right ul li .notice::before {
content: '';
display: inline-block;
height: 12px;
width: 12px;
background-color: #fff;
margin-right: 15px;
position: relative;
top: 0;
}
.banner2_right ul li .notice a {
color: #fff;
font: 16px myriadR;
/* display: inline-block;*/
vertical-align: middle;
width: 90%;
}
/* District at Galance*/
.banner3_left {}
.banner3_left .district-glance-img {
width: 100%;
height: 100%;
overflow: hidden;
margin-right: -15px;
margin-left: -15px;
}
.banner3_left .district-glance-img img {
width: 100%;
/*height: auto;*/
height: 40em;
}
.front-section.banner3.col-sm-12 {
background-color: #f5f6f8;
}
.front-section.banner5.col-sm-12 {
background-color: #f5f6f8;
}
.front-section.section01.col-sm-12 {
padding: 0;
}
.front-section.section04.col-sm-12 {
background: url(/system/files/10049_0.png) center/cover fixed no-repeat;
padding: 0;
}
.row.d-table a {
display: block;
}
.banner3_right {}
.district_at_glance {
padding: 5rem 5rem;
}
.district_at_glance .district-item {
display: block;
border: none;
color: #0D2738;
text-align: center;
text-decoration: none;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 20px;
transition: all 0.2s ease;
}
.district_at_glance .district-item:hover,
.district_at_glance .district-item:focus {
color: #fff;
/* background-color: #0D2738
;*/
}
.district_at_glance .district-item .district-icon {
width: 185px;
height: 182px;
background-size: 100% !important;
display: block;
overflow: hidden;
white-space: nowrap;
margin: 0 auto;
}
/*Places*/
.places-img-wrap {
padding: 7rem 0;
text-align: center;
}
.places-img-wrap .places-img {
width: 70%;
margin: 0 auto;
overflow: hidden;
}
.places-img-wrap .places-img img {
width: 100%;
height: auto;
}
.banner4_right {
background-color: #0D2738;
padding: 5rem 7rem;
}
.places-wrap {
color: #fff;
}
.places-wrap .section-title {
font: 28px myriadSB;
margin-bottom: 0.5em;
}
.places-wrap .places-content {
font: 15px myriadR;
line-height: 2;
}
/*Departments*/
.department-img-wrap {
margin-right: -15px;
margin-left: -15px;
}
.department-img-wrap .department-img {
width: 100%;
height: 100%;
overflow: hidden;
}
.department-img-wrap .department-img img {
width: 100%;
height: auto;
}
.departments-wrap {
padding: 7rem;
}
.departments-wrap .department-item {
display: block;
transition: all 0.8s ease-in-out;
}
.departments-wrap .department-item:hover {
transform: translateY(15px);
}
.departments-wrap .department-item .department-img {
width: 100%;
height: 100%;
overflow: hidden;
}
.departments-wrap .department-item .department-img img {
width: 100%;
height: auto;
}
.front-section.banner5.col-sm-12 {
margin-bottom: -10px;
}
.site-btn-wrap a {
/* margin-top: 1em !important;*/
}
.site-btn-wrap {
/* margin-top: 3em;*/
}
.block-views-blockhighlights-block-1 .site-btn-wrap a {
margin: 0 auto !important;
margin-top: 4em !important;
margin-bottom: 2em !important;
}
.footer-top {
}
.footer-top .footer-menu {
text-align: center;
padding: 5px 15px;
color: #fff;
background-color: #114F68;
}
.footer-top .footer-menu a {
display: inline-block;
color: #fff;
background-color: transparent;
padding: 5px 7px;
text-decoration: none;
}
.footer-top .footer-menu a:hover,
.footer-top .footer-menu a:focus {
color: #fff;
/*background-color: #fff;*/
text-decoration: underline;
}
/*.footer-bottom {
background-color: #0E2839;
color: #fff;
padding: 10px 15px;
}*/
.footer-bottom a {
color: #fff;
text-decoration: none;
}
.footer-bottom .copy-right {
text-align: left;
}
.footer-bottom .powered-by {
text-align: right;
}
/* ----------------------------------------- */
/* Model Bazar D7 Style */
/* ----------------------------------------- */
.container > .navbar-header, .container > .navbar-collapse{
margin: 0px !important;
}
.container{
width: 100% !important;
padding-left:0px !important;
padding-right:0px !important;
}
.navbar.container{
max-width: 100% !important;
margin-top: 0px !important;
}
.row{
margin: 0px;
}
.secondary_menu, .banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7,
.banner8-left, .banner8-right, .banner9-wrap, .banner9_left, .banner9_right, .footer_left, .footer_right{
padding: 0px;
}
a{
outline: 0 !important;
}
.contain{
width: 100%;
}
/* Remove Juice Box */
.jb-classifier-link-wrapper + div{
display: none !important;
opacity: 0 !important;
height: 0 !important;
cursor: none !important;
pointer-events: none !important;
max-width: 0px !important;
max-height: 0px !important;
}
/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */
/******* MAIN LOGO ********/
.navbar-header {
position: relative;
z-index: 999;
}
.navbar .logo{
/* margin-top: 10px !important;*/
}
.navbar .logo {
width: 100%;
}
.navbar .logo img {
width: auto;
height: 90px;
}
.path-frontpage .navbar-default {
background: url(../images/TEPA-18.jpg) center center /cover !important;
}
.path-frontpage header#navbar {
position: absolute;
z-index: 100;
margin: 0 auto;
left: 0px;
right: 30px;
top: 0px;
border-radius: 8px;
background-image: unset;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
/*opacity: 65%;*/
width: 100%;
}
.navbar{
margin-bottom: 0px !important;
border-radius: 0px !important;
border: 0px !important;
}
.navbar-nav {
/* margin: 45px 0 0 0px !important;*/
background-color: transparent !important;
width: 100% !important;
float: right;
position: relative;
z-index: 999;
}
.navbar-default .navbar-nav > li
{
margin: 0px 25px;
padding: 8px 0;
border-bottom: 2px solid transparent;
transition: all 0.4s
}
.navbar-default .navbar-nav > li:hover
{
/* border-bottom: 2px solid transparent;
border-image: url('../images/Untitled-1 - Copy-18.png') 30 stretch;*/
}
.navbar-default .navbar-nav > li > a
{
color: #fff;
font: 18px mbr !important;
/*padding: 8px 10px;*/
padding: 0px;
padding-bottom: 12px;
}
.navbar-default .navbar-nav > li > a:hover{
background: url('../images/Untitled-1 - Copy-18.png') no-repeat;
background-position: center bottom;
padding-bottom: 12px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff;
background: url('../images/Untitled-1 - Copy-18.png') no-repeat;
background-position: center bottom;
padding-bottom: 12px;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #fff !important;
}
.navbar-header {
float: left;
/*margin-right: 145px !important;*/
}
#edit-keys::placeholder {
color: white !important;
}
/* ----------------------------------------- */
/* SEARCH FORM */
/* ----------------------------------------- */
form#search-block-form {
top: 3.2em !important;
z-index: 999 !important;
right: 2em !important;
}
#search-block-form .input-group-btn {
/* background: url('../images/TEPA-16.png') no-repeat center center / contain;*/
height: 13px !important;
position: relative;
top: 20px !important;
}
#search-block-form .btn.btn-default {
border-radius: 0px !important;
color: transparent;
opacity: 0;
height: 35px !important;
}
#edit-search-block-form--2 {
border-radius: 0px !important;
height: 35px !important;
position: relative;
top: 0px;
border: 1px solid #8DC63F;
background-color: transparent !important;
}
.quicktabs-tabs.quicktabs-style-nostyle::-webkit-scrollbar{
width: 12px;
position: absolute;
left: 0px;
}
.quicktabs-tabs.quicktabs-style-nostyle::-webkit-scrollbar-thumb{
background-color: #BBBFC2;
height: 50px;
width: 20px;
}
.quicktabs-tabs.quicktabs-style-nostyle::-webkit-scrollbar-track{
background-color: #6E6D72;
}
/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */
#internal-bg{
/*background: url('../images/internal-bg.png');*/
background-attachment: fixed;
background-repeat: repeat;
height: auto;
position: relative;
}
#internal-bg::after {
/*content: '';*/
display: inline-block;
height: 100%;
width: 100%;
position: absolute;
background-color: rgba(255,255,255,0.5);
left: 0;
top: 48px;
opacity: 0.75;
z-index: -1;
}
#page-title {
color: #F2B60A;
}
#block-system-main h3 {
color: #78A33A;
}
#block-system-main h4 {
color: #073648;
}
#block-system-main {
min-height: 317px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
color: #fff;
background-color: transparent;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background-color: #78A33A;
color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
background-color: #F2B60A !important;
color: #fff;
}
#webform-client-form-87 .form-required,
#webform-client-form-107 .form-required{
color: red;
}
#webform-client-form-87 .form-item,
#webform-client-form-107 .form-item,
#webform-client-form-87 .form-actions,
#webform-client-form-107 .form-actions{
margin: 18px 0;
}
#webform-client-form-87 #edit-submitted-your-email,
#webform-client-form-107 #edit-submitted-email,
#webform-client-form-87 #edit-submitted-contact-no{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#webform-client-form-87 .webform-submit.button-primary.btn.btn-primary.form-submit,
#webform-client-form-107 .webform-submit.button-primary.btn.btn-primary.form-submit
{
margin-bottom: 2%;
}
/* ----------------------------------------- */
/* FOOTER */
/* ----------------------------------------- */
.footer-wrap{
color: #fff;
margin-top: -1px;
font: 16px mbr;
}
.footer-wrap a{
font: 16px mbr;
}
.footer-upper-wrap{
background-color: #78a33a;
padding: 10px 0;
display: flex;
align-items: center;
}
.footer-upper a {
color: #fff;
margin: 0 22px;
}
.footer-upper a:first-of-type {
margin-left: 0;
}
.footer-icons{
text-align: right;
}
.footer-icons i {
font-size: 21px;
color: #fff;
margin-left: 20px;
}
.footer-icons img {
height: 30px;
}
.footer-bottom{
background-color: #F2B60A;
padding: 12px 0;
}
.footer{
margin: 0;
padding: 0;
}
.power-sec{
text-align: right;
}
.copy-sec a,
.power-sec a{
font-size: 16px;
color: #fff;
}
.footer-icons .sm-ico{
display: inline-block;
height: 25px;
width: 25px;
vertical-align: middle;
}
.sm-ico.twitter-ico {
background: url('../images/twitter-icon.png') no-repeat center center / contain;
}
.sm-ico.fb-ico{
background: url('../images/fb-icon.png') no-repeat center center / contain;
}
.sm-ico.insta-ico{
background: url('../images/insta-icon.png') no-repeat center center / contain;
}
.sm-ico.yt-ico{
background: url('../images/yt-icon.png') no-repeat center center / contain;
}
.facilities-wrap > img,
.inquiries-wrap > img {
width: 100% !important;
}
/*......................Front.css Transport Planing .............*/
.theme-default .nivoSlider {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0px;
}
.views-nivo-slider-view {
overflow: hidden;
position: relative;
}
#views-nivo-slider-slide-show-block-1 {
overflow: hidden;
width: 100% !important;
height: auto !important;
}
.nivo-box > img,
.nivo-slice > img {
opacity: 0;
}
#views-nivo-slider-slide-show-block-1 img {
width: 100% !important;
height: auto !important;
}
.nivo-controlNav {
position: absolute;
z-index: 500;
bottom: 14%;
left: 46%;
}
.theme-default .nivoSlider {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 0px;
}
.views-nivo-slider-view {
overflow: hidden;
position: relative;
}
#views-nivo-slider-slide-show-block-1 {
overflow: hidden;
width: 100% !important;
height: auto !important;
}
.nivo-box>img,
.nivo-slice>img {
opacity: 0;
}
#views-nivo-slider-slide-show-block-1 img {
width: 100% !important;
height: auto !important;
}
.nivo-controlNav {
position: absolute;
z-index: 500;
bottom: 14%;
left: 46%;
}
/******************************** Highlights **********************************/
#block-views-highlights-block {
background-color: #f8c51e;
border: 1px solid #dddddd;
padding: 10px 0;
}
.highlightDate {
color: #252525;
font-family: "arial";
font-size: 12px;
font-weight: bold;
text-align: center;
}
.highlightTitle {
height: 38px;
line-height: 20px;
overflow: hidden;
text-align: center;
margin-bottom: 10px;
}
.highlightTitle a,
.highlightTitle a:link,
.highlightTitle a:visited,
.highlightTitle a:hover {
color: #ffffff !important;
font-family: "Arial" !important;
font-size: 14px !important;
}
.Highlightstitle {
color: #4f87aa;
font-family: "Times New Roman";
font-size: 22px;
}
/******************************* Highlights ******************************/
/********************************* Intro ********************************/
.wwdbullets li {
background-image: url("../images/bullet.png");
background-position: left center;
background-repeat: no-repeat;
color: #4c4c4c;
font-family: "Arial";
font-size: 12px;
font-weight: bold;
line-height: 20px;
list-style: outside none none;
padding-left: 15px;
}
.wwdtext {
color: #4c4c4c;
font-family: "Arial";
font-size: 14px;
height: 88px;
line-height: 22px;
overflow: hidden;
}
.What {
color: #4f87aa;
font-family: "Times New Roman";
font-size: 22px;
}
/********************************* Intro ********************************/
/********************************* Initiatives *********************************/
#block-block-2 {
background-color: #FBFBFB;
padding: 0 0 0 0;
margin: 0 0;
}
.PRSPicon {
text-align: center;
}
.PRSPtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.PRSPtitle a,
.PRSPtitle a:link,
.PRSPtitle a:visited,
.PRSPtitle a:hover {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.PRSPdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom: 20px;
}
.RSWMicon {
text-align: center;
}
.RSWMtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.RSWMtitle a,
.RSWMtitle a:link,
.RSWMtitle a:visited,
.RSWMtitle a:hover {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.RSWMdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom: 20px;
}
.ESPVicon {
text-align: center;
}
.ESPVtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.ESPVtitle a,
.ESPVtitle a:link,
.ESPVtitle a:visited,
.ESPVtitle a:hover {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.ESPVdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom: 20px;
}
.EMCMicon {
text-align: center;
}
.EMCMtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.EMCMtitle a,
.EMCMtitle a:link,
.EMCMtitle a:visited,
.EMCMtitle a:hover {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.EMCMdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom: 20px;
}
.btn-info {
background-color: #3b3a36 !important;
border-color: #3b3a36 !important;
color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-color: #3B3A36 !important;
border-color: #3B3A36 !important;
color: #fff;
}
.MoreButton {
margin-bottom: 20px;
text-align: center;
}
.PRSPwrap {
position: relative;
z-index: 1;
}
.RSWMwrap {
position: relative;
z-index: 1;
}
.ESPVwrap {
position: relative;
z-index: 1;
}
.EMCMwrap {
position: relative;
z-index: 1;
}
/********************************* Initiatives *********************************/
/********************************* Info Desk ***********************************/
.downloadsIcon {
margin: 10px 0;
text-align: center;
}
.downloadsTitle a,
.downloadsTitle a:link,
.downloadsTitle a:visited,
.downloadsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.downloadsTitle {
text-align: center;
}
.notificationsIcon {
margin: 10px 0;
text-align: center;
}
.notificationsTitle a,
.notificationsTitle a:link,
.notificationsTitle a:visited,
.notificationsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.notificationsTitle {
text-align: center;
}
.faqsIcon {
margin: 10px 0;
text-align: center;
}
.faqsTitle a,
.faqsTitle a:link,
.faqsTitle a:visited,
.faqsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.faqsTitle {
text-align: center;
}
.adIcon {
margin: 10px 0;
text-align: center;
}
.adTitle a,
.adTitle a:link,
.adTitle a:visited,
.adTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.adTitle {
text-align: center;
}
/********************************* Info Desk ***********************************/
.navbar {
min-height: 100px !important;
}
.navbar-nav {
margin: 28px 0 0 160px !important;
}
.navbar-default .navbar-text {
color: #ffffff !important;
}
.navbar-default .navbar-nav>li>a {
color: #f5a71a !important;
font-family: mb;
font-size: 15px !important;
}
.footermenu {
background-color: #032759;
margin-top: 10px;
padding: 10px 0;
text-align: center;
}
.proweredby {
background-color: #131313;
padding: 15px 0 15px 15px;
}
.copyright {
background-color: #131313;
padding: 15px 15px 15px 0;
text-align: right;
color: #8c8c8c;
font-family: "Arial";
font-size: 12px;
}
.footermenu a,
.footermenu a:link,
.footermenu a:visited,
.footermenu a:hover {
color: #ffffff !important;
font-family: "Arial" !important;
font-size: 12px !important;
}
.proweredby,
.proweredby a,
.proweredby a:link,
.proweredby a:visited,
.proweredby a:hover {
color: #ffffff !important;
font-family: "arial" !important;
font-size: 12px !important;
font-weight: bold !important;
}
.navbar-header {
float: left;
/* margin-right: 145px !important;*/
}
.container {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar.container {
max-width: 100%;
margin-top: 0px !important;
}
.row {
margin: 0px;
}
.banner1,
.banner2,
.banner3 {
padding: 0px;
}
.tepa {
position: relative;
top: -170px;
z-index: -1;
}
.projectwraper {
background: url('../images/TEPA-03.jpg');
background-repeat: repeat;
display: block;
width: 100%;
height: 651px;
background-repeat: no-repeat;
padding-top: 50px;
}
.onimg {
background: url('../images/TEPA-07.jpg');
background-repeat: repeat;
display: block;
width: 100%;
height: 241px;
background-repeat: no-repeat;
background-position: center;
}
.fimg {
background: url('../images/TEPA-05.jpg');
background-repeat: repeat;
display: block;
width: 100%;
height: 241px;
background-repeat: no-repeat;
background-position: center;
}
.comimg {
background: url('../images/TEPA-06.jpg');
background-repeat: repeat;
display: block;
width: 100%;
height: 241px;
background-repeat: no-repeat;
background-position: center;
}
.wrapper {
width: 90%;
margin: 0 auto;
}
.Serviceswraper {
background: url('../images/TEPA-04.jpg') center center /cover;
background-repeat: repeat;
display: block;
width: 100%;
height: 502px;
padding-top: 50px;
background-repeat: no-repeat;
}
.pdimg {
background: url('../images/TEPA-13.png');
background-repeat: repeat;
display: block;
width: 100%;
height: 145px;
background-repeat: no-repeat;
background-position: center;
}
.edimg {
background: url('../images/TEPA-11.png');
background-repeat: repeat;
display: block;
width: 100%;
height: 145px;
background-repeat: no-repeat;
background-position: center;
}
.chimg {
background: url('../images/TEPA-12.png');
background-repeat: repeat;
display: block;
width: 100%;
height: 145px;
background-repeat: no-repeat;
background-position: center;
}
.overtextimg {
background: url('../images/TEPA-15.png') center center /cover;
background-repeat: repeat;
display: block;
width: 100%;
height: 478px;
background-repeat: no-repeat;
}
.buttonimg {
background: url('../images/TEPA-17.png');
background-repeat: repeat;
display: block;
width: 100%;
height: 39px;
background-repeat: no-repeat;
margin-top: 8em;
}
.bimg-wrap {
width: 100%;
}
.bimg {
width: 100%;
}
.bimg img {
width: 100%;
display: block;
height: auto;
}
.overtexth {
color: #18142e;
font-size: 50px;
border-bottom: solid 6px #F7A620;
width: 14%;
}
.overtext {
color: #000000;
font-size: 21px !important;
text-align: justify;
padding-top: 60px;
}
.ph,
.sh {
color: #ce9513;
font-size: 55px;
text-align: center;
}
.ontext,
.ftext,
.comtext {
color: #ffffff;
font-size: 26px;
text-align: center;
padding-top: 20px;
transition: all 1s;
}
.pdtext a {
font-size: 22px;
color: #6d6e71;
}
.edtext a {
font-size: 22px;
color: #6d6e71;
}
.chmtext a {
font-size: 22px;
color: #6d6e71;
}
.pdtext,
.edtext,
.chmtext {
text-align: center;
}
#block-overview {
margin-top: 80px;
margin-bottom: 80px;
}
.piw {
padding: 96px 90px;
}
.footermenu {
background-color: #6d6e71;
margin-top: -3px;
padding: 10px 0;
text-align: center;
color: #ffffff;
}
.footermenu a,
.footermenu a:link,
.footermenu a:visited,
.footermenu a:hover {
color: #ffffff !important;
font-family: msb !important;
font-size: 15px !important;
}
.footermenu a {
padding: 22px;
}
.fb_wrapper {
font-family: ar;
background: #f5a71a;
padding: 12px 0px 24px 0px;
font-size: 13px;
color: #d7d7d7;
}
.fb_wrapper {
font-family: msb;
font-size: 13px;
color: #363535;
text-align: right;
}
.fb_wrapper a {
color: #363535;
text-decoration: none;
}
.col-sm-6.copyrights_left {
text-align: left;
}
.ongoingproject:hover .ontext {
position: absolute !important;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff !important;
text-decoration: none;
}
.ongoingproject:hover .onimg {
background: url('../images/TEPA-10.jpg');
background-repeat: no-repeat !important;
background-position: center;
}
.fesistud:hover .ftext {
position: absolute !important;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff !important;
text-decoration: none;
}
.fesistud:hover .fimg {
background: url('../images/TEPA-08.jpg');
background-repeat: no-repeat !important;
background-position: center;
}
.comproject:hover .comtext {
position: absolute !important;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff !important;
text-decoration: none;
}
.comproject:hover .comimg {
background: url('../images/TEPA-09.jpg');
background-repeat: no-repeat !important;
background-position: center;
}
.siw {
padding: ;
padding-top: 80px;
}
.pds:hover .pdtext a {
color: #ce9513;
}
.eds:hover .edtext a {
color: #ce9513;
}
.charges:hover .chmtext a {
color: #ce9513;
}
.wontext,
.wftext,
.wcomtext {
text-align: center;
padding-top: 15px;
}
.ontext a,
.ftext a,
.comtext a {
color: #ffffff;
}
.pdtext a,
.edtext a,
.chmtext a,
.footermenu a,
.pitb_right a {
text-decoration: none;
}
.col-sm-6.pitb_right {
font: 16px myriadR !important;
text-align: right;
}
.mediahover{
border-bottom: 1px dashed #F2B60A;
}
a {
outline: 0 !important;
}
.tag_wrap {
position: relative;
bottom: 182px;
color: #ffff;
font-family: misb;
font-size: 25px;
background-color: rgba(35, 31, 32, 0.60) !important;
width: 40%;
text-align: center;
}
/******************************** Highlights **********************************/
#block-views-highlights-block {
background-color: #f8c51e;
border: 1px solid #dddddd;
padding: 10px 0;
}
.highlightDate {
color: #252525;
font-family: "arial";
font-size: 12px;
font-weight: bold;
text-align: center;
}
.highlightTitle {
height: 38px;
line-height: 20px;
overflow: hidden;
text-align: center;
margin-bottom:10px;
}
.highlightTitle a, .highlightTitle a:link, .highlightTitle a:visited, .highlightTitle a:hover
{
color: #ffffff !important;
font-family: "Arial" !important;
font-size: 14px !important;
}
.Highlightstitle {
color: #4f87aa;
font-family: "Times New Roman";
font-size: 22px;
}
/******************************* Highlights ******************************/
/********************************* Intro ********************************/
.wwdbullets li
{
background-image: url("../images/bullet.png");
background-position: left center;
background-repeat: no-repeat;
color: #4c4c4c;
font-family: "Arial";
font-size: 12px;
font-weight: bold;
line-height: 20px;
list-style: outside none none;
padding-left: 15px;
}
.wwdtext {
color: #4c4c4c;
font-family: "Arial";
font-size: 14px;
height: 88px;
line-height: 22px;
overflow: hidden;
}
.What
{
color: #4f87aa;
font-family: "Times New Roman";
font-size: 22px;
}
/********************************* Intro ********************************/
/********************************* Initiatives *********************************/
#block-block-2 {
background-color: #FBFBFB;
padding: 0 0 0 0;
margin: 0 0;
}
.PRSPicon {
text-align: center;
}
.PRSPtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.PRSPtitle a, .PRSPtitle a:link, .PRSPtitle a:visited, .PRSPtitle a:hover
{
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.PRSPdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom:20px;
}
.RSWMicon {
text-align: center;
}
.RSWMtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.RSWMtitle a, .RSWMtitle a:link, .RSWMtitle a:visited, .RSWMtitle a:hover
{
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.RSWMdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom:20px;
}
.ESPVicon {
text-align: center;
}
.ESPVtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.ESPVtitle a, .ESPVtitle a:link, .ESPVtitle a:visited, .ESPVtitle a:hover
{
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.ESPVdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom:20px;
}
.EMCMicon {
text-align: center;
}
.EMCMtitle {
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
font-stretch: condensed !important;
font-weight: bold !important;
margin: 10px 0 !important;
padding: 0 25px !important;
text-align: center !important;
text-transform: uppercase !important;
}
.EMCMtitle a, .EMCMtitle a:link, .EMCMtitle a:visited, .EMCMtitle a:hover
{
color: #3a3a3a !important;
font-family: "arial" !important;
font-size: 16px !important;
}
.EMCMdes {
color: #4d4d4d;
font-family: "arial";
font-size: 12px;
height: 56px;
line-height: 20px;
overflow: hidden;
padding: 0 25px;
text-align: center;
margin-bottom:20px;
}
.btn-info {
background-color: #3b3a36 !important;
border-color: #3b3a36 !important;
color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
background-color: #3B3A36 !important;
border-color: #3B3A36 !important;
color: #fff;
}
.MoreButton {
margin-bottom: 20px;
text-align: center;
}
.PRSPwrap {
position: relative;
z-index: 1;
}
.RSWMwrap {
position: relative;
z-index: 1;
}
.ESPVwrap {
position: relative;
z-index: 1;
}
.EMCMwrap {
position: relative;
z-index: 1;
}
/********************************* Initiatives *********************************/
/********************************* Info Desk ***********************************/
.downloadsIcon {
margin: 10px 0;
text-align: center;
}
.downloadsTitle a, .downloadsTitle a:link, .downloadsTitle a:visited, .downloadsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.downloadsTitle
{
text-align:center;
}
.notificationsIcon {
margin: 10px 0;
text-align: center;
}
.notificationsTitle a, .notificationsTitle a:link, .notificationsTitle a:visited, .notificationsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.notificationsTitle
{
text-align:center;
}
.faqsIcon {
margin: 10px 0;
text-align: center;
}
.faqsTitle a, .faqsTitle a:link, .faqsTitle a:visited, .faqsTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.faqsTitle
{
text-align:center;
}
.adIcon {
margin: 10px 0;
text-align: center;
}
.adTitle a, .adTitle a:link, .adTitle a:visited, .adTitle a:hover {
color: #353535;
font-family: "Arial";
font-size: 13px;
font-stretch: condensed;
font-weight: bold;
}
.adTitle
{
text-align:center;
}
/********************************* Info Desk ***********************************/
.navbar-default {
/*background-color: #032759 !important;
border-color: #032759 !important;*/
}
.navbar {
min-height: 100px !important;
}
.navbar-nav {
margin: 28px 0 0 160px !important;
}
.navbar-default .navbar-text {
color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a {
color: #f5a71a !important;
font-family: mb;
font-size: 17px !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
/* background-color: transparent;*/
}
.footermenu {
background-color: #032759;
margin-top: 10px;
padding: 10px 0;
text-align: center;
}
.proweredby {
background-color: #131313;
padding: 15px 0 15px 15px;
}
.copyright {
background-color: #131313;
padding: 15px 15px 15px 0;
text-align: right;
color: #8c8c8c;
font-family: "Arial";
font-size: 12px;
}
.footermenu a, .footermenu a:link, .footermenu a:visited, .footermenu a:hover {
color: #ffffff !important;
font: 16px myriadR !important;
}
.proweredby, .proweredby a, .proweredby a:link, .proweredby a:visited, .proweredby a:hover {
color: #ffffff !important;
font-family: "arial" !important;
font-size: 12px !important;
font-weight: bold !important;
}
/***********************************************************Custom*************************************************************/
#block-system-main {
min-height: 316px;
}
.gallery-wrapper {
margin-bottom: 25px;
}
.gallery-image img {
display: block;
height: 160px;
width: 220px;
margin: 0 auto;
margin-bottom: 20px;
}
.gallery-title {
text-align: center;
margin-bottom: 2em;
}
.gallery-item:hover .gallery-title {
color: #f5a71a;
text-decoration: underline;
}
.media-wrapper {
margin-bottom: 20px;
}
.media-date {
font-weight: bold;
margin-bottom: 10px;
}
.footermenu {
background-color: #6d6e71;
margin-top:-3px;
padding: 10px 0;
text-align: center;
color: #ffffff;
}
.footermenu a, .footermenu a:link, .footermenu a:visited, .footermenu a:hover {
color: #ffffff !important;
font-size: 15px !important;
}
.footermenu a {
padding: 22px;
}
.fb_wrapper {
background: #f5a71a;
padding: 12px 0px 24px 0px;
color: #d7d7d7;
font: 16px myriadR;
}
.fb_wrapper {
font: 16px myriadR;
color: #363535;
text-align: right;
}
.fb_wrapper a {
color: #363535;
font: 16px myriadR;
}
.ongoingproject:hover .ontext {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #ffffff;
text-decoration: none;
}
.ongoingproject:hover .onimg
{ background: url('../images/TEPA-10.jpg');}
.fesistud:hover .ftext {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #ffffff;
text-decoration: none;
}
.fesistud:hover .fimg
{ background: url('../images/TEPA-08.jpg');}
.comproject:hover .comtext {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #ffffff;
text-decoration: none;
}
.comproject:hover .comimg
{ background: url('../images/TEPA-09.jpg');}
.siw {
padding: ;
padding-top: 80px;
}
.pds:hover .pdtext a{
color: #ce9513;}
.eds:hover .edtext a{
color: #ce9513;}
.charges:hover .chmtext a{
color: #ce9513;}
.wontext,.wftext,.wcomtext {
text-align: center;
padding-top: 15px;
}
.ontext a, .ftext a, .comtext a{
color: #ffffff;}
#search-block-form .input-group-btn {
height: 13px !important;
position: relative;
top: 20px !important;
}
#search-block-form .btn.btn-default {
border-radius: 6px !important;
color: transparent;
opacity: 0;
height: 0 !important;
}
#edit-search-block-form--2 {
border-radius: 0 !important;
background-color:rgba(35,31,32,0.70);
height: 25px !important;
margin-left: 1px;
border: 0;
position: relative;
top: 20px !important;
}
.navbar-default .navbar-nav > li {
margin: 0 25px;
transition: all .4s;
}
.navbar-default .navbar-nav > li:hover {
border-bottom: 3px solid #fff;
}
/*.................End of Old Model Bazar CSS..........*/
/*Inner page*/
.inner-page {
min-height: calc(105vh - 194.6px);
padding-bottom: 1em;
font: 16px myriadR;
line-height: 1.5em;
background: url("../images/pattren.png") repeat fixed center center;
}
.inner-page #page-title {
font-family: myriadSB;
margin-top: 16px;
margin-bottom: 5px;
}
.inner-page h3 {
color: #FF6E23;
}
.inner-page h4 {
color: #F2B60A;
}
.inner-page a,
.inner-page a:hover {
color: #0D2738;
font: 16px myriadR;
}
.inner-page img {
border-radius: 10px;
/* margin: 0 15px !important;*/
}
.inner-page ul li a{
border-bottom: 1px dashed #F2B60A;
text-decoration: none;
}
.inner-page a:hover {
color: #F2B60A;
}
.inner-page ul li {
padding: 0.1em 0;
}
.rtecenter {
text-align: center;
}
a {
color: #0D2738;
}
/* .inner-page ul{}
.inner-page ul li{
padding: 0.5em 0;
}
*/
/* */
#sidefix-help {
margin: 0;
background: url(../images/Helpine.png) no-repeat;
position: fixed;
right: 0;
top: 41%;
z-index: 9999;
width: 68px;
height: 69px;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
transition: all 0.75s ease-in-out 0s;
}
#sidefix-help:hover {
width: 173px;
display: block;
transition: all 0.75s ease-in-out 0s;
}
#sidefix-helpline-wrap {
margin: 0;
}
#sidefix {
margin: 0;
}
img.image_style_basic {
/* float: left;*/
margin: 0 15px;
}
img.image_style_basic.important_img {
margin: 0 15px;
}
img.DC_image_style {
margin: 0 15px;
}
/*Breadcrumbs*/
.inner-page .breadcrumb {
margin: 0 -15px;
padding: .5rem 2rem;
border-radius: 0;
}
ol.breadcrumb a, .breadcrumb > .active, ol.breadcrumb:hover a {
/* color: red; */
font-size: 14px;
}
.inner-page .breadcrumb li {}
.inner-page .breadcrumb li a {
color: #0D2738;
}
.inner-page .breadcrumb>li+li::before {
color: #0D2738;
}
/*Article Page Styling*/
article[about='/dc-message'] img {
margin: 0px 15px;
float: left;
}
article[about='/dc-message'] img {
margin: 0px 15px !important;
border-radius: 10px;
}
article[about='/public_representatives'] .rtecenter {
text-align: unset !important;
}
article[about='/important_places'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/autonomous'] {
min-height: calc(107vh - 191.6px) !important;
border-radius: 10px;
}
article[about='/organogram'] img {
margin: 0 auto !important;
}
article[about='/transportation'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/important-personalities'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/important-personalities'] img {
margin: 0 15px !important;
border-radius: 10px;
height: 150px;
width: 150px;
margin-top: 21px;
}
article[about='/our_dcs'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/skp_tehsils'] img {
margin: 0 auto !important;
}
article[about='/national_provincial'] img {
margin: 0 auto !important;
}
article[about='/our-history'] .rtecenter .img-responsive {
margin: 0 auto !important;
}
article[about='/natural_resources'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/Core_team1'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
}
article[about='/node/47'] a:hover {
font: 17px myriadR;
}
article[about='/node/47'] a {
font: 17px myriadR;
}
article[about='/info_desk'] a:hover {
font: 17px myriadR;
}
article[about='/info_desk'] a {
font: 17px myriadR;
}
article[about='/Media_Room'] a:hover {
font: 17px myriadR;
border-bottom: 1px dashed #F2B60A;
text-decoration: none !important;
color: #F2B60A !important;
}
article[about='/Media_Room'] a {
font: 17px myriadR;
border-bottom: 1px dashed #F2B60A;
text-decoration: none !important;
}
article[about='/core_team'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
}
article[about='/public-representatives'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/public-representatives'] h3 {
font-size: 18px;
text-align: center;
}
article[about='/NGO'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/NGO'] h3 {
font-size: 18px;
text-align: center;
}
article[about='/dengue'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
margin-bottom: 6px !important;
}
article[about='/dengue'] h3 {
font-size: 18px;
text-align: center;
}
article[about='/agriculture'] img {
height: 150px !important;
width: 150px !important;
border-radius: 10px;
margin-bottom: 6px !important;
}
article[about='/agriculture'] img {
margin: 0 auto !important;
display: block;
}
article[about='/agriculture'] h3 {
font-size: 18px;
}
article .content ul {
list-style: none;
padding: 0 0 0 1.5em;
}
article .content ul>li {
position: relative;
}
article[about='/legal_framework'] .content ul>li::before {
content: '';
width: 6px;
height: 6px;
background: #0D2738;
border-radius: 50%;
position: absolute;
left: -16px;
top: 30%;
border-radius: 0;
transform: translateY(-50%);
}
article[about='/services'] h4 {
color: #0D2738 !important;
font-weight: 600;
}
article .content ul>li::before {
content: '';
width: 6px;
height: 6px;
background: #0D2738;
border-radius: 50%;
position: absolute;
left: -16px;
/*top: 50%;*/
/* Comment Because third ul issue in services page*/
top: 14px;
border-radius: 0;
transform: translateY(-50%);
}
article[about='/about_us'] .content ul>li::before {
top:16px !important;
}
article[about='/covid-19'] img {
height: 200px !important;
width: 300px !important;
border-radius: 10px;
margin-bottom: 6px !important;
margin: 0 auto !important;
display: block;
padding: 5px;
}
article[about='/covid-19'] h2 {
font-size: 15px;
font-weight: bolder;
text-align: center;
}
article[about='/covid-19'] h3 {
font-size: 18px;
font-weight: bold;
text-align: center;
}
article[about='/covid-19'] p {
font-size: 16px;
font-weight: bold;
text-align: center;
}
article[about='/overview'] img {
margin: 0 15px !important;
}
/* Agriculture */
.rtecenter .img-responsive {
margin: 0 auto;
}
.article[about='/important-places'] .img {
float: left;
}
.dropdown-menu>li>a {
color: #0D2738;
/*padding: 5px 5px 5px 19px;*/
}
#block-popup {
display: none;
}
/*Site Map Styling*/
.sitemap {
padding: 0 1.5rem;
overflow-x: auto;
}
.sitemap h2 {
/*font: 30px MontserratBold;*/
margin-top: 0;
}
.sitemap .caret {
display: none;
}
.sitemap ul {
list-style-type: disc;
float: none;
background: transparent;
padding: 0 0 0 1.5em;
margin: 0 !important;
}
.sitemap ul li {
list-style-image: url('../images/list-bullet.png');
float: none;
display: list-item;
}
.sitemap ul li a {
padding: 0;
/* color: #171F32; */
font: 16px myriadR;
border-bottom: 1px dashed #0D2738;
text-decoration: none;
display: inline-block;
}
.sitemap ul li a:hover {
text-decoration: none;
background-color: transparent;
color: #171F32 !important;
font: 16px myriadR;
}
.sitemap-item ul li ul {
position: initial;
display: block;
border: none;
border-radius: 0;
box-shadow: none;
list-style: circle;
}
/*Notice Board*/
.hpwrap {
margin-bottom: 1.5em;
}
.hpwrap .noticeDate2 {}
.hpwrap .date-display-single,
.date-display-single {
display: block;
font-weight: bold;
margin-bottom: 10px;
font: 15px myriadB;
}
.hpwrap .noticeTitle2 {}
.hpwrap a {
font: 16px myriadR;
border-bottom: 1px dashed #0D2738;
text-decoration: none;
}
/* Gallery*/
.viewp-wrap {
margin-bottom: 30px;
}
.viewp-wrap .galleryp-image {
height: 150px;
width: 220px;
overflow: hidden;
margin: 0 auto 0.7em;
}
.viewp-wrap .galleryp-image img {
width: 100%;
height: auto;
transform: scale(1);
transition: all 0.6s ease;
}
.inner-page .view-gallery.view-id-gallery .view-content {
display: flex;
flex-wrap: wrap;
text-decoration: none;
border-bottom: unset !important;
}
.viewp-wrap:hover .galleryp-image img {
transform: scale(1.2);
}
.viewp-wrap .gallery-title {
font-size: 20px;
text-align: center;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #fff;
background-color: transparent;
}
/* ----------------------------------------- */
/* BANNER 2 HIGHLIGHTS */
/* ----------------------------------------- */
#block-views-block-highlights-block-1 {
padding: 3.5em 5em 3em;
position: relative;
}
/*#views_slideshow_cycle_teaser_section_highlights-block_1,
#views_slideshow_cycle_div_highlights-block_1_0,
#views_slideshow_cycle_div_highlights-block_1_1,
#views_slideshow_cycle_div_highlights-block_1_2,
#views_slideshow_cycle_div_highlights-block_1_3
{
width: 100% !important;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
}*/
.slick-arrow::before{
color: transparent !important;
background: url(../images/Left.png) no-repeat center center !important;
left: -2em;
}
.slick-next::before{
color: transparent !important;
background: url(../images/Right.png) no-repeat center center !important;
left: -2em;
}
/*.slick-next .slick-arrow::before{
color: transparent !important;
background: url(../images/Rigth.png) no-repeat center center !important;
left: -2em;
}*/
.high-wrap {
background-color: #d8bd26;
width: 85%;
height: auto;
padding: 0 3em;
margin: 0 auto;
position: relative;
margin-top: 3em;
padding-bottom: 1em;
}
#block-views-highlights-block-1 .view-content {
position: relative;
}
#vscc_controls_previous_highlights-block_1 a {
background: url('../images/Left.png') no-repeat center center !important;
left: -2em;
}
#vscc_controls_next_highlights-block_1 a {
background: url('../images/Right.png') no-repeat center center !important;
right: -2em;
}
#vscc_controls_previous_highlights-block_1 a, #vscc_controls_next_highlights-block_1 a {
color: transparent;
display: inline-block;
width: 27px;
height: 27px;
position: absolute;
top: 50%;
z-index: 7;
}
#block-views-highlights-block-1 .views-row-last .high-wrap {
margin: 0 0 0 auto;
}
#vscc_controls_previous_highlights-block_1 a img, #vscc_controls_next_highlights-block_1 a img {
opacity: 0;
}
.high-date-wrap {
height: 8em;
width: 8em;
background-color: #1A1A1A;
border-radius: 50%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
position: relative;
top: -3em;
left: -4em;
}
.high-day {
font: 70px alegreyaB;
color: #fff;
}
.high-month {
font: 18px alegreyaR;
color: #979797;
line-height: 0;
}
.high-body-wrap {
margin-top: -5em;
margin-left: 4em;
}
.high-title {
font: 19px alegreyaM;
color: #1a1a1a;
line-height: 1.5;
margin-bottom: 0.6em;
}
.high-body {
font: 17px alegreyaR;
color: #4d4d4d;
line-height: 1.4;
margin-bottom: 2.5em;
}
.high-btn a {
font: 18px myriadSB;
color: #00649c;
text-transform: uppercase;
text-decoration: none;
}
#block-views-highlights-block-1 .view-footer {
position: absolute;
bottom: 2.5em;
left: 50%;
transform: translateX(-50%);
}
/* ----------------------------------------- */
/* BANNER 3 OVERVIEW */
/* ----------------------------------------- */
.front-section.section03.col-sm-12 {
/* background-color: #D8BD26;*/
padding: 0;
background: url(../images/TEPA-03.jpg) center center /cover;
}
#block-banner3overview {
background-color: #D8BD26;
}
.overview-row {
display: flex;
justify-content: center;
align-items: center;
}
.overview-logo{
background: url('/system/files/10048%20%281%29_0.png') no-repeat;
height: 154px;
width: 100%;
}
.overview-heading {
font: 50px alegreyaB;
color: #1a1a1a;
text-transform: uppercase;
/*text-align: center;*/
}
.overview-para {
font: 18px myriadR;
color: #333;
line-height: 2.2;
text-align: justify;
}
/* ----------------------------------------- */
/* BANNER 4 FACILITIES */
/* ----------------------------------------- */
#block-banner4facilities{
background: url('/system/files/10049_0.png') center/cover fixed no-repeat;
height: auto;
width: 100%;
padding: 0 5em;
}
.facilities-col {
padding: 0px;
}
.facilities-logo{
background: url('/system/files/10050%20%281%29.png') center no-repeat;
height: 46px;
}
#block-banner4facilities .border-heading {
color: #fff;
margin-bottom: 1em;
}
.facilities-list ul {
list-style: none;
margin-bottom: 3em;
padding: 0px;
}
.facilities-list ul li {
font: 25px alegreyaB;
color: #fff;
padding: 0.6em 0;
padding-left: 1.5em;
position: relative;
}
.facilities-list li:first-of-type {
padding-top: 0px;
}
.facilities-list ul li::before {
content: '';
display: inline-block;
height: 14px;
width: 14px;
background-color: #D8BD26;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -7px;
left: 0px;
}
.facilities-list li:first-of-type::before {
top: 13px;
}
.facilities-img-wrap{
height: 377px;
width: 457px;
margin: 0 0 0 auto;
overflow: hidden;
border: 2px solid #D8BD26;
padding: 1.6em
}
.facilities-img{
background-image: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('/system/files/10051%20%281%29.jpg');
background-size: cover;
height: 100%;
width: 100%;
/*opacity: 0.4;*/
transition: all 0.5s ease-in-out;
}
.facilities-img:hover{
transform: scale(1.08);
/*opacity: 0.85;*/
}
/* ----------------------------------------- */
/* BANNER 5 PROJECTS */
/* ----------------------------------------- */
.Projectstitle {
display: none;
}
#block-banner5projectsheading .border-heading {
margin-bottom: 0.2em;
}
#block-banner5projectsheading {
padding-top: 3em;
}
#block-quicktabsprojects {
padding-bottom: 3em;
}
#block-quicktabsprojects .quicktabs-tabs {
display: flex;
justify-content: center;
margin-bottom: 2em;
padding: 0px;
text-align: center;
}
#block-quicktabsprojects .quicktabs-tabs li{
white-space: normal;
}
#block-quicktabsprojects .quicktabs-tabs li.active::after {
content: '';
display: block;
height: 15px;
width: 15px;
margin: 0 auto;
border-bottom: 18px solid #000;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
margin-top: 5px;
}
#block-quicktabsprojects .quicktabs-tabs li a {
display: inline-flex;
background-color: #1A1A1A;
height: 65px;
width: 200px;
font: 24px myriadB;
color: #d8bd26;
text-decoration: none;
text-transform: uppercase;
justify-content: center;
align-items: center;
}
#block-quicktabsprojects .quicktabs-tabs li.active a {
background-color: #D8BD26;
color: #000;
}
.projects-row {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
justify-content: space-evenly;
align-items: center;
margin-bottom: 3em;
}
.rb-box{
background: url('/system/files/10059%20%281%29.png') center/contain no-repeat;
}
.mbr-box{
background: url('/system/files/10057%20%281%29.png') center/contain no-repeat;
}
.pp-box{
background: url('/system/files/10055.png') center/contain no-repeat;
}
.rp-box{
background: url('/system/files/10060%20%281%29.png') center/contain no-repeat;
}
.projects-box {
display: flex;
height: 273px;
width: 273px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 0 2em;
text-align: center;
text-decoration: none !important;
}
.rb-logo{
background: url('../images/client sample-21.png') center/contain no-repeat;
}
.projects-box:hover .rb-logo{
background: url('../images/client sample-17.png') center/contain no-repeat;
}
.mbr-logo{
background: url('../images/client sample-22.png') center/contain no-repeat;
}
.projects-box:hover .mbr-logo{
background: url('../images/client sample-18.png') center/contain no-repeat;
}
.pp-logo{
background: url('../images/client sample-23.png') center/contain no-repeat;
}
.projects-box:hover .pp-logo{
background: url('../images/client sample-19.png') center/contain no-repeat;
}
.rp-logo{
background: url('../images/client sample-24.png') center/contain no-repeat;
}
.projects-box:hover .rp-logo{
background: url('../images/client sample-20.png') center/contain no-repeat;
}
.plans-logo{
background: url('../images/client sample-45.png') center/contain no-repeat;
}
.projects-box:hover .plans-logo{
background: url('../images/Parking plans.png') center/contain no-repeat;
}
.mcr-logo{
background: url('/system/files/10058%20%281%29_0.png') center/contain no-repeat;
}
.projects-box:hover .mcr-logo{
background: url('../images/Roads.png') center/contain no-repeat;
}
.markets-logo{
background: url('../images/client sample-47.png') center/contain no-repeat;
}
.projects-box:hover .markets-logo{
background: url('../images/Markets.png') center/contain no-repeat;
}
.sites-logo{
background: url('../images/client sample-48.png') center/contain no-repeat;
}
.projects-box:hover .sites-logo{
background: url('../images/Parking sites.png') center/contain no-repeat;
}
.projects-logo{
height: 82px;
width: 85px;
}
.projects-title{
font: 30px myriadSB;
color: #fff;
text-transform: uppercase;
}
.projects-box:hover .projects-title{
color: #D8BD26;
}
/* ----------------------------------------- */
/* BANNER 6 GALLERY */
/* ----------------------------------------- */
#block-views-block-gallery-block-1{
background-color: #3B3B3B;
padding: 4em 0;
}
#block-views-block-gallery-block-1 .border-heading {
color: #fff;
margin-bottom: 1em;
}
.galleryp-title a {
font-size: 16px;
}
#block-views-block-gallery-block-1 .view-content {
overflow: auto;
padding: 0 4em;
margin-bottom: 4em;
}
.gallery-image {
height: 220px;
width: 220px;
overflow: hidden;
background-color: #000;
margin: 0 auto 2em;
border: 4px solid #DABC2A;
border-radius: 50%;
}
.gallery-image img {
height: 100%;
width: 100%;
opacity: 0.75;
transform: scale(1);
transition: transform 0.5s, opacity 0.5s;
}
/*.gallery-wrap:hover .gallery-image img {
transform: scale(1.1);
opacity: 1;
}*/
.gallery-title {
text-align: center;
}
.gallery-title a {
font: 24px myriadSB;
color: black;
text-decoration: none;
}
.gallery-title a:hover {
font: 24px myriadSB;
color: #78A33A;
text-decoration: none;
}
#block-views-block-gallery-block-1 .black-btn {
background-color: #DABC2A;
color: #1a1a1a;
}
.secp-img {
display: flex;
justify-content: center;
}
/* ----------------------------------------- */
/* BANNER 7 CONTACT US */
/* ----------------------------------------- */
.lepark-map-wrap{
position: relative;
}
.lepark-map-wrap iframe{
height: 538px;
}
.contactus-wrap, .contact-map-wrap{
padding: 0px;
}
.contactus-wrap {
position: absolute;
top: 3em;
background-color: rgba(241,194,40,0.8);
left: 11em;
}
.lepark-detail-wrap {
height: 470px;
padding: 3em 3em;
}
.contact-header {
font: 37px alegreyaB;
color: #1A1A1A;
text-transform: uppercase;
margin-bottom: 1em;
}
.contact-header::after {
content: '';
display: block;
height: 3px;
width: 100px;
background-color: #fff;
}
.lepark-header {
font: 25px alegreyaB;
color: #1A1A1A;
text-transform: uppercase;
margin-bottom: 1.5em;
}
.lepark-detail-list ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.lepark-detail-list ul li {
position: relative;
font: 18px alegreyaR;
color: #1a1a1a;
padding: 13px 5px;
padding-left: 1.5em;
}
.lepark-detail-list ul li a{
font: 18px alegreyaR;
color: #1A1A1A;
text-decoration: none;
}
.lepark-detail-list ul li.ld-icon::before{
content: '';
display: inline-block;
height: 22px;
width: 19px;
position: absolute;
top: 50%;
margin-top: -11px;
left: 0px;
}
.lepark-detail-list ul li.lepark-add::before {
background: url('../images/client sample-34.png') no-repeat;
}
.lepark-detail-list ul li.lepark-web::before {
background: url('../images/client sample-35.png') no-repeat;
}
.lepark-detail-list ul li.lepark-ph::before {
background: url('../images/client sample-36.png') no-repeat;
}
.lepark-detail-list ul li.lepark-mail::before {
background: url('../images/client sample-37.png') no-repeat;
}
/* ----------------------------------------- */
/* FOOTER */
/* ----------------------------------------- */
.footer-upper {
padding: 6px 35px;
/* color: #333;*/
margin-top: -1px;
}
.footer-links {
/* padding: 10px 0;*/
text-align: left;
/* margin-top: 8px;*/
padding: 10px 0;
}
.footer-links a {
font: 16px alegreyaM;
color: #333;
margin: 0 18px;
text-decoration: none;
}
.social-icons {
text-align: right;
vertical-align: middle;
margin-top: 3px;
}
.fb-icon{
background: url('../images/client sample-32.png') no-repeat;
vertical-align: middle;
}
.twitter-icon{
background: url('../images/client sample-31.png') no-repeat;
}
.contact-icon{
background: url('../images/client sample-30.png') no-repeat;
}
.social-icon{
background-size: contain;
display: inline-block;
height: 36px;
width: 36px;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
margin: 0 15px;
/* margin-top: 10px;*/
}
.contact-icon {
margin-right: 0px;
}
.footer-bottom-wrap {
background-color: #2E3180;
padding: 16px 35px;
color: #fff;
}
.footer-bottom-wrap a {
color: #fff;
}
.power-sec {
text-align: right;
}
/* ----------------------------------------- */
/* MEDIA QUERIES */
/* ----------------------------------------- */
@media only screen and (max-width: 1024px){
.mbanner-text {
font-size: 20px;
}
.navbar-nav {
width: 100%;
float: none;
}
.navbar .logo img {
top: 10em;
left: 24em;
}
form#search-block-form {
top: -4.6em !important;
}
.navbar-default .navbar-nav > li {
margin: 0px 15px;
}
.navbar-nav {
margin: 0 0 0 240px !important;
}
.navbar .logo img {
top: 10em;
left: 24em;
}
.navbar-nav {
margin: 0 0 0 240px !important;
}
.fb_wrapper {
font-size: 11.7px !important;
}
.overtextimg {
background-size: contain !important;
}
.edtext a,
.chmtext a,
.pdtext a {
font-size: 22px !important;
}
.overtexth {
width: 18% !important;
}
.navbar-default .navbar-nav>li:hover {
border-bottom: none;
}
.tag_wrap {
width: 52% !important;
}
article[about='/Media_Room'] table td img {
width: 100% !important;
height: auto !important;
}
form#search-block-form {
top: -3.5em !important;
}
.navbar-default .navbar-nav > li{
margin: 0px 25px !important;
}
}
@media only screen and (max-width: 760px){
.header-wrap {
display: none;
}
.d-table {
display: block;
}
.d-table-cell {
float: left;
display: block;
}
.navbar .logo img {
top: 7em;
left: 17em;
}
.buttonimg{
margin-top: unset;
}
.overtextimg{
height: 300px;
}
.fb_wrapper {
font: 13px myriadR;
color: #363535;
text-align: right;
}
.fb_wrapper a {
color: #363535;
font: 13px myriadR;
}
.fb_wrapper {
font-size: 8.7px !important;
}
.navbar-default {
/* background-color: #78A33A !important;*/
border-color: #78A33A !important;
}
.navbar{
width: 100%;
}
#search-block-form .input-group-btn {
background: unset !important;
height: 13px !important;
position: relative;
top: 20px !important;
}
.navbar-toggle{
margin-top: 18px !important;
margin-right: 10px !important;
}
.navbar-collapse{
padding-left: 0px !important;
padding-right: 0px !important;
}
.complaints-link {
position: static;
text-align: center;
padding: 0.5em;
background-color: #78a33a;
}
.complaints-link a{
color: #fff;
}
/*Code For Navbar in Mobile */
.path-frontpage .navbar-default {
border-color: #F2B60A !important;
background: black !important;
}
.navbar-default {
background-color: #0298D8;
border-color: transparent;
}
.path-frontpage header#navbar {
position: unset;
z-index: 0;
margin: 0 auto;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
opacity: 100%;
}
.piw {
padding: 96px 0 !important;
}
.overtext {
font-size: 16px !important;
}
.fb_wrapper {
font-size: 8.7px !important;
}
.overtexth {
width: 25% !important;
}
.navbar-default .navbar-nav>li:hover {
border-bottom: none;
}
.tag_wrap {
width: 69% !important;
}
.navbar-nav {
width: 100%;
float: none;
margin-top: 8px !important;
/*padding-left: 25% !important;*/
}
.navbar-default .navbar-nav > li{
margin: 0px 12px !important;
}
#banner1-wrap {
position: initial;
}
.quicktabs-tabs a {
font: 14px mbr;
}
.navbar-default .navbar-nav > li > a{
font-size: 14px;
}
form#search-block-form{
right: 0px !important;
}
.navbar-default .navbar-nav > li {
margin: 0px 8px !important;
}
.banner2_right {
background: url('/system/files/10001.jpg') no-repeat fixed center center / cover;
}
.navbar-toggle {
margin-top: 18px !important;
margin-right: 10px !important;
}
.navbar.container-fluid {
padding: 0 !important;
}
.navbar .logo {
width: 75%;
margin: 2px 0 0 5px !important;
}
.navbar .logo img {
width: 70%;
}
.top_navigation .block-search .input-group {
margin-top: 10px;
}
.main_navigation .menu.nav li {
display: block;
}
.main_navigation{
width: 100%;
}
.main_navigation .menu.nav li a {
color: #fff;
position: relative;
border-bottom: 1px solid transparent;
}
.main_navigation .menu.nav li a:hover,
.main_navigation .menu.nav li a:focus,
.main_navigation .menu.nav li a.active {
/*color: #0D2738;
background-color: #fff;*/
border-bottom: 1px solid transparent;
}
article[about='/contact_us'] .content table tr td {
display: block !important;
width: 100% !important;
text-align: justify;
margin-bottom: 1em;
overflow-x: hidden;
}
article[about='/covid-19'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
margin: 0 auto !important;
display: block;
padding: 5px;
}
article[about='/covid-19'] h2 {
font-size: 15px;
font-weight: bolder;
}
article[about='/covid-19'] h3 {
font-size: 18px;
font-weight: bold;
}
article[about='/covid-19'] p {
font-size: 16px;
font-weight: bold;
}
/*Dropdown*/
.main_navigation .menu.nav .open .dropdown-backdrop {
display: none;
}
.main_navigation .menu.nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main_navigation .menu.nav .dropdown-menu li a {
color: #fff;
padding: 5px 20px;
}
.main_navigation .menu.nav .dropdown-menu li a:hover,
.main_navigation .menu.nav .dropdown-menu li a:focus,
.navbar-default .navbar-nav>.active>a:visited,
.main_navigation .menu.nav .dropdown-menu li a.active {
background-color: #fff;
color: #0D2738;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
/* background-color: #78a33a;*/
margin-left: 0em;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:visited,
.navbar-default .navbar-nav>.active>a:focus {
color: #0D2738 !important;
background-color: white;
}
.banner2_left {
padding: 2em 1em;
}
.banner2_right {
padding: 2em 1em;
margin-top: 26px;
}
.banner3_left section {
margin: 0 -15px;
}
.banner3_left .district-glance-img {
margin: 0;
}
.district_at_glance {
padding: 2em 0 5em;
}
.district_at_glance .district-item {
height: 180px;
width: 180px;
margin: 0 auto;
margin-bottom: 20px;
}
.places-img-wrap {
padding: 0;
margin: 0 -15px;
}
.places-img-wrap .places-img {
width: 100%;
}
.banner4_right {
padding: 2em 1em;
}
.departments-wrap {
padding: 2em 5em;
}
.banner3_left .district-glance-img img {
width: 100%;
height: auto;
}
.departments-wrap .department-item {
margin: 0 auto;
margin-bottom: 1.75em;
max-width: 180px;
}
.inner-page .view-gallery.view-id-gallery .view-content {
display: block;
text-decoration: none;
border-bottom: unset !important;
}
.footer-bottom .copy-right,
.footer-bottom .powered-by {
text-align: center;
}
.navbar-header{
float: none !important;
}
.navbar .logo {
height: auto;
margin: 3px 0 !important;
padding-left: 5px !important;
}
.navbar{
width: 100%;
}
.navbar-toggle{
margin-top: 2.5em !important;
margin-right: 10px !important;
justify-content: center;
}
.navbar-collapse{
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar-nav{
margin: 0px !important;
padding: 0px !important;
padding-top: 5px !important;
width: 100%;
float: none;
text-align: left;
position: initial;
}
.navbar-default .navbar-nav > li{
display: block;
margin: 0px;
padding: 0px;
}
.navbar-default .navbar-nav > li > a{
font-size: 13px;
padding: 10px !important;
margin: 0px !important;
}
#block-weather-system-2{
display: none;
}
#block-search-form {
position: initial !important;
background-color: #2E3180;
width: 100%;
padding-bottom: 0.5em;
}
form#search-block-form {
/*top: 0px;
right: 0.5em;*/
}
.mbanner-text{
font-size: 11px;
}
.section-container {
padding: 2em 0;
}
.border-heading {
font-size: 38px;
}
#block-views-highlights-block-1 {
padding: 2em 0;
}
#block-views-highlights-block-1 .border-heading {
margin-bottom: 0.7em;
}
.views-slideshow-controls-top.clearfix {
text-align: center;
margin-bottom: 2em;
}
#vscc_controls_previous_highlights-block_1 a, #vscc_controls_next_highlights-block_1 a{
position: initial;
}
#block-views-highlights-block-1 .view-content{
margin-bottom: 3em;
}
.high-wrap {
width: 100%;
height: auto;
padding: 1.5em 1.5em;
margin-bottom: 2em;
}
.high-date-wrap {
position: inherit;
margin: 0 auto 1em;
}
.high-body-wrap {
margin: 0px;
}
.high-title {
font-size: 16px;
}
.high-body {
font-size: 15px;
margin-bottom: 1em;
}
.high-btn {
margin: 0 auto;
}
.high-btn a {
font-size: 15.5px;
}
#block-views-highlights-block-1 .view-footer {
position: inherit;
transform: translateX(0);
}
.overview-row{
flex-direction: column;
align-items: flex-start;
}
.overview-btn {
margin-bottom: 1em;
}
.overview-para {
font-size: 15px;
line-height: 1.8;
}
#block-banner4facilities {
padding: 0 1em;
}
.facilities-list ul {
margin-bottom: 1.5em;
}
.facilities-list ul li {
font-size: 18px;
}
.facilities-list ul li::before {
height: 8px;
width: 8px;
}
.facilities-btn {
margin-bottom: 2.5em;
}
.facilities-img-wrap {
width: 100%;
height: 300px;
}
#block-quicktabsprojects .quicktabs-tabs li a {
width: 130px;
height: 50px;
font-size: 18px;
}
.projects-row, #block-views-block-gallery-block-1 .view-content{
margin-bottom: 1em;
}
.projects-box, .gallery-wrap{
margin-bottom: 1.5em;
}
.contactus-wrap {
position: initial;
}
.lepark-map-wrap iframe {
height: 300px;
}
.lepark-detail-wrap {
height: auto;
padding: 2em;
}
.contact-header {
font-size: 28px;
margin-bottom: 0.5em;
}
.lepark-header{
font-size: 18px;
}
.lepark-detail-list ul li,
.lepark-detail-list ul li a{
font-size: 15px;
}
.footer-upper, .footer-bottom-wrap {
padding: 12px 0;
}
.footer-links a {
margin: 0 8px;
}
.footer-links, .social-icons, .copy-sec, .power-sec {
text-align: center;
}
}
/*.......................End Mobile 760 Media Query................*/
/*..................Start of Mobile 500 & less media query...............*/
@media screen and (max-width: 576px) {
.places-wrap .places-content {
font: 13px myriadR;
line-height: 2;
text-align: justify;
letter-spacing: 0.8px;
}
.border-heading {
margin-bottom: unset;
margin-top: 1em;
}
.banner2_right ul li .notice {
margin: 1.5rem 1.5em;
}
article[about='/Media_Room'] table td {
width: 100% !important;
display: block;
margin: 0 auto 2em;
padding: 0 2em;
}
article[about='/BlogPage'] table td {
display: block;
width: 100% !important;
height: auto !important;
margin: 0 auto 2em;
padding: 0 2em;
}
#sidefix-help {
top: 31%;
}
.projectwraper,.Serviceswraper{
height: auto !important;
background-size: cover !important;
}
#edit-search-block-form--2 {
top: 0 !important;
}
#search-block-form .input-group-btn {
top: 0 !important;
}
.overtexth {
width: 22% !important;
}
.navbar-default .navbar-nav > li:hover {
border-bottom: none;
}
#block-block-1 {
margin-top: -120px !important;}
#edit-search-block-form--2 {
background-color: white !important;}
.navbar-header{
float: none !important;
}
.navbar-default {
background-color: #78A33A !important;
border-color: #78A33A !important;
}
.navbar .logo {
height: 80px;
width: 155px;
}
.navbar{
width: 100%;
}
.navbar .logo img {
position: initial;
height: 100% !important;
width: 150% !important;
margin-left: 2em;
}
.navbar {
margin-bottom: 0 !important;
}
.tepa {
top: 0
}
.navbar-default {
background-image: none !important;
background-color: #231F20 !important;
}
#block-overview {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.navbar-nav {
margin: 0 0 0 0 !important;
}
.navbar #block-search-form {
position: initial;
}
.projectwraper,
.Serviceswraper {
height: auto !important;
background-size: cover !important;
}
#edit-search-block-form--2 {
top: 0 !important;
}
#search-block-form .input-group-btn {
top: 0 !important;
}
.overtexth {
width: 22% !important;
}
.navbar-default .navbar-nav>li:hover {
border-bottom: none;
}
#block-block-1 {
margin-top: -120px !important;
}
#edit-search-block-form--2 {
background-color: white !important;
}
.ongoingproject:hover .ontext,
.comproject:hover .comtext,
.fesistud:hover .ftext {
position: initial !important;
color: #ce9513 !important;
}
.overtexth {
font-size: 40px !important;
}
.overtext {
padding-top: 25px !important;
}
.ph,
.sh {
font-size: 40px !important;
margin-top: 35px !important;
}
.piw {
padding: 40px 0 !important;
}
.wontext,
.wftext,
.wcomtext {
padding-top: 0 !important;
padding-top: 1em !important;
}
.fesistud,
.comproject {
padding-top: 20px !important;
}
.siw {
padding-top: 30px !important;
}
.edtext a,
.chmtext a,
.pdtext a {
font-size: 18px !important;
}
.eds,
.charges {
padding-top: 30px !important;
}
.charges {
padding-bottom: 25px !important;
}
.footermenu a,
.footermenu a:link,
.footermenu a:visited,
.footermenu a:hover {
font-size: 12px !important;
}
.col-sm-6.copyrights_left {
text-align: center !important;
font: 13px myriadR;
}
.col-sm-6.pitb_right {
font: 13px myriadR !important;
text-align: right;
}
.fb_wrapper {
text-align: center !important;
}
.tag_wrap {
bottom: 100px !important;
font-size: 14px !important;
width: 77% !important;
text-align: center;
}
.navbar #block-search-form {
position: initial;
}
form#search-block-form {
top: 0px !important;
}
#banner1-wrap {
position: initial;
}
.intro-wrap {
padding: 18px 0;
}
.intro-para {
font: 15px mbr;
color: #255b2d;
}
#block-block-13 {
margin-top: 0px;
}
#map-cities li {
border-bottom: 1px solid #6E6E6E;
}
#map-cities a {
font: 15px mbr;
}
.loc-field {
font: 12px mbr;
font-weight: bold;
width: 40%;
}
.loc-text {
font-size: 11px;
width: 55%;
}
#block-block-4 {
padding: 25px 0;
}
.faq-head {
font-size: 25px;
}
.faq-question, .faq-ans{
font-size: 13px;
}
.faq-question {
padding: 5px 5px 5px 23px;
}
.col-sm-6.faq-img-wrap {
width: 50%;
margin: 0 auto;
}
.faq-question span {
top: 17px;
}
.active span {
top: 20px;
}
#block-banner6programs {
padding: 45px 0;
}
.prog-col {
margin-bottom: 22px;
}
.fourth-col {
margin: 0px;
}
.banner-wrap .banner-title-wrap{
top: 20%;
width: 50%;
padding: 0 1em;
}
.banner-wrap .banner-title-wrap .banner-title{
font-size: 12px;
line-height: 1.2;
}
.navbar-toggle{
margin-top: 18px !important;
margin-right: 10px !important;
}
.navbar-collapse{
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar-nav {
margin: 0px !important;
padding: 0px !important;
width: 100%;
float: none;
}
.navbar-default .navbar-nav > li{
margin: 0px;
padding: 0px;
border: 0px;
}
.navbar-default .navbar-nav > li:hover {
border: 0px;
}
.navbar-default .navbar-nav > li > a{
font-size: 13px;
padding: 10px 5px !important;
margin: 0px !important;
}
.navbar #block-search-form {
position: initial;
}
form#search-block-form {
top: 0px !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
background-position: left bottom;
}
#edit-search-block-form--2{
background-color: #fff !important;
}
#edit-search-block-form--2::placeholder {
color: #000;
}
#block-system-main {
min-height: 342px;
}
.footer-upper-wrap {
display: block;
text-align: center;
}
.footer-icons {
text-align: center;
margin-top: 10px;
}
.footer-upper a {
font-size: 12px;
margin: 0 10px;
}
.footer-bottom {
font-size: 12px;
text-align: center;
}
.footer-bottom a {
font-size: 12px;
}
.power-sec {
text-align: center;
margin-top: 6px;
}
.block-views-blockhighlights-block-1 .site-btn-wrap a{
margin-top: 2em !important;
}
#block-views-block-highlights-block-1 {
padding: unset;
position: relative;
}
time {
font-weight: bold;
}
article[about='/public-representatives'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
max-width: 100%;
}
article[about='/Media_Room'] .region-content {
overflow-x: auto;
}
article[about='/Media_Room'] img {
height: auto;
width: 100%;
}
article[about='/NGO'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
max-width: 100%;
margin: 0 !important;
}
article[about='/public-representatives'] h3 {
font-size: 14px;
text-align: center;
max-width: 100%;
}
article[about='/Contact_Us'] .content table tr td {
display: block !important;
width: 100% !important;
overflow-x: hidden;
}
article[about='/NGO'] h3 {
font-size: 14px;
text-align: center;
max-width: 100%;
}
article[about='/climate'] img {
width: 250px !important;
}
article[about='/budget'] .content {
overflow-x: auto;
}
article[about='/Core_team1'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/contact_us'] td {
display: block;
}
article[about='/contact_us'] table {
text-align: justify;
line-height: 2;
}
article[about='/core_team'] h3 {
font-size: 14px;
text-align: center;
}
article[about='/core_team'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/overview'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin: 0 15px !important;
}
article[about='/core-team'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/skp_tehsils'] img {
/*max-width: 268px;*/
}
article[about='/our-history'] img {
height: 109px !important;
width: 345px !important;
}
article[about='/Core_team1'] h3 {
font-size: 14px;
text-align: center;
}
article[about='/our-dcs'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/our_dcs'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/organogram'] img {
height: 163px !important;
width: 287px !important;
border-radius: 10px;
margin-bottom: 6px;
}
article[about='/dengue'] h3 {
font-size: 14px;
text-align: center;
}
article[about='/dengue'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px !important;
width: 100% !important;
margin: 0 !important;
padding: 5px;
}
article[about='/dengue'] h2 {
font-size: 15px;
font-weight: bolder;
}
article[about='/covid-19'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px !important;
margin: 0 auto !important;
display: block;
padding: 5px;
}
article[about='/covid-19'] h2 {
font-size: 15px;
font-weight: bolder;
}
article[about='/covid-19'] h3 {
font-size: 18px;
font-weight: bold;
}
article[about='/covid-19'] table {
width: 100% !important;
}
article[about='/agriculture'] h3 {
font-size: 14px;
}
article[about='/natural_resources'] img {
float: unset !important;
}
article[about='/agriculture'] img {
height: 100px !important;
width: 100px !important;
border-radius: 10px;
margin-bottom: 6px !important;
padding: 10px;
}
article[about='/our_dcs'] h3 {
/*font-size: 14px;*/
text-align: center;
}
article[about='/important_places'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/important-places'] img {
margin: 0 15px !important;
border-radius: 10px;
}
article[about='/important-personalities'] img {
margin: 0 15px !important;
border-radius: 10px;
height: 150px;
width: 150px;
margin-top: 21px;
}
.highlights-body p {
text-align: justify;
font-size: 12px !important;
}
.highlights-wrap .highlights-body .highlights-title a {
font: 15px myriadSB;
}
h3.highlights-title {
font-size: 16px;
}
.highlights-wrap .highlights-body .highlights-title {
margin-top: 32px;
font: 14px myriadSB;
}
.banner2_right ul li .notice a {
text-align: justify;
letter-spacing: 0.8px;
font: 14px myriadR;
}
.banner2_left .more-link a {
position: absolute;
}
h3.highlights-title {
font-size: 17px;
}
}
/*............End of Mobile 500 Media Query................. */
@media screen and (min-width: 576px) {}
@media screen and (min-width: 768px) {
.navbar .logo {
margin: 0;
margin-bottom: 1em;
}
.top_navigation::after {
content: '';
clear: both;
display: block;
}
.navbar-default .navbar-right {
float: unset !important;
margin-right: -15px;
/* width: 100% !important;*/
}
.navbar-right {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: stretch;
}
.top_navigation .block-search {
/* float: right;
width: 250px;
position: absolute;
left: 81%;
top: 60%;*/
}
.top_navigation .block-search::after {}
.top_navigation .block-search .input-group {}
.banner2_left {
padding: 2em 3em;
}
.banner2_right {
padding: 2em 2em 20em;
}
.district_at_glance {
padding: 3rem 2.5rem;
}
.district_at_glance .district-item {
height: 180px;
}
.complaints-link {
position: static;
text-align: center;
padding: 0.5em;
background-color: #78a33a;
}
.complaints-link a{
color: #fff;
}
.prog-col{
margin-bottom: 20px;
}
.places-img-wrap {
padding: 2em 0;
}
.places-img-wrap .places-img {
width: 90%;
}
.banner4_right {
padding: 2em 2em;
}
.places-wrap .places-content {
text-align: justify;
font: 15px myriadR;
line-height: 2;
}
.departments-wrap {
padding: 2em;
}
}
/* for collapsable navigagion for tab screens*/
@media (max-width: 991px) {
/* .navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
background: #FFF;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
.page-class .main_navigation .navbar-nav li a{
color: #171F32;
}*/
}
@media screen and (min-width: 992px) {
.navbar.container {
position: absolute;
top: 0;
width: 100%;
background-color: transparent;
}
}
@media screen and (min-width: 1200px) {
.banner2_left {
padding: 5em 7em;
}
.banner2_right {
padding: 5em 5em 24em 7em;
}
.district_at_glance {
padding: 5em 5em 8em;
}
.places-img-wrap {
padding: 0 0 3em
}
.places-img-wrap .places-img {
width: 70%;
}
.banner4_right {
padding: 5em 4em;
font-size: 12px;
}
.departments-wrap {
padding: 7em 3em;
}
.departments-wrap .department-item {
width: 180px;
margin: 0 auto;
}
}
@media screen and (min-width: 767px) {
form#search-block-form {
width: 100%;
float: right;
margin-right: 47px;
}
.navbar.container{
background-color: rgba(120,163,58,0.65) !important;
z-index: 8;
}
}
/*.................End of All Media Queries ........................*/
/*Between MediA Query*/
/* No less than 1100px, (Maria screen) no greater than 1300px */
@media (min-width:1100px) and (max-width:1300px) {
.center_header_button span {
position: absolute;
top: 0;
right: 0;
font: 25px 'Poppins-Medium', sans-serif;
color: #fff;
}
.msg-readmorebtn {
width: 121px;
height: 22px;
position: absolute;
bottom: 0;
right: 0;
transform: translate(-100%, -100%);
-webkit-transform: translate(-100%, -100%);
}
.top_navigation .block-search {
width: unset !important;
}
.high-wrap{
width: 403px;
height: 228px;
}
.tag_wrap {
width: 41% !important;
}
.catalogimg {
margin: 11em 1em 0 0;
}
}
/*End of Between and All other media quary*/