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

.inline-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inline-list li {
  float: left;
}
.inline-list li a {
  display: block;
}

.block-list li {
  float: none;
}

a {
  color: #333333;
}
a:hover {
  text-decoration: none;
}

.nav ul {
  display: none;
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 100000;
  background-color: white;
}
.nav ul li {
  float: none;
}
.nav ul li a {
  color: #333333;
}
.nav li:hover > a {
  background-color: #f7941d;
  color: white;
}

.open-menu {
  display: inline-block;
  background-color: transparent;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 30px;
  height: 24px;
  margin: 10px 0;
  padding: 0;
}
.open-menu > span {
  border-radius: 4px;
  width: 100%;
  display: block;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
}
.open-menu > span:last-child {
  border-bottom: 0;
}

@media (max-width: 750px) {
  body {
    overflow-x: hidden;
  }

  .nav {
    display: none;
    width: 100%;
  }
  .nav ul {
    width: 100%;
  }
  .nav > li {
    float: none;
    position: relative;
  }

  .open-menu {
    display: inline-block;
  }
}
@media (min-width: 751px) {
  .nav {
    display: block !important;
  }

  .open-menu {
    display: none;
  }
}
.img-fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}

img[src*=icon-],
img[src*=i-] {
  pointer-events: none;
}

.i {
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
}

.i-facebook {
  width: 20px;
  height: 46px;
  background-position: -2px -2px;
}
.i-facebook-h, .i-facebook:hover {
  width: 20px;
  height: 46px;
  background-position: -26px -2px;
}

.i-google {
  width: 44px;
  height: 28px;
  background-position: -50px -2px;
}
.i-google-h, .i-google:hover {
  width: 44px;
  height: 28px;
  background-position: -50px -34px;
}

.i-twitter {
  width: 42px;
  height: 34px;
  background-position: -2px -66px;
}
.i-twitter-h, .i-twitter:hover {
  width: 42px;
  height: 34px;
  background-position: -48px -66px;
}

.i-youtube {
  width: 47px;
  height: 33px;
  background-position: -98px -2px;
}
.i-youtube-h, .i-youtube:hover {
  width: 47px;
  height: 33px;
  background-position: -98px -39px;
}

@font-face {
  font-family: "Zekton Rg";
  src: url("ZektonRg-Regular.woff2") format("woff2"), url("ZektonRg-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zekton";
  src: url("Zekton-Bold.woff2") format("woff2"), url("Zekton-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-Regular.woff2") format("woff2"), url("RobotoSlab-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-Light.woff2") format("woff2"), url("RobotoSlab-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-Regular.woff2") format("woff2"), url("RobotoSlab-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-SemiBold.woff2") format("woff2"), url("RobotoSlab-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-Bold.woff2") format("woff2"), url("RobotoSlab-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "slab/Roboto Slab";
  src: url("RobotoSlab-Medium.woff2") format("woff2"), url("RobotoSlab-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.glightbox_video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.outer_circle {
  stroke-width: 3;
  stroke-dasharray: 410;
  stroke-dashoffset: 0;
  stroke-linecap: square;
  transition: all 0.4s ease-out;
}

.glightbox_video:hover .outer_circle {
  stroke-dashoffset: 410;
  transition: stroke 0.7s 0.4s ease-out, stroke-dashoffset 0.4s ease-out;
}

.glightbox_video:hover .inner-circle {
  fill: #BF2428;
  transition: fill 0.4s 0.3s ease-out;
}

.glightbox_video:hover .play {
  fill: white;
  transition: fill 0.4s 0.3s ease-out;
}

html, body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.inline-div {
  display: inline-block;
}

body {
  background-color: #eeeeee;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 868px) {
  h2, h3 {
    font-size: 15px !important;
  }
}

p {
  line-height: 25px;
  /*   text-align: justify; */
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.fx {
  display: flex;
  align-items: center;
}
@media (max-width: 868px) {
  .fx {
    display: inherit;
  }
}

#main-header {
  /* background-image: -webkit-linear-gradient(top, #f28121  40%, #252424 0%);
     background-image: -moz-linear-gradient(top, #f28121  40%, #252424 0%);
     background-image: -o-linear-gradient(top, #f28121  40%, #252424 0%);
     background-image: -ms-linear-gradient(top, #f28121  40%, #252424 0%);
     background-image: linear-gradient(top, #f28121  40%, #252424 0%);
  */
  position: absolute;
  background: rgba(0, 0, 0, 0.4117647059);
  width: 100%;
  z-index: 10000;
}
#main-header #logo {
  position: relative;
  z-index: 100;
  margin-top: 0px;
  display: inline-block;
}
@media (max-width: 375px) {
  #main-header #logo {
    width: 180px;
  }
}
#main-header #logo img {
  width: 126px;
}
@media (max-width: 867px) {
  #main-header #logo img {
    width: 88px;
    margin-top: 6px;
    margin-bottom: 3px;
  }
}
#main-header .strip-after {
  pointer-events: none;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 29%;
  height: 100%;
  background-color: #fff;
}
#main-header .strip-after:after {
  position: absolute;
  content: "";
  right: -60px;
  top: 0;
  width: 0;
  height: 0;
  border-right: 30px solid white;
  border-left: 30px solid white;
  border-top: 66px solid white;
  border-bottom: 66px solid white;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
