@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Raleway:400,600,700");

@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,500,600,700&display=swap");

* {
  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
}

.spacer1 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 10px;
}

.spacer2 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 20px;
}

.spacer3 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 30px;
}

.spacer4 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 40px;
}

.spacer5 {
  margin: 0;
  padding: 0;
  clear: both;
  height: 50px;
}

:focus,
:active,
:link,
button {
  border: none;
  outline: none;
  box-shadow: none;
}

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

.clear {
  margin: 0;
  padding: 0;
  clear: both;
}

/* ::selection {color:#fdbe1d; background:transparent;}

::-moz-selection {color:#fdbe1d; background:transparent;} */

body {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #3a3a3a;
  font-family: "Oswald", sans-serif;

  background-color: #fff;

  background-image: url(../images/bg-pattern.jpg);

  background-position: center 300px;

  -webkit-font-smoothing: antialiased;

  -moz-font-smoothing: antialiased;

  -ms-font-smoothing: antialiased;

  -o-font-smoothing: antialiased;

  letter-spacing: 0.03em;
}

body,
html {
  height: 100%;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: rgba(210, 210, 210, 0.8);

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.slow {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

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

input {
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: normal;
  color: #000;
}

.bb0 {
  border-bottom: none !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

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

p {
  margin-bottom: 15px;

  font-size: 17px;

  line-height: 24px;

  color: #000;

  font-family: Karla, sans-serif;

  letter-spacing: 0.5px;
}

h1 {
  margin-top: 0px;

  margin-bottom: 20px;

  font-family: Oswald, sans-serif;

  font-size: 44px;

  line-height: 52px;

  font-weight: 500;

  text-transform: uppercase;
  letter-spacing: 2px;
}

h2 {
  margin-top: 0px;
  margin-bottom: 24px;
  font-family: "Playfair Display";
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #0077a9;
}

h6 {
  margin-top: 6px;
  margin-bottom: 8px;
  font-family: "Poppins";
  font-size: 27px;
  line-height: 20px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h3 {
  font-size: 38px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 24px;
}

.heading2 {
  margin-top: 0px;

  margin-bottom: 10px;

  font-family: Oswald, sans-serif;

  font-size: 28px;

  font-weight: 400;

  color: #00a0e3;
}

h4 {
  margin-top: 0px;

  margin-bottom: 16px;

  font-family: Oswald, sans-serif;

  font-size: 22px;

  line-height: 28px;

  font-weight: 500;

  text-transform: uppercase;
  letter-spacing: 2px;
}

.note {
  font-style: italic;
  margin: 0;
}

.back-top {
  position: fixed;
  bottom: 105px;
  right: 15px;
  z-index: 2;
  padding: 10px 20px;
  display: none;
}

.back-top a {
  display: flex;
  align-items: center;
}

.back-top a:hover {
  text-decoration: none;
  color: #202020;
}

.back-top a span {
  text-decoration: none;
  margin: 0 7px 0 0;
  color: #8c8c8c;
  display: none;
}

.back-top .svg-inline--fa {
  font-size: 40px;
  color: #8c8c8c;
}

.back-top:hover span {
  display: block;
}

.container-fluid {
  width: auto;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;
}

.background-grid {
  width: 100%;
  z-index: 5;
}

.background-grid>.column {
  border-left: 1px solid rgba(0, 0, 0, 0.03);

  display: block;

  float: left;

  width: 33.33%;
}

.background-grid>.column:first-child {
  border-left: none;
}

.header {
  /*background-color: #fcfcfc;

  -webkit-box-shadow: -5px 0 30px 0 rgba(0, 0, 0, .1);

  -moz-box-shadow: -5px 0 30px 0 rgba(0, 0, 0, .1);

  box-shadow: -5px 0 30px 0 rgba(0, 0, 0, .1);*/

  position: fixed;

  width: 100%;

  height: 65px;

  /*z-index: 15*/
}

.nav-wraper {
  vertical-align: bottom;
}

.height-100 {
  height: 100% !important;
}

.width-100 {
  width: 100% !important;
}

.display-table {
  display: table !important;
}

.position-fixed {
  position: fixed !important;
}

.navbar {
  border: none;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0px;
  background: #fff;
  border-radius: 0px;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.display-table-cell {
  display: table-cell !important;
}

.text-small {
  font-size: 11px !important;

  line-height: 20px !important;
}

.header .logo {
  width: 55px;

  margin-left: 15px;

  height: 100%;

  z-index: 5;
}

.logo a {
  display: block;
  width: 100%;
}

.logo a img {
  width: 100%;
  object-fit: contain;
}

.text-center {
  text-align: center;
}

.navbar .nav>li>a {
  display: inline-block;
  text-transform: none;

  font-weight: 500;

  color: #5c7515;

  font-size: 14px;

  font-family: Oswald, sans-serif;

  letter-spacing: 1px;

  padding: 10px 15px;
  text-transform: uppercase;
}

.nav>li {
  position: relative;

  display: block;
}

.slogo {
  float: right;
  display: none;
  width: 150px;
  margin: 5px 0 0 0;
}

.sticky .slogo {
  display: block;
}

.wrapper {
  background: 0 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

#banner_body {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;
}

.no-padding-bottom,
.no-padding-tb {
  padding-bottom: 0 !important;
}

.no-padding-tb,
.no-padding-top {
  padding-top: 0 !important;
}

/*** 



====================================================================

  Header Section style

====================================================================



***/

.hero-split-content {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 100vh;

  padding-right: 5%;

  padding-left: 2.7%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;
}

.hero-split-intro {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;
}

.contact-block {
  position: absolute;

  left: 0px;

  top: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-top: 20px;

  margin-bottom: 8px;

  padding-top: 0px;

  padding-bottom: 16px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  font-family: Oswald, sans-serif;

  color: #bbb;

  font-size: 13px;

  line-height: 24px;

  text-transform: uppercase;
}

.contact-text {
  margin-right: 10px;
}

.link-v1 {
  box-shadow: 0 2px 0 0 #ddd;

  -webkit-transition: box-shadow 400ms ease;

  transition: box-shadow 400ms ease;

  font-family: Oswald, sans-serif;

  color: #111;

  margin-left: 5px;

  font-size: 13px;

  line-height: 24px;

  text-decoration: none;

  text-transform: uppercase;
}

.grey-text {
  color: #777;
}

.text-link {
  box-shadow: 0 1px 0 0 #faaf52;

  -webkit-transition: box-shadow 400ms ease;

  transition: box-shadow 400ms ease;

  color: #faaf52;

  text-decoration: none;
}

.color-text {
  color: #faaf52;
}

.text-link:hover {
  box-shadow: 0 2px 0 0 #faaf52;

  color: #faaf52;
}

.hero-split-content p {
  margin-bottom: 24px;

  font-size: 15px;

  line-height: 24px;
}

.signature {
  margin-bottom: 8px;
}

.location-block {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  min-height: 32px;

  padding-right: 16px;

  padding-left: 40px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  color: #777;

  font-size: 12px;

  line-height: 16px;
}

.location-block.home-v2 {
  position: absolute;

  left: 0px;

  bottom: 0px;

  margin-bottom: 80px;

  color: #777;
}

.location-icon {
  position: absolute;

  left: 0px;

  top: 0px;

  margin-top: 2px;

  float: left;
}

.text-block {
  float: left;

  font-size: 12px;

  line-height: 16px;

  color: #7d7d7d;
}

.location-text {
  float: left;

  font-family: Oswald, sans-serif;

  font-size: 16px;

  line-height: 20px;

  color: #000;
}

.split-image.hero-1 {
  height: 100vh;

  background-image: linear-gradient(0deg,
      rgba(0, 0, 0, 0.3),
      hsla(0, 0%, 100%, 0) 25%),
    url(../images/1.jpg);

  background-position: 0px 0px, 50% 0px;

  background-size: auto, cover;

  background-repeat: repeat, no-repeat;

  margin: 0 -13px 0 -40px;
}

.bannerbg2 {
  background-image: url(../images/banner1.jpg);

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;
}

.bannerbg {
  background-image: url(../images/bannerbg1.jpg);

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;
}

.split-image.hero-2 {
  height: 100vh;

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  margin: 0 -15px;
}

.split-image.hero-3 {
  height: 100vh;

  background-image: url(../images/2.png);

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  margin: 0 -15px;
}

.w-inline-block {
  max-width: 100%;

  display: inline-block;
}

.hero-scroll-button {
  position: absolute;

  left: 70px;

  bottom: 80px;

  z-index: 1;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 64px;

  height: 64px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #96bf1f;

  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.2);
}

.scroll-img {
  position: relative;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

.w-inline-block {
  max-width: 100%;

  display: inline-block;
}

.section-flex {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;
}

.section {
  padding: 100px 0;
}

.profile-image {
  margin-top: 15px;

  margin-bottom: 8px;
}

.profile-image .image-wraper {
  width: 66.66%;

  margin-left: 15px;
  margin-top: 40px;
}

.profile-image .image-wraper:after,
.profile-image .image-wraper:before {
  content: "";

  display: none;

  width: 45px;

  height: 45px;

  position: absolute;
}

.profile-image .image-wraper:before {
  border-top: 2px solid #00a0e3;

  border-left: 2px solid #00a0e3;

  margin-top: -15px;

  margin-left: -15px;

  top: 0;

  left: 0;
}

.profile-image .image-wraper:after {
  border-right: 2px solid #00a0e3;

  border-bottom: 2px solid #00a0e3;

  margin-bottom: -15px;

  margin-right: -15px;

  bottom: 0;

  right: 0;
}

.side-image-float {
  position: absolute;

  width: 66.66%;

  box-shadow: 8px 8px 28px 0 rgba(0, 0, 0, 0.26);
}

.side-image-float.right {
  right: 15px;

  top: 50%;

  transform: translateY(-50%);
}

.profile-detail {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;
}

.profile-detail .inner-content {
  background: url(../images/bg-profile-detail.jpg) #fcfcfc;

  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);

  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.08);

  padding: 20px 15px;

  position: relative;
}

.side-feature-list-item {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding-top: 15px;

  padding-bottom: 15px;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  font-size: 15px;

  line-height: 20px;

  font-weight: 700;
}

.check-mark-icon {
  margin-right: 16px;
}

.profile-image .image-wraper:after,
.profile-image .image-wraper:before {
  display: block;
}

.message_img {
  float: left;
  width: 50%;
}

.message_img img {
  background: #ededed;

  width: 55px;

  height: 60px;

  float: left;

  margin: 0 5px 0 0;
}

.message_img p {
  font-size: 14px;
  color: #0f550f;
}

.link-v2 {
  display: inline-block;

  box-shadow: 0 2px 0 0 #ddd;

  -webkit-transition: box-shadow 400ms ease;

  transition: box-shadow 400ms ease;

  font-family: Oswald, sans-serif;

  color: #111;

  font-size: 16px;

  line-height: 24px;

  text-decoration: none;
  cursor: pointer;
}

.section-title {
  margin-bottom: 60px;
}

.section-title h2 {
  margin-bottom: 24px;

  margin-top: 0;

  display: inline-block;

  position: relative;

  padding-left: 16px;
}

.section-title p {
  margin-bottom: 0;

  max-width: 600px;
}

.section-title.center p {
  margin: 0 auto;

  text-align: center;
}

.white {
  color: rgba(255, 255, 255, 0.7) !important;
}

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

.section .section-title h2.has-sideline,
.section .section-title h3.has-sideline,
.section .section-title h4.has-sideline,
.section .section-title h5.has-sideline,
.section .section-title h6.has-sideline,
.section .section-title span.has-sideline {
  display: inline-block;

  position: relative;

  padding-left: 16px;
}

.section .section-title h2.has-sideline:before,
.section .section-title h3.has-sideline:before,
.section .section-title h4.has-sideline:before,
.section .section-title h5.has-sideline:before,
.section .section-title h6.has-sideline:before,
.section .section-title span.has-sideline:before {
  background-color: #00a0e3;

  content: "";

  display: block;

  margin-top: -1px;

  position: absolute;

  top: 50%;

  left: 0;

  width: 10px;

  height: 5px;
}

.has-sideline:before {
  background-color: #00a0e3;

  content: "";

  display: block;

  margin-top: -1px;

  position: absolute;

  top: 50%;

  left: 0;

  width: 10px;

  height: 5px;
}

.projects {
  box-shadow: 0 3px 30px 3px rgba(0, 0, 0, 0.03);
}

.projectv2 {
  padding-bottom: 85px;

  background-image: url(../images/bg-pattern.jpg);

  background-position: center center;

  background-size: cover;

  border-top: 1px solid #e4e3e3;
}

.projectv2 .row {
  padding-left: 15px;

  padding-right: 15px;
}

.projectv2 .col-md-4 {
  padding-left: 7.5px;

  padding-right: 7.5px;
}

.projectv2 .projects>.inner-content {
  padding: 0;
}

.projectv2 .projects {
  margin-bottom: 15px;
}

.projects>.inner-content {
  padding: 15px;

  position: relative;
}

.projects>.inner-content .thumb:before {
  position: absolute;

  content: "";

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 30%;

  background-image: -webkit-linear-gradient(180deg, #202124, transparent);

  background-image: linear-gradient(180deg, #202124, transparent);
}

.projects>.inner-content .thumb:after {
  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  width: 100%;

  height: 30%;

  background-image: -webkit-linear-gradient(0deg, #202124, transparent);

  background-image: linear-gradient(0deg, #202124, transparent);
}

.projects>.inner-content .thumb {
  overflow: hidden;
}

.projects>.inner-content img {
  -webkit-transition: all 1s ease-in-out;

  -moz-transition: all 1s ease-in-out;

  -o-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;
}

.projects>.inner-content:hover img {
  transform: scale(1.2);
}

.projects>.inner-content:before {
  background-color: #00a0e3;

  content: "";

  display: block;

  position: absolute;

  bottom: 16px;

  right: 0;

  width: 3px;

  height: 18px;
}

.projects>.inner-content .project-title h3 {
  line-height: 22px !important;

  margin-top: -12px;

  max-width: 300px;

  top: 0;

  left: 0;
}

.projects>.inner-content .project-title-v2 h3 {
  line-height: 30px !important;

  max-width: 300px;

  z-index: 2;

  color: #fff;

  font-size: 24px;

  padding: 20px;

  top: 30px;

  left: 0;

  font-weight: 600;

  font-family: Oswald, sans-serif;
}

.projects>.inner-content .project-about .project-detail {
  background: rgba(255, 255, 255, 0.93);

  opacity: 0;

  padding: 20px;

  top: 0;

  left: 0;

  -webkit-transition: opacity 0.2s ease-in-out;

  -moz-transition: opacity 0.2s ease-in-out;

  -o-transition: opacity 0.2s ease-in-out;

  transition: opacity 0.2s ease-in-out;
}

.projects>.inner-content .project-about .project-detail.active,
.projects>.inner-content .project-about .project-detail:hover {
  opacity: 1;
}

.popup-main {
  display: none;
}

.projects>.inner-content .project-summary-v2 {
  position: absolute;

  overflow: hidden;

  width: 85%;

  z-index: 7;

  bottom: 30px;

  padding: 20px;
}

.project-summary-v2 .project-number {
  color: #fff;
  font-family: Karla, sans-serif;
}

.letter-spacing-1 {
  letter-spacing: 1px !important;
}

.font-weight-700 {
  font-weight: 700 !important;
}

.title-small {
  font-size: 20px !important;

  line-height: 30px !important;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.project-summary-v2 .popup-trigger {
  color: #fff;

  padding: 10px;

  border-left: 2px solid #00a0e3;

  font-family: Karla, sans-serif;
}

.project-summary-v2 .popup-trigger:hover {
  background: #00a0e3;
}

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

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

a,
a:active,
a:focus,
a:hover {
  text-decoration: none;

  color: #333;
}

.tariff_content_body {}

.tariff_content_body .item {
  margin-bottom: 40px;
  position: relative;
}

.tariff_content_body .item .circle-icon {
  cursor: pointer;

  text-align: center;
  width: 60px;

  height: 60px;
  box-shadow: 0 0 15px #e0e0e0;
  border-radius: 50%;
  position: absolute;

  background-color: rgb(1, 160, 227);
  color: #fff;

  font-size: 28px;
  line-height: 60px;
  margin-top: -3px;
}

.tariff_content_body .panel {
  margin-left: 78px;

  border-radius: 5px;

  box-shadow: 0 0 15px #f1f1f1;

  position: relative;

  width: calc(100% - 78px);
}

.tariff_content_body .panel::before {
  content: "";

  display: block;

  margin-left: -57px;

  position: absolute;

  top: 24px;

  left: 8px;

  width: 1px;

  height: calc(100% + 30px);

  z-index: -1;

  border-left: 1px dashed rgb(218, 217, 218);
}

.tariff_content_body .panel-title {
  padding: 15px 18px 15px 18px;

  margin: 0;

  text-transform: uppercase;

  font-weight: 300;

  font-size: 18px;

  color: #000;
}

.tariff_content_body .panel-content-body {
  display: none;
  border-top: 1px solid rgb(221, 221, 221);
  line-height: 28px !important;

  background: rgb(255, 255, 255);

  padding: 18px;
}

.tariff_content_body .panel-content-body ul li {
  margin: 0 0 15px 0;
}

.tariff_content_body .panel-content-body ul li p {
  margin: 0 0 3px 0;

  color: #000;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}

.tariff_content_body .panel-content-body ul li h5 {
  font-size: 15px;

  margin: 0;

  font-weight: 600;

  color: #02a0e3;
}

.tariff_content_body .panel-content-body ul li h5 span {
  font-weight: 300;
  color: #777777;
  font-size: 14px;
}

.quick_links a {
  display: block;
  text-decoration: none;

  font-weight: 600;

  color: #000;

  padding: 8px 0 6px 0;

  border-bottom: solid 2px #dcdcdc;

  margin-bottom: 3px;

  font-family: "Raleway", sans-serif;
}

.quick_links a:hover {
  color: rgb(253, 190, 29);
}

.quick_links2 a {
  /* display: block; */
  text-decoration: none;

  font-weight: 600;

  color: #000;

  padding: 8px 0 6px 0;
  /* 

  border-bottom: solid 2px #dcdcdc; */

  margin-bottom: 3px;
}

.quick_links2 a:hover {
  color: rgb(253, 190, 29);
}

.register-btnbdy {
  margin: 0 0 20px 0;
}

.sub-btn {
  background: transparent;

  color: #01a0e3;

  font-size: 14px;

  padding: 10px 25px;

  min-width: 150px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1px;

  cursor: pointer;

  position: relative;

  text-align: center;

  line-height: normal;

  width: auto;

  display: inline-block;

  border-radius: 0;
}

.register-btnbdy .sub-btn {
  font-size: 14px;

  padding: 14px 25px;
}

.register-btnbdy .download-btn {
  background: #000;

  color: #fff;
}

.register-btnbdy .register-btn {
  background: #00a0e3;
}

.registration-body .registration-content ul li {
  cursor: pointer;

  color: #000;

  font-family: "Raleway", sans-serif;

  font-weight: normal;

  font-size: 26px;

  line-height: 28px;

  letter-spacing: 1px;

  position: relative;

  margin: 0 0 15px 0;

  padding: 13px 40px;

  font-weight: 600;
}

.registration-body .registration-content ul li.active {
  color: #02a0e3;
}

.registration-body .registration-content ul li::before {
  margin-left: -38px;

  content: "";

  position: absolute;

  background-color: #888;

  bottom: 23px;

  width: 30px;

  height: 1px;
}

.registration-body .registration-content ul li span {
  font-size: 17px;

  font-weight: 600;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.section.dark {
  background-image: -webkit-linear-gradient(0deg, #40424b, #1c1d24);

  background-image: linear-gradient(90deg, #40424b, #1c1d24);
}

#fun-facts {
  padding-bottom: 60px;
}

.fact-item {
  position: relative;

  margin-bottom: 30px;
}

.fact-item img {
  width: 64px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);
}

.fact-item .fact-info {
  display: inline-block;

  padding-left: 85px;
}

.fact-item .fact-number {
  font-size: 32px;

  line-height: 33px;

  color: #fff;
}

.fact-item .fact-header {
  color: #fff;

  padding-top: 5px;

  font-size: 17px;
}

.services-v2 {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;
}

.service-item {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  margin-right: 15px;

  margin-bottom: 30px;

  margin-left: 15px;

  padding: 50px 5%;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-flex-basis: 45%;

  -ms-flex-preferred-size: 45%;

  flex-basis: 45%;

  border-style: solid;

  border-width: 1px;

  border-color: hsla(0, 0%, 100%, 0.15);

  color: #fff;
}

.service-item-v1 {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  margin-right: 15px;

  margin-bottom: 30px;

  margin-left: 15px;

  padding: 30px 1% 25px;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-flex-basis: 30%;

  -ms-flex-preferred-size: 30%;

  flex-basis: 30%;

  border-style: solid;

  border-width: 1px;

  border-color: #e4e3e3;

  background: #fff;
}

.service-item-v1 .img-icon-wapper {
  padding: 15px;

  position: relative;

  border: 1px solid #e4e3e3;

  display: inline-block;

  margin: 0 15px 18px;
}

.service-item-v1 .has-border {
  position: absolute;

  left: 50%;

  bottom: -2px;

  transform: translateX(-50%);

  width: 60%;

  height: 4px;

  background: #01a0e3;
}

.service-number {
  font-family: Oswald, sans-serif;

  font-weight: 500;

  float: right;

  border: 1px solid #efefef;

  background: #f7f7f7;

  margin-left: 10px;
}

.service-number img {
  width: 120px;

  height: 120px;
}

.service-number .small-text-v1 {
  display: inline;

  position: relative;

  top: -10px;

  font-size: 24px;

  line-height: 50px;
}

.service-v1-heading {
  font-size: 19px;
}

.service-v1-number {
  display: inline;

  font-size: 50px;

  line-height: 64px;
}

.service-item-v1 .place-top {
  margin-left: 0;

  margin-bottom: 0;
}

.service-item-v1 .service-v1-description {
  margin-bottom: 0;
}

.service-v2-info {
  position: relative;

  padding-right: 8px;

  padding-left: 15px;
}

.service-v2-heading {
  position: relative;

  z-index: 1;

  margin-top: 0px;
}

.service-v2-description {
  position: relative;

  z-index: 1;

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: 0;
}

.service-v2-number {
  position: absolute;

  right: 0px;

  top: -50px;

  opacity: 0.1;

  font-family: Oswald, sans-serif;

  font-size: 70px;

  line-height: 64px;

  font-weight: 500;
}

.place-top {
  margin-left: 15px;

  margin-bottom: 16px;
}

.blog-v1 {
  padding-bottom: 70px;
}

.blog-v1 .service-item {
  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  margin-right: 15px;

  margin-bottom: 30px;

  margin-left: 15px;

  padding: 10px 1%;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -webkit-flex-basis: 30%;

  -ms-flex-preferred-size: 30%;

  flex-basis: 30%;

  border-style: solid;

  border-width: 1px;

  border-color: hsla(0, 0%, 100%, 0.15);

  color: #fff;
}

.blog-v1 .service-v2-info {
  position: relative;

  padding-right: 8px;

  padding-left: 16px;

  padding: 20px 10px;
}

.blog-v1 a .service-v2-heading {
  color: #fff;
}

.blog-v1 a:hover .service-v2-heading {
  color: #01a0e3;
}

.blog-v1 .service-v2-description {
  margin-bottom: 24px;
}

.blog-v1 .link-v2 {
  color: rgba(255, 255, 255, 0.7);
}

.blog-v1 .link-v2:hover {
  box-shadow: 0 2px 0 0 #01a0e3;
}

img {
  max-width: 100%;

  vertical-align: middle;

  display: inline-block;
}

.display-inline-block {
  display: inline-block !important;
}

.section.dark h2 {
  color: #fff;
}

/* contact */

.contact-v1-form {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding-top: 16px;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 20px 0px 20px 0px;
}

.w-input,
.w-select {
  display: block;

  width: 100%;

  height: 38px;

  padding: 8px 12px;

  margin-bottom: 10px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #333333;

  vertical-align: middle;

  background-color: #ffffff;

  border: 1px solid #cccccc;
}

.input {
  height: 48px;

  margin-bottom: 32px;

  padding: 11px 0px 13px;

  border-style: none none solid;

  border-bottom-width: 1px;

  border-bottom-color: #ddd;

  border-radius: 0px;

  -webkit-transition: border 600ms ease;

  transition: border 600ms ease;

  font-family: Oswald, sans-serif;

  font-size: 15px;

  text-transform: uppercase;

  background: none;

  color: #fff;
}

.input:hover,
.input:hover {
  border-bottom-color: #faaf52;
}

.input.half-width {
  margin-right: 30px;

  -webkit-box-flex: 100%;

  -webkit-flex: 100%;

  -ms-flex: 100%;

  flex: 100%;
}

.input.text-area.margin-right {
  margin-right: 30px;
}

.input.text-area {
  height: auto;

  min-height: 100px;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.button.contact-button {
  padding-left: 52px;

  background-image: url(../images/submit-icon.png);

  background-position: 20px 50%;

  background-repeat: no-repeat;

  border: 0;

  margin-bottom: 0;
  margin-top: 53px;
}

input.w-button {
  -webkit-appearance: button;
}

.button.contact-button:hover {
  background-color: #f6a136;
}

.button.contact-button {
  padding-left: 52px;

  background-image: url(../images/submit-icon.png);

  background-position: 20px 50%;

  background-repeat: no-repeat;

  border: 0;

  margin-bottom: 0;
}

.button {
  position: relative;

  overflow: hidden;

  height: 48px;

  padding: 11px 24px;

  border-radius: 0px;

  background-color: #00a0e3;

  -webkit-transition: color 400ms ease, background-color 400ms ease;

  transition: color 400ms ease, background-color 400ms ease;

  font-family: Oswald, sans-serif;

  color: #fff;

  font-size: 15px;

  line-height: 24px;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;
}

.profile-image .image-wraper {
  width: 100%;

  margin-left: 15px;
}

.profile-image .image-wraper:after,
.profile-image .image-wraper:before {
  content: "";

  display: none;

  width: 45px;

  height: 45px;

  position: absolute;
}

.profile-image .image-wraper:before {
  border-top: 2px solid #00a0e3;

  border-left: 2px solid #00a0e3;

  margin-top: -15px;

  margin-left: -15px;

  top: 0;

  left: 0;
}

.profile-image .image-wraper:after {
  border-right: 2px solid #00a0e3;

  border-bottom: 2px solid #00a0e3;

  margin-bottom: -15px;

  margin-right: -15px;

  bottom: 0;

  right: 0;
}

.side-image-float {
  position: absolute;

  width: 66.66%;

  box-shadow: 8px 8px 28px 0 rgba(0, 0, 0, 0.26);
}

.side-image-float.right {
  right: 15px;

  top: 50%;

  transform: translateY(-50%);
}

#profile .profile-detail .content-wrapper {
  /*overflow: auto;

  height: 565px;*/

  padding-left: 30px;
}

.msg_more {
  display: none;
}

.profile-image .image-wraper:after,
.profile-image .image-wraper:before {
  display: block;
}

.footer {
  box-shadow: 0 3px 30px 3px rgba(0, 0, 0, 0.03);

  padding: 100px 0 0px;

  width: 100%;

  z-index: 10;
}

.footer.dark {
  /*background-image: -webkit-linear-gradient(0deg, #40424b, #1c1d24);

  background-image: linear-gradient(90deg, #40424b, #1c1d24);*/

  background: #2e2f37;
}

.footer-v2-heading {
  margin-bottom: 24px;

  color: #fff;

  font-size: 18px;
}

.paragraph-small {
  margin-bottom: 16px;

  font-size: 14px;

  line-height: 22px;

  text-align: justify;

  padding-right: 20px;
}

.footer-signature {
  height: 44px;

  opacity: 1;
}

.footer-link li {
  padding: 0 0 15px;

  width: 50%;

  float: left;
}

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

.foot-c-info {
  font-size: 16px;

  line-height: normal;

  font-weight: 500;

  color: rgba(255, 255, 255, 0.7);
}

.footer .social-icons.home-v2-icons {
  position: relative;

  bottom: auto;

  right: auto;

  left: -35px;
}

.footer .page-scroll {
  border-radius: 50%;

  margin-top: -30px;

  margin-left: -30px;

  top: 0;

  left: 50%;

  width: 60px;

  height: 60px;
}

.footer .page-scroll a {
  border-radius: 50%;

  width: 22px;

  height: 12px;

  line-height: 55px !important;
}

.footer-v2-heading {
  margin-bottom: 24px;

  color: #fff;
}

.background-color {
  background-color: #00a0e3 !important;
}

.btn-video {
  position: relative;

  display: block;

  padding-top: 60px;

  text-decoration: none;
}

.btn-video:empty {
  width: 75px;

  height: 75px;

  margin-left: auto;

  margin-right: auto;

  border-radius: 50%;

  transition: all 0.5s;

  cursor: pointer;

  background-color: #00a0e3;

  top: -245px;

  z-index: 2;

  left: 82px;
}

.btn-video:before {
  width: 78px;

  height: 78px;

  margin-left: -40px;

  top: 0;

  color: #fff;
}

.btn-video:before {
  animation: ping 0.8s ease-in infinite both;
}

.footer-bottom {
  background: #202125;

  padding: 20px 0;
  text-align: center;
  margin: 50px 0 0 0;
}

.copyright p {
  margin: 0;
  color: #fff;
}

/*.btn-video:before {

  content: "";

  position: absolute;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  top: -14px;

  left: 50%;

  transform: translateX(-50%);

  margin-left: -43px;

  background: #FFF;

  z-index: 1;

}*/

.btn-video:after {
  animation-name: pulse;

  animation-duration: 1.5s;

  animation-timing-function: ease-in-out;
}

.btn-video:after {
  content: "";

  position: absolute;

  width: 22px;

  height: 23px;

  top: 50%;

  left: 52%;

  margin-left: -11px;

  margin-top: -11px;

  animation-iteration-count: infinite;

  z-index: 1;

  text-transform: none;

  background: url(../images/play-icon.png) no-repeat;
}

.btn-video:before {
  animation: ping 0.8s ease-in infinite both;
}

.accommodation-content {
  position: absolute;

  bottom: -45px;

  left: 15px;

  z-index: 2;

  right: 0;

  padding: 22px;

  background: rgba(1, 160, 227, 0.85);

  overflow: hidden;

  width: 92%;

  height: 0;

  transition: 0.5s ease;
}

.accommodation-content h4 {
  color: #fff;
}

.accommodation-content p {
  color: #fff;
}

.accommodation-content.show {
  height: 78.7%;

  bottom: 100px;
}

.services-list .owl-nav {
  display: none;
}

.popup_body {
  width: 100%;

  height: 100%;

  overflow: hidden;

  position: fixed;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.55);

  z-index: 1031;

  display: none;
}

.popup_body .popup_inr_body {
  position: relative;

  width: 65%;

  margin: 50px auto 0 auto;
}

.popup_close {
  float: right;

  position: relative;

  right: -10px;

  top: -10px;

  z-index: 1;

  cursor: pointer;

  /* background: #00a0e3; */

  font-size: 22px;

  color: #00a0e3;

  display: inline-block;

  padding: 0;

  /* border-radius: 100px; */
}

.popup_body .popup_main {
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.04);
  min-height: 250px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 30px;
}

.nav>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;

  background-color: inherit;
}

.popup_body .popup_main2 {
  background: #fff;

  border: solid 1px rgba(0, 0, 0, 0.04);

  min-height: 400px;

  max-height: 540px;

  overflow-x: hidden;

  overflow-y: auto;

  padding: 30px;
}

.portfolio-links-list li {
  padding: 8px 0;
}

.committee_inner_wrap {
    width: 100%;
    display: flex;
    align-items: center;
}

.committe_inner_left {
    background: #063451;
    width: 100%;
  padding: 40px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.committe_inner_left_inner{
  display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 40px;
    margin-top: 40px;
}
.committee_inner_right {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
}

.committee_inner_right p {
    margin: 0;
    font-weight: bold;
    font-size: 100px;
    line-height: 72px;
    color: #72cce3 !important;
    font-family: "Playfair Display", serif;
}

.faculty_box {
  margin: 0;
  overflow: hidden;
  /* border: solid 3px #fcfcfc; */
  opacity: 0.3;
  pointer-events: none;
  width: 18%;
}

.openmenu2 .faculty_box {
  opacity: 1;
}

.faculty_box.selected {
  border: solid 3px #00a0e3;

  opacity: 1;

  background: none;
}

.faculty_box.selected.faculty_box h5 {
  color: #00a0e3;
}

.faculty_box.selected.faculty_box p {
  color: #00a0e3;
}

.faculty_box .profile_pic {
  background: #ededed;

  width: 48px;

  height: 47px;

  float: left;

  margin: 0 5px 0 0;
  display: none;
}

.faculty_box h5 {
  margin: 0px 0 7px 0;
  font-size: 24px;
  letter-spacing: 0.5px;
  color: #000;
  font-family: Karla, sans-serif;
  font-weight: 700;
  padding-left: inherit;
  padding: 0;
  font-family: Oswald, sans-serif;
}

.faculty_box p {
  color: #333;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Karla, sans-serif;
  margin-bottom: 0px;
}

.nf {
  width: 33.333%;

  float: left;

  padding: 0 10px;

  color: #fff;

  text-align: left;
}

.fc-bul {
  color: #fff;

  font-size: 22px;

  margin-right: 20px;

  text-align: left;
}

.openmenu {
  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fcfcfc;

  z-index: 10;
}

.openmenu2 {
  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fcfcfc;

  z-index: 10;
}

.openmenu3 {
  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fcfcfc;

  z-index: 10;
}

.menu3 {
  padding: 7px 0px !important;
}

.menu4 {
  padding: 33px 0px !important;
}

.menu5 {
  padding: 39px 0px !important;
}

.menu6 {
  padding: 7px 0px !important;
}

.menu7 {
  padding: 19px 0px !important;
}

.menu8 {
  padding: 15px 0px !important;
}

.committeetab {
  height: 410px;

  overflow: auto;
}

.committeetab .link-v2 {
  font-size: 15px;
}

.testimonials-item {
  position: relative;

  padding: 30px;

  border: 1px solid #777171;

  border-radius: 20px;
}

.testi-img {
  position: absolute;
}

.testi-img img {
  width: 130px;

  border-radius: 50%;
}

.testi-content {
  padding-left: 150px;

  padding-right: 80px;
}

.testi-review {
  color: hsla(0, 0%, 100%, 0.7);

  font-size: 17px;

  line-height: 28px;
}

.testimonials-item .quote {
  position: absolute;

  font-size: 30px;

  color: rgba(255, 255, 255, 0.09);

  top: 30px;

  right: 40px;

  text-align: center;
}

.testimonials-item .quote span {
  font-size: 22px;
}

.testimonials-item .link-v2:hover {
  box-shadow: 0 2px 0 0 #faaf52;
}

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

.white {
  color: rgba(255, 255, 255, 0.7) !important;
}

.ktc-table {
  margin-bottom: 0px !important;
}

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

.rpbdy ul li {
  color: rgba(255, 255, 255, 0.7) !important;

  margin: 15px 0;

  padding: 12px 0;

  border-left: 3px solid #383a43;

  padding-left: 20px;

  /* margin-left: 20px; */

  font-size: 20px;

  cursor: pointer;

  font-family: "Raleway", sans-serif;
  font-weight: 700;
}

.rpbdy ul li.active {
  border-left: 3px solid #02a0e3;
  background: #32343c;
  font-size: 28px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: inherit;
}

.ktc-table h4 {
  color: #fff;
  font-size: 16px;
}

.ktc-table h5 {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.pb-0 {
  padding-bottom: 0px !important;
}

#work-experiences .panel-group {
  margin-bottom: 0px;
  position: relative;
}

.openmenu3 {
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.read_more {
  font-size: 14px;

  color: #00a0e3;

  font-style: italic;

  letter-spacing: 1.5px;

  font-weight: 600;
}

.read_more2 {
  font-size: 14px;

  color: #fff;

  font-style: italic;

  letter-spacing: 1.5px;
}

.read_more2:hover {
  color: #00a0e3;
}

.message_popup_body {
  display: none;

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 10;

  background: #fff;

  left: 0;

  top: 0;
}

.message_popup_body .popup_inr_body {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 15px;
}

.message_popup_body .popup_inr_body::-webkit-scrollbar {
  width: 5px;
}

.message_popup_body .popup_inr_body::-webkit-scrollbar-track {
  background: #ccc;
}

.message_popup_body .popup_inr_body::-webkit-scrollbar-thumb {
  background: #173b64;
}

.message_popup_body .popup_inr_body::-webkit-scrollbar-thumb:hover {
  background: #173b64;
}

.message_popup_body .popup_close {
  position: absolute;
  right: 0px;
  background: transparent;
  color: #000;
  top: 0;
}

.message_popup_body .message_box2 .message2 p {
  margin-bottom: 0px;
  height: 100%;
  overflow: none;
}

.popup_close {
  position: relative;

  right: -15px;

  top: -15px;

  z-index: 1;

  cursor: pointer;

  background: #173f6e;

  font-size: 22px;

  color: #fff;

  display: inline-block;

  padding: 7px 11px;
}

.message_box2 .message2_member .member_details h5 {
  margin: 0px 0 4px 0;

  font-size: 16px;

  color: #000;

  text-transform: uppercase;
}

.message_box2 .message2_member .member_details p {
  color: #717171;

  font-size: 14px;

  line-height: 16px;

  margin-bottom: 15px;
}

.message2 ul {
  list-style: inherit;
  margin: 10px 0px 0 20px;
}

.message2 ul li {
  margin-bottom: 10px;
}

#fun-facts .container {
  width: 90%;
}

.contact_heading {
  padding-left: 16px;
  position: relative;
  margin-bottom: 35px;
}

.contact_heading::before {
  background-color: #00a0e3;

  content: "";

  display: block;

  margin-top: -1px;

  position: absolute;

  top: 50%;

  left: 0;

  width: 10px;

  height: 5px;
}

.tab_close {
  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

  cursor: pointer;

  background: #173f6e;

  font-size: 22px;

  color: #fff;

  display: inline-block;

  padding: 7px 11px;
}

.footer-link li a {
  color: rgba(255, 255, 255, 0.7);
}

.footer-link li a:hover {
  text-decoration: none;
  color: #00a0e3;
}

.mobileview {
  display: none;
}

.slicknav_menu {
  display: none;
}

.register_inclution {
  margin: 20px 0 0 0;
}

.register_inclution h4 {
  font-size: 18px;
}

.register_inclution ul {
  list-style: inherit;
}

.register_inclution ul li {
  margin: 0 0 5px 15px;
  font-family: "Raleway", sans-serif;
}

.center-block {
  width: 50%;
}

.submenu {
  position: absolute;

  background: #000;

  width: 200px;

  left: 0;

  display: none;
}

.submenu ul li {
  padding: 10px;
}

.submenu ul li a {
  color: #fff;
}

.dlbtn {
  padding: 15px 0 !important;
}

.dlbtn:hover .submenu {
  display: block;
}

.dtbtn:hover .submenu {
  display: block;
}

.fdtbtn .submenu {
  top: 70px;
}

#menu {
  display: none;
}

.slider_circle_10 {
  height: 415px !important;
  margin: -65px auto 0 auto !important;
}

.slider_circle_10 .next1 {
  margin-top: 0 !important;
  opacity: 0 !important;
}

.slider_circle_10 .prev1 {
  margin-left: 0 !important;
  margin-top: -20px !important;
  height: 350px !important;
}

.slider_circle_10 .active {
  top: 40% !important;
  margin-left: 0 !important;
  width: 60% !important;
  height: 235px !important;
  margin-top: -45px !important;
}

.slider_circle_10 .active img {
  height: 100% !important;
}

.itcaddress h4 {
  margin: 15px 0 10px 0;
}

.itcaddress p {
  margin-bottom: 5px;

  color: #000;

  font-size: 16px;
}

.message2_member {
  display: none;
}

.profile-detail {
  position: relative;
}

.profile-detail ul li {
  position: relative;

  z-index: 2;

  border-radius: 50px;

  font-size: 13px;

  margin: 0 15px 0 0;

  border: 1px solid #0294d3;

  color: #000;

  padding: 11px 30px;

  background: #fff;

  float: none;

  min-width: 235px;
}

.tab_list ul li {
  width: 31%;

  padding: 15px;

  text-align: center;

  cursor: pointer;

  font-size: 14px;

  line-height: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #929292;

  color: #fff;

  border: 1px solid #929292;

  margin: 0 8px 0 0;

  min-width: auto;
}

.tab_list:after {
  position: absolute;

  content: "";

  left: 0px;

  background: #00a0e3;

  top: 50%;

  height: 1px;

  width: 90%;

  z-index: 1;
}

.profile-detail ul:before {
  content: " ";

  display: table;
}

.tab_list {
  position: relative;
  margin: 20px 0;
}

.profile-detail .nav {
  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;
}

.tab_list ul li.active {
  background: #00a0e3;

  color: #fff;

  border: 1px solid #00a0e3;
}

.btn-play {
  position: absolute;

  right: 5px;

  z-index: 5;
}

.btn-play {
  background: #00a0e3;

  color: #fff;

  width: 35px;

  height: 35px;

  border: 1px solid #00a0e3;

  -webkit-border-radius: 50px;

  border-radius: 50px;

  text-align: center;

  line-height: 27px;

  font-size: 27px;

  cursor: pointer;

  display: inline-block;

  -webkit-transition: 0.15s ease-in-out;

  -o-transition: 0.15s ease-in-out;

  transition: 0.15s ease-in-out;

  -webkit-transition-property: color, background, border-color;

  -o-transition-property: color, background, border-color;

  transition-property: color, background, border-color;
}

.btn-play:before {
  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;
}

.btn-play:after,
.btn-play:before {
  content: "";

  border: 1px solid;

  border-color: inherit;

  width: 150%;

  height: 150%;

  -webkit-border-radius: 50px;

  border-radius: 50px;

  position: absolute;

  left: -25%;

  top: -25%;

  opacity: 1;

  -webkit-animation: 1s videomodule-anim linear infinite;

  animation: 1s videomodule-anim linear infinite;
}

.video-module .btn-play.outline {
  background: transparent;

  color: #fff;
}

.btn-play.outline:hover {
  background: #00a0e3;

  color: #fff;
}

.ion-ios-play {
  padding-left: 2px;
}

.content_details2 ul {
  list-style: inherit;
  margin-left: 25px;
}

.content_details2 ul li {
  margin-bottom: 10px;
}

.logobdy {
  position: absolute;
  top: 0;
  margin-top: 150px;
}

.logobdy h5 {
  font-size: 17px;
}

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

.logobdy ul li {
  float: left;

  padding: 0px 15px 0;

  border-right: thin solid #000;
}

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

.logobdy ul li:last-child {
  border-right: none;
}

#go-top {
  display: none;

  position: fixed;

  bottom: 10px;

  right: 10px;

  border-radius: 5px;

  width: 160px;

  text-align: center;

  cursor: pointer;

  color: white;

  z-index: 100;
}

.regisbtn {
  color: #fff;

  background: #456345;

  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);

  -moz-transform: rotate(-90deg) translate3d(0, 0, 0);

  -ms-transform: rotate(-90deg) translate3d(0, 0, 0);

  -o-transform: rotate(-90deg) translate3d(0, 0, 0);
}

.trbtnbdy {
  position: fixed;

  right: -67px;

  z-index: 1000;

  top: 40%;

  margin-top: -90px;
}

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

.trbtnbdy ul li {}

.loginbtn {
  color: white;

  color: #fff;

  background: #000000;

  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);

  -moz-transform: rotate(-90deg) translate3d(0, 0, 0);

  -ms-transform: rotate(-90deg) translate3d(0, 0, 0);

  -o-transform: rotate(-90deg) translate3d(0, 0, 0);

  right: -30px;

  top: 107px;

  min-width: inherit;
}

.fun-facts.section.dark {
  background-image: -webkit-linear-gradient(0deg, #008ac3, #00b4ff);

  background-image: linear-gradient(90deg, #008ac3, #00b4ff);
}

.accom_inclution {
  margin: 22px 0 0 0;
}

.accom_inclution h4 {
  font-size: 16px;
  color: #fff;
}

.accom_inclution ul {
  margin: 0;
  padding: 0;
  list-style: disc;
}

.accom_inclution ul li {
  margin: 0;

  font-size: 15px;

  padding: 0 0 12px;

  cursor: inherit;

  margin-left: 20px;

  color: #fff !important;

  border: none;
  font-weight: 400;
}

.phone_strip {
  background: #00a0e3;

  padding: 15px 20px;

  color: #fff;

  font-size: 22px;

  width: 52.7%;
}

.accombdytab .carousel {
  position: relative;

  box-shadow: 0 5px 40px #000000;
}

.regisbtn22 {
  top: 217px;
}

.regisbtn22 {
  color: #fff;

  background: #0f550f;

  -webkit-transform: rotate(-90deg) translate3d(0, 0, 0);

  -moz-transform: rotate(-90deg) translate3d(0, 0, 0);

  -ms-transform: rotate(-90deg) translate3d(0, 0, 0);

  -o-transform: rotate(-90deg) translate3d(0, 0, 0);
}

.contact_info {
  float: right;
  font-weight: 700;

  font-size: 18px;

  color: #20386f;

  padding: 22px 0 0 0;
}

.phone_strip {
  display: none;
}

.bluebg {
  background: #00a0e3;
  height: 70px;
}

.bluebg .contact_info {
  color: #fff;
  float: left;
}

.navbar.sticky {
  background-color: #ffffff;
  box-shadow: 0 8px 28px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  /* width: 100%; */
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.abstract-body {
  margin-top: 0px;

  padding-top: 60px;
  padding-bottom: 0;

  margin-bottom: 0px;

  border-top: 0px #e0e0e0 solid;

  border-bottom: 0px #e0e0e0 solid;

  background: lightgray;
}

.abstract-body h2 {
  font-size: 30px;
}

.abstract_list .cs-media {
  border: 3px solid #144d2b;

  float: none;

  margin: 0 0 15px 0;

  padding: 15px 10px;

  text-align: center;

  width: 100%;

  font-size: 20px;

  color: #144d2b;

  cursor: pointer;
}

.abstract_list .cs-media:after,
.abstract_list .cs-media:before {
  right: 100%;
  top: 50%;
  /* border: solid transparent; */
  content: " ";
  height: 25px;
  width: 30px;
  position: absolute;
  margin-top: -12.5px;
  margin-right: -3px;
  pointer-events: none;
}

.blue_arrow {
  margin: 0 10px 0 0;
  float: left;
  width: 25px;
  padding: 5px;
}

.item--sub-title {
  font-size: 17px;
  margin: 8px 0;
  font-weight: 400;
  background: #92c37a;
  padding: 5px 0 8px 0;
}

.agltab h4 {
  font-size: 18px;
}

.agltab ul {
  list-style: disc;
}

.agltab ul li {
  margin: 0 0 7px 18px;

  font-size: 15px;

  line-height: 24px;

  color: #000;

  font-family: Karla, sans-serif;

  letter-spacing: 0.5px;
}

.abstract_list {
  padding: 50px 0 0 0;
}

.cs-text {
  font-size: 15px;
  color: #fff;
}

.abstract_list ul li {
  margin: 0 0px 20px 0px;
  width: 100%;
}

.abstract_list ul li.active .cs-media:before {
  background: url(../images/tab_right_arrow.png) no-repeat;
}

.abstract_list ul li.active .cs-media {
  margin-left: -15px;
  background: #ddfff1;
}

.cs-text span {
  font-weight: 400;
}

.fellow {
  font-size: 18px;
  font-weight: 600;
}

.venue-img-body p {
  line-height: 20px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #000;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}

.abstract_text {
  font-size: 24px;
  color: #4f4f4f;
  padding: 0px 0px 41px 0px;
}

.trbtnbdy2 {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: 100%;
  display: none;
}

.trbtnbdy2 ul li {
  float: left;
  width: 50%;
  background: #0f550f;
  text-align: center;
  padding: 12px 0;
}

.black_stip {
  padding: 40px 0;
  text-align: center;
}

.black_stip h4 {
  margin: 0 70px 0 0;
  color: #fff;
  display: inline-block;
  font-family: "Dancing Script", cursive;
  font-size: 45px;
  text-transform: none;
  line-height: inherit;
  font-weight: 800;
}

.black_stip h4:before {
  content: "";
  width: 100px;
  height: 2px;
  background: #456345;
  display: inline-block;
  margin: 10px 15px 10px 0;
}

.row-centered {
  text-align: center;
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  /*text-align: center;*/
}

.regis_bdy ul li {
  float: left;
  width: 100%;
}

.cs-text h3 {
  font-size: 18px;
  color: #fff;
}

.cs-text p {
  color: #fff;
  font-size: 15px;
}

.gmadel {
  margin: 50px 0 0 0px;
  padding-left: 35px;
}

.asgleft {
  height: 540px;
  padding-bottom: 30px;
  overflow-x: hidden;
  padding-right: 35px;
}

.clock_bg {
  position: relative;
}

.calender_icon {
  width: 194px;
  height: 199px;
  margin-top: -60px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
}

.clock_bg {
  position: relative;
  /* width: 100px; */
  /* margin: 200px; */
}

.clock {
  position: absolute;
  top: 28px;
  left: 67px;
  z-index: 999;
  width: 134px;
}

@-webkit-keyframes videomodule-anim {
  0% {
    -webkit-transform: scale(0.68);

    transform: scale(0.68);
  }

  100% {
    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;
  }
}

@keyframes videomodule-anim {
  0% {
    -webkit-transform: scale(0.68);

    transform: scale(0.68);
  }

  100% {
    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    opacity: 0;
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);
  }
}

h3.heading3 {
  font-size: 20px;
  font-family: "Karla";
  padding-bottom: 10px;
  max-width: 530px;
}

img.upi_qr {
  width: 200px;
}

.common-padd {
  padding: 80px 0px;
}

.venu-content ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.venu-content ul li {
  width: 50%;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}

.venu-content ul li .venu-img svg {
  width: 45px;
  height: 45px;
}

.venu-content ul li .venu-img {
  position: absolute;
  left: 0;
  top: 0;
}

.venu-content ul li h4 {
  margin-bottom: 3px;
  font-size: 17px;
}

.venu-content ul li p {
  margin-bottom: 0px;
  font-size: 16px;
}

p {}

.venu-content h2 {
  max-width: 400px;
}

.venu-content p {
  font-size: 18px;
}

.venu-content ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.venu-content ul li {
  width: 50%;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}

.venu-content ul li .venu-img img {
  width: 45px;
  height: 45px;
}

.venu-content ul li .venu-img {
  position: absolute;
  left: 0;
  top: 0;
}

.venu-content ul li h4 {
  margin-bottom: 3px;
  font-size: 17px;
}

.venu-content ul li p {
  margin-bottom: 0px;
  font-size: 16px;
}

.venu-content h2 {
  max-width: 400px;
}

.venu-content p {
  font-size: 18px;
}

.row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.patrons-section .faculty_box {
  opacity: 1;
}

.patrons-section .faculty_box .profile_pic {
  margin-right: 10px;
}

.venue-section .col-lg-7 {
  float: none !important;
}

.video-image {
  height: 500px;
  border-radius: 20px;
  overflow: hidden;
}

.video-image img {
  height: 100%;
  object-fit: cover;
}

.venue-section {
  padding-left: 40px;
  padding-right: 40px;
}

.play-button {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  height: 50px;
  padding: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.registration-left li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 20px;
}

.registration-left li .reg-icon {
  width: 55px;
  height: 55px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #8b9d591a;
  padding: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.registration-left li h4 {
  color: #023b4a;
  margin-bottom: 2px;
  text-transform: capitalize;
}

.registration-left li p {
  margin-bottom: 0px;
}

.registration-left ul {
  margin-top: 60px;
}

.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 25px;
  transition: 0.3s;
  font-size: 17px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.registaion-tab {
  background-color: #95e187;
  border-top: 2px solid #005d4c;
  padding: 40px 40px;
}

.registaion-tab .tab button {
  background-color: #fff;
  margin-right: 10px;
  border: 1px solid #fff;
  color: #507a7c;
  font-size: 20px;
}

.registaion-tab .tab button.active {
  border-top: 2px solid #507a7c;
}

.registaion-tab .tabcontent h3 {
  color: #0e4700;
  font-size: 22px;
  font-weight: 600;
}

.registaion-tab .tabcontent p,
.registaion-tab .tabcontent ul li {
  color: #000000;
  font-size: 18px;
}

.registaion-tab .tabcontent ul li {
  position: relative;
  padding-left: 80px;
}

.registaion-tab .tabcontent ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 60px;
  height: 1px;
  background-color: #507a7c;
  left: 0;
  transform: translateY(-50%);
}

.registaion-tab .tabcontent ul li {
  margin-bottom: 15px;
}

.registaion-tab .tabcontent ul {
  margin-top: 30px;
}

.registration-section {
  position: relative;
  overflow: hidden;
  background: #144d2b;
}

section.patrons-section {
  overflow: hidden;
}

.reg-after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.registration-section .container {
  position: relative;
  z-index: 2;
}

.patrons-section .faculty_box .patrons-content {
  padding: 0;
  padding-left: 15px;
  position: relative;
}
.patrons-section .faculty_box .patrons-content::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-image: linear-gradient(45deg, #0f5a89, transparent);
  border-radius: 50px;
}
.patrons-section .faculty_box .patrons-content h5 {
  color: #72cce3 !important;
}

.patrons-section .faculty_box .patrons-content p {
  color: #fff;
}

.patron-mobile {
  display: none;
}

.two h1 {
  text-transform: capitalize;
  font-weight: 600;
  color: #0f550f;
  font-family: "Playfair Display", serif;
}

.two h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #1caf1c;
}

.two h1 span {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 2em;
  font-family: "Raleway";
  padding-left: 0.25em;
  color: rgb(157 157 157);
  padding-bottom: 10px;
}

.alt-two h1 {
  text-align: center;
  padding-bottom: 20px;
}

.alt-two h1:before {
  left: 50%;
  margin-left: -30px;
}

h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 300;
  font-size: 40px;
  color: #080808;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

h1 span {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
}

h1 em {
  font-style: normal;
  font-weight: 600;
}

p.p-head1 {
  font-size: 23px;
  font-family: "Oswald";
  color: #0077a9;
  padding-top: 10px;
}

.registration-left {
  backdrop-filter: blur(11px);
  background: #ffffff;
  padding: 30px;
}

.p-0 {
  padding: 0px !important;
}

.patrons-section .two {
  margin-bottom: 20px;
}

.two-1 h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  content: "";
  background-color: #1caf1c;
}

.two-1 h1 span {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 2em;
  font-family: "Raleway";
  padding-left: 0.25em;
  color: rgb(157 157 157);
  padding-bottom: 10px;
}

.alt-two-1 h1 {
  text-align: center;
  padding-bottom: 20px;
  font-family: 'Playfair Display';
  text-transform: capitalize;
  color: lightblue;
}

.alt-two-1 h1:before {
  left: 50%;
  margin-left: -30px;
}

.two-2 h1 span {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 2em;
  font-family: "Raleway";
  padding-left: 0.25em;
  color: rgb(157 157 157);
  padding-bottom: 10px;
}

.alt-two-2 h1 {
  text-align: left;
  padding-bottom: 20px;
  font-family: 'Playfair Display';
  text-transform: capitalize;
  color: #144b2a;
}

.alt-two-2 h1:before {
  left: 50%;
  margin-left: -30px;
}

.pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: #0000008c;
  width: 100%;
  height: 100%;
  z-index: 99;
  /* display: none; */
}

.pop-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
}

.pop-box {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  width: 28%;
  position: relative;
  text-align: center;
}

.pop-lft,
.pop-rt {
  padding: 36px;
  background: var(--color2);
  width: 100%;
  margin: auto;
}

.pop-rt {
  background: var(--color3);
}

.pop-lft h3,
.pop-rt h3 {
  color: white;
  font-size: 35px;
}

.pop-lft h5,
.pop-rt h5 {
  color: white;
  font-size: 19px;
}

.pop-box ul {
  margin-bottom: 0;
  margin-top: 30px;
}

.pop-box ul li {
  position: relative;
  margin-bottom: 13px;
  color: white;
}

.pop-box ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 300;
  content: "\f058";
  color: var(--color4);
  font-size: 16px;
  margin-right: 0;
  position: absolute;
  left: -31px;
}

.pop-box ul li:last-child {
  margin-bottom: 0;
}

.pop-box .fa-times {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 13px;
  color: white;
  font-style: normal;
  background: white;
  color: black;
  display: inline-block;
  width: 23px;
  border-radius: 50px;
  height: 23px;
}