/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@font-face {
  font-family: "poppins-regular";
  src: url("Poppins-Regular.ttf");
}

@font-face {
  font-family: "poppins-medium";
  src: url("Poppins-Medium.ttf");
}

@font-face {
  font-family: "poppins-semibold";
  src: url("Poppins-SemiBold.ttf");
}

@font-face {
  font-family: "poppins-bold";
  src: url("Poppins-Bold.ttf");
}

@font-face {
  font-family: "inter-regular";
  src: url("Inter-Regular.ttf");
}

@font-face {
  font-family: "inter-medium";
  src: url("Inter-Medium.ttf");
}

@font-face {
  font-family: "inter-semibold";
  src: url("Inter-SemiBold.ttf");
}

@font-face {
  font-family: "inter-bold";
  src: url("Inter-Bold.ttf");
}

html,
body {
  padding: 0;
  margin: 0;
  font: 15px poppins-regular;
}

a {
  text-decoration: none;
  transition: all 0.6s ease;
}

a:hover,
a:focus {
}

/* Genral Styles*/
.front-section {
  padding: 0;
}

.p-0 {
  padding: 0;
}

.m-0 {
  margin: 0;
}

.height-0 {
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden;
}

.text-white {
  color: #fff !important;
}

.section-heading {
  /* font: 50px poppins-bold; */
  font: 36px poppins-bold;
  color: #030303;
  text-align: center;
  margin-top: 0.5em 0;
}

.btn-readmore {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 10px 20px;
  color: #000;
}

.btn-readmore:hover,
.btn-readmore:focus {
  background-color: #f3f3f3;
}

/*Navigation*/
/* .navbar-default {
  background-color: #035356;
  border-color: #035356;
} */

.navbar {
  border-radius: 0px;
  margin-bottom: 0;
}

.main_nav {
}

.main_nav .search-block-form .form-group {
  margin-top: 8px;
  margin-bottom: 8px;
}

.main_nav .search-block-form .form-group .input-group {
  border-radius: 0;
  overflow: hidden;
  border-bottom: 1px solid #fff;
  background-color: transparent;
}

.main_nav
  .search-block-form
  .form-group
  .input-group
  .form-search.form-control {
  border: 0;
  background-color: transparent;
  box-shadow: none;
}

.main_nav
  .search-block-form
  .form-group
  .input-group
  .form-search.form-control::placeholder {
}

.main_nav .search-block-form .form-group .input-group .input-group-btn {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  overflow: hidden;
}

.main_nav .search-block-form .form-group .input-group .input-group-btn button {
  background-color: transparent;
  border-color: transparent;
}

/* Main Navigation */
.main_nav .navbar-nav {
}

.main_nav .navbar-nav li {
}

.main_nav .navbar-nav li a {
  color: #fff;
  font: 15px poppins-regular;
  padding: 10px 15px;
}

.main_nav .navbar-nav li.active a,
.main_nav .navbar-nav li.active a:hover,
.main_nav .navbar-nav li.active a:focus,
.main_nav .navbar-nav li a:hover,
.main_nav .navbar-nav li a:focus {
  color: #153258;
  background-color: transparent;
}

/* Dropdown */
.main_nav .navbar-nav li.dropdown .dropdown-menu li {
}

.main_nav .navbar-nav li.dropdown .dropdown-menu li a {
  color: #035356;
  background-color: transparent;
}

.main_nav .navbar-nav li.dropdown .dropdown-menu li.active a,
.main_nav .navbar-nav li.dropdown .dropdown-menu li a:hover,
.main_nav .navbar-nav li.dropdown .dropdown-menu li a:focus {
  background-color: #035356 !important;
  color: #fff;
}

/* News block */
.fp-news-item {
  display: block;
  color: #fff;
  font: 12px poppins-regular;
  background-color: #035356;
  padding: 1em 3em;
  border-top: 2px solid #fff;
}

.fp-news-item::before {
  content: url("../images/punjab-ico.png");
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.fp-news-item .news-heading {
}

.fp-news-item .news-content {
  margin: 0 5px;
}

.fp-news-item .news-lnk {
  color: #fff;
  font: 12px poppins-semibold;
  text-decoration: underline;
}

/* Site Banner */
#views_slideshow_cycle_teaser_section_site_banner_view-block_1 {
  /* width: 100% !important;
  height: auto !important; */
}

#views_slideshow_cycle_teaser_section_site_banner_view-block_1
  .views_slideshow_slide {
  width: 100% !important;
  height: auto !important;
}

.view-site-banner-view {
  position: relative;
}

.view-site-banner-view .views-slideshow-controls-bottom {
  position: absolute;
  width: 100%;
  bottom: 3%;
  z-index: 9;
}

.view-site-banner-view .views-slideshow-controls-bottom ul {
}

.view-site-banner-view .views-slideshow-controls-bottom ul li {
  border-radius: 10px;
  padding: 0 10px;
  background: #fff;
  margin: 0.4em;
  line-height: 20px;
}

.banner-wrap {
  position: relative;
  width: 100%;
}

.banner-wrap .banner-img-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.banner-wrap .banner-img-wrap::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
}

.banner-wrap .banner-img-wrap img {
  width: 100%;
  height: auto;
}