#main-header .info-bar {
  text-align: right;
  color: #fff;
}
#main-header .info-bar img {
  margin-right: 15px;
  margin-left: 25px;
}
#main-header .info-bar .separator {
  margin-left: 20px;
}
@media (max-width: 375px) {
  #main-header .open-menu {
    margin-top: 22px;
  }
}
#main-header #nav ul li {
  font-family: "Zekton Rg";
  padding-left: 9px;
  text-transform: uppercase;
}
@media (min-width: 1366px) {
  #main-header #nav ul li {
    padding-left: 10px;
  }
}
#main-header #nav ul li a {
  font-size: 14px;
  color: #ffffff;
  padding: 6px 0;
  border-top: 2px solid transparent;
  transition: 0.3s all;
}
@media (min-width: 1366px) {
  #main-header #nav ul li a {
    font-size: 15px;
    margin-right: 47px;
  }
}
#main-header #nav ul li.active a, #main-header #nav ul li:hover a {
  border-top-color: #f28121;
  background-color: transparent;
}
@media (min-width: 750px) {
  #main-header #nav ul li.active a, #main-header #nav ul li:hover a {
    color: #fff;
  }
}
@media (max-width: 992px) {
  #main-header {
    height: auto;
    background: #fff;
  }
  #main-header .info-bar {
    color: #0c1a34;
  }
  #main-header .strip-after {
    display: none;
  }
}
@media (max-width: 750px) {
  #main-header #nav ul {
    margin-top: 0;
    margin-bottom: 11px;
  }
  #main-header #nav ul li {
    padding-left: 0;
  }
}
#main-header .open-menu span {
  background-color: #0c1a34;
  cursor: pointer;
}

.right_cr {
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 867px) {
  .right_cr {
    display: inherit;
  }
}

.logind a {
  font-family: "Zekton Rg";
  border: solid 3px #f28121;
  color: white;
  font-size: 15px;
  padding: 9px 21px;
  border-radius: 5px;
}
.logind a:hover {
  background-color: #f28121;
  transition: 1s;
}
@media (max-width: 867px) {
  .logind a {
    color: white;
    font-size: 12px;
    padding: 4px 15px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 12px;
  }
}
@media (max-width: 867px) {
  .logind {
    display: none;
  }
}

#main-slider ul li {
  position: relative;
}
#main-slider ul li .caption {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 12%;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #f28121;
  font-family: "Zekton Rg";
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #main-slider ul li .caption {
    display: none;
  }
}
#main-slider ul li .caption h2 {
  font-size: 59px;
}
@media (max-width: 1200px) {
  #main-slider ul li .caption {
    padding-top: 5%;
  }
  #main-slider ul li .caption h2 {
    font-size: 52px;
  }
}
@media (max-width: 992px) {
  #main-slider ul li .caption h2 {
    font-size: 22px;
  }
}
#main-slider ul li .caption b {
  display: block;
  font-family: "Zekton";
  color: #0c1a34;
}
#main-slider ul li .caption a {
  margin-top: 20px;
  width: 110px;
  display: inline-block;
  transition: 0.4s all;
  color: #f28121;
  border-color: #f28121;
}
#main-slider ul li .caption a:hover {
  color: #fff;
}
#main-slider ul li img {
  max-width: 100%;
  height: auto;
}

