@import url(bootstrap.css);
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&display=swap");
@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-HeavyItalic.woff2") format("woff2"), url("../fonts/MarkPro-HeavyItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro.woff2") format("woff2"), url("../fonts/MarkPro.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-BoldItalic.woff2") format("woff2"), url("../fonts/MarkPro-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-MediumItalic.woff2") format("woff2"), url("../fonts/MarkPro-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-Medium.woff2") format("woff2"), url("../fonts/MarkPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-Black.woff2") format("woff2"), url("../fonts/MarkPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-Bold.woff2") format("woff2"), url("../fonts/MarkPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'MarkPro-Hairline';
  src: url("../fonts/MarkPro-Hairline.woff2") format("woff2"), url("../fonts/MarkPro-Hairline.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MarkPro';
  src: url("../fonts/MarkPro-Heavy.woff2") format("woff2"), url("../fonts/MarkPro-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@-webkit-keyframes jelly {
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@-moz-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0.9); }
  75% {
    transform: scale(0.95, 1.05); } }

@-ms-keyframes jelly {
  25% {
    -ms-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% {
    -ms-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% {
    -ms-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@-o-keyframes jelly {
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0.9); }
  75% {
    transform: scale(0.95, 1.05); } }

@keyframes jelly {
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

* {
  outline: 0 !important;
  scroll-behavior: smooth; }

html, body {
  height: 100%;
  direction: ltr; }

.row {
  margin: 0 -7.5px; }
  .row [class*="col-"] {
    padding: 0 7.5px; }

.wrap {
  height: 100%; }

a, h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: 500; }

.bold, b, strong, .strong, label, th {
  font-weight: 600; }

a {
  word-break: break-word;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none; }

.text-uppercase {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

._m-0 {
  margin: 0 !important; }

._mt-0 {
  margin-top: 0 !important; }

._mb-0 {
  margin-bottom: 0 !important; }

._mr-0 {
  margin-right: 0 !important; }

._ml-0 {
  margin-left: 0 !important; }

._p-0 {
  padding: 0 !important; }

._pt-0 {
  padding-top: 0 !important; }

._pb-0 {
  padding-bottom: 0 !important; }

._pr-0 {
  padding-right: 0 !important; }

._pl-0 {
  padding-left: 0 !important; }

.form-control, .form-control:hover, .form-control:focus, .form-control:active {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

ul, ol {
  padding: 0;
  margin: 0; }
  ul li, ol li {
    list-style: none;
    word-break: break-word;
    position: relative; }

textarea {
  resize: none; }

.vid-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }
  .vid-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.embed-container {
  position: relative;
  padding-bottom: 30%;
  padding-top: 35px;
  height: 0;
  overflow: hidden; }
  .embed-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.btn {
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus {
    color: white; }
  .btn:hover {
    color: white; }

.links-list li a::before, .sub-heading-dark::before {
  font-weight: 900;
  font-family: 'Font Awesome 5 Free'; }

.oneLine, .section-team .team-members .media .name, .section-team .team-members .media .designation {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

/*SECTIONS*/
main {
  width: 100%;
  height: auto;
  position: relative;
  /*.SECTION*/ }
  main .section {
    /*&.bg-1:before {
			background: url('../images/bg1.png') center/cover no-repeat;
		}*/ }
    main .section::before, main .section::after {
      content: '';
      position: absolute;
      width: 100%; }
    main .section::before {
      height: 100%;
      background-attachment: fixed;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    main .section:last-child::after {
      display: none; }
    main .section.grey-bg {
      background: #f6f6f6; }
  main .section {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center; }
    main .section .content-box {
      padding: 4em 0;
      position: relative;
      width: 100%;
      -webkit-align-self: center;
      -moz-align-self: center;
      -ms-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

@media (max-width: 991px) {
  .col-reverse {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse; } }

html, body {
  color: #757575;
  font-family: "MarkPro"; }

body {
  font-size: 15px; }

.yellow-text-grd, .timelineModal .paragraph .year, .section-timeline .owl-item.active.center .box .year,
.section-timeline .box:hover .year, .section-timeline .box:focus .year, .section-timeline .timeline-list ul li .year {
  background: -webkit-linear-gradient(#F5881F, #FCBA20); }

.pink-text-grd {
  background: -webkit-linear-gradient(#F17C9F, #EC2880); }

.blue-text-grd {
  background: -webkit-linear-gradient(#203079, #1170B3); }

.grey-text-grd {
  background: -webkit-linear-gradient(#cececc, #969694); }

.gradient-text, .yellow-text-grd, .timelineModal .paragraph .year, .section-timeline .owl-item.active.center .box .year,
.section-timeline .box:hover .year, .section-timeline .box:focus .year, .section-timeline .timeline-list ul li .year, .pink-text-grd, .blue-text-grd, .grey-text-grd {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.yellow-bg-grd {
  background: #F17C9F;
  background: -webkit-linear-gradient(left, #F17C9F, #EC2880);
  background: -moz-linear-gradient(left, #F17C9F, #EC2880);
  background: -o-linear-gradient(left, #F17C9F, #EC2880);
  background: -webkit-gradient(linear, left top, right top, from(#F17C9F), to(#EC2880));
  background: linear-gradient(left, #F17C9F, #EC2880); }

.pink-bg-grd {
  background: #fcb920;
  background: -webkit-linear-gradient(left, #fcb920, #f58a1f);
  background: -moz-linear-gradient(left, #fcb920, #f58a1f);
  background: -o-linear-gradient(left, #fcb920, #f58a1f);
  background: -webkit-gradient(linear, left top, right top, from(#fcb920), to(#f58a1f));
  background: linear-gradient(left, #fcb920, #f58a1f); }

.blue-bg-grd {
  background: #1170b3;
  background: -webkit-linear-gradient(left, #1170b3, #203079);
  background: -moz-linear-gradient(left, #1170b3, #203079);
  background: -o-linear-gradient(left, #1170b3, #203079);
  background: -webkit-gradient(linear, left top, right top, from(#1170b3), to(#203079));
  background: linear-gradient(left, #1170b3, #203079); }

.grey-bg-grd {
  background: #cececc;
  background: -webkit-linear-gradient(left, #cececc, #969694);
  background: -moz-linear-gradient(left, #cececc, #969694);
  background: -o-linear-gradient(left, #cececc, #969694);
  background: -webkit-gradient(linear, left top, right top, from(#cececc), to(#969694));
  background: linear-gradient(left, #cececc, #969694); }

.btn:hover, button:hover {
  -webkit-animation-name: jelly;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: alternate;
  -webkit-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -moz-animation-name: jelly;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: alternate;
  -moz-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  -o-animation-name: jelly;
  -o-animation-duration: 1s;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: alternate;
  -o-animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */
  animation-name: jelly;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: alternate;
  animation-fill-mode: forwards;
  /* this prevents the animation from restarting! */ }

.section-branch .branch .img-holder .meta-info .brand img, .section-portfolio .input-box .img-holder .brand img, .section-portfolio .output-box .img-holder .meta-info .brand img {
  width: 80%;
  margin: auto;
  max-width: 130px; }

/*BOOK PAGE*/
.section {
  overflow: visible; }
  .section.bg-1:before {
    background: url("../images/bg1.png") center/cover no-repeat; }
  .section.bg-2:before {
    background: #f6f6f6; }
  .section.bg-3:before {
    background: #ebf7fc; }
  .section.bg-4:before {
    background: url("../images/bg2.jpg") center/cover no-repeat; }
  .section.bg-5 {
    height: 500px; }
    .section.bg-5::before {
      background: url("../images/banner4.jpg") center/cover no-repeat; }
    @media (max-width: 991px) {
      .section.bg-5 {
        height: 350px; } }
    @media (max-width: 550px) {
      .section.bg-5 {
        height: 200px; } }
  .section .spacer {
    margin: 30px auto; }

.container {
  width: calc(100% - 300px);
  max-width: 1300px; }

.container-fluid {
  width: calc(100% - 6%);
  max-width: 100%; }

.single-page {
  margin-top: 160px; }
  .single-page .row {
    margin: 0 -15px; }
    .single-page .row [class*="col-"] {
      padding: 0 15px; }
  .single-page .section, .single-page .content-box {
    display: block !important; }

a {
  color: #111111; }
  a:hover, a:focus, a:active {
    color: #111111; }

#scroll-to-top {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
  width: 35px;
  opacity: .5; }
  #scroll-to-top:hover {
    opacity: 1; }
  #scroll-to-top img {
    width: 100%; }

.collapse-btn {
  cursor: pointer;
  position: relative; }
  .collapse-btn:before {
    content: '';
    background-image: url("../images/arrow2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    right: 5px;
    left: auto;
    margin-left: 15px;
    margin: auto;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  .collapse-btn.collapse:before {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background-image: url("../images/arrow2.png"); }
  .collapse-btn.collapsed:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("../images/arrow1.png"); }

.links-list {
  position: absolute;
  top: auto;
  bottom: 50px;
  left: 4%;
  right: auto;
  z-index: 99; }
  .links-list li {
    margin-bottom: 5px; }
    .links-list li a {
      position: relative;
      display: block;
      padding-left: 25px;
      color: #757575;
      font-weight: 400;
      font-size: 1.4rem;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer; }
      .links-list li a::before {
        content: '\f111';
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 1.2rem; }
      .links-list li a:hover {
        color: #111111; }
  @media (max-width: 1199px) {
    .links-list {
      display: none; } }

/*BUTTONS*/
.btn, button {
  font-weight: 500;
  border-width: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .btn-lg, button-lg {
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: 2rem; }
  .btn-md, button-md {
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    font-size: 1.6rem; }
  .btn-sm, button-sm {
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    font-size: 1.3rem; }
  .btn-xs, button-xs {
    padding: 0 15px;
    height: 17px;
    line-height: 16px;
    font-size: 1.1rem; }
  .btn-upload, button-upload {
    overflow: hidden;
    position: relative; }
    .btn-upload input[type=file], button-upload input[type=file] {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      opacity: 0;
      font-size: 0;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .btn-primary, button-primary {
    background: white;
    border-color: rgba(17, 17, 17, 0.3);
    color: rgba(17, 17, 17, 0.5); }
    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active:focus, .btn-primary.focus:active, .btn-primary.active:focus, .btn-primary.active.focus, button-primary:hover, button-primary:focus, button-primary.focus, button-primary:active:focus, button-primary.focus:active, button-primary.active:focus, button-primary.active.focus {
      background: #111111;
      border-color: #111111;
      color: white; }
  .btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active:focus, .btn-secondary.focus:active, .btn-secondary.active:focus, .btn-secondary.active.focus, button-secondary, button-secondary:hover, button-secondary:focus, button-secondary.focus, button-secondary:active:focus, button-secondary.focus:active, button-secondary.active:focus, button-secondary.active.focus {
    background: #757575;
    color: white; }
  .btn-white, button-white {
    background: transparent;
    border-color: white;
    color: white; }
    .btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active:focus, .btn-white.focus:active, .btn-white.active:focus, .btn-white.active.focus, button-white:hover, button-white:focus, button-white.focus, button-white:active:focus, button-white.focus:active, button-white.active:focus, button-white.active.focus {
      background: white;
      color: #111111; }
  .btn-pink, button-pink {
    background: #f2317f;
    border-color: #f2317f;
    color: white; }
    .btn-pink:hover, .btn-pink:focus, .btn-pink.focus, .btn-pink:active:focus, .btn-pink.focus:active, .btn-pink.active:focus, .btn-pink.active.focus, button-pink:hover, button-pink:focus, button-pink.focus, button-pink:active:focus, button-pink.focus:active, button-pink.active:focus, button-pink.active.focus {
      background: rgba(242, 49, 127, 0.8);
      border-color: rgba(242, 49, 127, 0.8);
      color: white; }
  .btn-disabled, .revup-page .step-form .box.disabled .btn, .btn-disabled:hover, .revup-page .step-form .box.disabled .btn:hover, .btn-disabled:focus, .revup-page .step-form .box.disabled .btn:focus, .btn-disabled.focus, .revup-page .step-form .box.disabled .focus.btn, .btn-disabled:active:focus, .revup-page .step-form .box.disabled .btn:active:focus, .btn-disabled.focus:active, .revup-page .step-form .box.disabled .focus.btn:active, .btn-disabled.active:focus, .revup-page .step-form .box.disabled .active.btn:focus, .btn-disabled.active.focus, .revup-page .step-form .box.disabled .active.focus.btn, button-disabled, button-disabled:hover, button-disabled:focus, button-disabled.focus, button-disabled:active:focus, button-disabled.focus:active, button-disabled.active:focus, button-disabled.active.focus {
    background: #c3bebe;
    border-color: #c3bebe;
    color: white;
    cursor: no-drop; }
  @media (max-width: 550px) {
    .btn-md, button-md {
      padding: 0 15px;
      height: 30px;
      line-height: 30px;
      font-size: 1.2rem; } }

.form-control, input {
  font-weight: 400;
  border-width: 1px;
  border-color: rgba(17, 17, 17, 0.1);
  font-style: italic;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .form-control::-webkit-input-placeholder, input::-webkit-input-placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control::-moz-placeholder, input::-moz-placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control:-moz-placeholder, input:-moz-placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control:-ms-input-placeholder, input:-ms-input-placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control::-ms-input-placeholder, input::-ms-input-placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control::placeholder, input::placeholder {
    color: rgba(17, 17, 17, 0.3); }
  .form-control:hover, input:hover {
    border-color: rgba(17, 17, 17, 0.8); }
  .form-control.input-lg, input.input-lg {
    padding: 0 30px;
    height: 60px;
    line-height: 60px;
    font-size: 1.8rem; }
  .form-control.input-md, input.input-md {
    height: 40px;
    line-height: 40px;
    font-size: 1.5rem; }
    .form-control.input-md[type='file'], input.input-md[type='file'] {
      line-height: 40px;
      padding: 0 8px; }
  .form-control.input-sm, input.input-sm {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 1.3rem; }
  @media (max-width: 550px) {
    .form-control.input-md, input.input-md {
      height: 30px;
      line-height: 30px;
      font-size: 1.2rem; }
      .form-control.input-md[type='file'], input.input-md[type='file'] {
        line-height: 30px;
        padding: 0 5px; } }

.action-btn {
  margin-top: 30px; }
  .action-btn .btn {
    min-width: 150px; }

.read-more {
  color: #111111;
  font-weight: 600;
  font-size: 1.8rem; }
  .read-more i {
    position: relative;
    right: -2px;
    font-size: 1.1rem; }
  .read-more:hover {
    opacity: .8; }

.section-heading {
  margin-bottom: 50px;
  color: #111111;
  font-weight: 500;
  font-size: 1.5rem; }

.heading-1 {
  position: relative;
  text-transform: uppercase;
  font-weight: 400;
  color: #111111;
  font-size: 3.6rem;
  max-width: 800px; }
  .heading-1 span {
    font-weight: 600; }
  .heading-1 .subheading {
    text-transform: initial;
    font-size: 1.8rem; }

.heading-2 {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  color: #111111;
  font-size: 2.8rem; }

.heading-3 {
  position: relative;
  text-align: left;
  font-weight: 400;
  color: #111111;
  padding-bottom: 5px;
  padding-left: 2em;
  font-size: 2.8rem; }
  .heading-3::after {
    content: '';
    background-image: url("../images/line.png");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 450px;
    height: 4px; }

.heading-4 {
  position: relative;
  font-weight: 400;
  color: #111111;
  font-size: 2.8rem; }
  .heading-4 span {
    font-weight: 600; }

.para-heading-1 {
  margin: 30px auto;
  color: #111111;
  font-weight: 400;
  font-size: 2.8rem; }

.para-heading-2 {
  margin: 0 auto 5px;
  color: #111111;
  font-weight: 400;
  font-size: 2.4rem; }

.para-heading-3 {
  text-align: center;
  position: relative;
  margin: 0 auto 30px;
  padding-bottom: 8px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.5rem; }
  .para-heading-3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: auto;
    margin: auto;
    background: #fcb920;
    background: -webkit-linear-gradient(left, #fcb920, #f58a1f);
    background: -moz-linear-gradient(left, #fcb920, #f58a1f);
    background: -o-linear-gradient(left, #fcb920, #f58a1f);
    background: -webkit-gradient(linear, left top, right top, from(#fcb920), to(#f58a1f));
    background: linear-gradient(left, #fcb920, #f58a1f); }

.para-heading-4 {
  margin: 0 auto 30px;
  color: #111111;
  font-weight: 600;
  font-family: "MarkPro-Hairline";
  font-size: 2.4rem; }

.sub-heading-dark, .sub-heading-light {
  margin: 30px 0 15px;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative; }

.sub-heading-dark {
  color: #111111;
  padding-left: 25px; }
  .sub-heading-dark::before {
    content: '\f111';
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 1rem; }

.sub-heading-light {
  color: #757575; }

@media (max-width: 767px) {
  .heading-1 {
    font-size: 2.4rem;
    max-width: 500px; }
    .heading-1 .subheading {
      font-size: 1.5rem; }
  .heading-2 {
    font-size: 2.4rem; }
  .heading-3 {
    padding-left: 40px;
    font-size: 2.4rem; }
    .heading-3::after {
      width: 300px; }
  .heading-4 {
    font-size: 2.4rem; }
  .para-heading-1 {
    font-size: 2rem; }
  .para-heading-2 {
    font-size: 1.8rem; } }

@media (max-width: 550px) {
  .section-heading {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.5rem; }
  .heading-1, .heading-2 {
    font-size: 1.8rem;
    padding: 0 15px; }
    .heading-1 .subheading, .heading-2 .subheading {
      font-size: 1.2rem; }
  .heading-3 {
    padding-left: 20px;
    font-size: 1.8rem; }
    .heading-3::after {
      width: 200px; }
  .heading-4 {
    font-size: 1.5rem; }
  .para-heading-1 {
    margin: 15px auto;
    font-size: 1.5rem; }
  .para-heading-2 {
    font-size: 1.5rem; }
  .para-heading-4 {
    margin: 0 auto 12px;
    font-size: 1.8rem; }
  .sub-heading-dark, .sub-heading-light {
    margin: 20px 0 10px;
    font-size: 1.3rem; }
  .sub-heading-dark {
    padding-left: 15px; }
    .sub-heading-dark::before {
      font-size: 0.7rem; } }

.img-banner {
  margin: 50px auto 0;
  position: relative; }
  @media (max-width: 550px) {
    .img-banner {
      margin: 20px auto 0; } }

.aurthor-date {
  color: #757575;
  margin-bottom: 30px;
  font-size: 1.2rem; }

.pagination-list {
  margin: auto;
  text-align: center; }
  .pagination-list li {
    margin: 5px 7.5px;
    display: inline-block; }
    .pagination-list li a {
      width: 80px;
      height: 8px;
      display: block;
      background: #cececc;
      background: -webkit-linear-gradient(left, #cececc, #969694);
      background: -moz-linear-gradient(left, #cececc, #969694);
      background: -o-linear-gradient(left, #cececc, #969694);
      background: -webkit-gradient(linear, left top, right top, from(#cececc), to(#969694));
      background: linear-gradient(left, #cececc, #969694); }
    .pagination-list li:hover a, .pagination-list li:focus a, .pagination-list li:active a, .pagination-list li.active a {
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      border-radius: 50px;
      background: #fcb920;
      background: -webkit-linear-gradient(left, #fcb920, #f58a1f);
      background: -moz-linear-gradient(left, #fcb920, #f58a1f);
      background: -o-linear-gradient(left, #fcb920, #f58a1f);
      background: -webkit-gradient(linear, left top, right top, from(#fcb920), to(#f58a1f));
      background: linear-gradient(left, #fcb920, #f58a1f); }
  @media (max-width: 767px) {
    .pagination-list li {
      margin: 5px; }
      .pagination-list li a {
        width: 50px;
        height: 5px; } }
  @media (max-width: 550px) {
    .pagination-list li {
      margin: 5px; }
      .pagination-list li a {
        width: 35px;
        height: 4px; } }

.img-holder.one, .img-holder.two {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.img-holder {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(10%, #f3f7fb), color-stop(50%, white));
  background-image: -webkit-linear-gradient(top left, #f3f7fb 10%, white 50%);
  background-image: -o-linear-gradient(top left, #f3f7fb 10%, white 50%);
  background-image: linear-gradient(to bottom right, #f3f7fb 10%, white 50%); }
  .img-holder.one {
    padding-bottom: 60%; }
    .img-holder.one img, .img-holder.one iframe {
      width: 100%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .img-holder.one iframe {
      height: 100%; }
  .img-holder.two img, .img-holder.two iframe {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .img-holder.two iframe {
    height: 100%; }
  .img-holder.three {
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    position: relative; }
    .img-holder.three .image {
      height: 100%;
      width: auto;
      max-width: initial;
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      -webkit-flex: none; }

/*OWL CAROUSEL NAV*/
.owl-carousel {
  overflow: hidden; }
  .owl-carousel .owl-stage-outer {
    overflow: visible; }
    .owl-carousel .owl-stage-outer .owl-item {
      opacity: 0;
      -webkit-transition: opacity 500ms;
      -o-transition: opacity 500ms;
      transition: opacity 500ms; }
      .owl-carousel .owl-stage-outer .owl-item.active {
        opacity: 1; }
  .owl-carousel .owl-nav {
    text-align: center; }
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto !important; }
    .owl-carousel .owl-nav button {
      width: 27px;
      height: 27px;
      position: relative;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .owl-carousel .owl-nav button span {
        display: none; }
      .owl-carousel .owl-nav button::before {
        content: '';
        width: 25px;
        height: 25px;
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .owl-carousel .owl-nav button.owl-prev {
        left: 0; }
        .owl-carousel .owl-nav button.owl-prev::before {
          background-image: url("../images/arrow-left.png"); }
      .owl-carousel .owl-nav button.owl-next {
        right: 0; }
        .owl-carousel .owl-nav button.owl-next::before {
          background-image: url("../images/arrow-right.png"); }
      .owl-carousel .owl-nav button:hover.owl-prev::before, .owl-carousel .owl-nav button.active.owl-prev::before {
        background-image: url("../images/arrow-left-active.png"); }
      .owl-carousel .owl-nav button:hover.owl-next::before, .owl-carousel .owl-nav button.active.owl-next::before {
        background-image: url("../images/arrow-right-active.png"); }
      .owl-carousel .owl-nav button.disabled {
        opacity: .2;
        cursor: no-drop; }
  .owl-carousel.border-nav .owl-nav button {
    width: 40px;
    height: 40px;
    background: white;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: #424242; }
    .owl-carousel.border-nav .owl-nav button::before {
      width: 19px;
      height: 19px; }
  @media (max-width: 550px) {
    .owl-carousel.border-nav .owl-nav button {
      width: 25px;
      height: 25px;
      border-width: 1px; }
      .owl-carousel.border-nav .owl-nav button::before {
        width: 10px;
        height: 10px; } }
  .owl-carousel .owl-dots {
    margin: 50px auto 0;
    text-align: center; }
    .owl-carousel .owl-dots button {
      margin: 5px 7.5px;
      display: inline-block;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .owl-carousel .owl-dots button span {
        width: 80px;
        height: 8px;
        display: block;
        background: #cececc;
        background: -webkit-linear-gradient(left, #cececc, #969694);
        background: -moz-linear-gradient(left, #cececc, #969694);
        background: -o-linear-gradient(left, #cececc, #969694);
        background: -webkit-gradient(linear, left top, right top, from(#cececc), to(#969694));
        background: linear-gradient(left, #cececc, #969694); }
      .owl-carousel .owl-dots button:hover span, .owl-carousel .owl-dots button:focus span, .owl-carousel .owl-dots button:active span, .owl-carousel .owl-dots button.active span {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        border-radius: 50px;
        background: #fcb920;
        background: -webkit-linear-gradient(left, #fcb920, #f58a1f);
        background: -moz-linear-gradient(left, #fcb920, #f58a1f);
        background: -o-linear-gradient(left, #fcb920, #f58a1f);
        background: -webkit-gradient(linear, left top, right top, from(#fcb920), to(#f58a1f));
        background: linear-gradient(left, #fcb920, #f58a1f); }
  @media (max-width: 550px) {
    .owl-carousel .owl-dots button span {
      width: 35px;
      height: 4px; } }

/*COLLAPSE & EXPAND*/
.collapse_expand .box {
  margin-top: 15px; }
  .collapse_expand .box:first-child {
    margin-top: 0; }
  .collapse_expand .box .media .media-left {
    padding-right: 10px;
    padding-left: 0; }
    .collapse_expand .box .media .media-left figure {
      width: 50px;
      height: 50px; }
      .collapse_expand .box .media .media-left figure img {
        width: 100%; }
  .collapse_expand .box .media .c-heading {
    display: block;
    color: #111111;
    font-weight: 500;
    cursor: pointer; }
    .collapse_expand .box .media .c-heading.collapse {
      display: block; }
  .collapse_expand .box .c-body {
    padding-left: 60px; }
  .collapse_expand .box .collapsed .media .media-left figure img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  .collapse_expand .box .collapsed .media .c-heading {
    color: rgba(17, 17, 17, 0.5); }
  .collapse_expand .box:hover .media .media-left figure img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); }
  .collapse_expand .box:hover .media .c-heading {
    color: #111111; }

/*TABS*/
.theme-tabs {
  position: relative; }
  .theme-tabs .nav-tabs {
    border: 0;
    margin-bottom: 30px; }
    .theme-tabs .nav-tabs li {
      text-align: center;
      margin: 0 15px;
      padding-bottom: 8px;
      position: relative; }
      .theme-tabs .nav-tabs li:first-child {
        margin-left: 0; }
      .theme-tabs .nav-tabs li:last-child {
        margin-right: 0; }
      .theme-tabs .nav-tabs li a {
        padding: 0;
        cursor: pointer;
        font-weight: 400;
        color: #757575;
        font-size: 1.5rem; }
      .theme-tabs .nav-tabs li:hover::after, .theme-tabs .nav-tabs li:active::after, .theme-tabs .nav-tabs li.active::after {
        content: '';
        width: 50%;
        height: 4px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        top: auto;
        margin: auto;
        background: #fcb920;
        background: -webkit-linear-gradient(left, #fcb920, #f58a1f);
        background: -moz-linear-gradient(left, #fcb920, #f58a1f);
        background: -o-linear-gradient(left, #fcb920, #f58a1f);
        background: -webkit-gradient(linear, left top, right top, from(#fcb920), to(#f58a1f));
        background: linear-gradient(left, #fcb920, #f58a1f); }
      .theme-tabs .nav-tabs li:hover a, .theme-tabs .nav-tabs li:active a, .theme-tabs .nav-tabs li.active a {
        font-weight: 500;
        background: none;
        border: 0;
        color: #111111; }
  @media (max-width: 991px) {
    .theme-tabs .nav-tabs li {
      margin-bottom: 15px;
      margin: 0 7.5px; } }
  @media (min-width: 768px) {
    .theme-tabs.responsive-tabs .responsive-tabs-btn {
      display: none; }
    .theme-tabs.responsive-tabs .nav-tabs {
      display: block !important; } }
  @media (max-width: 767px) {
    .theme-tabs.responsive-tabs .responsive-tabs-btn {
      cursor: pointer;
      padding: 0 10px;
      line-height: 26px;
      height: 26px;
      display: inline-block;
      margin-bottom: 15px;
      font-size: 1.6rem;
      border-width: 1px;
      border-style: solid;
      border-color: #f6f6f6; }
    .theme-tabs.responsive-tabs .nav-tabs {
      display: none;
      width: 200px;
      position: absolute;
      left: 0;
      top: 40px;
      z-index: 99;
      padding: 30px;
      background: white;
      -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
      box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2); }
      .theme-tabs.responsive-tabs .nav-tabs li {
        margin: 5px 0;
        padding-bottom: 3px;
        float: none;
        display: block;
        text-align: left; }
        .theme-tabs.responsive-tabs .nav-tabs li:hover::after, .theme-tabs.responsive-tabs .nav-tabs li:active::after, .theme-tabs.responsive-tabs .nav-tabs li.active::after {
          right: auto; }
        .theme-tabs.responsive-tabs .nav-tabs li a {
          font-size: 1.2rem; } }

/*HEXAGON*/
.hexagon {
  position: relative;
  visibility: hidden;
  outline: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  /*SIZE*/ }
  .hexagon .box {
    position: absolute;
    width: 96%;
    padding-bottom: 110.851%;
    /* =  width / sin(60) */
    overflow: hidden;
    visibility: hidden;
    outline: 1px solid transparent;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    -moz-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    -o-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg);
    transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); }
    .hexagon .box * {
      position: absolute;
      visibility: visible;
      outline: 1px solid transparent; }
    .hexagon .box .thumb {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
      -moz-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
      -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
      -o-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg);
      transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); }
      .hexagon .box .thumb .img {
        background-color: #f6f6f6;
        background-position: center;
        background-size: cover;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
  .hexagon.xs {
    width: 70px;
    height: 78.26238px; }
  .hexagon.sm {
    width: 100px;
    height: 111.8034px; }
  .hexagon.md {
    width: 300px;
    height: 335.4102px; }
  .hexagon.lg {
    width: 400px;
    height: 447.2136px; }
  .hexagon.xl {
    width: 450px;
    height: 503.11529px; }
  @media (max-width: 1199px) {
    .hexagon.md {
      width: 200px;
      height: 223.6068px; }
    .hexagon.xl, .hexagon.lg {
      width: 300px;
      height: 335.4102px; } }
  @media (max-width: 550px) {
    .hexagon.xs {
      width: 50px;
      height: 55.9017px; }
    .hexagon.sm {
      width: 70px;
      height: 78.26238px; }
    .hexagon.xl, .hexagon.lg {
      width: 250px;
      height: 279.5085px; } }

/*MODAL*/
.modal-open {
  padding: 0 !important; }
  .modal-open .modal {
    padding: 0 15px; }
    .modal-open .modal .modal-dialog {
      margin: auto;
      -webkit-transition: 0.3s ease-out;
      -moz-transition: 0.3s ease-out;
      -ms-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
      -webkit-transform: translate(0, 50vh) translate(0, -50%);
      -moz-transform: translate(0, 50vh) translate(0, -50%);
      -ms-transform: translate(0, 50vh) translate(0, -50%);
      -o-transform: translate(0, 50vh) translate(0, -50%);
      transform: translate(0, 50vh) translate(0, -50%); }
    .modal-open .modal button.close {
      z-index: 99;
      opacity: .6;
      color: black;
      font-size: 2.4rem;
      position: absolute;
      top: 15px;
      right: 20px;
      bottom: auto;
      left: auto; }
      .modal-open .modal button.close:hover {
        opacity: 1; }
    .modal-open .modal .modal-content {
      border: 0;
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

.modal-backdrop {
  background: #1170b3;
  background: -webkit-linear-gradient(left, #1170b3, #203079);
  background: -moz-linear-gradient(left, #1170b3, #203079);
  background: -o-linear-gradient(left, #1170b3, #203079);
  background: -webkit-gradient(linear, left top, right top, from(#1170b3), to(#203079));
  background: linear-gradient(left, #1170b3, #203079); }

.timelineModal .modal-content {
  padding: 2em; }

.timelineModal .paragraph {
  text-align: center; }
  .timelineModal .paragraph .title {
    margin-top: 20px;
    font-size: 1.8rem; }
  .timelineModal .paragraph p {
    margin: 0;
    font-size: 1.4rem; }
  .timelineModal .paragraph .icon {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    background: white;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #424242; }
    .timelineModal .paragraph .icon::before {
      content: '';
      width: 60px;
      height: 60px;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../images/icon5.png) center/cover no-repeat; }
  .timelineModal .paragraph .year {
    font-size: 1.8rem;
    margin: 0 auto 5px;
    text-align: center;
    font-weight: 600; }

@media (max-width: 550px) {
  .timelineModal .modal-content {
    padding: 15px; }
  .timelineModal .paragraph .title {
    font-size: 1.5rem; }
  .timelineModal .paragraph p {
    font-size: 1.2rem; }
  .timelineModal .paragraph .icon {
    width: 50px;
    height: 50px; }
    .timelineModal .paragraph .icon::before {
      width: 35px;
      height: 35px; }
  .timelineModal .paragraph .year {
    font-size: 1.6rem; } }

/*TIMELINE*/
.timeline-1 {
  position: relative;
  margin-bottom: 30px; }
  .timeline-1::before, .timeline-1::after {
    content: " ";
    display: table; }
  .timeline-1::after {
    clear: both; }
  .timeline-1::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 20px;
    bottom: 0;
    width: 4px;
    height: 100%;
    background: #f6f6f6;
    margin-left: -4px; }
  .timeline-1 li.box {
    position: relative;
    width: 50%;
    margin-bottom: 20px;
    clear: both;
    float: right; }
    .timeline-1 li.box:last-child {
      margin-bottom: 0; }
    .timeline-1 li.box .box-inner {
      position: relative;
      margin-left: -22px; }
      .timeline-1 li.box .box-inner::before, .timeline-1 li.box .box-inner::after {
        content: " ";
        display: table; }
      .timeline-1 li.box .box-inner::after {
        clear: both; }
      .timeline-1 li.box .box-inner .date {
        position: absolute;
        left: -100px;
        text-align: right;
        padding: 0 10px; }
        .timeline-1 li.box .box-inner .date span {
          display: block; }
          .timeline-1 li.box .box-inner .date span:first-child {
            font-weight: 500;
            font-size: 1.5rem; }
          .timeline-1 li.box .box-inner .date span:last-child {
            font-size: 1.2rem; }
      .timeline-1 li.box .box-inner .icon {
        color: white;
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 42px;
        float: left;
        font-size: 1.5rem;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0 0 0 5px #f6f6f6;
        -moz-box-shadow: 0 0 0 5px #f6f6f6;
        box-shadow: 0 0 0 5px #f6f6f6; }
      .timeline-1 li.box .box-inner .meta-info {
        position: relative;
        background: #f6f6f6;
        padding: 20px;
        margin-left: 70px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px; }
        .timeline-1 li.box .box-inner .meta-info:after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 10px;
          width: 0;
          height: 0;
          margin-left: -9px;
          border-width: 1px 9px 9px 0px;
          border-style: solid;
          border-color: transparent #f6f6f6 transparent transparent; }
        .timeline-1 li.box .box-inner .meta-info .title {
          color: #111111;
          margin-bottom: 10px;
          font-weight: 500;
          font-size: 1.5rem; }
          .timeline-1 li.box .box-inner .meta-info .title span {
            opacity: 0.6;
            filter: alpha(opacity=60); }
        .timeline-1 li.box .box-inner .meta-info p {
          color: #757575;
          margin: 0;
          font-size: 1.2rem; }
        .timeline-1 li.box .box-inner .meta-info p + p {
          margin-top: 15px; }
    @media (min-width: 768px) {
      .timeline-1 li.box:nth-child(odd) {
        float: right; }
      .timeline-1 li.box:nth-child(even) {
        float: left; }
        .timeline-1 li.box:nth-child(even) .box-inner {
          margin-left: 0;
          margin-right: -18px; }
          .timeline-1 li.box:nth-child(even) .box-inner .date {
            left: auto;
            right: -100px;
            text-align: left; }
          .timeline-1 li.box:nth-child(even) .box-inner .icon {
            float: right; }
          .timeline-1 li.box:nth-child(even) .box-inner .meta-info {
            margin-left: 0;
            margin-right: 70px; }
            .timeline-1 li.box:nth-child(even) .box-inner .meta-info::after {
              left: auto;
              right: 0;
              margin-left: 0;
              margin-right: -9px;
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); } }
  @media (max-width: 767px) {
    .timeline-1::before {
      width: 3px;
      left: 15px; }
    .timeline-1 li.box {
      width: 100%;
      padding-left: 20px; }
      .timeline-1 li.box .box-inner .meta-info {
        margin-left: 50px; }
      .timeline-1 li.box .box-inner .icon {
        width: 30px;
        height: 30px;
        line-height: 32px; } }

/*SINGLE MEMBER BLOCK*/
.member-block .media-left {
  padding-right: 30px;
  padding-left: 0; }

.member-block .meta-info {
  line-height: normal;
  font-size: 1.5rem; }
  .member-block .meta-info .name {
    color: #111111;
    font-weight: 600;
    font-size: 3.6rem; }
  .member-block .meta-info .designation {
    color: #757575;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 2.6rem; }
  .member-block .meta-info .description {
    color: #757575;
    font-weight: 400;
    margin-bottom: 15px; }
  .member-block .meta-info .social-link li {
    position: relative; }
    .member-block .meta-info .social-link li a::after {
      content: '';
      background: rgba(17, 17, 17, 0.2);
      width: 1px;
      height: 15px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -2px;
      margin: auto; }
    .member-block .meta-info .social-link li:first-child a::after {
      display: none; }
  .member-block .meta-info .social-link .linkedin {
    color: #2867B2; }
  .member-block .meta-info .social-link .twitter {
    color: #1DA1F2; }

@media (max-width: 767px) {
  .member-block .media {
    display: block;
    text-align: center; }
    .member-block .media .media-left {
      display: block;
      padding-right: 0; }
      .member-block .media .media-left .hexagon {
        margin: auto; }
  .member-block .meta-info {
    margin-top: 15px;
    font-size: 1.2rem; }
    .member-block .meta-info .name {
      font-size: 2.4rem; }
    .member-block .meta-info .designation {
      font-size: 1.8rem; } }

/*HEADER*/
header .header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  padding: 40px 0 0;
  display: block;
  background: transparent;
  z-index: 999; }
  header .header .navbar-divider {
    margin: 6px 20px;
    display: inline;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  header .header .logo {
    position: relative;
    float: left;
    max-width: 240px;
    top: 6px;
    margin-right: 35px; }
    header .header .logo a {
      display: block; }
  header .header nav {
    line-height: 70px; }
  header .header .menu {
    display: inline-block;
    position: relative; }
    header .header .menu-left {
      float: left; }
      header .header .menu-left ul li {
        margin: 0 10px; }
        header .header .menu-left ul li a {
          display: block;
          padding: 12px 0;
          color: #757575;
          font-weight: 400;
          font-size: 1.5rem;
          opacity: .8; }
          header .header .menu-left ul li a.active, header .header .menu-left ul li a:hover, header .header .menu-left ul li a:focus, header .header .menu-left ul li a:active {
            opacity: 1;
            color: #111111; }
  header .header .nav-toggle {
    display: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

@-webkit-keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@media (min-width: 992px) {
  header nav {
    display: block !important; }
  header.fixed .header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    bottom: auto;
    -webkit-animation: smoothScroll 1s forwards;
    animation: smoothScroll 1s forwards;
    background: white;
    padding: 0;
    -webkit-box-shadow: 0 20px 30px -10px rgba(17, 17, 17, 0.1);
    -moz-box-shadow: 0 20px 30px -10px rgba(17, 17, 17, 0.1);
    box-shadow: 0 20px 30px -10px rgba(17, 17, 17, 0.1); }
    header.fixed .header::after {
      content: '';
      background-image: url("../images/line.png");
      background-size: 100%;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px; } }

@media (max-width: 991px) {
  header .header {
    padding: 10px 0; }
    header .header ul li.active a::after, header .header ul li a:hover::after, header .header ul li a:focus::after, header .header ul li a:active::after {
      width: 100%;
      left: 0; }
    header .header nav {
      line-height: normal;
      display: none;
      z-index: 999;
      max-width: 250px;
      width: 100%;
      text-align: left;
      background: white;
      position: absolute;
      top: 65px;
      left: 5px;
      -webkit-box-shadow: 10px 30px 30px -10px rgba(17, 17, 17, 0.2);
      -moz-box-shadow: 10px 30px 30px -10px rgba(17, 17, 17, 0.2);
      box-shadow: 10px 30px 30px -10px rgba(17, 17, 17, 0.2); }
      header .header nav div {
        width: 100%;
        float: none; }
      header .header nav .menu-left ul li {
        margin: 0;
        width: 100%; }
      header .header nav .menu-left ul a {
        font-size: 1.2rem;
        padding: 10px 15px;
        display: block;
        border-bottom: 1px solid rgba(17, 17, 17, 0.05); }
        header .header nav .menu-left ul a.active {
          color: white;
          background: #111111;
          border-color: #111111; }
    header .header .nav-toggle {
      width: 30px;
      height: 40px;
      padding: 0;
      border: 0;
      float: left;
      margin-right: 20px;
      background: none;
      display: block;
      cursor: pointer;
      top: 20px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      header .header .nav-toggle span {
        display: block;
        height: 2px;
        width: 100%;
        opacity: 1;
        left: 0;
        position: absolute;
        background: #111111;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
        header .header .nav-toggle span:nth-child(1) {
          top: 0px; }
        header .header .nav-toggle span:nth-child(2) {
          top: 8px; }
        header .header .nav-toggle span:nth-child(3) {
          top: 8px; }
        header .header .nav-toggle span:nth-child(4) {
          top: 16px; }
      header .header .nav-toggle.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%; }
      header .header .nav-toggle.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      header .header .nav-toggle.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      header .header .nav-toggle.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%; } }

@media (max-width: 767px) {
  header .header .logo {
    max-width: 200px; }
  header .header nav {
    top: 55px; } }

@media (max-width: 550px) {
  header .header .logo {
    max-width: 120px; }
  header .header nav {
    top: 40px; }
  header .header .nav-toggle {
    top: 15px;
    width: 20px;
    height: 20px;
    margin-right: 10px; }
    header .header .nav-toggle span:nth-child(1) {
      top: 0px; }
    header .header .nav-toggle span:nth-child(2) {
      top: 5px; }
    header .header .nav-toggle span:nth-child(3) {
      top: 5px; }
    header .header .nav-toggle span:nth-child(4) {
      top: 10px; } }

/*BANNER*/
.section-banner .info-block {
  width: 50%;
  padding-right: 5%; }
  .section-banner .info-block .hero-text h1 {
    position: relative;
    margin-top: 0;
    text-align: left;
    font-weight: 400;
    color: #111111;
    font-size: 3.6rem; }
    .section-banner .info-block .hero-text h1 span {
      font-weight: 600; }
  .section-banner .info-block .hero-text p {
    margin: 0; }

.section-banner .img-block {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
  right: 0; }
  .section-banner .img-block img {
    height: 100%;
    float: right; }

@media (max-width: 1366px) {
  .section-banner .info-block {
    padding-bottom: 10%; }
    .section-banner .info-block .hero-text h1 {
      font-size: 2.8rem; } }

@media (max-width: 1199px) {
  .section-banner .info-block {
    padding-top: 10%;
    padding-bottom: 5%; }
    .section-banner .info-block .hero-text h1 {
      font-size: 2.4rem; } }

@media (max-width: 991px) {
  .section-banner .info-block .hero-text h1 {
    font-size: 1.8rem; } }

@media (max-width: 767px) {
  .section-banner .info-block .hero-text h1 {
    font-size: 1.5rem; }
  .section-banner .info-block .hero-text p {
    line-height: normal;
    font-size: 1.2rem; } }

@media (max-width: 550px) {
  .section-banner .content-box {
    padding-bottom: 0 !important; }
  .section-banner .info-block .hero-text h1 {
    font-size: 1.2rem; }
  .section-banner .info-block .hero-text p {
    font-size: 0.9rem; } }

/*TIMELINE*/
.section-timeline .box {
  padding-top: 215px;
  padding-bottom: 215px; }
  .section-timeline .box::before {
    content: '';
    background: #111111;
    width: 100%;
    height: 2px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .section-timeline .box.top .content {
    bottom: 330px;
    right: 50%;
    text-align: right; }
    .section-timeline .box.top .content::before {
      bottom: -35px;
      right: 0; }
    .section-timeline .box.top .content::after {
      top: -15px;
      right: -4px; }
  .section-timeline .box.top .year {
    bottom: -35px; }
  .section-timeline .box.bottom .content {
    top: 330px;
    left: 50%;
    text-align: left; }
    .section-timeline .box.bottom .content::before {
      top: -35px;
      left: 0; }
    .section-timeline .box.bottom .content::after {
      bottom: -15px;
      left: -4px; }
  .section-timeline .box.bottom .year {
    top: -35px; }
  .section-timeline .box .content {
    position: absolute;
    background: white;
    padding: 15px;
    width: 100%;
    max-width: 200px; }
    .section-timeline .box .content::before {
      content: '';
      width: 2px;
      height: 100%;
      min-height: 195px;
      position: absolute;
      background: #111111; }
    .section-timeline .box .content::after {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      background: #111111;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .section-timeline .box .content h1 {
      color: #111111;
      margin: 0 0 5px;
      font-size: 1.3rem; }
    .section-timeline .box .content p {
      color: #757575;
      margin: 0;
      line-height: 1.1;
      overflow: hidden;
      font-size: 1.2rem; }
    .section-timeline .box .content .show-less {
      overflow: hidden;
      height: 102px;
      position: relative; }
    .section-timeline .box .content .show-full {
      height: auto; }
    .section-timeline .box .content .show-more > a {
      display: block;
      margin-top: 5px;
      cursor: pointer;
      text-decoration: underline;
      font-weight: 500;
      color: #757575;
      font-size: 1.2rem; }
  .section-timeline .box .icon {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    background: white;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 3px;
    border-style: solid;
    border-color: #424242; }
    .section-timeline .box .icon::before {
      content: '';
      width: 60px;
      height: 60px;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../images/icon6.png) center/cover no-repeat; }
  .section-timeline .box .year {
    font-size: 1.8rem;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #757575; }

.section-timeline .owl-item.active.center .box .content,
.section-timeline .box:hover .content, .section-timeline .box:focus .content {
  background: #1170b3;
  background: -webkit-linear-gradient(left, #1170b3, #203079);
  background: -moz-linear-gradient(left, #1170b3, #203079);
  background: -o-linear-gradient(left, #1170b3, #203079);
  background: -webkit-gradient(linear, left top, right top, from(#1170b3), to(#203079));
  background: linear-gradient(left, #1170b3, #203079); }
  .section-timeline .owl-item.active.center .box .content h1, .section-timeline .owl-item.active.center .box .content p, .section-timeline .owl-item.active.center .box .content .show-more > a,
  .section-timeline .box:hover .content h1,
  .section-timeline .box:hover .content p,
  .section-timeline .box:hover .content .show-more > a, .section-timeline .box:focus .content h1, .section-timeline .box:focus .content p, .section-timeline .box:focus .content .show-more > a {
    color: white; }

.section-timeline .owl-item.active.center .box .icon::before,
.section-timeline .box:hover .icon::before, .section-timeline .box:focus .icon::before {
  background: url(../images/icon5.png) center/cover no-repeat; }

.section-timeline .owl-item.active.center .box .year,
.section-timeline .box:hover .year, .section-timeline .box:focus .year {
  font-weight: 600; }

.section-timeline .timeline-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
  z-index: 99;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .section-timeline .timeline-list ul {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
    .section-timeline .timeline-list ul li {
      display: block;
      padding-bottom: 4px;
      width: 150px;
      height: 13px;
      cursor: pointer;
      position: relative;
      opacity: .8; }
      .section-timeline .timeline-list ul li:hover {
        opacity: 1; }
      .section-timeline .timeline-list ul li img {
        width: 30px;
        height: 100%;
        float: left; }
      .section-timeline .timeline-list ul li.li-0 img {
        width: 80px; }
      .section-timeline .timeline-list ul li.li-1 img {
        width: 75px;
        opacity: 0.7; }
      .section-timeline .timeline-list ul li.li-2 img {
        width: 70px;
        opacity: 0.5; }
      .section-timeline .timeline-list ul li.li-3 img {
        width: 65px; }
      .section-timeline .timeline-list ul li.li-4 img {
        width: 60px; }
      .section-timeline .timeline-list ul li.li-5 img {
        width: 55px; }
      .section-timeline .timeline-list ul li.li-6 img {
        width: 50px; }
      .section-timeline .timeline-list ul li.li-7 img {
        width: 45px; }
      .section-timeline .timeline-list ul li.li-8 img {
        width: 40px; }
      .section-timeline .timeline-list ul li.li-9 img {
        width: 35px; }
      .section-timeline .timeline-list ul li .year {
        display: none;
        position: absolute;
        top: -2px;
        right: auto;
        left: 90px;
        height: 16px;
        line-height: 16px;
        font-weight: 600;
        font-size: 1.8rem; }

@media (max-width: 991px) {
  .section-timeline .timeline-list {
    display: none; }
  .section-timeline .box.top .content {
    bottom: 310px; }
  .section-timeline .box.bottom .content {
    top: 310px; }
  .section-timeline .box.top .year, .section-timeline .box.bottom .year {
    font-size: 1.6rem; }
  .section-timeline .box.top .icon, .section-timeline .box.bottom .icon {
    width: 60px;
    height: 60px;
    border-width: 2px; }
    .section-timeline .box.top .icon::before, .section-timeline .box.bottom .icon::before {
      width: 40px;
      height: 40px; }
  .section-timeline .box .content h1 {
    font-size: 1.2rem; }
  .section-timeline .box .content p {
    font-size: 1rem; } }

@media (max-width: 550px) {
  .section-timeline .content-box {
    padding-top: 0 !important; }
  .section-timeline .box {
    padding-top: 50px;
    padding-bottom: 190px; }
    .section-timeline .box.top .content, .section-timeline .box.bottom .content {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      top: auto;
      bottom: 30px;
      text-align: center;
      max-width: 70%;
      margin: auto; }
      .section-timeline .box.top .content::before, .section-timeline .box.top .content::after, .section-timeline .box.bottom .content::before, .section-timeline .box.bottom .content::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        top: auto;
        bottom: -5px;
        margin: auto;
        z-index: -1; }
      .section-timeline .box.top .content::after, .section-timeline .box.bottom .content::after {
        bottom: -15px; }
      .section-timeline .box.top .content .show-less, .section-timeline .box.bottom .content .show-less {
        height: 97px; }
    .section-timeline .box.top .year, .section-timeline .box.bottom .year {
      top: -25px;
      bottom: auto; }
    .section-timeline .box.top .icon, .section-timeline .box.bottom .icon {
      width: 50px;
      height: 50px; }
      .section-timeline .box.top .icon::before, .section-timeline .box.bottom .icon::before {
        width: 35px;
        height: 35px; } }

/*COUNTER*/
.section-counter .row {
  margin: 0 -50px; }
  .section-counter .row [class*="col-"] {
    padding: 0 50px; }

.section-counter .counter .counter-holder {
  width: 100%;
  height: 100px;
  display: table;
  position: relative; }
  .section-counter .counter .counter-holder img {
    display: block;
    margin: auto; }
  .section-counter .counter .counter-holder .heading, .section-counter .counter .counter-holder .counter-value {
    color: #111111;
    vertical-align: middle;
    display: table-cell; }
  .section-counter .counter .counter-holder .heading {
    padding-right: 15px;
    line-height: .8;
    font-weight: 400;
    font-size: 2.4rem; }
  .section-counter .counter .counter-holder .counter-value {
    position: relative;
    width: inherit;
    z-index: 99;
    text-align: center;
    font-weight: 500;
    font-size: 5rem; }
  .section-counter .counter .counter-holder::before {
    content: '';
    background: #f6f6f6;
    width: 2px;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    right: -50px; }
  .section-counter .counter .counter-holder .counter-value::after {
    content: '';
    width: inherit;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: auto;
    background-position: center;
    background-repeat: no-repeat; }
  .section-counter .counter .counter-holder.one .counter-value::after {
    background-image: url(../images/icon1.png); }
  .section-counter .counter .counter-holder.two .counter-value::after {
    background-image: url(../images/icon2.png); }
  .section-counter .counter .counter-holder.three .counter-value::after {
    background-image: url(../images/icon3.png); }
  .section-counter .counter .counter-holder.four::before {
    display: none; }
  .section-counter .counter .counter-holder.four .counter-value::after {
    background-image: url(../images/icon4.png); }

@media (max-width: 1366px) {
  .section-counter .counter .counter-holder .heading {
    font-size: 2rem; }
  .section-counter .counter .counter-holder .counter-value {
    font-size: 4rem; } }

@media (max-width: 1199px) {
  .section-counter .counter .counter-holder::before {
    right: -15px; }
  .section-counter .counter .counter-holder .heading {
    font-size: 1.6rem; }
  .section-counter .counter .counter-holder .counter-value {
    font-size: 3.6rem; }
  .section-counter .row {
    margin: 0 -15px; }
    .section-counter .row [class*="col-"] {
      padding: 0 15px; } }

@media (max-width: 767px) {
  .section-counter .counter .counter-holder {
    height: 50px; }
    .section-counter .counter .counter-holder::before {
      right: -15px; }
    .section-counter .counter .counter-holder .heading {
      font-size: 1.2rem; }
    .section-counter .counter .counter-holder .counter-value {
      font-size: 2rem; }
      .section-counter .counter .counter-holder .counter-value::after {
        background-size: 45px; } }

@media (max-width: 550px) {
  .section-counter .row [class*="col-"] {
    width: 50%; }
  .section-counter .counter .counter-holder {
    display: block;
    height: auto; }
    .section-counter .counter .counter-holder .heading, .section-counter .counter .counter-holder .counter-value {
      display: block;
      text-align: center; }
    .section-counter .counter .counter-holder::before {
      height: 50%; }
    .section-counter .counter .counter-holder.two::before {
      display: none; }
    .section-counter .counter .counter-holder .heading {
      padding: 0;
      font-size: 1.5rem; }
    .section-counter .counter .counter-holder .counter-value {
      font-size: 2.4rem; } }

/*REVUP*/
.section-revup .container {
  position: relative; }

.section-revup .revupimg-pc, .section-revup .revupimg-pc img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  left: auto; }

.section-revup figure {
  position: relative; }

.section-revup .result {
  width: 100%;
  margin-bottom: 20px;
  display: inline-block; }
  .section-revup .result li {
    margin-left: 50px;
    float: left;
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
    color: #111111;
    text-transform: uppercase; }
    .section-revup .result li:first-child {
      margin-left: 0; }
    .section-revup .result li span {
      display: block;
      margin-bottom: -20px;
      font-weight: 600;
      font-size: 7rem; }

@media (max-width: 991px) {
  .section-revup {
    text-align: center; }
    .section-revup .revupimg-mb {
      max-width: 300px;
      margin: 0 auto 30px; }
    .section-revup .result li {
      float: none;
      display: inline-block; } }

@media (max-width: 550px) {
  .section-revup .revupimg-mb {
    max-width: 200px;
    padding: 0 20px; }
  .section-revup .result li {
    margin-left: 30px;
    font-size: 1.5rem; }
    .section-revup .result li span {
      margin-bottom: -10px;
      font-size: 4.2rem; } }

/*PERSPECTIVE*/
.section-perspective .media {
  padding: 0 50px; }
  .section-perspective .media .media-left {
    padding-right: 50px;
    padding-left: 0; }
  .section-perspective .media h1 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-size: 2.8rem; }

@media (max-width: 991px) {
  .section-perspective .media {
    width: 100%;
    padding: 0; }
    .section-perspective .media, .section-perspective .media .media-left {
      padding: 0;
      text-align: center;
      display: block; }
      .section-perspective .media .hexagon, .section-perspective .media .media-left .hexagon {
        margin: auto; }
    .section-perspective .media h1 {
      margin-top: 15px;
      font-size: 2.4rem; } }

@media (max-width: 991px) {
  .section-perspective .media h1 {
    font-size: 1.5rem; } }

/*NEWS & MEDIA*/
.section-media .news-media .row {
  margin: 0 -20px; }
  .section-media .news-media .row [class*="col-"] {
    padding: 0 20px; }

.section-media .news-media .nm-thumb {
  display: block;
  position: relative;
  margin: 20px auto;
  text-align: center;
  color: white; }
  .section-media .news-media .nm-thumb .top {
    position: relative; }
    .section-media .news-media .nm-thumb .top .title {
      display: none;
      z-index: 9;
      width: 100%;
      padding: 20px;
      font-weight: 500;
      font-size: 1.5rem;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      top: auto;
      max-height: 125px;
      overflow: hidden; }
  .section-media .news-media .nm-thumb .bottom {
    position: relative; }
    .section-media .news-media .nm-thumb .bottom .logo img {
      max-width: 50%;
      margin: auto;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      top: -40%; }
    .section-media .news-media .nm-thumb .bottom .date {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      top: auto;
      bottom: 35%;
      font-size: 1.2rem; }
    .section-media .news-media .nm-thumb .bottom .nm-default, .section-media .news-media .nm-thumb .bottom .nm-hover {
      width: 100%; }
    .section-media .news-media .nm-thumb .bottom .nm-hover {
      display: none; }
  .section-media .news-media .nm-thumb:hover .top::before {
    content: '';
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .section-media .news-media .nm-thumb:hover .top .title {
    display: block; }
  .section-media .news-media .nm-thumb:hover .bottom .nm-default {
    display: none; }
  .section-media .news-media .nm-thumb:hover .bottom .date, .section-media .news-media .nm-thumb:hover .bottom .nm-hover {
    display: block; }

@media (max-width: 991px) {
  .section-media .news-media .media h1 {
    font-size: 1.5rem; } }

@media (max-width: 550px) {
  .section-media .news-media .row {
    margin: 0 -10px; }
    .section-media .news-media .row [class*="col-"] {
      padding: 0 10px; }
  .section-media .news-media .nm-thumb {
    margin: 10px auto; }
    .section-media .news-media .nm-thumb .top .title {
      padding: 10px;
      max-height: 87px;
      font-size: 1.2rem; }
    .section-media .news-media .nm-thumb .bottom .date {
      font-size: 1rem; } }

/*BLOGS*/
.section-blogs .blogs-box .box {
  position: relative;
  margin: 0 auto 50px; }
  .section-blogs .blogs-box .box:hover {
    background: white;
    -webkit-box-shadow: 0 20px 60px -10px rgba(17, 17, 17, 0.15);
    -moz-box-shadow: 0 20px 60px -10px rgba(17, 17, 17, 0.15);
    box-shadow: 0 20px 60px -10px rgba(17, 17, 17, 0.15); }
    .section-blogs .blogs-box .box:hover figure img {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
    .section-blogs .blogs-box .box:hover .caption {
      padding: 20px 30px; }
      .section-blogs .blogs-box .box:hover .caption .heading {
        color: #111111; }
  .section-blogs .blogs-box .box figure {
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
    padding-bottom: 55%; }
    .section-blogs .blogs-box .box figure img {
      width: 100%;
      margin: auto;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .section-blogs .blogs-box .box .caption {
    width: 100%;
    padding: 20px 0;
    position: relative;
    display: inline-block;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; }
    .section-blogs .blogs-box .box .caption .heading {
      color: #757575;
      font-size: 1.5rem;
      height: 56px;
      overflow: hidden; }
      .section-blogs .blogs-box .box .caption .heading:hover {
        color: #111111; }
    .section-blogs .blogs-box .box .caption p {
      color: #757575;
      font-size: 1.2rem;
      height: 66px;
      overflow: hidden; }
    .section-blogs .blogs-box .box .caption .brand {
      height: 40px;
      margin-bottom: 30px; }
      .section-blogs .blogs-box .box .caption .brand img {
        width: auto;
        max-height: 40px; }
    .section-blogs .blogs-box .box .caption .date {
      font-size: 1.2rem;
      font-style: italic;
      color: #111111;
      font-weight: 500; }

@media (max-width: 767px) {
  .section-blogs .blogs-box .box {
    margin-bottom: 30px;
    max-width: 500px; }
    .section-blogs .blogs-box .box .caption .heading, .section-blogs .blogs-box .box .caption p {
      height: auto; } }

/*REVUP*/
.revup-page .heading-1 {
  text-transform: uppercase; }

.revup-page .btn-signup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: auto;
  bottom: 15%;
  margin: auto;
  max-width: 150px;
  width: 100%; }
  .revup-page .btn-signup .btn {
    width: 100%; }

.revup-page .article.media .media-left {
  padding-right: 20px;
  padding-left: 0; }
  .revup-page .article.media .media-left figure {
    width: 500px; }
    .revup-page .article.media .media-left figure img {
      width: 100%; }

.revup-page .box.media {
  margin: 15px 0; }
  .revup-page .box.media, .revup-page .box.media .media-body {
    overflow: initial; }
  .revup-page .box.media figure {
    width: 80px; }
    .revup-page .box.media figure img {
      width: 100%; }
  .revup-page .box.media .title {
    color: #1AAFEB;
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 1.5rem; }
  .revup-page .box.media p {
    margin: 0;
    font-size: 1.3rem; }

.revup-page .step-form .box {
  position: relative;
  padding: 60px 20px 20px;
  margin: 0 auto 100px;
  background: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1), 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1), 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1), 0 10px 30px 0 rgba(0, 0, 0, 0.2); }
  .revup-page .step-form .box.box-lg {
    max-width: 600px;
    margin: auto; }
  .revup-page .step-form .box .step {
    background: #f2317f;
    color: white;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 2.4rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: -30px;
    bottom: auto; }
  .revup-page .step-form .box .title {
    font-size: 1.8rem; }
  .revup-page .step-form .box .btn-lg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .revup-page .step-form .box.disabled .step {
    background: #c3bebe;
    color: white; }
  .revup-page .step-form .box.disabled .title {
    color: #c3bebe; }
  .revup-page .step-form .box.disabled input, .revup-page .step-form .box.disabled input[type=file] {
    cursor: no-drop; }

@media (max-width: 1199px) {
  .revup-page .article.media {
    text-align: center; }
    .revup-page .article.media, .revup-page .article.media .media-left {
      padding: 0;
      display: block; }
      .revup-page .article.media figure, .revup-page .article.media .media-left figure {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 50px; } }

@media (max-width: 550px) {
  .revup-page .article.media figure, .revup-page .article.media .media-left figure {
    max-width: 300px;
    margin: 0 auto 20px; }
  .revup-page .step-form [class*="col-"] {
    width: 100%; } }

/*TEAM*/
.section-team .team-members .media {
  line-height: normal;
  color: #111111;
  display: block;
  font-weight: 400;
  margin-bottom: 20px; }
  .section-team .team-members .media .media-left {
    padding-right: 20px;
    padding-left: 0; }
  .section-team .team-members .media, .section-team .team-members .media .media-body {
    overflow: initial; }
  .section-team .team-members .media .name {
    font-weight: 600;
    font-size: 1.5rem; }
  .section-team .team-members .media .designation {
    margin-top: -2px;
    margin-bottom: 5px;
    font-size: 1.5rem; }
  .section-team .team-members .media .description {
    font-size: 1.2rem; }
  @media (max-width: 767px) {
    .section-team .team-members .media .media-left {
      padding-right: 15px; } }

.section-team .team-members .action-btn {
  margin: 15px 0 30px;
  text-align: center; }

@media (min-width: 551px) {
  .section-team .visible-xss {
    display: none; }
  .section-team .hidden-xss {
    display: block !important; } }

@media (max-width: 550px) {
  .section-team .hidden-xss {
    height: 0;
    overflow: hidden; }
  .section-team .collapse.in {
    height: auto; } }

/*MEMBER*/
@media (max-width: 1199px) {
  .member-page.top .meta-info {
    padding-top: 15%; } }

@media (max-width: 767px) {
  .member-page .member-block .meta-info {
    font-size: 1.2rem; }
    .member-page .member-block .meta-info .name {
      font-size: 2.4rem; }
    .member-page .member-block .meta-info .designation {
      font-size: 1.8rem; } }

@media (max-width: 550px) {
  .member-page .member-block .meta-info {
    font-size: 1.2rem; }
    .member-page .member-block .meta-info .name {
      font-size: 1.8rem; }
    .member-page .member-block .meta-info .designation {
      font-size: 1.3rem; } }

/*BRANCH*/
.section-branch .branch .owl-carousel {
  max-width: 800px;
  margin: auto;
  font-size: 1.2rem; }
  .section-branch .branch .owl-carousel .owl-item {
    padding: 0 50px; }

.section-branch .branch .img-holder {
  height: 500px; }
  .section-branch .branch .img-holder.right .meta-info {
    background: rgba(255, 255, 255, 0.8);
    color: #111111; }
  .section-branch .branch .img-holder .meta-info {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 50px 20px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .section-branch .branch .img-holder .meta-info .brand {
      padding: 0 20px 20px; }

.section-branch .branch .member-block {
  max-width: 1000px;
  margin: auto; }

@media (max-width: 767px) {
  .section-branch .branch .owl-carousel {
    max-width: 800px;
    margin: auto;
    font-size: 1rem; }
    .section-branch .branch .owl-carousel .owl-item {
      padding: 0; }
    .section-branch .branch .owl-carousel .row {
      margin: 0 -7.5px; }
      .section-branch .branch .owl-carousel .row [class*="col-"] {
        padding: 0 7.5px; }
    .section-branch .branch .owl-carousel .owl-nav button {
      top: auto; }
  .section-branch .branch .img-holder {
    height: 300px; }
    .section-branch .branch .img-holder .meta-info {
      padding: 20px 15px; }
      .section-branch .branch .img-holder .meta-info .brand {
        padding: 0 10px 10px; } }

/*CAREERS*/
.section-careers .row {
  margin: 0 -20px; }
  .section-careers .row [class*="col-"] {
    padding: 0 20px; }

/*CONTACT*/
.section-contact .contact-map-mobile {
  text-align: center; }
  .section-contact .contact-map-mobile .meta-info {
    width: 250px;
    margin: 0 auto 20px; }
  .section-contact .contact-map-mobile .logo {
    width: 60px;
    margin: 0 auto 20px; }
  .section-contact .contact-map-mobile.theme-tabs.responsive-tabs .nav-tabs {
    margin: auto;
    position: absolute;
    top: 30px;
    right: 0;
    bottom: auto;
    left: 0; }

.section-contact .contact-map {
  position: relative; }
  .section-contact .contact-map .box {
    position: absolute; }
    .section-contact .contact-map .box.one {
      top: 23%;
      left: 39%; }
    .section-contact .contact-map .box.two {
      top: 31%;
      left: 56%; }
    .section-contact .contact-map .box.three {
      top: 35%;
      left: 60%; }
    .section-contact .contact-map .box.four {
      top: 31%;
      left: 64%; }
    .section-contact .contact-map .box.five {
      top: 38%;
      left: 67%; }
    .section-contact .contact-map .box.six {
      top: 70%;
      left: 59%; }
    .section-contact .contact-map .box::before {
      z-index: 99;
      content: '';
      background: url("../images/icon5.png") center/cover no-repeat;
      width: 20px;
      height: 20px;
      position: absolute;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .section-contact .contact-map .box .meta-info {
      display: none;
      position: absolute;
      width: 200px;
      top: -100px;
      left: 100px;
      background: white; }
      .section-contact .contact-map .box .meta-info::before {
        content: '';
        background: url("../images/map-line.png") center/cover no-repeat;
        width: 170px;
        height: 50px;
        bottom: -55px;
        left: -85px;
        position: absolute;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .section-contact .contact-map .box .meta-info .location {
        width: 100%;
        max-height: 30px;
        margin-bottom: 5px;
        overflow: hidden;
        color: #111111;
        line-height: 1.1;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 1.5rem; }
      .section-contact .contact-map .box .meta-info .link {
        display: inline-block; }
    .section-contact .contact-map .box.active .meta-info {
      display: block; }
    .section-contact .contact-map .box:hover::before, .section-contact .contact-map .box.active::before {
      height: 50px;
      width: 50px;
      margin-top: -15px;
      margin-left: -15px; }

.section-contact .contact-form {
  max-width: 800px;
  margin: auto; }
  .section-contact .contact-form .row {
    margin: 0 -20px; }
    .section-contact .contact-form .row [class*="col-"] {
      padding: 0 20px; }
  .section-contact .contact-form textarea {
    padding: 20px;
    height: 150px; }

@media (max-width: 767px) {
  .section-contact .contact-map .box .meta-info {
    left: 50px; }
    .section-contact .contact-map .box .meta-info::before {
      background-size: 60% !important;
      bottom: -45px;
      left: -65px; } }

/*ABOUT US*/
.section-about p {
  color: #111111; }

.section-about h3 {
  margin: 0;
  font-weight: 400; }

.section-about .contact-form textarea {
  height: 205px; }

@media (max-width: 767px) {
  .section-about h3 {
    font-size: 1.8rem; } }

@media (max-width: 550px) {
  .section-about h3 {
    font-size: 1.5rem; } }

/*PORTFOLIO*/
.section-portfolio .row {
  margin: 0 -15px; }
  .section-portfolio .row [class*="col-"] {
    padding: 0 15px; }

.section-portfolio .input-box .img-holder {
  background: transparent;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer; }
  .section-portfolio .input-box .img-holder .image {
    width: 100%; }
  .section-portfolio .input-box .img-holder .brand {
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .section-portfolio .input-box .img-holder .brand .hover {
      display: none; }
  .section-portfolio .input-box .img-holder:hover .image, .section-portfolio .input-box .img-holder.active .image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  .section-portfolio .input-box .img-holder:hover .brand .active, .section-portfolio .input-box .img-holder.active .brand .active {
    display: none; }
  .section-portfolio .input-box .img-holder:hover .brand .hover, .section-portfolio .input-box .img-holder.active .brand .hover {
    display: block; }

.section-portfolio .output-box .img-holder {
  height: 700px;
  display: none; }
  .section-portfolio .output-box .img-holder.active {
    display: block; }
  .section-portfolio .output-box .img-holder .meta-info {
    background: rgba(255, 255, 255, 0.8);
    color: #111111;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 50px 20px;
    text-align: center;
    margin: auto;
    font-size: 1.8rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .section-portfolio .output-box .img-holder .meta-info .brand {
      padding: 0 20px 20px; }
      .section-portfolio .output-box .img-holder .meta-info .brand img {
        max-width: 250px; }

@media (max-width: 1199px) {
  .section-portfolio .output-box .img-holder {
    height: 550px; } }

@media (max-width: 991px) {
  .section-portfolio .row {
    margin: 0 -7.5px; }
    .section-portfolio .row [class*="col-"] {
      padding: 0 7.5px; }
  .section-portfolio .output-box .img-holder {
    height: 400px; }
    .section-portfolio .output-box .img-holder .meta-info {
      padding: 20px;
      font-size: 1.4rem; }
      .section-portfolio .output-box .img-holder .meta-info .brand img {
        max-width: 150px; } }

@media (max-width: 550px) {
  .section-portfolio .input-box .img-holder {
    margin-bottom: 15px; }
  .section-portfolio .output-box .img-holder {
    height: 300px; }
    .section-portfolio .output-box .img-holder .meta-info {
      line-height: normal;
      padding: 15px 10px;
      font-size: 1rem; }
      .section-portfolio .output-box .img-holder .meta-info .brand {
        padding: 0 10px 10px; } }

/*FOOTER*/
footer .footer {
  background: white;
  color: #757575;
  text-align: center;
  position: relative;
  margin: 30px 0;
  font-size: 1.3rem; }
  footer .footer .social-icons {
    margin: 15px 0 30px; }
    footer .footer .social-icons li {
      padding: 0; }
      footer .footer .social-icons li a {
        font-weight: 500; }
      footer .footer .social-icons li img {
        width: 35px;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%); }
        footer .footer .social-icons li img:hover, footer .footer .social-icons li img:focus, footer .footer .social-icons li img:active {
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -ms-filter: grayscale(0);
          -o-filter: grayscale(0);
          filter: grayscale(0); }

@media (min-width: 1200px) {
  main.for-main-banner {
    height: 100%; } }

@media (max-width: 1199px) {
  .container {
    width: calc(100% - 250px); } }

@media (max-width: 991px) {
  .container, .container-fluid {
    width: calc(100% - 5%); }
  .single-page {
    margin-top: 110px; } }

@media (max-width: 767px) {
  .container, .container-fluid {
    width: calc(100% - 15px); } }

@media (max-width: 550px) {
  body {
    font-size: 12px; }
  .single-page {
    margin-top: 60px; }
  main .section .content-box {
    padding: 2em 0; }
  main .section .spacer {
    margin: 15px auto; } }