.banner-wrap .banner-body {
  text-align: center;
  color: #fff;
  width: 60%;
  position: absolute;
  /* top: 30%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-wrap .banner-body .banner-heading {
  font: 100px poppins-semibold;
  line-height: 1;
}

.banner-wrap .banner-body .banner-subheading {
  font: 40px poppins-medium;
  line-height: 1.2;
}

/* Draws */
.view-site-banner-view .view-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.draw-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.draw-item {
  text-decoration: none !important;
  padding: 0.5em;
  text-align: center;
  width: 280px;
  border-radius: 30px 30px 0 0;
  border: 1px solid #fff;
}

.draw-item.bg-1 {
  background-color: #627676;
}

.draw-item.bg-2 {
  background-color: #366838;
}

.draw-item.bg-3 {
  background-color: #9bc291;
}

.draw-item.bg-4 {
  background-color: #368fa2;
}

.draw-item .draw-ico {
  display: block;
  width: 100%;
  height: 90px;
  overflow: hidden;
  background-color: #000;
  border-radius: 30px;
}

.draw-item .draw-ico.ico1 {
  background: url("../images/health.png") no-repeat center center / contain;
}

.draw-item .draw-ico.ico2 {
  background: url("../images/roads.png") no-repeat center center / contain;
}

.draw-item .draw-ico.ico3 {
  background: url("../images/urban_dev.png") no-repeat center center / contain;
}

.draw-item .draw-ico.ico4 {
  background: url("../images/energy.png") no-repeat center center / contain;
}

.draw-item .draw-title {
  font: 25px poppins-medium;
  color: #fff;
}

/* OV Section */
.ov-section {
}

.ov-head {
}

.ov-wrap,
.section02_wrap {
  background-color: #035356;
  display: flex;
  flex-wrap: wrap;
  padding: 3em 2em;
}

.ov-map-wrap {
  text-align: center;
  padding: 0;
}

.ov-map {
  padding: 2em 3em 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}

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

.ov-map-wrap .ov-map-text {
  color: #fff;
  /* font: 25px poppins-regular; */
  font: 20px poppins-regular;
  margin-top: 1em;
}

.ov-map-foot {
  margin-top: 2em;
}

.ov-map-foot .ov-btn {
  display: inline-block;
  background-color: #b0a326;
  font: 25px poppins-semibold;
  color: #fff;
  border-radius: 30px;
  padding: 0.25em 1em;
  width: 350px;
  max-width: 100%;
  box-shadow: 0px 4px 4px rgba(250, 254, 251, 0.3);
}

.ov-content {
}

.ov-item {
}

.ov-item .ov-title {
  /* font: 35px poppins-bold; */
  font: 28px poppins-bold;
  color: #fff;
}

.ov-item .ov-body {
  /* font: 20px poppins-regular; */
  font: 16px poppins-regular;
  color: #fff;
  text-align: justify;
}

/* our leadership section */
.ol-section {
}

.ol-head {
}

.ol-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  background-color: #077f84;
  padding: 2em 3em;
}

.ol-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* align-items: center; */
  padding: 0;
}

.ol-item .ol-body {
  color: #fff;
  /* font: 18px inter-regular; */
  font: 16px inter-regular;
  line-height: 1.5;
  width: 70%;
  margin-right: 10px;
  margin-bottom: 1em;
}

.ol-item .ol-body .ol-title {
  /* font: 35px poppins-bold; */
  font: 28px poppins-bold;
  color: #fff;
  margin: 0;
}

.ol-item .ol-body .ol-content {
  text-align: justify;
  margin-bottom: 20px;
}

.ol-item .ol-body .ol-content strong {
}

.ol-item .ol-img-wrap {
}

.ol-item .ol-img-wrap .ol-img {
}

.ol-item .ol-img-wrap .ol-img img {
  width: 215px;
  height: auto;
}

.ol-item .ol-img-wrap .ol-signature {
  margin-top: 1em;
  text-align: center;
}

.ol-item .ol-img-wrap .ol-signature .ol-name {
  /* font: 24px poppins-bold; */
  font: 22px poppins-bold;
  color: #fff;
  margin: 0;
}

.ol-item .ol-img-wrap .ol-signature .ol-designation {
  /* font: 16px poppins-regular; */
  font: 15px poppins-regular;
  color: #fff;
  margin: 0;
}

/* Homepage project slider  */
.hp-wrap {
}

.hp-wrap .slick--skin--boxed > .slick__slider > .slick-list {
  margin: 0;
}

.hp-wrap .slick-arrow::before {
  color: transparent;
  font-size: 100%;
}

.hp-wrap .slick-prev::before {
  content: url("../images/hp-arrow-left.png");
}

.hp-wrap .slick-next::before {
  content: url("../images/hp-arrow-right.png");
}

.hp-item {
  /* padding: 0 20px; */
  text-align: center;
  overflow: hidden;
}

.hp-item .hp-img {
  border-radius: 30px;
  width: 80%;
  max-width: 100%;
  height: 450px;
  overflow: hidden;
  margin: 0 auto;
}

.hp-item .hp-img img {
  width: 100%;
  height: 100%;
}

.hp-item .hp-title {
  font: 18px poppins-regular;
  color: #ffffff;
  width: 70%;
  margin: 1em auto 0;
}

/* Executed Projects Section */
.ep-section {
  padding: 1em 2em;
}

.ep-head {
}

.ep-wrap {
}

.ep-item {
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 270px;
  cursor: pointer;
  margin: 10px 5px;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ep-item.bg-1 {
  background-image: url("../images/ep-img1.png");
}

.ep-item.bg-2 {
  background-image: url("../images/ep-img2.png");
}

.ep-item.bg-3 {
  background-image: url("../images/ep-img3.png");
}

.ep-item.bg-4 {
  background-image: url("../images/ep-img4.png");
}

.ep-item.bg-5 {
  background-image: url("../images/ep-img5.png");
}

.ep-item.bg-6 {
  background-image: url("../images/ep-img6.png");
}

.ep-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* z-index: -1; */
}