.btn-readmore, #services .service-box .caption a {
  display: inline-block;
  border: 3px solid #fff;
  padding: 8px 25px;
  color: #fff;
}
.btn-readmore:hover, #services .service-box .caption a:hover {
  background-color: #f28121;
  color: #fff;
}

#welcome {
  /*  background:$orangev url('../images/about-bg.png'); */
  position: relative;
  background: #000 url("../images/about-bg.png");
  color: #fff;
  color: #fff;
  padding-top: 93px;
  text-align: center;
  padding-bottom: 240px;
}
@media (max-width: 750px) {
  #welcome {
    padding-top: 30px;
  }
  #welcome h2 {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1366px) {
  #welcome {
    height: 571px;
  }
}
#welcome h2 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 36px;
  font-family: "Zekton Rg";
}
#welcome h2 b {
  font-family: "Zekton";
}
#welcome p {
  /*  margin-left: 10%; */
  /* width: 80%; */
  line-height: 30px;
  font-weight: 100;
  margin-bottom: 8px;
  text-align: center;
}
#welcome .para {
  position: relative;
  z-index: 100;
}

#welcome::before {
  background-color: rgba(232, 81, 39, 0.8);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}

#cards {
  margin-top: -170px;
}
#cards .card {
  background-color: #fff;
  padding-top: 30px;
  text-align: center;
}
#cards .card h3 {
  text-transform: uppercase;
  font-family: "Zekton Rg";
  font-size: 30px;
  margin: 0;
  color: #0c1a34;
  margin-bottom: 6px;
  transition: 0.3s all;
}
#cards .card h3 b {
  display: block;
  font-family: "Zekton";
}
#cards .card p {
  /* line-height: 24px; */
  padding-left: 35px;
  padding-right: 35px;
  min-height: 166px;
  color: #777777;
}
#cards .card a {
  font-family: "Zekton";
  margin-top: 40px;
  padding: 15px 0;
  background-color: #0c1a34;
  color: #fff;
  display: block;
  width: 100%;
  transition: 0.3s all;
  margin-right: -35px;
  font-size: 13px;
  text-transform: uppercase;
}
#cards .card:hover h3 {
  color: #f28121;
}
#cards .card:hover a {
  background-color: #f28121;
}

#services {
  text-align: center;
  padding-top: 100px;
}
#services h2 {
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 50px;
  font-size: 30px;
  font-family: "Zekton Rg";
}
#services h2 b {
  font-family: "Zekton";
}
@media (max-width: 750px) {
  #services {
    padding-top: 30px;
  }
  #services h2 {
    margin-bottom: 20px;
  }
}
#services .service-box {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  overflow: hidden;
}
#services .service-box .caption {
  padding-top: 21px;
  padding-bottom: 21px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(250, 99, 57, 0.6588235294);
  border-top: 12px solid rgba(0, 0, 0, 0.2);
  color: #444444;
}
@media (max-width: 992px) {
  #services .service-box .caption {
    background-color: rgb(12, 26, 52);
    position: static;
  }
}
#services .service-box .caption h3 {
  font-family: "Zekton Rg";
  color: white;
  margin: 0;
  font-size: 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  #services .service-box .caption h3 {
    font-size: 22px;
  }
}
#services .service-box .caption p {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 25px;
  margin-bottom: 25px;
  color: white;
}
@media (max-width: 1200px) {
  #services .service-box .caption p {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
#services .service-box .caption a {
  border-color: white;
  color: white;
  transition: 0.3s all;
  border-radius: 5px;
}
#services .service-box .caption a:hover {
  color: #fff;
  background-color: #f28121;
}
#services .service-box .caption:hover {
  background-color: #e85127;
  transition: 1s;
}
#services .service-box img {
  max-width: 100%;
  height: auto;
}

