.poabslte {
  position: absolute;
}

.porltve {
  position: relative;
}

body {
  font-family: "Roboto", sans-serif;
}

.font1 {
  font-family: "Expletus Sans", cursive;
}

.font-cinzel {
  font-family: 'Cinzel', serif;
}

.font-lato {
  font-family: 'Lato', sans-serif;
}

.pp-scrollable {
  overflow-x: hidden;
}

.vlt-menu-burger {
  font-size: 2.1rem;
  color: #000000 !important;
}

.vlt-section__content {
  padding: 7.5rem 4rem !important;
}

.vlt-section:not(.contact-pge) .vlt-section__ken-burn-background img,
.vlt-section:not(.contact-pge) .vlt-section__projects-background {
  content: url("../img/elegant-blue-background-business-presentation.jpg");
  background-image: url("../img/elegant-blue-background-business-presentation.jpg");
  background-size: cover;
  background-position: center;
}

.vlt-navbar-background {
  background-color: #ffffff !important;
}

.vlt-section:not(.contact-pge) .video-bg {
  display: none;
}

.vlt-section:not(.contact-pge) .vlt-section__ken-burn-background {
  opacity: 1 !important;
}

.vlt-menu-burger svg line:first-child {
  display: none;
}

.fntsize1 {
  font-size: 2.5rem !important;

  line-height: 1.25;

  font-weight: 500 !important;
}

[data-anchor="Home"] p {
  /*font-size: 1.1rem;*/

  max-width: unset;

  color: #fff;
}

.vlt-offcanvas-menu__navigation .sf-menu > li > a {
  font-size: 1.6rem;

  font-family: "Expletus Sans", cursive;
}