.ep-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* z-index: -1; */
  overflow: hidden;
}

.ep-item .overlay-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ep-item .overlay-img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.ep-item .overlay-img img {
  width: 100%;
  height: 100%;
}

.ep-item .ep-content {
  position: absolute;
  bottom: 5%;
  padding: 1em;
  width: 100%;
}

.ep-item .ep-content .ep-title {
  color: #fff;
  font: 22px poppins-bold;
  line-height: 1.2;
  width: 80%;
}

.ep-item .ep-content .ep-readmore {
  color: #153258;
  font: 15px poppins-medium;
  text-align: right;
  text-decoration: underline;
}

.ep-item .ep-content-hvr {
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  position: relative;
  top: 100%;
  height: 100%;
  padding: 3em 1em;
  transition: all 0.6s ease-out;
}

.ep-item:hover > .ep-content-hvr {
  top: 50%;
}

.ep-item .ep-content-hvr .ep-title {
  font: 22px poppins-bold;
  line-height: 1.2;
  color: #000;
}

.ep-item .ep-content-hvr .ep-readmore {
  color: #5968ef;
  font: 14px poppins-regular;
}

/* Pipeline Projects */
.pp-section {
}

.pp-head {
}

.pp-wrap {
  display: flex;
  flex-wrap: wrap;
  background-color: #627676;
  padding: 3em 2em;
}

.pp-img {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

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

.pp-content {
  width: 90%;
}

.pp-content .pp-title {
  /* font: 40px inter-bold; */
  font: 28px inter-bold;
  color: #fff;
  margin-top: 0;
}

.pp-content .pp-body {
  color: #fff;
  font: 16px poppins-regular;
  line-height: 2;
  text-align: justify;
}

.pp-content .pp-foot {
  margin-top: 1em;
}

/* Untapped Sectors */
.us-wrap {
}

.us-head {
}

.us-head .section-heading {
}

.us-wrap .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.us-wrap .view-content::after {
  content: "";
  clear: both;
  display: block;
}

.us-item {
  display: block;
  position: relative;
  width: 295px;
  height: 205px;
  text-decoration: none;
  margin: 5px;
}

.us-item .us-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.us-item .us-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.6s ease;
}

.us-item .us-img img {
  height: 100%;
  width: 100%;
  transition: all 0.6s ease;
}

.us-item:hover .us-img img {
  transform: scale(1.2);
}

.us-item .us-title {
  color: #fff;
  font: 22px poppins-semibold;
  position: absolute;
  bottom: 10px;
  left: 10px;
}

/* News & Updates */
.nu-section {
  padding: 3em 1em;
}

.nu-section .slick--skin--boxed > .slick__slider > .slick-list {
  margin: 0;
}

.nu-item {
  display: flex;
  background: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 0 10px 10px 10px;
  position: relative;
  height: 256px;
}

.nu-item .nu-content {
  width: 50%;
  padding: 1em;
  position: relative;
}

.nu-item .nu-content .nu-date {
  /* font: 20px inter-medium; */
  font: 18px inter-medium;
}

.nu-item .nu-content .nu-title {
  /* font: 25px inter-semibold; */
  font: 22px inter-semibold;
  color: #000;
}

.nu-item .nu-content .nu-foot {
  position: absolute;
  width: 100%;
  /* left: 0; */
  bottom: 10px;
}

.nu-item .nu-content .nu-foot .nu-lnk {
  display: block;
  width: 150px;
  /* height: 67px; */
  background-color: #007b2a;
  border-radius: 20px;
  font: 16px inter-regular;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  color: #ffffff;
  padding: 0.75em 1.5em;
}

.nu-item .nu-img {
  width: 50%;
  overflow: hidden;
}

.nu-item .nu-img img {
  width: 100%;
  height: 100%;
}

/* Gallery & Event Section */
.ge-section {
  padding: 1em 2em;
}

.ge-head {
}

.ge-wrap {
}

.ge-item {
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 270px;
  cursor: pointer;
  margin: 10px 5px;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.4);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.ge-item.bg-1 {
  background-image: url("../images/ep-img4.png");
}

.ge-item.bg-2 {
  background-image: url("../images/documentary-image.jpg");
}

.ge-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* z-index: -1; */
}

.ge-item .ge-content {
  position: absolute;
  bottom: 5%;
  padding: 1em;
  width: 100%;
}

.ge-item .ge-content .ge-title {
  color: #fff;
  font: 22px poppins-bold;
  line-height: 1.2;
  width: 80%;
}

.ge-item .ge-content .ge-readmore {
  color: #153258;
  font: 15px poppins-medium;
  text-align: right;
  text-decoration: underline;
}

.ge-item .ge-content-hvr {
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  position: relative;
  top: 100%;
  height: 100%;
  padding: 3em 1em;
  transition: all 0.6s ease-out;
}

.ge-item:hover > .ge-content-hvr {
  top: 50%;
}

.ge-item .ge-content-hvr .ge-title {
  font: 22px poppins-bold;
  line-height: 1.2;
  color: #000;
}

.ge-item .ge-content-hvr .ge-readmore {
  color: #5968ef;
  font: 14px poppins-regular;
}

/* Contact Section */
.contact-section {
  padding: 1em 1em 3em;
}

.contact-head {
}

.contact-wrap {
}

.contact-wrap::after {
  content: "";
  clear: both;
  display: block;
}

.map-section {
}

.map-section .map-title {
  font-family: inter-regular;
  font-size: 30px;
  color: #000000;
}

.map-section .map-text {
  font-family: poppins-regular;
  font-size: 15px;
  text-align: justify;
  color: #000000;
  margin-bottom: 2em;
}