#videsc h2 {
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 30px;
  font-size: 30px;
  font-family: "Zekton Rg";
}
#videsc h2 b {
  font-family: "Zekton";
}
@media (max-width: 990px) {
  #videsc h2 {
    margin-bottom: 22px;
  }
}
#videsc p {
  padding: 0;
  margin-bottom: 45px !important;
}
#videsc a.bv {
  border: 3px solid #333333;
  padding: 8px 25px;
  border-radius: 5px;
  color: #0c1a34;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Zekton";
}
#videsc a.bv:hover {
  background-color: #0c1a34;
  transition: 1s;
  color: white;
  border: solid 3px #91959d;
}
@media (max-width: 990px) {
  #videsc a.bv {
    margin-bottom: 28px;
    display: inline-block;
  }
}

a.btn-readmore:hover, #services .service-box .caption a:hover {
  background-color: #0c1a34;
  transition: 1s;
  color: white;
  border: solid 3px #91959d;
}

a.btn-readmore, #services .service-box .caption a {
  border: 3px solid #fff;
  padding: 8px 25px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Zekton";
}

.ox {
  border: 3px solid #333333 !important;
  color: #333333 !important;
}
.ox:hover {
  background-color: #0c1a34 !important;
  transition: 1s;
  color: white !important;
  border: solid 3px #91959d !important;
}
@media (max-width: 992px) {
  .ox {
    margin-bottom: 30px !important;
  }
}

.ftr_one h3 {
  font-size: 19px;
  font-family: "Zekton Rg";
  margin-bottom: 22px;
  text-transform: uppercase;
}

.ftr_one p {
  padding: 0;
  margin-bottom: 15px;
}

.ftr_one ul {
  margin: 0;
  padding: 0;
}

.ftr_one ul li {
  list-style: none;
  line-height: 35px;
  color: white;
}

.ftr_one ul li a {
  color: white;
  font-size: 15px;
}

.ftr_one ul li {
  transition: 1s;
}

.ftr_one ul li:hover {
  margin-left: 7px;
  transition: 1s;
}

#clients {
  padding-top: 100px;
  padding-bottom: 70px;
  text-align: center;
}
@media (max-width: 750px) {
  #clients {
    padding: 30px 0;
  }
}
#clients h2 {
  font-size: 30px;
  font-family: "Zekton Rg";
  margin-bottom: 30px;
}
#clients h2 b {
  font-family: "Zekton";
}
#clients ul {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
#clients ul li {
  width: 14.2857142857%;
  text-align: center;
}
@media (max-width: 750px) {
  #clients ul li {
    width: 50%;
  }
}
#clients ul li img {
  max-width: 100%;
  height: auto;
}
#clients ul li .white-bg {
  display: inline-block;
  background-color: #fff;
}

.on {
  font-size: 30px;
  font-family: "Zekton Rg";
  margin-bottom: 30px;
  text-transform: uppercase;
}

#news {
  padding-top: 78px;
  padding-bottom: 71px;
}
#news a,
#news a:hover,
#news a:focus,
#news a:active {
  text-decoration: none;
  outline: none;
}
#news p {
  padding: 0;
}
#news a,
#news a:active,
#news a:focus {
  color: #333;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
#news ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#news img {
  max-width: 100%;
  height: auto;
}
#news span, #news a, #news a:hover {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
#news .news-content {
  padding: 28px 22px;
  background: white;
}
#news .news-item {
  box-shadow: 0 0 15px #ededed;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 40px;
}
#news .news-item:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 15px 15px 0px #edeaea;
  box-shadow: 0px 15px 15px 0px #edeaea;
}
#news .newsimg img {
  width: 100%;
}
#news .news_postdate {
  color: #FF3A46;
}
#news .news-content p {
  font-size: 14px;
  line-height: 25px;
}
#news .news-content h3 {
  color: #233D63;
  font-size: 15px;
  margin-bottom: 8px;
  font-family: "Zekton";
}
#news .news_authorinfo {
  border: transparent;
  padding: 14px 0px 0px 0px;
  background: transparent;
  font-size: 14px;
}
#news .news_authorinfo i {
  margin-right: 6px;
}
#news .news_authorinfo span:last-child {
  float: right;
}
#news .news_authorinfo a {
  color: #666;
}
#news .center .news-content {
  background: linear-gradient(-120deg, #8758ff 0, #614ef9 100%);
}
#news .center .news-content h3,
#news .center .news-content p {
  color: #fff;
}
#news .center .news_authorinfo a,
#news .center .news_authorinfo i {
  color: #fff;
}
#news .news-slide.owl-carousel .col-lg-4 {
  max-width: 100%;
  padding: 0;
}
#news .news-section .owl-theme .owl-nav [class*=owl-] {
  color: #333;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #ddd;
}
#news .small-title {
  font-size: 20px;
  text-transform: capitalize;
  color: #FF3A46;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 600;
}
#news .big-title {
  letter-spacing: 0px;
  padding-bottom: 13px;
  position: relative;
  color: #233D63;
  line-height: 50px;
  font-size: 36px;
  text-transform: capitalize;
  font-weight: 600;
}
#news .main-title-box {
  margin-bottom: 60px;
}
@media (max-width: 990px) {
  #news .main-title-box {
    margin-bottom: 22px;
  }
}
@media (max-width: 990px) {
  #news {
    padding-top: 13px;
    padding-bottom: 0px;
  }
}