.vlt-navbar .vlt-navbar-inner {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media only screen and (min-width: 1200px) {
  .vlt-navbar .vlt-navbar-inner {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}

.vlt-navbar .vlt-navbar-logo img {
  height: 3rem;
}

.home-pge video.video-bg {
  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  min-width: 100%;

  min-height: 100%;

  /*opacity: 0.5;*/

  opacity: 1;
}

.home-pge video.video-bg source {
  width: 100%;
}

/*FOOTER*/

.vlt-footer {
  justify-content: flex-end;
}

.side-icons {
  width: 1.6rem;

  height: 1.6rem;
}

.side-icons span:hover {
  filter: brightness(100%);
}

.side-icons span {
  display: block;

  width: 1.6rem;

  height: 1.6rem;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;
}

.side-icons span.linkedin-icon {
  background-image: url(../img/linkedin-iconw.png);
  filter: invert(1);
}

.side-icons span.instagram-icon {
  background-image: url(../img/instagram-iconw.png);
  filter: invert(1);
}

.side-icons span.facebook-icon {
  background-image: url(../img/facebook-iconw.png);
  filter: invert(1);
}

.vlt-experience-block {
  padding: 0px;

  text-align: left;

  border: none;
}

.vlt-experience-block__title::before {
  display: none;
}

.story-pge .vlt-section__projects-background {
  background-position: left;

  background-size: cover;

  background-repeat: no-repeat;
}

.qlogo-outer {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 7rem;
}

.qlogo-outer img {
  max-width: 5rem;
}

.story-pge .vlt-project-title {
  margin-bottom: 0.65rem;
}

.story-pge .vlt-project-excerpt {
  margin-bottom: 2.5rem;

  max-width: 90%;
}

.story-pge .vlt-project-excerpt p {
  text-align: justify;
  line-height: 1.6;
}

.story-pge .vlt-slider-controls {
  float: left;
}

.story-pge .vlt-slider-controls--style-1 {
  margin-right: 10px;
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev,
.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next {
  width: 10px;

  height: 15px;

  border: none;

  box-shadow: none;
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev span,
.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next span {
  display: block;

  height: 100%;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev span {
  background-image: url(../img/left-warrow.png);
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next span {
  background-image: url(../img/right-warrow.png);
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover,
.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next:hover {
  background-color: transparent;
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover span {
  background-image: url(../img/left-rarrow.png);
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next:hover span {
  background-image: url(../img/right-rarrow.png);
}

.vlt-slider-controls--style-2 {
  margin-top: 5px;
}

.vlt-slider-controls--style-1 .vlt-swiper-button-prev + .vlt-swiper-button-next {
  margin-left: 10px;
}

.story-pge .vlt-slider-controls .vlt-swiper-pagination .swiper-pagination-bullet {
  width: 1.5rem;

  height: 0.3rem;

  border-radius: 0px;
}

.story-pge .vlt-slider-controls .vlt-swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.3rem;
}

/**/

.whatwedo-pge .wedo-carousel {
  margin-top: 2.5rem;
}

.whatwedo-pge .wedo-carousel .item {
  float: left;

  padding: 1px;

  height: 100%;
}

.whatwedo-pge .wedo-carousel .item-inn {
  position: relative;

  float: left;

  width: 100%;

  border: 1px solid #4a90c8;

  border-radius: 1rem;

  padding: 1rem;

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

  min-height: 550px;
}

.whatwedo-pge .wedo-carousel figure {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 2rem;
}

.whatwedo-pge .wedo-carousel figure span {
  width: 3rem;

  height: 3rem;

  float: left;

  border-radius: 50%;

  background-color: #5bb4e5;

  background-position: center;

  background-size: 1.5rem;

  background-repeat: no-repeat;
}

.whatwedo-pge .wedo-carousel .item h5 {
  text-transform: none;

  margin-bottom: 1rem;

  font-weight: 500;

  min-height: 3rem;
}

.whatwedo-pge .wedo-carousel .item p {
  font-size: 0.9375rem;

  margin-bottom: 10px;

  color: #333;
}

.whatwedo-pge .wedo-carousel .item ul {
  font-size: 0.9375rem;

  margin-bottom: 10px;

  color: #333;
}

.whatwedo-pge .wedo-carousel .item ul li {
  margin-bottom: 0.5rem;
}

.whatwedo-pge .wedo-carousel .item a.btn {
  font-weight: 500;

  color: #5bb4e5;

  padding-left: 0px;

  padding-right: 1.5rem;

  background-image: url(../img/right-arrow.png);

  background-position: right;

  background-size: 1rem;

  background-repeat: no-repeat;

  margin-top: auto;

  display: block;

  flex-shrink: 0;
}

.whatwedo-pge .wedo-carousel .item-inn \u003e div:not(figure) {
  width: 100%;
}

.whatwedo-pge .wedo-carousel .item-inn \u003e div:nth-child(3) {
  flex: 1;

  margin-bottom: 1rem;
}

.whatwedo-pge .owl-dots {
  float: left;

  margin-top: 2rem;

  text-align: left;
}

.whatwedo-pge .owl-dots .owl-dot span {
  background: #7b9cb8;

  width: 0.9rem;

  height: 0.9rem;
}

.whatwedo-pge .owl-dots .owl-dot.active span,
.whatwedo-pge .owl-dots .owl-dot:hover span {
  background: #5bb4e5;
}

.whatwedo-pge .owl-nav {
  position: absolute;

  top: -7.5rem;

  right: 0;
}

.whatwedo-pge .owl-nav button {
  width: 10px;

  height: 15px;

  border: none;

  box-shadow: none;
}

.whatwedo-pge .owl-nav button:hover {
  background-color: transparent !important;
}

.whatwedo-pge .owl-nav button span {
  display: block;

  height: 100%;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  color: transparent;
}

.whatwedo-pge .owl-nav button.owl-prev span {
  background-image: url(../img/left-rarrow.png);
}

.whatwedo-pge .owl-nav button.owl-next span {
  background-image: url(../img/right-rarrow.png);
}

.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover,
.story-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next:hover {
  background-color: transparent;
}

.whatwedo-pge .owl-nav button.owl-prev:hover span {
  background-image: url(../img/left-rarrow.png);
}

.whatwedo-pge .owl-nav button.owl-next:hover span {
  background-image: url(../img/right-rarrow.png);
}

.whatwedo-pge .vlt-btn {
  float: right;

  margin-top: 2rem;
}

/**/

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

.clients-pge article {
  text-align: left;
}

.clients-pge .clients-carousel {
  margin-top: 30px;

  width: calc(100% - 4rem);

  margin: 0 2rem;

  margin-top: 2rem;
}

.clients-pge .clients-carousel .item-inn {
  position: relative;

  float: left;

  width: 100%;
}

.clients-pge .clients-carousel .ech-client {
  position: relative;

  float: left;

  width: 100%;

  margin: 1rem 0rem;
}

.clients-pge .clients-carousel .ech-client a {
  width: 100%;

  padding-top: 50%;

  float: left;
}

.clients-pge .clients-carousel .ech-client a img {
  position: absolute;
  filter: invert(1);

  left: 50%;

  top: 50%;

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

  width: auto;

  max-height: 50%;

  max-width: 65%;

  opacity: 1;
}

.clients-pge .clients-carousel .ech-client:hover a img {
  opacity: 1;
}

.clients-pge .clients-carousel .item a.btn {
  font-weight: 500;

  color: #5bb4e5;

  padding-left: 0px;

  padding-right: 25px;

  background-image: url(../img/right-arrow.png);

  background-position: right;

  background-size: 15px;

  background-repeat: no-repeat;
}

.clients-pge .owl-dots {
  display: none;
}

/*.clients-pge .owl-dots{

    float: left;

    margin-top: 2rem;

    text-align: left;
}

.clients-pge .owl-dots .owl-dot span{

    background: #7B9CB8;

    width: 0.9rem;

    height: 0.9rem;
}

.clients-pge .owl-dots .owl-dot.active span, 
.clients-pge .owl-dots .owl-dot:hover span{

    background: #5BB4E5;
}*/

.clients-pge .owl-nav {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -2rem;

  left: -2rem;
}

.clients-pge .owl-nav button {
  width: 1.75rem;

  height: 3rem;

  border: none;

  box-shadow: none;

  margin: 0px !important;
}

.clients-pge .owl-nav button:hover {
  background-color: transparent !important;
}

.clients-pge .owl-nav button span {
  display: block;

  height: 100%;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  color: transparent;
}

.clients-pge .owl-nav button.owl-prev {
  float: left;
}

.clients-pge .owl-nav button.owl-next {
  float: right;
}

.clients-pge .owl-nav button.owl-prev span {
  background-image: url(../img/bigleft-rarrow.png);
}

.clients-pge .owl-nav button.owl-next span {
  background-image: url(../img/bigright-rarrow.png);
}

.clients-pge .vlt-slider-controls--style-1 .vlt-swiper-button-prev:hover,
.clients-pge .vlt-slider-controls--style-1 .vlt-swiper-button-next:hover {
  background-color: transparent;
}

.clients-pge .owl-nav button.owl-prev:hover span {
  background-image: url(../img/bigleft-rarrow.png);
}

.clients-pge .owl-nav button.owl-next:hover span {
  background-image: url(../img/bigright-rarrow.png);
}

.clients-pge .notinhome {
  display: none;
}

/**/

.pp-viewing-Contact .vlt-navbar-background {
  background-color: #ffffff !important;

  height: 100%;
}

.pp-viewing-Contact .side-icons span.linkedin-icon,
.pp-viewing-Contact .side-icons span.instagram-icon {
  filter: none;
}

.contact-pge .lft-side ul {
  padding-left: 0px;
}

.contact-pge .lft-side ul li {
  display: block;

  float: left;

  width: 100%;

  list-style: none;

  padding: 0.5rem 0;
}

.contact-pge .lft-side ul li hr {
  margin: 0px !important;

  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.contact-pge .lft-side ul li span {
  width: 2.5rem;

  height: 2.5rem;

  float: left;

  border-radius: 50%;

  background-color: #5bb4e5;

  background-position: center;

  background-size: 1.2rem;

  background-repeat: no-repeat;

  margin-right: 1rem;
}

.contact-pge p {
  color: #fff;
}

.contact-pge .lft-side ul li p,
.contact-pge .lft-side ul li a {
  float: left;

  width: calc(100% - 3.5rem);

  line-height: 2rem;

  color: #fff;
}

.contact-pge h3,
.contact-pge h4 {
  color: #fff;
}

.contact-pge .vlt-contact-form input,
.contact-pge .vlt-contact-form textarea {
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.contact-pge .vlt-contact-form input::-webkit-input-placeholder,
.contact-pge .vlt-contact-form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.contact-pge .vlt-contact-form input::-moz-placeholder,
.contact-pge .vlt-contact-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.contact-pge .vlt-contact-form input:-ms-input-placeholder,
.contact-pge .vlt-contact-form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.contact-pge .vlt-contact-form input:-moz-placeholder,
.contact-pge .vlt-contact-form textarea:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

/*******/

.vlt-is--innerpage .vlt-fixed-socials {
  display: none;
}

.innerpage-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*    min-height: 100vh;*/
  padding: 9rem 0 5rem;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: url("../img/elegant-blue-background-business-presentation.jpg");
  background-size: cover;
  background-position: center;
}

.fntsize1big {
  font-size: 4rem !important;

  line-height: 1.25;

  font-weight: 500 !important;
}

.storypge-story {
  background-color: #ffffff;
}

.storypge-story figure {
  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  height: 500px;

  max-height: 110%;

  margin: 0px;

  background-position: 150px;

  background-size: contain;

  background-repeat: no-repeat;
}

.storypge-story .story-lft,
.storypge-story .story-lft .vlt-animated-block {
  float: left;

  width: 100%;

  height: 100%;
}

.storypge-story .story-lft .vlt-animated-block h3 {
  position: absolute;

  width: 100%;

  left: 0%;

  top: 50%;

  transform: translateY(-50%);
}

.storypge-story .vlt-project-excerpt {
  max-width: 30rem;
}

/**/

section.counter .counter-inn {
  position: relative;

  float: left;

  width: 100%;

  padding: 4rem 6rem;

  background-color: #f8f9fa;

  box-shadow: 0px 3px 6px #00000029;
}

section.counter ul {
  display: flex;

  float: left;

  width: 100%;

  text-align: center;

  justify-content: space-between;

  padding-left: 0px;
}

section.counter li {
  display: inline-block;
}

section.counter li .counter-value {
  float: left;

  font-size: 3.6rem;

  line-height: 3.6rem;

  font-weight: 500;

  color: #5bb4e5;
}

section.counter li span {
  float: left;

  font-size: 3.6rem;

  line-height: 3.6rem;

  font-weight: 500;

  text-align: left;

  color: #5bb4e5;

  text-transform: uppercase;
}

section.counter li p {
  float: left;

  width: 100%;

  color: #333;

  font-size: 2rem;

  line-height: 1;

  text-align: left;

  margin: 0.5rem 0rem;

  font-weight: 300;
}

/**/

section.industry {
  padding: 5rem 4rem;
}

section.industry .indstr-title,
section.industry .indstr-title div {
  position: relative;

  float: left;

  width: 100%;

  height: 100%;

  text-align: center;
}

/*section.industry .indstr-title h2{

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);
}*/

section.industry .iconsdiv {
  float: left;

  width: 100%;

  margin-top: 3rem;
}

section.industry .iconsdiv .ech-industry {
  float: left;

  width: 100%;

  text-align: center;

  list-style: none;

  padding: 0.5rem 0rem;

  padding-top: 1rem;

  opacity: 0.4;
}

section.industry .iconsdiv .ech-industry:hover {
  opacity: 1;
}

section.industry .iconsdiv .ech-industry .indus-icons {
  float: left;

  width: 100%;

  height: 4rem;

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;
}

section.industry .iconsdiv .ech-industry h2 {
  float: left;

  width: 100%;

  font-size: 1rem !important;

  line-height: 1rem;

  margin: 0.5rem 0rem;
}

section.industry .iconsdiv .owl-nav {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -2rem;

  left: -2rem;
}

section.industry .iconsdiv .owl-nav button {
  width: 1.75rem;

  height: 3rem;

  border: none;

  box-shadow: none;

  margin: 0px !important;
}

section.industry .iconsdiv .owl-nav button:hover {
  background-color: transparent !important;
}

section.industry .iconsdiv .owl-nav button span {
  display: block;

  height: 100%;

  width: 100%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  color: transparent;
}

section.industry .iconsdiv .owl-nav button.owl-prev {
  float: left;
}

section.industry .iconsdiv .owl-nav button.owl-next {
  float: right;
}

section.industry .iconsdiv .owl-nav button.owl-prev span {
  background-image: url(../img/bigleft-warrow.png);
}

section.industry .iconsdiv .owl-nav button.owl-next span {
  background-image: url(../img/bigright-warrow.png);
}

section.industry .iconsdiv .owl-dots {
  display: none;
}

/**/

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

.team-memb {
  position: relative;

  float: left;

  width: 100%;
}

.team-memb .ech-memb {
  position: relative;

  float: left;

  width: 100%;
}

.team-memb .ech-memb figure {
  position: relative;

  float: left;

  width: 100%;

  padding-top: 150%;

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  margin-bottom: 1rem;
}

.team-memb .ech-memb h6 {
  font-weight: 500;

  text-align: left;

  margin: 0.5rem 0rem;
}

.team-memb .ech-memb h6.post {
  color: #5bb4e5;
}

/**/

.clients-sec .clients-pge {
  position: relative;
}

.clients-sec .vlt-section__projects-background {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;

  background-image: url(../img/clientsec-bg.png) !important;
  background-repeat: no-repeat;
  background-size: cover;
}

.clients-sec .clients-pge .notinhome {
  display: block;
}

.clients-sec .clients-pge .notinhome p {
  max-width: 80%;
}

.clients-sec .clients-pge .fntsize1 {
  text-align: center;
}

/**/

.testimonials {
  text-align: center;
}

.testimonials .owl-stage {
  display: flex;
}

.testimonials .owl-item {
  min-height: 100%;

  padding-left: 2px;
}

.testimonials .item {
  position: relative;

  float: left;

  width: 100%;

  height: 100%;

  border: 1px solid #4a90c8;

  border-radius: 1rem;

  padding: 2.5rem 1.5rem;
}

.testimonials .item figure {
  position: relative;

  width: 7rem;

  height: 3.5rem;

  margin: 0 auto;

  margin-bottom: 2rem;
}

.testimonials .item figure img {
  position: absolute;

  left: 50%;

  top: 50%;

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

  width: auto;

  max-height: 100%;

  max-width: 100%;
}

.testimonials .item .persn {
  position: relative;

  float: left;

  width: 100%;

  text-align: center;

  margin-top: 2rem;
}

.testimonials .item .persn span {
  display: inline-block;

  position: relative;

  float: left;

  width: 3.5rem;

  height: 3.5rem;

  border-radius: 50%;

  border: 1px solid #4a90c8;

  overflow: hidden;

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;
}

.testimonials .item .persn .dtls {
  width: calc(100% - 4.5rem);

  margin-left: 1rem;

  position: absolute;

  right: 0rem;

  top: 50%;

  transform: translateY(-50%);
}

.testimonials .item .persn .dtls h6 {
  font-weight: 500;

  text-align: left;

  margin: 0.5rem 0rem;
}

.testimonials .item .persn .dtls h6.post {
  color: #5bb4e5;
}

.testimonials .owl-nav {
  display: none;
}

.testimonials .owl-dots {
  margin-top: 2rem;
}

/**/

.contactsec {
  float: left;

  width: 100%;
}

.contactsec .vlt-section__ken-burn-background {
  display: none;
}

/**/
.taglinesec {
  position: relative;

  float: left;

  width: 100%;

  position: relative;

  background-image: url(../img/tagline-bg.png);

  padding: 2.5rem 0rem;
}

.taglinesec .qtag-outer {
  position: relative;

  float: left;

  width: 100%;

  padding: 4rem 1.5rem;
}

.taglinesec .qtag-outer img {
  float: left;

  max-width: 9rem;
}

.taglinesec .qtag-outer h5 {
  position: absolute;

  left: 9rem;

  top: 50%;

  transform: translateY(-50%);
}

/**/

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

.servpge-wedo .echwedo {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 2rem;
}

.servpge-wedo .echwedo .figout {
  position: absolute;

  width: 16rem;

  top: 0;

  border-radius: 1rem;

  border: 1px solid #4a90c8;
}

.servpge-wedo .echwedo:nth-child(even) .figout {
  left: 0;
}

.servpge-wedo .echwedo:nth-child(odd) .figout {
  right: 0;
}

.servpge-wedo .echwedo .figout figure {
  position: relative;

  width: 6rem;

  height: 6rem;

  border-radius: 50%;

  background-color: #5bb4e5;

  background-position: center;

  background-size: 3rem;

  background-repeat: no-repeat;
}

.servpge-wedo .echwedo:nth-child(even) .figout figure {
  float: left;

  margin-left: 3rem;

  margin-top: 2rem;

  margin-bottom: 2rem;
}

.servpge-wedo .echwedo:nth-child(odd) .figout figure {
  float: right;

  margin-right: 3rem;

  margin-top: 2rem;

  margin-bottom: 2rem;
}

.servpge-wedo .echwedo .wedocntnt {
  position: relative;

  margin-top: 3rem;

  width: calc(100% - 9rem);

  background-color: #f9f9f9;

  min-height: 10rem;

  text-align: left;

  padding: 1.5rem;
}

.servpge-wedo .echwedo:nth-child(even) .wedocntnt {
  float: right;
}

.servpge-wedo .echwedo:nth-child(odd) .wedocntnt {
  float: left;
}

.servpge-wedo .echwedo .wedocntnt h5 {
  text-transform: capitalize;

  margin-bottom: 1rem;
}

/**/

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

.career-pge .carer-outer {
  position: relative;

  float: left;

  width: 100%;
}

.career-pge .echcarer {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 2rem;

  text-align: left;

  border: 1px solid #4a90c8;

  border-radius: 1rem;

  padding: 2rem;
}

.career-pge .echcarer h4 {
  margin-bottom: 0.5rem;
}

.career-pge .echcarer h6 {
  text-transform: capitalize;

  margin-bottom: 1rem;
}

.career-pge .echcarer ul {
  padding-left: 15px;

  padding-bottom: 0px;

  margin-bottom: 2rem;

  height: 7rem;

  overflow-y: scroll;
}

.career-pge .echcarer .loctin {
  font-weight: normal;

  margin-bottom: 1.5rem;
}

/**/

.blogs-pge .ech-blog {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 5rem;
}

.blogs-pge .ech-blog figure {
  position: absolute;

  left: 0;

  width: 60%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}

.blogs-pge .ech-blog .blgcntnts {
  position: relative;

  float: right;

  width: 60%;

  padding: 2rem 3rem;

  background-color: #f9f9f9;

  margin-top: 5rem;

  min-height: 20rem;
}

.blogs-pge .ech-blog .blgcntnts p.date {
  text-transform: uppercase;

  margin-bottom: 1rem;
}

.blogs-pge .ech-blog .blgcntnts h4 {
  margin-bottom: 1rem;
}

.blogs-pge .ech-blog .blgcntnts p {
  max-height: 5rem;

  overflow-y: auto;

  margin-bottom: 2rem;
}

/**/

.case-pge ul {
  padding-left: 0px;
}

.case-pge ul li {
  list-style: none;
}

.case-pge .ech-case {
  position: relative;

  float: left;

  width: 100%;

  padding: 1rem;
}

.case-pge .col-lg-4:nth-child(3n -1) .ech-case {
  margin-top: 5rem;
}

.case-pge .ech-case figure {
  position: relative;

  float: left;

  width: 100%;

  padding-top: 125%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}

/**/

.echcase-pge figure.casebanner {
  position: relative;

  float: left;

  width: 100%;

  padding-top: 35%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

.echcase-pge .abtcase {
  position: relative;

  float: left;

  width: 100%;
}

.echcase-pge .cntntpad {
  padding: 4rem 0rem;
}

.echcase-pge .abtcase .lftcntnt p {
  max-width: 500px;
}

.echcase-pge .abtcase .lftcntnt .vlt-btn {
  margin-top: 2rem;
}

.echcase-pge .uimage {
  position: relative;

  float: left;

  width: 100%;

  background-color: #e9ecef;
}

.echcase-pge .uimage .figurearea {
  position: relative;

  float: left;

  width: 100%;
}

.echcase-pge .uimage .figurearea figure {
  overflow: hidden;

  margin-bottom: 0px;
}

.echcase-pge .uimage .figurearea figure.lapmock {
  float: left;

  width: 100%;
}

.echcase-pge .uimage .figurearea figure.lapmock:before {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-image: url(../img/lapmock.png);

  background-size: contain;

  background-position: center;

  background-repeat: no-repeat;
}

.echcase-pge .uimage .figurearea figure.lapmock span {
  float: left;

  width: 82%;

  margin-left: 9%;

  margin-top: 0.5%;

  padding-top: 56.5%;

  background-size: cover;

  background-repeat: no-repeat;
}

.echcase-pge .uimage .figurearea figure.mobmock {
  position: absolute;

  width: 20%;

  bottom: -2rem;

  left: 0rem;

  overflow: hidden;

  border-radius: 20px;

  border: 3px solid #dcdde5;
}

/*.echcase-pge .uimage .figurearea figure.mobmock:before{

    content: "";

    z-index: 1;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background-image: url(../img/mobmock.png);

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;
}*/

.echcase-pge .uimage .figurearea figure.mobmock img {
  position: relative;

  float: left;

  width: 100%;
}

/**/

.abtsectwo {
  position: relative;

  float: left;

  width: 100%;
}

.abtsectwo .cntnt {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 3rem;
}

.abtsectwo .cntnt p {
  max-width: 500px;

  margin: 0 auto;
}

.abtsectwo figure.mobmock {
  position: relative;

  float: none;

  width: 100%;

  max-width: 270px;

  overflow: hidden;

  border-radius: 20px;

  border: 3px solid #dcdde5;
}

.abtsectwo figure.mobmock img {
  position: relative;

  float: left;

  width: 100%;
}

/**/

.abtsecthree {
  position: relative;

  float: left;

  width: 100%;
}

.abtsecthree .casebanner2 {
  position: relative;

  float: left;

  width: 100%;

  padding-top: 35%;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
}

.abtsecthree .descrp {
  position: relative;

  float: left;

  width: 100%;
}

.abtsecthree .descrp p {
  max-width: 700px;
}

.abtsecthree .descrimg {
  position: relative;

  float: left;

  width: 100%;
}

.abtsecthree .descrimg img {
  width: 100%;
}

.nexpge-sec {
  position: relative;

  float: left;

  width: 100%;
}

/********/

.vlt-navbar.vlt-navbar--transparent .vlt-navbar-background {
  background-color: transparent;
}

.vlt-is--portfoliopage .vlt-navbar.vlt-navbar--transparent .vlt-navbar-background,
.vlt-is--portfoliopage .vlt-navbar.vlt-navbar--solid .vlt-navbar-background {
  background-color: #fff;
}

.redlogo {
  display: block !important;
}

.whitelogo {
  display: none !important;
}

.vlt-is--portfoliopage .redlogo {
  display: block !important;
}

.vlt-is--portfoliopage .whitelogo {
  display: none !important;
}

.vlt-is--portfoliopage .vlt-menu-burger svg {
  color: #acacac;
}

.vlt-is--portfoliopage .vlt-main {
  background-color: #fff;

  background-image: url(../img/round-image.png);

  background-position: 0px 0%;

  background-repeat: no-repeat;

  background-size: 30%;
}

.vlt-is--portfoliopage .innerpage-title {
  padding-bottom: 2rem;
}

/*.vlt-is--portfoliopage .vlt-main:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 250px;

    height: 250px;

        background-image: url(../assets/img/round-image.png);

    background-position: left top;

    background-repeat: no-repeat;

    background-size: 250px;
}*/

.vlt-is--portfoliopage .vlt-post-title img {
  float: right;

  max-width: 200px;

  max-height: 35px;
}

.portfolio-pge {
  padding-bottom: 50px;
}

.portfolio-pge .lftcntnt {
  position: relative;

  float: left;

  width: 100%;

  padding-right: 7%;
}

.portfolio-pge .portimg {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 0px;
}

.portfolio-pge .portimg img {
  width: 100%;
}

.portfolio-pge .feature-sec {
  position: relative;

  float: left;

  width: 100%;
}

.portfolio-pge .feature-sec .fetsecin {
  position: relative;

  float: left;

  width: 100%;

  margin-bottom: 20px;
}

.portfolio-pge .feature-sec .row {
  padding-left: 15px;
}

.portfolio-pge .feature-sec h6 {
  color: #000;

  margin-bottom: 10px;
}

.portfolio-pge .feature-sec li {
  list-style: none;

  text-transform: uppercase;

  font-size: 10px;

  line-height: 24px;

  color: #000;

  padding-right: 0px;
}

.portfolio-pge .feature-sec li div:before {
  content: "";

  position: absolute;

  left: -15px;

  top: 7px;

  width: 8px;

  height: 8px;

  background-color: #5bb4e5;

  border-radius: 50%;
}

.portfolio-pge .rgtcntnt {
  position: relative;

  float: left;

  width: 100%;
}

.portfolio-pge .rgtcntnt h6 {
  color: #5bb4e5;

  font-weight: 600 !important;

  margin-bottom: 10px;
}

.portfolio-pge .rgtcntnt h3 {
  color: #000;

  font-size: 3rem;

  line-height: 1.2;

  text-transform: uppercase;

  margin-bottom: 15px;

  font-weight: 600 !important;
}

.portfolio-pge .rgtcntnt p {
  color: #000;

  font-size: 13px;
}

.portfolio-pge .rgtcntnt .cntntftrs {
  position: relative;

  float: left;

  width: 100%;

  margin-top: 30px;

  margin-bottom: 30px;
}

.portfolio-pge .rgtcntnt .cntntftrs ul {
  padding-left: 15px;
}

.portfolio-pge .rgtcntnt .cntntftrs ul li {
  list-style: none;

  line-height: 26px;

  margin: 10px 0px;

  padding-left: 40px;

  text-transform: uppercase;

  color: #000;
}

.portfolio-pge .rgtcntnt .cntntftrs ul li div:before {
  content: "";

  position: absolute;

  left: -30px;

  top: 0;

  width: 26px;

  height: 26px;

  background-image: url(../img/list-icon.png);

  background-position: left;

  background-repeat: no-repeat;

  background-size: 26px;
}

.portfolio-pge .storelinks {
  position: relative;

  float: left;

  width: 100%;

  text-align: right;

  margin-top: 10px;
}

.portfolio-pge .storelinks ul {
  padding-left: 0px;
}

.portfolio-pge .storelinks ul li {
  display: inline-block;

  width: 115px;

  margin-left: 5px;
}

/* Offcanvas Menu White Theme Overrides */
.vlt-offcanvas-menu {
  background-color: #ffffff !important;
  color: #161616 !important;
}

.vlt-offcanvas-menu__header .vlt-menu-burger {
  color: #161616 !important;
}

.vlt-offcanvas-menu__navigation .sf-menu > li > a {
  color: #161616 !important;
}

.vlt-offcanvas-menu__socials .side-icons span {
  filter: invert(1);
}

.vlt-offcanvas-menu__copyright p {
  color: #161616 !important;
}

/* Ensure the inserted heading looks right */
.vlt-offcanvas-menu__footer .vlt-large-heading {
  margin-bottom: 2rem;
  color: #161616 !important;
}