.map-section .map-wrap {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.map-section .map-wrap iframe {
  width: 100%;
  height: 193px;
}

.form-wrap {
}

.form-wrap .form-control {
  box-sizing: border-box;
  height: 60px;
  border: 1px solid #333333;
  border-radius: 6px;
}

.form-wrap .form-control::placeholder {
  font-family: poppins-regular;
  font-size: 16px;
  color: rgba(19, 39, 67, 0.5);
}

.form-wrap textarea.form-control {
  height: auto;
}

.form-wrap .btn-contact {
  box-sizing: border-box;
  width: 160px;
  height: 50px;
  background: #c81f4d;
  border: 1.5px solid #035356;
  box-shadow: 0px 4px 20px #399b43;
  border-radius: 6px;
}

/*Footer*/
/* .footer {
  margin: 0;
  padding: 0 15px;
  background: #C81F4D;
  color: #fff;
  font: 14px poppins-regular;
}

.footer a {
  color: #fff;
}

.footer::before {
 
}

.footer-top {
  padding: 2em 1em;
}

.footer-col {}

.footer-col .footer-logo {
  width: auto;
  margin-bottom: 20px;
}

.footer-col .footer-heading {
  font: 16px poppins-bold;
  color: #fff;
  min-height: 16px;
  margin-top: 0;
}

.footer-col .footer-content {
  text-align: justify;
}

.footer-col .footer-lnk {
  color: #fff;
}

.footer-col .footer-list {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer-col .footer-list li {
  border-bottom: 1px solid #fff;
  padding: 0.5em 0;
}

.footer-col .footer-list li:last-child {
  border-bottom: 0;
}

.footer-col .footer-list li a {
  text-decoration: none !important;
  color: #fff;
}

.footer-bottom {
  padding: 8px 15px;
  font: 14px inter-regular;
  background-color: #035356;
}

.footer-bottom .copy-lnk {
  text-align: left;
}

.footer-bottom .power-lnk {
  text-align: right;
} */

/*Inner page*/
.inner-page {
  /* background: url('../images/internal-bg.png') no-repeat fixed center center / cover; */
  /* Pattren */
  /* background: url('../images/pattren.png') repeat fixed center center; */
  min-height: calc(100vh - 175.6px);
  color: #030303;
}

.inner-page #page-title {
  font: 36px poppins-semibold;
  border: none;
  color: #c81f4d;
  margin: 20px 0 10px;
}

.inner-page h2 {
  font: 30px poppins-semibold;
}

.inner-page h3 {
  font: 24px poppins-semibold;
  color: #030303;
}

.inner-page h4 {
  font: 18px poppins-semibold;
  color: #c81f4d;
}

.inner-page a {
  font: 16px poppins-regular;
  color: #333;
  border-bottom: 1px dashed #333;
}

.inner-page a:hover,
.inner-page a:focus {
  text-decoration: none;
}

.inner-page ul {
}

.inner-page ul li {
  /* list-style-image: url('../images/list-bullet.png'); */
  margin: 0.5em 0;
}

.inner-page .breadcrumb {
  margin: 0 -15px;
  padding: 0.5em 2em;
  background-color: #f5f5f5;
  border-radius: 0;
}

.inner-page .breadcrumb li {
  font: 15px poppins-regular;
}

.inner-page .breadcrumb li a {
  color: #035356;
  border: 0;
}

.inner-page .breadcrumb li.active {
  color: #030303;
}

.inner-page .breadcrumb > li + li::before {
  color: #030303;
}

.inner-page .main-content {
  padding-bottom: 3em;
  box-sizing: border-box;
}

.inner-page .align-left {
  margin-right: 10px;
}

.inner-page .align-right {
  margin-left: 10px;
}

.field--name-field-date {
  font-weight: bold;
  margin-bottom: 8px;
}

.t-file {
  background: url("../images/download.png") no-repeat center center / contain;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: 0 !important;
}

table .t-file {
  text-align: center;
  margin: 0 auto;
}

/* Leadership Page */
.leadership-page-block {
}

.leadership-page-block .leadership-heading {
}

.leadership-page-block .leadership-content {
  font: 16px poppins-regular;
}

.leadership-page-block .view-content,
.team-page-block .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3em 1em;
}

.team-card {
}

.team-card .team-img {
  width: 210px;
  height: 210px;
  overflow: hidden;
  border: 1px solid #c81f4d;
  border-radius: 10px;
  margin: 0 auto;
}

.team-card .team-img img {
  width: 100%;
  height: 100%;
}

.team-card .team-content {
}

.team-card .team-content .team-head {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1em 0;
}

.team-card .team-content .team-head .team-np-wrap {
  margin-bottom: 10px;
  text-align: center;
}

.team-card .team-content .team-head .team-np-wrap::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #c81f4d;
  margin: 1em auto 0;
}

.team-card .team-content .team-head .team-np-wrap .team-name {
  font: 24px poppins-bold;
  color: #c81f4d;
}

.team-card .team-content .team-head .team-np-wrap .team-position {
  font: 14px poppins-regular;
  color: #3c3c43;
}