#software {
  background: url("../images/software-screenshot.jpg") no-repeat;
  margin-top: 78px;
  position: relative;
  padding-top: 127px;
  padding-bottom: 72px;
  background-position-x: 100%;
  color: #fff;
}
@media (max-width: 750px) {
  #software {
    background: #0c1a34;
  }
}
@media (max-width: 375px) {
  #software {
    padding: 40px 0px;
  }
}
#software h3 {
  font-size: 30px;
  font-family: "Zekton Rg";
  margin: 0;
  margin-bottom: 30px;
}
#software h3 b {
  font-family: "Zekton";
}
#software p {
  font-weight: 100;
  margin-bottom: 32px;
  padding: 0px 0;
  width: 78%;
}
#software p.quote {
  color: #0c1a34;
  font-size: 24px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-weight: bold;
}
#software a {
  border: solid 3px #fff;
  color: white;
}
#software a:hover {
  border: solid 3px #cc5434;
}
#software .strip {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 37.2105263158%;
  z-index: 100;
  background-color: #0c1a34;
}
@media (max-width: 1880px) {
  #software .strip {
    width: 50%;
  }
}
@media (max-width: 1365px) {
  #software .strip {
    width: 50%;
  }
}
#software .strip:after {
  content: "";
  position: absolute;
  right: -34%;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #0c1a34;
  -moz-transform: skewX(18deg);
  -webkit-transform: skewX(18deg);
  transform: skewX(34deg);
}
@media (max-width: 1365px) {
  #software .strip:after {
    display: none;
  }
}
#software .position {
  position: relative;
  z-index: 200;
}
@media (max-width: 990px) {
  #software {
    margin-top: 25px;
  }
}

#map {
  position: relative;
}
#map .footer-strip {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background-color: rgba(68, 68, 68, 0.8);
  z-index: 10000;
}
@media (max-width: 992px) {
  #map .footer-strip {
    width: 100%;
  }
}

#main-footer {
  padding-top: 55px;
  padding-bottom: 55px;
  z-index: 10000;
  color: #fff;
  background: #312c2c;
}
#main-footer address p {
  position: relative;
  padding-left: 55px;
  font-size: 14px;
  font-weight: 100;
}
#main-footer address p img {
  position: absolute;
  left: 0;
  top: 5px;
}
#main-footer .social-links {
  margin-top: 5px;
}
#main-footer .social-links a {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}
#main-footer .social-links a:first-child {
  margin-left: 0;
}

.cv {
  margin-bottom: 34px;
}

.ftr_one h3 span {
  border-bottom: solid 3px #cc5434;
  padding-bottom: 6px;
  /* margin-bottom: 15px; */
}

#copybar {
  background: #333333;
  /* height: 77px; */
  line-height: 43px;
  text-align: center;
  font-size: 13px;
  font-weight: 100;
  font-weight: 100;
}
@media (max-width: 992px) {
  #copybar {
    height: auto;
    padding: 10px 0;
    line-height: 22px;
  }
}
@media (max-width: 375px) {
  #copybar a {
    display: block;
  }
}
#copybar, #copybar a {
  color: #747474;
}
#copybar a:hover {
  color: #f28121;
}

.thumb-division {
  display: inline-block;
  margin-bottom: 30px;
}
.thumb-division img {
  visibility: hidden;
}

/**
 * Contact Us
 */
.shared-title {
  background-size: contain;
  position: relative;
}
.shared-title:after {
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.shared-title img {
  visibility: hidden;
  max-width: 100%;
  height: auto;
}
.shared-title span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-family: "Zekton";
  z-index: 1000;
  color: #fff;
  left: 0;
  top: 0;
  height: 100%;
}

.contact-page {
  padding: 100px 0;
}
.contact-page h3 {
  margin-top: 0;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.contact-page #contact-form input, .contact-page #contact-form textarea {
  display: block;
  width: 100%;
  border: 0;
  padding: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  background-color: #f3592e;
  transition: 0.4s all;
  margin-bottom: 15px;
  margin-top: 15px;
  resize: none;
  font-size: 16px;
  color: white;
}
.contact-page #contact-form input:hover, .contact-page #contact-form input:focus, .contact-page #contact-form textarea:hover, .contact-page #contact-form textarea:focus {
  border-bottom: 1px solid #999;
  outline: 0;
}
.contact-page #contact-form input:focus, .contact-page #contact-form textarea:focus {
  border-bottom: 1px solid #000;
}
.contact-page #contact-form textarea {
  height: 120px;
}
.contact-page #contact-form input[type=submit] {
  background-color: #f28121;
  color: #fff;
  width: 200px;
  display: inline-block;
}
.contact-page .brand-caption {
  margin-top: 10px;
  padding-top: 80px;
  width: 560px;
  height: 540px;
  max-width: 100%;
  background: url("../images/brand.png") no-repeat top center;
  font-size: 28px;
  font-weight: lighter;
  color: #444444;
  text-align: center;
  line-height: 36px;
}
.contact-page .brand-caption img {
  margin-top: 180px;
}

.client-page {
  background-color: #fff;
  padding: 100px 0;
}
.client-page img {
  margin-bottom: 15px;
  margin-top: 15px;
}

.service-page {
  padding: 100px 0;
}
.service-page h3 {
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 20px;
}
.service-page p {
  margin-bottom: 15px;
  line-height: 24px;
}
.service-page .service-in-item {
  margin-bottom: 60px;
}

.about-page {
  background: url("../images/about-thumb.png") no-repeat right center;
  background-size: 50%;
  padding: 50px 0;
}
@media (max-width: 992px) {
  .about-page {
    background-size: auto;
    padding-top: 25px;
    background-position: top center;
  }
}
.about-page p {
  margin-bottom: 10px;
  text-align: justify;
}

div#objct h4 {
  text-align: center;
  color: #333;
  font-size: 25px;
  margin-bottom: 28px;
  font-family: "Zekton";
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
div#objct .pnt_cxd p {
  margin: 0;
  padding: 0;
  border: solid 2px #ce5635;
  padding: 8px;
  margin-bottom: 14px;
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: black;
  width: 71%;
  margin: 9px auto;
}

.qr {
  max-width: 250px;
}

#consulancy {
  padding: 37px 0;
}
#consulancy h2 {
  margin-bottom: 30px;
}

.bgsli {
  background: white;
  padding-top: 37px;
  border-radius: 28px 28px 0px 0px;
  text-align: center;
}

html,
body {
  height: 100%;
}

.carousel,
.item,
.active {
  height: 100%;
}

.carousel-inner {
  height: 100%;
  background: #000;
}

.carousel-caption {
  padding-bottom: 80px;
}

h2 {
  font-size: 60px;
}

p {
  padding: 10px;
}

/* Background images are set within the HTML using inline CSS, not here */
.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  opacity: 0.6;
}

/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}

/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

#gallery .more {
  position: absolute;
  height: 52px;
  background-color: #f3592e;
  top: 282px;
  width: 100%;
  transition: 0.4s all;
  transform: translateY(270px);
  display: block;
  padding-left: 20px;
  padding-top: 0px;
}

#gallery ul li:hover .more {
  transform: translateY(0px);
}

#gallery .more h1 {
  font-size: 14px;
}

.animate {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 2em;
  width: 400px;
  position: absolute;
  top: 100px;
  left: -400px;
}