.team-card .team-content .team-head .team-exp-wrap {
  display: flex;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 0;
  padding: 1em;
  background-color: #f2f2f7;
  border-radius: 8px;
  width: 112px;
  height: 87px;
  margin-right: 8px;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp .team-number {
  font: 18px poppins-semibold;
  color: #c81f4d;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp .team-exp-label {
  font: 12px poppins-regular;
  line-height: 1.2;
  color: #000;
}

.team-card .team-content .team-text {
  font: 16px poppins-regular;
  color: #3c3c43;
  text-align: justify;
}

/* Projects Page */
.project-item {
  margin-bottom: 2em;
}
.path-operational-projects .breadcrumb li:last-child,
.path-development-projects .breadcrumb li:last-child,
.path-awarded-projects .breadcrumb li:last-child {
  display: none;
}
.project-item::after {
  /* content: '';
  display: block;
  width: 100%;
  height: 100px;
  background-color: #035356; */
}

.project-item .project-title {
  font: 30px poppins-semibold;
  color: #030303;
}

.project-item .project-wrap {
}

.project-item .project-description {
}

.project-item .project-head {
  font: 20px poppins-semibold;
  color: #030303;
  margin-top: 0;
}

.project-item .project-content {
  font: 16px poppins-regular;
  color: #030303;
  margin-bottom: 1em;
}

.project-item .project-img {
  padding: 0;
}

.project-item .project-img .field--type-image {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.project-item .project-img .field--type-image .field--item {
  width: 140px;
  height: 150px;
  overflow: hidden;
  margin: 5px;
  border-radius: 10px;
}

.project-item .project-img img {
  width: 150px;
  height: 150px;
}

.project-item .project-video {
}

/*Gallery Page*/
.gallery-item {
  margin-bottom: 20px;
}

.gallery-item .gallery-img {
  height: 150px;
  width: 220px;
  overflow: hidden;
  margin: 0 auto 1em;
}

.gallery-item .gallery-img img {
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: all 0.6s ease;
}

.gallery-item:hover .gallery-img img {
  transform: scale(1.2);
}

.gallery-item .gallery-title {
  font: 16px poppins-regular;
  text-align: center;
  height: 40px;
}

/* Documenteries */
.doc-item {
  text-align: center;
  margin-bottom: 20px;
}

.doc-item iframe {
  width: 100%;
  height: auto;
}

/*Notice Pages*/
.notice-wrap {
  margin-bottom: 20px;
}

.notice-wrap .notice-date {
  font-weight: bold;
  margin-bottom: 8px;
}

.notice-wrap .notice-title {
}

.notice-wrap .notice-title a {
}

/* Custom Pages */
/* Who We Are */
.wwa-page {
  font: 18px inter-regular;
}

.wwa-page h2 {
  font-family: inter-semibold;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #030303;
  margin: 0;
}

.wwa-page p {
  font: 18px inter-regular;
  line-height: 1.5;
  margin-bottom: 1em;
}

.wwa-page ol,
.wwa-page ul {
  margin-bottom: 1em;
}

.wwa-page ol li,
.wwa-page ul li {
  padding: 0.5em 0;
}

.wwa-page table {
  font-size: 16px;
}

.wwa-page table p {
  margin: 0;
}

.wwa-page .ts-1 > tbody > tr {
  background-color: #e9ebf5;
}

.wwa-page .ts-1 > tbody > tr:nth-of-type(2n + 1) {
  background-color: #cfd5ea;
}

.wwa-page .ts-2 > tbody > tr {
  background-color: #fff;
}

.wwa-page .ts-2 > tbody > tr:nth-of-type(2n + 1) {
  background-color: #aadaef;
}

/* Download icon */
a.tFile {
  background: url("../images/download.png") no-repeat center center / contain;
  width: 24px;
  height: 24px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: 0;
  margin: 0 auto;
}

.inner-page table {
}

.inner-page table tr {
}

.inner-page table tr {
}

.inner-page table a {
  border: 0;
  color: inherit;
  font: inherit;
}

/* FAQ Image */
.faq-item {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 1em;
}

.faq-item .faq-question {
  font: 16px inter-semibold;
  color: #000000;
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5em 1em;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.faq-item .faq-question.active,
.faq-item .faq-question:hover {
  background-color: #fafbff;
}

.faq-item .faq-question .faq-title {
  display: flex;
  align-items: center;
}

.faq-item .faq-question .faq-title::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: rgba(200, 31, 77, 0.5);
  border-radius: 50px;
  margin-right: 10px;
  transition: all 0.6s ease;
}

.faq-item .faq-question:hover .faq-title::before,
.faq-item .faq-question.active .faq-title::before {
  background: #c81f4d;
}

.faq-item .faq-question .faq-icon {
  background-image: url("../images/expend-i.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.faq-item .faq-question.active .faq-icon {
  background-image: url("../images/expend-o.png");
}

.faq-item .faq-answer {
  font: 16px inter-regular;
  color: #000;
  text-align: justify;
  position: relative;
  padding: 1.5em;
  background-color: #fafbff;
}

/*Site Map*/
.sitemap {
  padding: 0 1.5em;
}

.sitemap h2 {
  font: 30px poppins-semibold;
  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;
  display: inline-block;
}

.sitemap ul li a:hover {
  text-decoration: underline;
  background-color: transparent;
}

.sitemap-item ul li ul {
  position: initial;
  display: block;
  border: none;
  border-radius: 0;
  box-shadow: none;
  list-style: circle;
}

/* customization by:- tyb */
.our-leadership-item .team-text {
  display: none;
}

.view-profile-btn {
  display: block;
  text-align: center;
  max-width: 116px;
  background: transparent;
  border: 1px solid #c81f4d !important;
  color: #c81f4d !important;
  margin: 0 auto 1em;
}

.profile-link > a {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 166px;
  border: 1px solid #c81f4d;
  padding: 8px 0;
  border-radius: 8px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.profile-link > a:hover,
.profile-link > a:focus {
  background: #c81f4d;
  color: #fff;
}
.ol-item .ol-img-wrap {
  text-align: center;
  width: 29%;
}
.view-our-ceo-s.view-id-our_ceo_s.view-display-id-page_1 .view-content > * {
  margin: 0 0 2em;
}
/* Reponsive*/
@media screen and (1366px) {
  .ol-item .ol-body {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  /* Dropdown */
  .main_nav .navbar-nav li.dropdown .dropdown-menu li {
  }

  .main_nav .navbar-nav li.dropdown .dropdown-menu li a {
    background-color: transparent;
    color: #fff;
  }

  .main_nav .navbar-nav li.dropdown .dropdown-menu li.active a,
  .main_nav .navbar-nav li.dropdown .dropdown-menu li a:hover,
  .main_nav .navbar-nav li.dropdown .dropdown-menu li a:focus {
    background-color: #fff !important;
    color: #035356 !important;
  }

  .section-heading {
    font-size: 35px;
  }

  .fp-news-item {
    padding: 1em;
  }

  .banner-wrap .banner-body .banner-heading {
    font-size: 20px;
  }

  .banner-wrap .banner-body .banner-subheading {
    font-size: 18px;
  }

  .view-site-banner-view .view-footer {
    position: static;
  }

  .draw-item {
    width: 50%;
    border-radius: 0;
  }

  .draw-item .draw-title {
    font-size: 18px;
  }

  .ov-wrap,
  .section02_wrap {
    padding: 3em 0;
  }

  .hp-wrap .slick--skin--boxed > .slick__slider > .slick-list {
    margin: 0 20px;
  }

  .hp-item .hp-img {
    height: auto;
  }

  .hp-item .hp-img img {
    width: 100%;
    height: auto;
  }

  .ov-wrap {
    padding: 2em 1em 3em;
  }

  .ov-map-foot .ov-btn {
    width: 100%;
  }

  .ov-content {
    padding: 1em;
  }

  .ov-item .ov-title {
    font-size: 30px;
  }

  .ov-item .ov-body {
    font-size: 18px;
  }

  .ol-wrap {
    padding: 2em 1em;
  }

  .ol-item .ol-body {
    width: 100%;
  }

  .ol-item .ol-body .ol-title {
    font-size: 30px;
  }

  .pp-wrap {
    padding: 3em 1em;
  }

  .pp-img {
    margin-bottom: 20px;
  }

  .pp-content {
    width: 100%;
  }

  .pp-content .pp-title {
    font-size: 30px;
  }

  .contact-section {
    padding: 2em 0;
  }

  .map-section {
    padding: 1em 1em 2em;
  }

  .form-wrap .form-control {
    margin-bottom: 10px;
  }

  .footer-bottom .copy-lnk,
  .footer-bottom .power-lnk {
    text-align: center;
  }
}

@media screen and (max-width: 576px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
  .main_nav .search-block-form .form-group {
    float: right;
  }

  .main_nav .search-block-form .form-group::after {
    content: "";
    clear: both;
    display: block;
  }

  .main_nav .search-block-form .form-group .input-group {
    width: 250px;
  }

  .main_nav .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0;
  }

  .view-site-banner-view .view-footer {
    position: static;
  }

  .draw-item {
    width: 25%;
    border-radius: 0;
  }

  .ol-item .ol-body {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .ol-item .ol-body {
    width: 70%;
  }
}

@media screen and (min-width: 1200px) {
  .path-frontpage .navbar {
    /* position: absolute;
    z-index: 999;
    width: 100%; */
  }

  .view-site-banner-view .view-footer {
    position: absolute;
  }

  .draw-item {
    width: 280px;
    border-radius: 30px 30px 0 0;
  }

  .map-section {
    padding: 0 4em;
  }

  .form-wrap {
    padding: 0 4em;
  }
}

/* archived */
.views-field-field-pu a,
.views-field-field-files a {
  background: url("../images/application-pdf.png") no-repeat center center;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
/*Inner page*/
.inner-page {
  /* background: url('../images/internal-bg.png') no-repeat fixed center center / cover; */
  /* Pattren */
  /* background: url('../images/pattren.png') repeat fixed center center; */
  min-height: calc(100vh - 175.6px);
  color: #030303;
}

.inner-page #page-title {
  font: 36px poppins-semibold;
  border: none;
  color: #c81f4d;
  margin: 20px 0 10px;
}

.inner-page h2 {
  font: 30px poppins-semibold;
}

.inner-page h3 {
  font: 24px poppins-semibold;
  color: #030303;
}

.inner-page h4 {
  font: 18px poppins-semibold;
  color: #c81f4d;
}

.inner-page a {
  font: 16px poppins-regular;
  color: #333;
  border-bottom: 1px dashed #333;
}

.inner-page a:hover,
.inner-page a:focus {
  text-decoration: none;
}

.inner-page ul {
}

.inner-page ul li {
  /* list-style-image: url('../images/list-bullet.png'); */
  margin: 0.5em 0;
}

.inner-page .breadcrumb {
  margin: 0 -15px;
  padding: 0.5em 2em;
  background-color: #f5f5f5;
  border-radius: 0;
}

.inner-page .breadcrumb li {
  font: 15px poppins-regular;
}

.inner-page .breadcrumb li a {
  color: #035356;
  border: 0;
}

.inner-page .breadcrumb li.active {
  color: #030303;
}

.inner-page .breadcrumb > li + li::before {
  color: #030303;
}

.inner-page .main-content {
  padding-bottom: 3em;
  box-sizing: border-box;
}

.inner-page .align-left {
  margin-right: 10px;
}

.inner-page .align-right {
  margin-left: 10px;
}

.field--name-field-date {
  font-weight: bold;
  margin-bottom: 8px;
}

.t-file {
  background: url("../images/download.png") no-repeat center center / contain;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: 0 !important;
}

table .t-file {
  text-align: center;
  margin: 0 auto;
}

/* Leadership Page */
.leadership-page-block {
}

.leadership-page-block .leadership-heading {
}

.leadership-page-block .leadership-content {
  font: 16px poppins-regular;
}

.leadership-page-block .view-content,
.team-page-block .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 3em 1em;
}

.team-card {
}

.team-card .team-img {
  width: 210px;
  height: 210px;
  overflow: hidden;
  border: 1px solid #c81f4d;
  border-radius: 10px;
  margin: 0 auto;
}

.team-card .team-img img {
  width: 100%;
  height: 100%;
}

.team-card .team-content {
}

.team-card .team-content .team-head {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1em 0;
}

.team-card .team-content .team-head .team-np-wrap {
  margin-bottom: 10px;
  text-align: center;
}

.team-card .team-content .team-head .team-np-wrap::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #c81f4d;
  margin: 1em auto 0;
}

.team-card .team-content .team-head .team-np-wrap .team-name {
  font: 24px poppins-bold;
  color: #c81f4d;
}

.team-card .team-content .team-head .team-np-wrap .team-position {
  font: 14px poppins-regular;
  color: #3c3c43;
}

.team-card .team-content .team-head .team-exp-wrap {
  display: flex;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 0;
  padding: 1em;
  background-color: #f2f2f7;
  border-radius: 8px;
  width: 112px;
  height: 87px;
  margin-right: 8px;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp .team-number {
  font: 18px poppins-semibold;
  color: #c81f4d;
}

.team-card .team-content .team-head .team-exp-wrap .team-exp .team-exp-label {
  font: 12px poppins-regular;
  line-height: 1.2;
  color: #000;
}

.team-card .team-content .team-text {
  font: 16px poppins-regular;
  color: #3c3c43;
  text-align: justify;
}

/* Projects Page */
.project-item {
  margin-bottom: 2em;
}
.path-operational-projects .breadcrumb li:last-child,
.path-development-projects .breadcrumb li:last-child,
.path-awarded-projects .breadcrumb li:last-child {
  display: none;
}
.project-item::after {
  /* content: '';
  display: block;
  width: 100%;
  height: 100px;
  background-color: #035356; */
}

.project-item .project-title {
  font: 30px poppins-semibold;
  color: #030303;
}

.project-item .project-wrap {
}

.project-item .project-description {
}

.project-item .project-head {
  font: 20px poppins-semibold;
  color: #030303;
  margin-top: 0;
}

.project-item .project-content {
  font: 16px poppins-regular;
  color: #030303;
  margin-bottom: 1em;
}

.project-item .project-img {
  padding: 0;
}

.project-item .project-img .field--type-image {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

.project-item .project-img .field--type-image .field--item {
  width: 140px;
  height: 150px;
  overflow: hidden;
  margin: 5px;
  border-radius: 10px;
}

.project-item .project-img img {
  width: 150px;
  height: 150px;
}

.project-item .project-video {
}

/*Gallery Page*/
.gallery-item {
  margin-bottom: 20px;
}

.gallery-item .gallery-img {
  height: 150px;
  width: 220px;
  overflow: hidden;
  margin: 0 auto 1em;
}

.gallery-item .gallery-img img {
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: all 0.6s ease;
}

.gallery-item:hover .gallery-img img {
  transform: scale(1.2);
}

.gallery-item .gallery-title {
  font: 16px poppins-regular;
  text-align: center;
  height: 40px;
}

/* Documenteries */
.doc-item {
  text-align: center;
  margin-bottom: 20px;
}

.doc-item iframe {
  width: 100%;
  height: auto;
}

/*Notice Pages*/
.notice-wrap {
  margin-bottom: 20px;
}

.notice-wrap .notice-date {
  font-weight: bold;
  margin-bottom: 8px;
}

.notice-wrap .notice-title {
}

.notice-wrap .notice-title a {
}

/* Custom Pages */
/* Who We Are */
.wwa-page {
  font: 18px inter-regular;
}

.wwa-page h2 {
  font-family: inter-semibold;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #030303;
  margin: 0;
}

.wwa-page p {
  font: 18px inter-regular;
  line-height: 1.5;
  margin-bottom: 1em;
}

.wwa-page ol,
.wwa-page ul {
  margin-bottom: 1em;
}

.wwa-page ol li,
.wwa-page ul li {
  padding: 0.5em 0;
}

.wwa-page table {
  font-size: 16px;
}

.wwa-page table p {
  margin: 0;
}

.wwa-page .ts-1 > tbody > tr {
  background-color: #e9ebf5;
}

.wwa-page .ts-1 > tbody > tr:nth-of-type(2n + 1) {
  background-color: #cfd5ea;
}

.wwa-page .ts-2 > tbody > tr {
  background-color: #fff;
}

.wwa-page .ts-2 > tbody > tr:nth-of-type(2n + 1) {
  background-color: #aadaef;
}

/* Download icon */
a.tFile {
  background: url("../images/download.png") no-repeat center center / contain;
  width: 24px;
  height: 24px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border: 0;
  margin: 0 auto;
}

.inner-page table {
}

.inner-page table tr {
}

.inner-page table tr {
}

.inner-page table a {
  border: 0;
  color: inherit;
  font: inherit;
}

/* FAQ Image */
.faq-item {
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 1em;
}

.faq-item .faq-question {
  font: 16px inter-semibold;
  color: #000000;
  text-align: justify;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5em 1em;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border-bottom: 1px solid #eee;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.faq-item .faq-question.active,
.faq-item .faq-question:hover {
  background-color: #fafbff;
}

.faq-item .faq-question .faq-title {
  display: flex;
  align-items: center;
}

.faq-item .faq-question .faq-title::before {
  content: "";
  flex-shrink: 0;
  display: block;
  width: 24px;
  height: 24px;
  background: rgba(200, 31, 77, 0.5);
  border-radius: 50px;
  margin-right: 10px;
  transition: all 0.6s ease;
}

.faq-item .faq-question:hover .faq-title::before,
.faq-item .faq-question.active .faq-title::before {
  background: #c81f4d;
}

.faq-item .faq-question .faq-icon {
  background-image: url("../images/expend-i.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.faq-item .faq-question.active .faq-icon {
  background-image: url("../images/expend-o.png");
}

.faq-item .faq-answer {
  font: 16px inter-regular;
  color: #000;
  text-align: justify;
  position: relative;
  padding: 1.5em;
  background-color: #fafbff;
}

/*Site Map*/
.sitemap {
  padding: 0 1.5em;
}

.sitemap h2 {
  font: 30px poppins-semibold;
  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;
  display: inline-block;
}

.sitemap ul li a:hover {
  text-decoration: underline;
  background-color: transparent;
}

.sitemap-item ul li ul {
  position: initial;
  display: block;
  border: none;
  border-radius: 0;
  box-shadow: none;
  list-style: circle;
}

/* customization by:- tyb */
.our-leadership-item .team-text {
  display: none;
}

.view-profile-btn {
  display: block;
  text-align: center;
  max-width: 116px;
  background: transparent;
  border: 1px solid #c81f4d !important;
  color: #c81f4d !important;
  margin: 0 auto 1em;
}

.profile-link > a {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 166px;
  border: 1px solid #c81f4d;
  padding: 8px 0;
  border-radius: 8px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.profile-link > a:hover,
.profile-link > a:focus {
  background: #c81f4d;
  color: #fff;
}
.ol-item .ol-img-wrap {
  text-align: center;
  width: 29%;
}
.view-our-ceo-s.view-id-our_ceo_s.view-display-id-page_1 .view-content > * {
  margin: 0 0 2em;
}
/* Reponsive*/
@media screen and (1366px) {
  .ol-item .ol-body {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  /* Dropdown */
  .main_nav .navbar-nav li.dropdown .dropdown-menu li {
  }

  .main_nav .navbar-nav li.dropdown .dropdown-menu li a {
    background-color: transparent;
    color: #fff;
  }

  .main_nav .navbar-nav li.dropdown .dropdown-menu li.active a,
  .main_nav .navbar-nav li.dropdown .dropdown-menu li a:hover,
  .main_nav .navbar-nav li.dropdown .dropdown-menu li a:focus {
    background-color: #fff !important;
    color: #035356 !important;
  }

  .section-heading {
    font-size: 35px;
  }

  .fp-news-item {
    padding: 1em;
  }

  .banner-wrap .banner-body .banner-heading {
    font-size: 20px;
  }

  .banner-wrap .banner-body .banner-subheading {
    font-size: 18px;
  }

  .view-site-banner-view .view-footer {
    position: static;
  }

  .draw-item {
    width: 50%;
    border-radius: 0;
  }

  .draw-item .draw-title {
    font-size: 18px;
  }

  .ov-wrap,
  .section02_wrap {
    padding: 3em 0;
  }

  .hp-wrap .slick--skin--boxed > .slick__slider > .slick-list {
    margin: 0 20px;
  }

  .hp-item .hp-img {
    height: auto;
  }

  .hp-item .hp-img img {
    width: 100%;
    height: auto;
  }

  .ov-wrap {
    padding: 2em 1em 3em;
  }

  .ov-map-foot .ov-btn {
    width: 100%;
  }

  .ov-content {
    padding: 1em;
  }

  .ov-item .ov-title {
    font-size: 30px;
  }

  .ov-item .ov-body {
    font-size: 18px;
  }

  .ol-wrap {
    padding: 2em 1em;
  }

  .ol-item .ol-body {
    width: 100%;
  }

  .ol-item .ol-body .ol-title {
    font-size: 30px;
  }

  .pp-wrap {
    padding: 3em 1em;
  }

  .pp-img {
    margin-bottom: 20px;
  }

  .pp-content {
    width: 100%;
  }

  .pp-content .pp-title {
    font-size: 30px;
  }

  .contact-section {
    padding: 2em 0;
  }

  .map-section {
    padding: 1em 1em 2em;
  }

  .form-wrap .form-control {
    margin-bottom: 10px;
  }

  .footer-bottom .copy-lnk,
  .footer-bottom .power-lnk {
    text-align: center;
  }
}

@media screen and (max-width: 576px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
  .main_nav .search-block-form .form-group {
    float: right;
  }

  .main_nav .search-block-form .form-group::after {
    content: "";
    clear: both;
    display: block;
  }

  .main_nav .search-block-form .form-group .input-group {
    width: 250px;
  }

  .main_nav .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin: 0;
  }

  .view-site-banner-view .view-footer {
    position: static;
  }

  .draw-item {
    width: 25%;
    border-radius: 0;
  }

  .ol-item .ol-body {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .ol-item .ol-body {
    width: 70%;
  }
}

@media screen and (min-width: 1200px) {
  .path-frontpage .navbar {
    /* position: absolute;
    z-index: 999;
    width: 100%; */
  }

  .view-site-banner-view .view-footer {
    position: absolute;
  }

  .draw-item {
    width: 280px;
    border-radius: 30px 30px 0 0;
  }

  .map-section {
    padding: 0 4em;
  }

  .form-wrap {
    padding: 0 4em;
  }
}

/*  endof archived */