.opty {
  position: absolute;
  bottom: 0;
  width: 100%;
  top: 0;
  left: 0px;
  right: 0;
}

.mapo {
  position: relative;
}

.bov {
  padding-bottom: 44px;
}

.striop::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-color: rgba(85, 85, 85, 0.8705882353);
  -moz-transform: skewX(18deg);
  -webkit-transform: inherit;
  transform: inherit;
  left: 0;
}

.newb h2 {
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 24px;
  font-size: 30px;
  font-family: "zektonregular";
}

@media (max-width: 1366px) {
  #software {
    /*  
       background-position-x: 373%; */
    color: #fff;
  }

  #software .strip {
    width: 40%;
  }

  #main-slider ul li .caption h2 {
    font-size: 40px;
  }
}
@media (max-width: 1300px) {
  #software .strip {
    width: 50%;
  }
}
.vdes1 {
  position: relative;
  margin-bottom: 10px;
}

.rwflx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-center.btm_nav {
  color: #fff;
  display: flex;
  gap: 16%;
  justify-content: center;
}

.btm_nav {
  padding: 4px 6px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200;
  font-size: 12px;
  background-color: #97393d;
  border-radius: 19px 19px 0px 0px;
  left: 0;
  right: 0;
  /* box-shadow: 10px 10px 10px black; */
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.nvb1 img {
  width: 25px;
}

div#objct {
  padding-top: 64px;
  margin-bottom: 64px;
}

div#twotype h3 {
  padding: 0;
  margin: 0;
  font-family: "Zekton";
  font-size: 18px;
  margin-bottom: 21px;
}
div#twotype p {
  margin: 0;
  padding: 0;
}
div#twotype .ty-two {
  background: #c95130;
  text-align: center;
  padding: 25px;
  color: white;
  border-radius: 20px;
}

div#twotype {
  padding-bottom: 50px;
}

.sec_prim1 h3 {
  margin: 0;
  padding: 0;
  font-family: "Zekton";
  font-size: 18px;
  margin-bottom: 21px;
}
.sec_prim1 ul {
  margin: 0;
  padding: 0;
}
.sec_prim1 ul li {
  background: url(../images/arw.png);
  background-repeat: no-repeat;
  height: 31px;
  background-position: -4px 1px;
  padding: 0px 28px;
  list-style: none;
  font-size: 15px;
}

.sec_prim1.o5 {
  margin-bottom: 111px;
}

.o1 {
  margin-bottom: 30px;
}

.sec_prim1.o2 {
  margin-bottom: 59px;
}

.sec_prim1.o3 {
  margin-bottom: 41px;
}

.sec_prim1.o4 {
  margin-bottom: 27px;
}

.imgh {
  text-align: center;
}

.imgh img {
  max-width: 689px;
  width: 100%;
}

.bxg {
  display: flex;
  justify-content: center;
  background: #c95130;
  height: 60px;
  align-items: center;
  /* display: table; */
  /* height: 100%; */
  margin-bottom: 186px;
  /* clear: both; */
  min-height: 123px;
}

.prime {
  margin-bottom: 125px;
}

.vnb {
  padding: 40px 0;
}
.vnb h4 {
  font-family: "Zekton";
  font-size: 24px;
  margin-bottom: 21px;
  color: #333;
}
.vnb .resx {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: center;
  /* padding: 3px; */
  /* width: 100%; */
  color: white;
  font-size: 16px !important;
}
.vnb .resx div {
  flex: 1;
  background: #cc5434;
  border-radius: 8px;
  padding: 5px;
}
.vnb .resx div h5 {
  font-size: 16px;
  text-transform: uppercase;
}
.vnb .vicib_flx {
  padding-top: 31px;
  padding-bottom: 0px;
}
.vnb .vicib_flx p {
  margin: 0;
  padding: 0;
}

.vicib_flx.mb {
  margin-bottom: 37px;
}

.JK {
  display: flex;
  align-items: center;
}

.row.JK {
  margin-bottom: 60px;
}

.rdc {
  background-color: #e1e1e1;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3215686275);
}
.rdc img {
  width: 100%;
}
.rdc h2 {
  font-family: "Zekton";
  font-size: 17px;
  text-align: center;
}

@media screen and (min-device-width: 868px) and (max-device-width: 1000px) {
  #main-header #nav ul li a {
    font-size: 12px;
    color: #ffffff;
    padding: 6px 5px;
  }

  ul.inline-list.clearfix.nav.pull-right.wow.fadeIn {
    background: rgba(64, 60, 57, 0) !important;
  }

  .logind a {
    font-family: "Zekton Rg";
    border: solid 2px #f28121;
    color: white;
    font-size: 13px;
    padding: 9px 21px;
    border-radius: 5px;
  }
}
@media screen and (min-device-width: 751px) and (max-device-width: 867px) {
  .right_cr {
    margin-top: -56px;
  }

  #main-header #nav ul li a {
    font-size: 13px;
    color: #ffffff;
    padding: 6px 7px;
  }

  #main-header {
    background: rgba(49, 45, 42, 0.6784313725) !important;
  }

  ul.inline-list.clearfix.nav.pull-right.wow.fadeIn {
    background: rgba(64, 60, 57, 0) !important;
  }
}
@media (max-width: 991px) {
  .panel {
    width: 96% !important;
    margin-bottom: 10px !important;
  }

  .ofc {
    display: inherit !important;
  }

  .brocg {
    margin-bottom: 15px;
  }

  .about-page {
    background: no-repeat;
  }

  #main-header {
    position: inherit;
  }
}
@media (max-width: 868px) {
  .row.JK img {
    width: 100%;
  }

  .JK {
    display: flex;
    flex-direction: column-reverse;
  }

  .sec_prim1.o5 {
    margin-top: 39px;
  }

  .sec_prim1.o4 {
    margin-top: 34px;
  }

  .sec_prim1.o3 {
    /* margin-bottom: 72px; */
    margin-top: 47px;
  }

  .bxg {
    margin-bottom: 55px;
  }

  .prime {
    margin-bottom: 46px;
  }

  .sec_prim1 {
    display: inline-block;
  }

  div#twotype {
    padding-bottom: 20px;
  }

  .ty-two {
    margin-bottom: 14px;
  }

  div#objct {
    padding-top: 20px;
    margin-bottom: 20px;
  }

  .about-page {
    padding: 17px 0;
  }

  div#objct .pnt_cxd p {
    margin: 0;
    padding: 0;
    border: solid 2px #ce5635;
    padding: 8px;
    margin-bottom: 14px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    color: black;
    width: 100%;
    margin: 9px auto;
  }

  .shared-title span {
    font-size: 18px;
  }

  .clearfix.text-right {
    /* position: relative; */
    /* top: -19px; */
    /* z-index: 1000; */
    margin-top: -52px;
  }
}
@media (min-width: 1000px) {
  .text-center.btm_nav {
    display: none;
  }
}
button.btn.btn-primary {
  background: #e77051 !important;
  padding: 9px 21px;
  border: none;
  outline: 0;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  /* Compensate for excess margin on outer gallery flex items */
  margin: -1rem -1rem;
}

.gallery-item {
  /* Minimum width of 24rem and grow to fit available space */
  flex: 1 0 24rem;
  /* Margin value should be half of grid-gap value as margins on flex items don't collapse */
  margin: 1rem;
  box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.gallery-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 400ms ease-out;
}

.gallery-image:hover {
  transform: scale(1.15);
}

/*

The following rule will only run if your browser supports CSS grid.

Remove or comment-out the code block below to see how the browser will fall-back to flexbox styling. 

*/
@supports (display: grid) {
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    grid-gap: 2rem;
  }

  .gallery,
.gallery-item {
    margin: 0;
  }
}
.brocg img {
  width: 100%;
}

.brocg {
  text-align: center;
}

.brocg a div {
  background: #f28121;
  color: white;
  padding: 16px;
  transition: 0.5s;
  font-size: 16px;
}

.brocg a div:hover {
  background: #1a3549 url(../images/cloud-computing.png);
  /* margin-right: 14px; */
  transition: 0.5s;
  /* width: 10px; */
  background-size: 31px 30px;
  background-repeat: no-repeat;
  background-position: 18%;
}

.ofc {
  display: flex;
  justify-content: space-around;
}

/*# sourceMappingURL=main.css.map */