/*
    Theme Name: Bell
    Theme URL: https://bootstrapmade.com/bell-free-bootstrap-4-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/
body, p {
    font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}
 body{
    background-color: #000 !important;
  } 


  @keyframes spin { 
     100% { 
      transform: rotate(360deg); 
    }
  } 

  .center { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: auto; 
  } 

  video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 1263px;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url('img/banner-video-preview.png') no-repeat;
    background-size: cover;
    transition: 1s opacity;
  }
  .dot{
    width:35px;
    height:35px;
    position:absolute;
    background: url('img/red-lobed-fall-clipart-leaf.png');
    background-size: cover;
    left: 0;
    z-index: 9999999 !important;
  }

section.about {
    background-image: url('../img/black-brick-wall-textured-background.jpg');
    /* z-index: 9999; */
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: fixed;
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-size: cover;
}
section.about .container {
    position: relative;
    z-index: 1;
}
section.about:after {
    content: '';
    z-index: 0;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.68);*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.portfolio-over img {
  height: 100px !important;
  width: 100px !important;
      margin-bottom: 20px;
    margin-top: 20px;
}
#lenoTabsContent .container {
  margin-top: 0px;
}

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@font-face {
font-family: 'Hola Zozo Regular';
font-style: normal;
font-weight: normal;
src: local('Hola Zozo Regular'), url('Hola Zozo.woff') format('woff');
}
p {
  line-height: 1.55;
  color: #fff;
  font-size: 400;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 50px;
}
h2 {
  font-size: 30px;
  margin-bottom: 65px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fa-bookmark:before {
  content: "\f02e"; 
}
.with-errors li {
    color: #e6411c;
}
.btn {
  background-color: #fe0002;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #fff;
  padding: 15px 45px;
  border-radius: 50px;
}
.btn:hover {
    background-color: #fff;
    color: #fe0002;
    border: 1px solid #fe0002 !important;
}
.btn:focus {
  color: #000;
}
.btn-ghost {
  border: 3px solid #000;
  background-color: transparent;
}
.btn-ghost:hover {
  background-color: #000;
  color: #fe0002;
}
.portfolio .card {
    position: relative;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    /*box-shadow: 0px 0px 4px 1px #ddd;*/
    overflow: hidden;
}
a:hover {
  text-decoration: none !important;
}
.scrolltop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fe0002;
  color: #fff;
  text-align: center;
  font-size: 24px;
}
.scrolltop:hover, .scrolltop:active, .scrolltop:focus {
  color: #fff !important;
  opacity: .75;
}
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
  display: block;
  margin-bottom: 0;
  color: #f1f1f8;
  font: 400 1.125rem/1rem "Open Sans", sans-serif;
}

.help-block.with-errors .list-unstyled {
  color: #f1f1f8;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
}

.help-block.with-errors ul {
  margin-bottom: 0;
}
/* end of form success and error message formatting */

.li-space-lg li {
  margin-bottom: 0.375rem;
}
/* Contact */
  .form .list-unstyled li {
    display: inline-block;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }

  .form .list-unstyled .address {
    display: block;
  }
  /* end of contact */

/***********************/
/*     16. Contact     */
/***********************/
.form {
  padding-top: 0.25rem;
  padding-bottom: 5.625rem;
  background: url('..images/contact-background.jpg') center bottom no-repeat;
  background-size: cover; 
}



.form .list-unstyled {
  margin-bottom: 3.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.form .list-unstyled .fas,
.form .list-unstyled .fab {
  margin-right: 0.5rem;
  font-size: 0.875rem;
  color: #fe0002;
}

.form .list-unstyled .fa-phone {
  vertical-align: 3%;
}

.form-group {
  position: relative;
  margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
  margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
  margin-top: 0.375rem;
}

/* Features */
  .tabs .card-body {
    padding: 1rem 0 1.5rem 0;
  }
  
  .tabs #tab-1 .card.left-pane {
    text-align: right;
  }

  .tabs #tab-1 .card.left-pane .text-wrapper,
  .tabs #tab-1 .card.right-pane .text-wrapper {
    width: 68%;
  }

  .tabs #tab-1 .card.left-pane .card-icon {
    float: none;
    margin-right: 0;
    margin-left: 1rem;
  }

  .tabs #tab-1 img {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .tabs #tab-2 .icon-cards-area {
    margin-top: 2.25rem;
  }

  .tabs #tab-2 .icon-cards-area .card {
    width: 45%;
    margin-right: 3.5rem;
  }

  .tabs #tab-2 .icon-cards-area .card p {
    margin-bottom: 0.5rem;
  }

  .tabs #tab-3 .icon-cards-area .card {
    width: 45%;
    margin-right: 3.5rem;
  }

  .tabs #tab-3 .icon-cards-area .card p {
    margin-bottom: 0.5rem;
  }
  /* end of features */

/* Features */
  .tabs {
    padding-bottom: 6.5rem;
  }

  .tabs #tab-1 .card.first {
    /*margin-top: 4.25rem;*/
  }

  .tabs #tab-1 .card {
    margin-bottom: 0.75rem;
  }

  .tabs #tab-1 .card.left-pane .text-wrapper,
  .tabs #tab-1 .card.right-pane .text-wrapper {
    width: 73%;
  }

  .tabs #tab-1 img {
    margin-top: 0;
  }

  .tabs #tab-2 .container {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .tabs #tab-2 .text-area {
    margin-top: 1.5rem;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .tabs #tab-2 .icon-cards-area {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .tabs #tab-2 .icon-cards-area .card {
    margin-right: 3.875rem;
  }

  .tabs #tab-3 .container {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  
  .tabs #tab-3 .icon-cards-area {
    margin-top: 2rem;
    margin-left: 1rem;
  }

  .tabs #tab-3 .icon-cards-area .card {
    margin-right: 3.875rem;
  }
  
  .tabs #tab-3 .text-area {
    margin-right: 1.5rem;
    margin-left: 1rem;
  }
  /* end of features */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  input[type='checkbox'] {
    vertical-align: -9%;
  }
}

.form-control-submit-button {
  display: inline-block;
  width: 100%;
  height: 3.125rem;
  border: 1px solid #fe0002;
  background-color: #fe0002;
  color: #fff;
  font: 700 0.75rem/1.75rem "Montserrat", sans-serif;
  cursor: pointer;
  transition: all 0.2s;
      border-radius: 100px 100px 100px 0 !important;
}

.form-control-submit-button:hover {
    background-color: #fff !important;
    color: #fe0002 !important;
}

.checkbox {
  font: 400 0.75rem/1.25rem "Open Sans", sans-serif;
}
/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .label-control {
    top: 0.9375rem;
  }
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
  top: 0.125rem;
  opacity: 1;
  font-size: 0.75rem;
  font-weight: 700;
}

.form-control-input,
.form-control-select {
  display: block; /* needed for proper display of the label in Firefox, IE, Edge */
  width: 100%;
  padding-top: 1.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.3125rem;
  border: 1px solid #9791ae;
  border-radius: 0.25rem;
  background-color: #413d52;
  color: #000;
  font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
  transition: all 0.2s;
  -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 3rem;
}

.label-control {
  position: absolute;
  top: 0.87rem;
  left: 1.375rem;
  color: #000;
  opacity: 1;
  font: 400 0.875rem/1.375rem "Open Sans", sans-serif;
  cursor: text;
  transition: all 0.2s ease;
}
/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .label-control {
    top: 0.9375rem;
  }
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
  top: 0.125rem;
  opacity: 1;
  font-size: 0.75rem;
  font-weight: 700;
}

.form-control-input,
.form-control-select {
  display: block; /* needed for proper display of the label in Firefox, IE, Edge */
  width: 100%;
  padding-top: 1.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.3125rem;
  border: 1px solid #9791ae;
  border-radius: 0.25rem;
  background-color: #413d52;
  color: #f1f1f8;
  font: 400 0.875rem/1.875rem "Open Sans", sans-serif;
  transition: all 0.2s;
  -webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 3rem;
}

/***************************/
/*     12. Screenshots     */
/***************************/
.slider-2 {
  padding-top: 6.875rem;
  /*padding-bottom: 6.875rem;*/
  background-color: #000000;
}

.slider-2 .slider-container {
  position: relative;
}

.slider-2 .swiper-container {
  position: static;
  width: 90%;
  text-align: center;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
  top: 50%;
  width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
  /* even if you can't see it chrome you can see it on mobile device */
  outline: none;
}

.slider-2 .swiper-button-prev {
  left: -0.5rem;
  background-image: url("data:leno/image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
  right: -0.5rem;
  background-image: url("data:leno/image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}


/* ==================================================
  Hero Styling
================================================== */
.hero {
  display: table;
  position: relative;
  
  padding: 150px 0 30px;
  color: #fff;
  width: 100%;
  height: 100vh;
}

.hero:after {
  content: '';
  z-index: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.68);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hero .container {
  position: relative;
  z-index: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.hero-brand {
  margin-bottom: 75px;
  display: inline-block;
}

.hero-brand:hover {
  opacity: .75;
}

.tagline {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  margin: 20px 0 30px 0;
  color: #fff;
  text-align: center;
}

/* ==================================================
  Header Styling
================================================== */
#header {
  background: #fe0002;
  height: 70px;
}

#header .logo {
  margin: -57px 25px 0px -40px
}

#header .logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 2px 0;
  line-height: 1;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header .logo h1 a, #header .logo h1 a:hover {
  color: #fff;
}

#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 106px;
    margin-top: 62px;
    max-width: 300px;
}
.portfolio-grid .row > div .card img {
    width: 100%;
    height: 300px;
}

@media (max-width: 768px) {
  #header {
    /*height: 50px;*/
  }
  #header .logo {
    margin: 10px 0 0 0;
  }
  #header .logo h1 {
    padding: 2px 0;
    font-size: 26px;
  }
  .hero{
    padding: 0 0;
  }
section.hireus-section {
    margin-top: 120px;
}
  section.hero p {
    font-size: 22px; 
    margin-bottom: 30px;
}

section.about .stats-col{
  margin-bottom:20px;
}

 .tabs #tab-1 .firstrow .card.left-pane .card-icon{
  margin-left: 0px !important;   
  margin-right: 1.5rem !important;
 }

 .tabs #tab-1 .firstrow .card.left-pane {
    text-align: left;
}

#services .serivceAltr{
  height: 200px !important;
}


}

@media (max-width: 380px){
  section.hero p {
    font-size: 18px;
    margin-bottom: 25px;
}
}
@media (max-width: 320px){

.tabs #tab-1 .firstrow .card-body {
    margin-right: 0px !important;
    display: inline-flex;
}
}

#header .social-nav { 
  margin-top: 15px;
}

#header .social-nav a {
  font-size: 24px;
  margin-left: 15px;
  color: #fff;
}

#header .social-nav a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
      margin: 14px 0 0 0;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  margin: 0;
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }

  
}
 
/* Nav Meu Styling */
.nav-menu a {
    padding:  8px 30px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    outline: none;
    text-transform: uppercase;
    font-weight: 500;
        margin-top: 17px;
}

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a {
  color: rgba(255, 255, 255, 0.75);
}

.nav-menu ul {
  margin: 4px 0 0 15px;
  -webkit-box-shadow: 0px 0px 8px 1px #fe0002b5;
  box-shadow: 0px 0px 8px 1px #fe0002b5;
}

.nav-menu ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
  background: #fe0002;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nav-menu ul li a {
  color: #333;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  padding: 10px 15px;
}

.nav-menu ul li a:hover {
  color: #fff;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 11%;
  top: 0;
  z-index: 999;
  margin: 5px 10px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #fff;
}

.tabs .nav-tabs {
  margin-right: auto;
  margin-bottom: 2.5rem;
  margin-left: auto;
  justify-content: center;
  border-bottom: none;
}
.tabs .tab-content {
    width: 100%;
}
.tabs .nav-link {
  margin-bottom: 1rem;
  padding: 0.5rem 1.375rem 0.25rem 1.375rem;
  border: none;
  border-bottom: 0.1875rem solid #f1f1f8;
  border-radius: 0;
  color: #f1f1f8;
  font: 700 1rem/1.75rem "Montserrat", sans-serif;
  text-decoration: none;
  transition: all 0.2s ease;
}

.tabs .nav-link.active,
.tabs .nav-link:hover {
  border-bottom: 0.1875rem solid #fe0002;
  background-color: transparent;
  color: #fe0002;
}

.tabs .nav-link .fas {
  margin-right: 0.375rem;
  font-size: 1rem;
}

.tabs .tab-content {
  width: 100%; /* for proper display in IE11 */
}

.tabs .card {
  border: none;
  background: transparent;
}

.tabs .card-body {
  padding: 1rem 0 1.25rem 0;
}

.tabs .card-title {
  margin-bottom: 0.5rem;
}

.tabs .card .card-icon {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;

  text-align: center;
  vertical-align: top;
}

.tabs .card .card-icon .fas,
.tabs .card .card-icon .far {
  color: #fff;
  font-size: 1.75rem;
  line-height: 3.5rem;
}

.tabs #tab-1 .card.left-pane .text-wrapper {
  display: inline-block;
  width: 75%;
}

.tabs #tab-1 .card.left-pane .card-icon {
  float: left;
  margin-right: 1rem;
}

.tabs #tab-1 img {
  display: block;
  margin: 2rem auto 3rem auto;
}

.tabs #tab-1 .card.right-pane .text-wrapper {
  display: inline-block;
  width: 75%;
}

.tabs #tab-1 .card.right-pane .card-icon {
  margin-right: 1rem;
}

.tabs #tab-2 img {
  display: block;
  margin: 0 auto 2rem auto;
}

.tabs #tab-2 .text-area {
  margin-top: 1.5rem;
}

.tabs #tab-2 h3 {
  margin-bottom: 0.75rem;
}

.tabs #tab-2 .icon-cards-area {
  margin-top: 2.5rem;
}

.tabs #tab-2 .icon-cards-area .card {
  width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .icon-cards-area .card {
  width: 100%; /* for proper display in IE11 */
}

.tabs #tab-3 .text-area {
  margin-top: 0.75rem;
  margin-bottom: 4rem;
}

.tabs #tab-3 h3 {
  margin-bottom: 0.75rem;
}

.tabs #tab-3 img {
  margin: 0 auto 3rem auto;
}



/* Mobile Nav Styling */
#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.9);
    left: -300px;
    width: 300px;
    overflow-y: auto;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

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

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    text-transform: capitalize;
}

#mobile-nav ul li a:hover {
  color: #fff;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #fe0002;
}

#mobile-nav ul .menu-item-active {
  color: #fe0002;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/* ==================================================
  Stats Styling
================================================== */
.stats-row {
  margin-top: 65px;
  padding-bottom: 65px;
}

.stats-col .circle {
  display: inline-block;
  width: 160px;
  height: 160px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #fff;
  border: 6px solid #fe0002; 
  border-radius: 50%;
  padding: 55px 25px 0 25px;
  position: relative;
}

.stats-col .circle .stats-no {
    color: #fe0002;
    width: 70px;
    height: 70px;
    line-height: 70px;
    top: -25px;
    right: -15px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 18px;
    background-color: #fff;
    /* background-color: #E04F00; */
    position: absolute;
    border-radius: 50%;
    font-weight: 700;
    z-index: 9;
}

/* ==================================================
  Parallax Styling
  ================================================== */
.block {
  color: #fff;
  height: 490px;
  overflow: hidden;
  padding-top: 85px;
}

.block h2 {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.block p {
  color: #fff;
  margin-bottom: 45px;
}

/* ==================================================
  Features Styling
  ================================================== */
.features {
  padding-bottom: 45px;
}


.feature-col {
  display: table;
  padding-bottom: 45px;
}

.feature-col > div > div {
  display: table-cell;
  vertical-align: middle;
}

.feature-col > div > div:last-child {
  padding-left: 20px;
}

.feature-col .feature-icon {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
  background: #fe0002;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 70px;
  border-radius: 50%;
  display: inline-block;
}

.feature-col h3 {
  color: #fe0002;
}

.feature-col p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #999;
}

/* ==================================================
  Call-to-action Styling
  ================================================== */
.cta {
  background-color: #fe0002;
  padding: 25px 0;
}

.cta h2 {
  margin-bottom: 5px;
}

.cta h2,
.cta p {
  color: #fff;
}

.cta p {
  margin-bottom: 0;
  opacity: .75;
}

.cta .btn-ghost {
  position: relative;
  top: 13px;
}

/* ==================================================
  Portfolio Styling
  ================================================== */
.portfolio {
  background-color: #fff;
  padding-bottom: 0;
      padding-top: 1.25rem;
}

.hireus {
    background-color: #070707;
    padding-bottom: 0;
    padding-top: 1.25rem;
}

.portfolio h2 {
  color: #fe0002;
  margin-bottom: 25px;
}

.portfolio-grid {
    margin-top: -20px;
}

.portfolio-grid .row {
  margin: 0;
}

.portfolio-grid .row > div {
  padding: 0;
}

.portfolio-grid .row > div .card img {
      width: 100%;
    height: 300px;
}

.portfolio-grid .row > div .card .portfolio-over {
/*  position: absolute;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.51);
  top: 0;
  left: 0;*/
  text-align: center;
/*  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;*/
}

.portfolio-grid .row > div .card .portfolio-over > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.portfolio-grid .row > div .card .portfolio-over .card-title {
  color: #fff;
  font-size: 24px;
}

.portfolio-grid .row > div .card .portfolio-over .card-text {
  color: #fff;
  opacity: .75;
  padding: 0 45px;
}

.portfolio-grid .row > div .card .portfolio-over {
  /*opacity: 1;*/
  /*visibility: visible;*/
}

/* ==================================================
  Team Styling
  ================================================== */
.team h2 {
  color: #fe0002;
}

.team .col-sm-3 {
  padding: 0;
}

.team .card > a {
  display: block;
}

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

.team .card h4 {
  color: #fff;
  text-transform: uppercase;
}

.team .card p {
  font-size: 11px;
  color: #fff;
  opacity: .75;
  margin: 0;
  padding: 0 35px;
}

.team .card .social-nav {
  margin-bottom: 45px;
}

.team .card .social-nav a {
  color: #fff;
  font-size: 16px;
  margin: 0 4px;
}

.team .card .social-nav a:hover {
  opacity: .75;
}

.team .card:hover .team-over {
  opacity: 1;
  visibility: visible;
}

.team .card:hover .card-title-wrap {
  background-color: #fe0002;
}

.team .card:hover .card-title-wrap .card-title, .team .card:hover .card-title-wrap .card-text {
  color: #fff;
}

.team .team-over {
  padding-top: 45px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.team .card-title-wrap {
  padding: 15px 25px;
  position: relative;
  z-index: 9;
  background-color: #fff;
}

.team .card-title-wrap .card-title, .team .card-title-wrap .card-text {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  display: block;
  margin: 0;
}

.team .card-title-wrap .card-title {
  font-size: 24px;
  color: #333;
}

.team .card-title-wrap .card-text {
  font-size: 18px;
  color: #999;
}



/* ==================================================
  Footer Styling
  ================================================== */
.site-footer {
  background-color: #111;
  padding: 0;
}

.site-footer h2, .site-footer p {
  color: #fff;
}

.site-footer p {
  opacity: .75;
  line-height: 2.0925;
}

.site-footer h2,
.site-footer .btn {
  margin-bottom: 25px;
}

.site-footer .social-nav a {
  color: #fff;
  opacity: .25;
}

.site-footer .social-nav a:hover {
  opacity: 1;
}

.site-footer .bottom {
  background-color: #413D52;
  padding: 20px 0;
}

.site-footer .bottom .list-inline, .site-footer .bottom p {
  margin: 0;
}

.site-footer .bottom .list-inline {
  position: relative;
  top: 5px;
}

.site-footer .bottom .list-inline a {
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin-right: 15px;
}

.site-footer .bottom .list-inline a:hover {
  color: #fe0002;
}

.site-footer .credits {
  color: #ddd;
}

.site-footer .credits a {
  color: #000000;
}

section div.container{
  margin-top: 60px
}

#services .container{
margin-top: 0px !important
}

#services .swiper-class img{
  height: 100px;
}

}



/*@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
   
}*/
/* ==================================================
  Responsive Styling
  ================================================== */
@media (max-width: 61.9em) {
  
  .block,
  .cta {
    padding: 35px 0;
  }
  section{
    padding: 0px 0;
  }
  .features {
    padding-bottom: 5px;
  }
  p,
  .block p {
    margin: 0;
  }
  .hero-brand {
    margin-bottom: 35px;
  }
  .tagline {
    margin: 35px 0;
  }
  h1 {
    font-size: 32px;
    margin: 0;
  }
  h2,
  .tagline {
    font-size: 18px;
  }
  h2 {
    margin-bottom: 25px;
  }
  h3 {
    font-size: 14px;
  }
  .hero {
    padding: 75px 0;
  }
  .stats-col {
    margin-bottom: 25px;
  }
  .block {
    height: auto;
  }
  .feature-col {
    padding-bottom: 30px;
  }
  .portfolio-grid .card h3.card-title {
    font-size: 18px !important;
  }
  .portfolio-grid .card .card-text {
    font-size: 13px;
  }
  .team .team-over {
    padding-top: 20px;
  }
  .team .card .social-nav {
    margin-bottom: 15px;
    padding: 0;
  }
  .site-footer .social-nav {
    margin-bottom: 35px;
  }
  .site-footer .list-inline {
    text-align: center;
    padding-bottom: 15px;
  }
  .site-footer .list-inline li {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  section.our-services.section-b .tabs {
    background-repeat: repeat !important;
    background-size: 100% !important;
}
section#particle-canvas {
    height: 900px !important;
}
.row.justify-content-center.whyHIREusNEWsECTION {
    width: 100%;
    margin: auto;
}
.col-lg-4.col-md-6.col-sm-9.wow.slideInUp {
    padding: 0;
    margin: 0 0px 50px;
}
  .block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/****************************/
/*     05. Testimonials     */
/****************************/
.slider-1 .slider-container {
  position: relative;
}

.slider-1 .swiper-container {
  position: static;
  width: 90%;
  text-align: center;
}

.slider-1 .swiper-button-prev:focus,
.slider-1 .swiper-button-next:focus {
  /* even if you can't see it chrome you can see it on mobile device */
  outline: none;
}

.slider-1 .swiper-button-prev {
  left: -0.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}

.slider-1 .swiper-button-next {
  right: -0.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f1f1f8'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}

.slider-1 .card {
  position: relative;
  border: none;
  background-color: transparent;
}

.slider-1 .card-image {
  width: 6rem;
  height: 6rem;
  margin-right: auto;
  margin-bottom: 0.25rem;
  margin-left: auto;
  border-radius: 50%;
}

.slider-1 .card-body {
  padding-bottom: 0;
}

.slider-1 .testimonial-author {
  margin-bottom: 0;
}

/* Testimonials */
  .slider-1 .swiper-button-prev {
    left: 1rem;
    width: 1.375rem;
    background-size: 1.375rem 2.125rem;
  }
  
  .slider-1 .swiper-button-next {
    right: 1rem;
    width: 1.375rem;
    background-size: 1.375rem 2.125rem;
  }
  /* end of testimonials */


/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}



/* -------------------------------Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }


div#lenoTabsContent p {
    font-size: 14px;
    text-align: justify;
}

div#lenoTabsContent .card-body {
    height: 160px;
}

.feature-item {
    display: inline-block;
    margin-bottom: 60px;
}

.feature-item .right-content {
    display: inline;
}

.feature-item .right-content a.text-button {
    margin-top: 7px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    color: #ed563b;
    font-weight: 500;
}
.feature-item .left-icon img {
    float: left;
    margin-right: 30px;
}
.feature-item .right-content h4 {
    margin-top: 0px;
    margin-bottom: 7px;
    letter-spacing: 0.25px;
    color: #fff;
    text-align: left;
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
}

.hireus {
    background-image: url(/img/hireus-bg1.jpg);
    /* z-index: 9999; */
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: fixed;
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.hireus .container {
    position: relative;
    z-index: 1;
}

.hireus:after {
    content: '';
    z-index: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.68);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.outline-border{
  width: 86%;
    height: 86%;
    left: 7%;
    padding: 20px;
    padding-top: 35px;
    border-top: 2px solid #f8f9fa;
    border-bottom: 2px solid #bbbbbb;
    background-image: linear-gradient(#f8f9fa, #bbbbbb), linear-gradient(#f8f9fa , #bbbbbb);
     /*background-image: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);*/
    background-size: 2px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat; 
     /*animation: animatedgradient 3s ease alternate infinite;*/
}

.slider-3 {
  /*padding-top: 6.875rem;*/
  /*padding-bottom: 6.875rem;*/
  background: #000;
}

.slider-3 .slider-container {
  position: relative;
}

.slider-3 .swiper-container {
  position: static;
  width: 90%;
  text-align: center;
}

.slider-3 .swiper-button-prev,
.slider-3 .swiper-button-next {
  top: 50%;
  width: 1.125rem;
}

.slider-3 .swiper-button-prev:focus,
.slider-3 .swiper-button-next:focus {
  /* even if you can't see it chrome you can see it on mobile device */
  outline: none;
}

.slider-3 .swiper-button-prev {
  left: -0.5rem;
  background-image: url("data:leno/image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}

.slider-3 .swiper-button-next {
  right: -0.5rem;
  background-image: url("data:leno/image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.125rem 1.75rem;
}
.slider-framework {
    /* padding-top: 6.875rem; */
     padding-bottom: 1.875rem; 
    /*background: #000;*/
} 

.slider-framework .container{
  padding-top: 0px;
  margin-top:0px;
  /*background: #000;*/
}



.framework-slider .framework-icon{
  height: 50px;
}


.vam-image{
    vertical-align: middle;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


body{
  overflow-x: hidden;
}
.hero img {
    /*height: 270px !important;*/
    margin-top: -140px !important;
}
.textt-white {
    color: #fff !important;
    margin-top: 30px;
}
section.our-services  .mt-50px{
    margin-top: 50px;
}
section.our-services .front img {
    width: 100%;
    display: none;
}
section.our-services .slide-content {
    height: 400px;
}
section.our-services .slide-content {
    padding: 55px;
    /* border: 3px solid #fe0002; */
    border-radius: 8px;
    text-align: center;
    /* height: 500px; */
    position: relative;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 15px 2px #00b9ff;
}
section.our-services .slide-content .front {
    display: inline-block;
    height: 100%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
section.our-services .back {
    position: absolute;
    top: 50%;
    left: 56px;
    opacity: 0;
    width: calc(100% - 112px);
    height: calc(100% - 112px);
    visibility: hidden;
    transform: translate3d(100%,-50%,0);
    -webkit-transform: translate3d(100%,-50%,0);
    -moz-transform: translate3d(100%,-50%,0);
    -ms-transform: translate3d(100%,-50%,0);
    -o-transform: translate3d(100%,-50%,0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
}
section.our-services .slide-content:hover .back {
    transform: translate3d(0,-50%,0);
    opacity: 1;
    visibility: visible;
    background: #fff;
}
section.our-services .slide-content:hover {
    background-image: unset;
    background-color: #fff;
}
section.our-services .slide-content:hover{
    border: 3px solid #fff;
    background-color: #fff;
}
section.our-services .slide-content:hover .front {
    transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    visibility: hidden;
}
section.our-services .slide-content .front h5 {
    /* color: #fff; */
    position: relative;
    /* bottom: -100px; */
    font-size: 26px;
    line-height: 34px;
    top: 80%;
    color: black;
    text-transform: capitalize;
}
section.our-services .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
section.our-services .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
section.our-services .back li {
  padding: 0 11px;
  margin: 12px 0;
  width: calc(100% / 3 - 4px);
  text-align: center;
  max-width: 115px;
}
section.our-services .back li a {
  display: inline-block;
  width: 100%;
}
section.our-services .slick-slide img {
  display: block;
}
section.our-services .read-more {
  margin-left: 0;
  position: absolute;
  bottom: 10px;
  align-self: center;
  -webkit-align-self: center;
}
section.our-services .read-more, 
section.our-services .banner-desc a {
  margin-left: 10px;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
  color: #1C2430;
  overflow: hidden;
  display: inline-block;
  transition-duration: 0.5s;
  text-decoration: none;
  bottom: -60px;
}
section.our-services .read-more, 
section.our-services .banner-desc a {
  font-size: 16px;
  line-height: 24px;
  bottom: -30px;
}/*
section.our-services .read-more:after ,*/ 
section.our-services .banner-desc a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fe0002;
  position: absolute;
  bottom: 0;
  left: 0;
}
section.our-services .read-more:hover:after, 
section.our-services .banner-desc a:hover:after {
  animation: border 1s ease forwards;
  width: 100%;
}
section.our-services .slide-content:hover h5, 
section.our-services .slide-content:hover a {
    color: #000;
    font-size: 28px;
}
.web-development .slide-content{
  background-image: url("../images/Web-development.png");
        background-size: 340px 270px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    /* background-size: contain;*/
}
.mobileDevelopment .slide-content{
  background-image: url("../images/Mobile-development.png");
    background-size: 360px 270px;
    background-repeat: no-repeat;
    background-color: #fff;
    /*background-size: contain;*/
}
.Ecommerce-solution .slide-content{
  background-image: url("../images/E-commerce.png");
         background-size: 341px 300px;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
    /* background-size: contain;*/
}
section.our-services .list-inline img {
    display: block !important;
    width: 100%;
}
section.our-services .slide-content:hover {
    background-image: unset;
}
section#hireus {
    display: none;
}
.portfolio .row.no-ppading {
    margin: 0;
    padding-bottom: 100px;
}
.portfolio-grid.imgg {
    text-align: center;
}
.portfolio-grid.imgg img {
    animation: rotation 10s infinite linear;
    width: 100%;
    margin: 60px 0;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.portfolio-grid .row > div .card img {
   filter: invert(1);
}
.portfolio-grid .row > div .card .portfolio-over .card-title {
    color: #000;
    font-size: 16px;
    position: absolute;
    width: 60%;
    float: right;
    right: 10px;
    line-height: normal;
    margin: 0;
    font-weight: 500;
}
.portfolio-grid .row > div .card .portfolio-over:hover .card-title {
   /* color: #fe0002;*/
    color: #fff;
}
section.our-services .read-more:hover , 
section.our-services .banner-desc a:hover {
    color: #fe0002 !important;
}
section.our-services .read-more:hover::after, 
section.our-services .banner-desc a:hover::after {
    background-color: #fe0002;
}
section.our-services .read-more {
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    padding: 15px 30px !important;
    border-radius: 100px 100px 100px 0;
    font-size: 13px !important;
    background-color: #fe0002;
    color: #fff !important;
    line-height: 0px;
    /* height: 60px !important; */
}
/*.portfolio-grid .row > div .card .portfolio-over {
    position: unset;
    background: #fff;
    display: block;
}*/
.portfolio-grid .row > div .card .portfolio-over:hover img {
    filter: invert(0);
}
.portfolio-grid .row > div .card .portfolio-over:hover {
    background:#fe0002eb;
}
.portfolio-grid .row > div .card .portfolio-over .outline-border {
    position: unset;
    transform: unset;
    display: flex;
    width: 100%;
    height: 100%;
    background-image: unset;
    border: 0;
    /* position: relative; */
    align-items: center;
}
.portfolio.iws .card {
    box-shadow: 0 0 7px 1px rgb(254 0 2);
    border-radius: 10px;
}
.portfolio-grid .row > div .card .portfolio-over .outline-border img {
    max-width: 60px;
    max-height: 60px;
    margin-right: 10px;
    margin: 15px 0px 15px 0px;
}
.portfolio-grid .row > div {
    padding: 0 10px;
    margin: 10px 0;
}
.portfolio-grid .row > div .card .portfolio-over:hover {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
h2.abstitle {
    position: absolute;
    top: 170px;
    text-align: center;
    width: 100%;
    margin-left: -15px;
    color: #000;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 0;
}
.portfolio-grid.imgg {
    text-align: center;
    position: relative;
}
.portfolio-grid.col-lg-5.imgg img {
    width: 100%;
}
.portfolio-grid.col-lg-7 {
    padding-right: 0;
}
.portfolio-grid.col-lg-5.imgg {
    padding-left: 0;
}
.row.stats-row {
    display: none;
}
.section-Our-Journey-of-Success .row.stats-row {
    display: flex !important;
}
section#about {
    padding-bottom: 65px;
}
section.social-section .social-feeds:last-child {
    margin: 0;
}
section.social-section .social-feeds {
    width: 13.5%;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
section.our-services .read-more:hover {
    background: #fff !important;
    border: 2px solid #fe0002 !important;
}
body section.our-services .read-more{
    border: 2px solid transparent !important;
    color: #fff !important;
}
section.social-section .feeds {
    text-align: center;
}
section.social-section .feeds a {
    width: 60px;
    height: 60px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    /* padding: 50px 50px 50px 50px !important; */
    /* border: 2px solid #00A0E6; */
    /* margin: -22px auto 0px; */
    font-size: 0;
    transition: all 1s;
    box-shadow: 0 0 30px -5px rgba(56,80,152,.15);
    display: inline-block;
    opacity: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 57px;
    border-radius: 15px;
    box-shadow: 0 0 30px -5px rgba(56,80,152,.15);
}
section.social-section .feeds a::before {
    font-size: 35px!important;
    line-height: 40px!important;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
}
section.social-section .feeds a:focus::before, section.social-section .feeds a:hover::before {
        top: -11%;
    left: -11%;
}
section.social-section .feeds a::before {
    background-color: #00A0E6;
        transition: all .35s;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59);
}
section.social-section .feeds i {
    font-size: 35px;
    line-height: 60px !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    vertical-align: middle;
    transform: scale(.8);
    transition: all .35s;
    font-family: FontAwesome;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59);
    color: #00A0E6;
}
section.social-section .feeds a:focus i, 
section.social-section .feeds a:hover i {
    color: #fff !important;
}
section.social-section .feeds a::before {
    content: '';
    width: 125%;
    height: 125%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 110%;
    left: -110%;
}
.social-name h3 {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  font-family: inherit;
  text-align: center;
  line-height: normal;
}
section.social-section .feeds i.fa.fa-instagram {
    color: #dd4b39;
}
section.social-section .feeds i.fa.fa-linkedin {
    color: #0077b5;
}
section.social-section .feeds i.fa.fa-facebook {
    color: #3b5999;
}
section.social-section .feeds a.Facebook::before {
    background-color: #3b5999;
}
section.social-section .feeds a.LinkedIn::before {
    background-color: #0077b5;
}
section.social-section .feeds a.Instagram::before {
    background-color: #dd4b39;
}
section.social-section .feeds i.fa.fa-pinterest-p {
    color: #E60023;
}
section.social-section .feeds a.Pinterest::before {
    background-color: #E60023;
}
section.social-section .feeds i.fa.fa-tumblr {
    color: #34526f;
}
section.social-section .feeds a.tumblr::before {
    background-color: #34526f;
}
section.social-section .feeds a.Whatsapp::before {
    background-color: #25D366;
}
section.social-section .feeds i.fa.fa-whatsapp {
    color: #25D366;
}
.social-name {
    display: none;
}
section.social-section {
    padding-bottom: 60px;
}
section.contact-us-home {
    display: none;
}
#header .social-nav {
    margin-top: 15px;
    display: none !important;
}
ul.address-foot {
    padding: 0;
}
ul.address-foot li {
    list-style: none;
}
ul.address-foot li i {
    font-size: 14px !important;
    margin-right: 5px;
}
.li-space-lg li:hover a {
    color: #fe0002;
}
.li-space-lg li a {
    text-transform: capitalize;
}
.footer h4 {
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
}
.footer .li-space-lg li a {
    color: #fff;
}
.nav-menu.right li.last {
    float: right;
    margin-left: 20px;
}
.nav-menu.right li.last a {
    padding: 8px 30px;
    color: #fff;
    display: block;
    /* line-height: 1; */
    border: 2px solid;
    border-radius: 100px 100px 100px 0;
    margin-top: 17px;
}
.nav-menu > li {
    float: right !important;
    margin: 0 5px;
}
.nav-menu.right li a:hover , .nav-menu.right li.active a{
    /*background: #fff;*/
    box-shadow: inset 160px 0 0 0 #fff;
    border-color: #fff;
    color: #fe0002 !important;
        border-radius: 100px 100px 100px 0;
}
.nav-menu ul {
    margin: -1px 0 0 0;
}
.nav-menu ul li:hover {
    background: #fe0002 !important;
}
.nav-menu ul::after {
    position: absolute;
    left: 12.8%;
    transform: translateX(-50%);
    top: -10px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}
section.development-section.web .service-banner-img img {
    width: 100%;
    border-radius: 0%;
    max-width: 500px;
}
.service-banner-img img {
    width: 100%;
    border-radius: 0%;
}
.service-banner-img {
    align-items: center;
    padding: 30px;
}
.btn {
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 50px !important;
    border-radius: 100px 100px 100px 0;
    font-size: 16px !important;
}
.btn:hover {
    color: #fe0002 !important;
}
.service-title h1 {
    margin-bottom: 30px;
    margin-top: 25px !important;
}
.development-section .btn {
    margin-top: 15px;
}
.development-service-section img{
  width: 100%;
}
.development-service-section img {
    width: 100%;
    max-width: 100px;
}
.development-service-section p.services-title {
    /* line-height: 24px; */
    color: #fe0002;
    text-align: left;
    font-size: 19px !important;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1.1;
    margin: 30px 0 15px;
}
.service-Brand {
    /* border: 2px #fe0002 solid; */
    padding: 0px;
    /* text-align: center; */
    height: auto;
    max-width: calc(100%);
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 25px;
    display: inline-grid;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 3px 3px 10px 2px #000;
    width: 100%;
    min-height: 350px;
    margin: 30px 0px;
    transition: all .5s ease-in-out;
}
.service-Brand:hover {
    box-shadow: 0 20px 50px rgb(0 0 0 / 30%);
}
.service-Brand:hover {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.development-service-section p.services-discc {
        color: #000;
    text-align: left;
    margin: 5px 0px 5px 0px;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
}
.service-Brand {
    /* border: 1px solid #ddd; */
    /* display: flex; */
    /* display: -webkit-flex; */
    /* flex-direction: column; */
    /* height: 100%; */
    /* padding: 15px; */
    /* background: #000; */
    /* position: relative; */
    /* z-index: 1; */
    /* overflow: hidden; */
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); */
    /* -webkit-box-shadow: 0px 8px 16px 0px rgb(255 255 255 / 8%); */
    -moz-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
    /* flex: 0 0 27%; */
    /* max-width: 27%; */
    /* margin: 25px auto !important; */
}
.development-service-section .service-title {
    text-align: left;
    margin-bottom: 15px;
    position: relative;
    width: 100px;
    height: 100px;
    /* margin: 0 auto; */
    /* border-radius: 50%; */
    overflow: hidden;
    cursor: pointer;
}
.development-service-section .service-title::before {
    position: absolute;
    content: '';
        left: -1px;
    top: -1px;
    width: 103%;
    height: 103%;
    display: block;
    opacity: 0;
    background-color: rgb(0 0 0 / 70%);
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-radius: 50%;
}
.development-service-section .d-inlinee:hover .service-title::before {
    /*opacity: 1;*/
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
        border-radius: 50%;
}
.development-service-section h4 ,
.development-process h4 {
    text-align: center;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    margin: 50px 0;
    font-size: 45px;
}
section.development-process {
    text-align: center;
}
.web .service-Brand {
    flex: 0 0 28%;
    max-width: 28%;
    margin: 20px 30px !important;
}
.development-service-section.mobile-development .service-Brand, 
.development-service-section.E-commerce-solutions .service-Brand {
    /* flex: 0 0 23%; */
    /* max-width: 23%; */
    flex: 0 0 28%;
    max-width: 28%;
    margin: 20px 30px !important;
}
.development-service-section.mobile-development .services-discc,
.development-service-section.E-commerce-solutions .services-discc {
    min-height: 150px !important;
}
.development-process.a img {
    max-width: 700px;
}
.development-process.mob-dev img {
    max-width: 1100px;
}
.add-Line-one .heading, .add-Line-two .heading {
    font-size: 19px;
    /* text-transform: uppercase; */
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px;
    margin-top: 10px;
}
.address-text .tm-heading.left {
    text-align: center;
}
.add-Line-one {
    margin-bottom: 30px;
   /* background: #fff;*/
    padding: 30px;
    margin: 0 15px;
    /*max-width: calc(33.333333% - 30px);*/
}
.accordion-content , .accordion-content p {
    line-height: 1.6;
    text-align: left;
        margin-left: 27px;

    font-size: 17px;
    color: rgba(0,0,0,.702);
    /*padding-top: 30px;*/
}
.Dfleex .form-group {
    width: 48%;
}
.Dfleex {
    display: flex;
}
.Dfleex .form-group:nth-child(1) {
    margin-right: 2%;
}
.Dfleex .form-group:nth-child(2) {
    margin-left: 2%;
}
.accordion-content p:nth-child(1) {
    /*margin-bottom: 5px;*/
}
.accordion-content p:nth-child(2) {
    margin-bottom: 5px;
        color: #272626;
}
.accordion-content p:nth-child(3) {
    margin-bottom: 0px;
        color: #272626;
}
.form-group.btn--set {
    float: right;
    min-width: 200px;
}
.form-control-input:hover, 
.form-control-select:hover, 
.form-control-textarea:hover {
    border: 1px solid #fe0002 !important;
}
.form-group {
    margin-bottom: 2.5rem !important;
}
section.contact-section .service-title, 
section.contact-section .service-title p {
    text-align: center;
}
section.contact-section .service-title .contact-title {
    margin-bottom: 25px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    color: #fe0002;
    font-size: 50px;
    text-transform: uppercase;
}
section.contact-section .service-title p {
    margin-bottom: 50px;
}
.image-column {
    position: relative;
}
.image-column .inner-column {
    position: relative;
    min-height: 300px;
}
.image-column .inner-column .author-one {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* border-radius: 50%; */
    /* overflow: hidden; */
    /* width: 120px; */
    /* height: 120px; */
    /* margin-left: 0; */
    /* margin-top: -80px; */
    /* transition: all 1.2s ease; */
    /*-moz-transition: all 1.2s ease;*/
    /* -webkit-transition: all 1.2s ease; */
    /*-ms-transition: all 1.2s ease;*/
    /*-o-transition: all 1.2s ease;*/
}
/*.image-column .inner-column .author-two.now-in-view {
    left: 24%;
    top: 27%;
}*/
.image-column .inner-column .author-two {
    /* position: absolute; */
    /* left: 50%; */
    /* top: 50%; */
    /* border-radius: 50%; */
    /* overflow: hidden; */
    /* margin-left: 10px; */
    /* margin-top: -47px; */
    /* transition: all 1.2s ease; */
   /* -moz-transition: all 1.2s ease;*/
    /* -webkit-transition: all 1.2s ease; */
    /*-ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;*/
}
/*.image-column .inner-column .author-three.now-in-view {
    left: 47%;
    top: 10%;
}*/
.image-column .inner-column .author-three {
    /*position: absolute;
    left: 50%;
    top: 50%;*/
   /* width: 80px;
    height: 80px;*/
 /*   border-radius: 50%;
    overflow: hidden;
    margin-left: 10px;
    margin-top: -40px;
    transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;*/
}
/*.image-column .inner-column .author-four.now-in-view {
    right: 8%;
    top: 20%;
}*/
.image-column .inner-column .author-four {
    /*position: absolute;
    right: 50%;
    top: 50%;*/
    /*width: 80px;
    height: 80px;*/
    /*border-radius: 50%;
    overflow: hidden;
    margin-left: -25px;*/
    /*margin-top: -25px;*/
   /* transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;*/
}
/*.image-column .inner-column .author-five.now-in-view {
    right: 5%;
    top: 70%;
}*/
.image-column .inner-column .author-five {
    /*position: absolute;
    right: 50%;
    top: 50%;*/
    /*width: 72px;
    height: 72px;*/
   /* border-radius: 50%;
    overflow: hidden;
    margin-left: -36px;
    margin-top: -36px;
    transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;*/
}
/*.image-column .inner-column .author-six.now-in-view {
    right: 63%;
    top: 60%;
}*/
.image-column .inner-column .author-six {
   /* position: absolute;
    right: 50%;
    top: 50%;*/
   /* width: 72px;
    height: 72px;*/
    /*border-radius: 50%;
    overflow: hidden;
    margin-left: -36px;
    margin-top: -36px;
    transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;*/
}
.image-column img {
    height: auto;
    max-width: 100%;
}
.swiper-slide {
    /*width: 100% !important;*/
}
div#testslider ol.carousel-indicators {
    /* float: left; */
    /* margin: 0; */
    /* text-align: left; */
    /* margin-bottom: -30px; */
    /* width: auto; */
    /* display: block !important; */
}
div#testslider .carousel-indicators .active {
    width: 30px;
    height: 3px;
    background-color: #fe0002;
    border: none !important;
    border-radius: 0 !important;
    margin-right: 5px !important;
}
div#testslider .carousel-indicators li {
    width: 30px;
    height: 3px;
    margin: unset !important;
    background-color: #000;
    border: none !important;
    border-radius: 0 !important;
    margin-right: 5px !important;
}
.slider-1 .testimonial-author {
    margin-top: 30px;
    font-weight: 600;
    color: #000 !important;
    text-align: center;
    font-size: 20px;
}
.testimonial-text {
    text-align: center;
    margin: 20px 0px 30px 0px;
    color: #000;
    line-height: 1.5 !important;
    font-size: 16px !important;
    min-height: 75px;
}
.slider-1 .card-image {
    width: 8rem !important;
    height: 8rem !important;
}
.careerBox {
    /* border: 2px #fe0002 solid; */
    padding: 0px;
    text-align: center;
    height: auto;
    max-width: calc(33.333333% - 66px);
    background-repeat: no-repeat;
    background-position: center;
    padding: 9px 25px;
    display: inline-grid;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 3px 3px 15px 2px #000;
    width: 100%;
    min-height: 395px;
    margin: 30px 30px;
    transition: all .5s ease-in-out;
}
.careerBox:hover {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
.careerBox:hover {
    box-shadow: 0 20px 50px rgb(0 0 0 / 30%);
}
.imgClass img {
    max-width: 100px;
}
.imgClass {
    text-align: left;
    margin: 15px 0;
}
.careerBox h3 {
    color: #fe0002;
    text-align: left;
    font-size: 19px !important;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    /* height: 56px; */
    line-height: 1.1;
}
.titleCurrentOpening h2{
  margin-bottom:0px !important;
}
.careerBox p, 
.careerBox p b, 
.careerBox p span {
    text-align: left;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
    float: left;
}
section.career{
  position: relative;
  color: #fff;
  width: 100%;
}
.career .position {
    padding: 15px 0 0;
    float: left;
    clear: both;
    color: #fff;
}
.career .position span {
    font-size: 40px;
    line-height: normal;
    font-weight: 700;
}
.career .position span.strong {
    font-weight: bolder;
    font-size: unset;
}
.career .applybtn {
    background: #fe0002;
    padding: 11px 22px;
    color: #fff !important;
    line-height: normal;
    float: right;
    /*border-top-left-radius: 15px;*/
    /*border-bottom-right-radius: 15px;*/
    margin: 18px 0 10px;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
        border-radius: 100px 100px 100px 0;
}
.d-inlinee {
    display: flow-root;
}
.contact-us-section {
    margin: 80px 0;
}
.contact-us-section .contact-us-card {
    padding: 50px;
    -webkit-box-shadow: 0 0 10px rgb(254 0 2);
    -moz-box-shadow: 0 0 10px rgb(254 0 2);
    -ms-box-shadow: 0 0 10px rgb(254 0 2);
    -o-box-shadow: 0 0 10px rgb(254 0 2);
    box-shadow: 0 0 10px rgb(254 0 2);
}
.contact-us-section .contact-us-card .conatact-left {
    padding: 30px;
    background: #fe0002;
    color: #FFF;
    margin-left: -120px;
    min-height: 520px;
}
.contact-us-section .contact-us-card .conatact-left h2 {
    font-size: 24px;
    line-height: 28px;
        color: #FFF;
    padding-top: 30px;
    margin-bottom: 40px;
}
.conatact-left ul, 
.conatact-left li {
    list-style: none;
    padding: 0;
}
.contact-us-section .contact-us-card .conatact-left .list li {
    margin-bottom: 10px;
    word-break: break-all;
    display: flex;
    align-items: center;
}
.contact-us-section .contact-us-card .conatact-left .list li i {
    font-size: 20px;
}
.contact-us-section .contact-us-card .conatact-left .list li i {
    margin-right: 15px;
    width: 16px;
    text-align: center;
}
.contact-us-section .contact-us-card .conatact-left .list li a {
    color: #fff !important;
}
.contact-us-section .contact-us-card .conatact-left .social-links {
    margin: 30px 0;
    padding: 0;
}
.contact-us-section .contact-us-card .conatact-left .social-links li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
}
.contact-us-section .contact-us-card .conatact-left .social-links li a:link, 
.contact-us-section .contact-us-card .conatact-left .social-links li a:visited {
    color: #fe0002;
    background: #FFF;
    display: inline-block;
        width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: relative;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.contact-us-section .contact-us-card .conatact-right {
    padding-left: 20px;
}
.contact-us-section .contact-us-card .conatact-right h2 {
    font-size: 36px;
    line-height: 44px;
    vertical-align: middle;
    margin-bottom: 35px;
}
.contact-us-section .contact-us-card .conatact-right h2::before {
    content: "";
    width: 6px;
    height: 50px;
    margin-right: 30px;
    background: #fe0002;
    display: inline-block;
    vertical-align: middle;
}
.contact-us-section .form-group {
    position: relative;
    margin: 20px 0 !important;
}
.form-group input, .form-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}
.form-group input {
    height: 1.9rem;
}
.form-group .control-label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #b3b3b3;
    font-size: 1rem;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}
.form-group .bar {
    position: relative;
    border-bottom: 0.0625rem solid #999;
    display: block;
}
.form-group .bar::before {
    content: "";
    height: 0.125rem;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: #fe0002;
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}
.form-group select:focus, 
.form-group input:focus, 
.form-group textarea:focus {
    outline: none;
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
}
.form-group input::placeholder {
    color: #000;
}
.contact-us-section .note {
    font-size: 12px;
    margin-top: -5px;
}
.inputfile-6 ,  .box label span {
    width: -moz-calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}
.inputfile-6, .box label strong {
    margin-bottom: 5px;
    height: 100%;
    color: #FFF;
    font-weight: normal;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;
    background-color: #fe0002;
    display: inline-block;
    position: absolute;
    right: 0;
    /* max-height: 34px; */
    top: -2px;
    padding: 0 10px;
    line-height: 2;
}
.inputfile-6, .box label {
    border-bottom: 1px solid #7f8fa4;
    padding: 0;
    font-size: 16px;
    width: 100%;
}
.inputfile-6 , .box label {
    color: #999;
}
.drop.form-group select {
    color: #000 !important;
    width: 100%;
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 1rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    /* box-shadow: none; */
    border-bottom: 1px solid #ddd;
    border-radius: 0 !important;
    appearance: auto;
}
.drop.form-group select option{
    color: #000 !important;
}
.drop.form-group select:focus {
    border-bottom: 1px solid #ddd !important;
}
input[type="file"] {
    /* display: none; */
    /* font-size: 0; */
    /*opacity: 0;*/
}
.contentt .frontt .iconDivv img {
    max-width: 90px;
}
.our-services .swiper-slide {
   /* width: unset !important;*/
}
.footer .list-unstyled .fas {
    /*line-height: 2.5rem !important;*/
}
.portfolio .portfolio-grid.col-lg-7 .card {
    box-shadow: 0px 0px 4px 1px #000;
}
.career .applybtn:hover {
    background-color: #000;
    color: #fe0002 !important;
}
.copyright .p-small {
    font-size: 16px;
}
.tab-content>.active {
    display: block !important;
    opacity: 1 !important;
}
.portfolioBox {
    margin: 25px 20px;
    max-width: calc(33.333333% - 40px) !important;
    position: relative !important;
    box-shadow: 0 0 10px rgb(0 0 0);
    padding: 0 !important;
    overflow: hidden;
}
.portfolioBox .view {
    overflow: hidden;
    position: relative;
    border: 5px solid #000;
}
.portfolioBox img {
    display: block;
    width: 350px;
    position: relative;
    transition: all 0.2s linear;
}


.portfolio-image-div:hover  img {
 -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.portfolio-image-div img:hover {
  transform: scale(1.2);
}
.portfolioBox .mask {
    position: absolute;
    z-index: 1;
}
.portfolioBox h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.portfolioBox .portfolio-image-div:hover .mask {
    opacity: 1;
    bottom: 0;
    position: absolute;
    background: rgb(72 72 72 / 77%);
    width: 100%;
    height: 100%;
}
.portfolioBox .portfolio-image-div .mask h2 {
    text-transform: capitalize;
}
.portfolioBox .portfolio-image-div:hover h2, 
.portfolioBox .portfolio-image-div:hover p, 
.portfolioBox .portfolio-image-div:hover a {
    opacity: 1;
    text-align: left;
    transform: translateY(-50%);
    margin-top: 40%;
    color: #fff;
    text-decoration: none;
    margin-left: 20px;
    margin-bottom: 10px;
}
.portfolio h2.title {
    text-transform: uppercase;
}
.pt-testimonial-content img.card-image {
    margin: 20px 0 -15px;
}
.author-one.slidONE img.card-image,
.author-two.slidTWO img.card-image,
.author-three.slidTHREE img.card-image,
.author-four.slidFOUR img.card-image,
.author-five.slidFIVE img.card-image,
.author-six.slidSIX img.card-image {
    transform: scale(1.5);
    border: 1px solid;
}
section.portfolio.inner a.nav-link.active {
    color: #fff;
    background-color: #fe0002;
    border-color: #fe0002;
}
section.portfolio.inner a.nav-link {
    text-transform: capitalize;
    border-radius: 0;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 500;
}
section.portfolio.inner .nav-tabs .nav-link:hover, section.portfolio.inner .nav-tabs .nav-link:focus {
    border-color: #fe0002;
}
section.portfolio.inner .nav-tabs .nav-link {
    border: 1px solid #fe0002;
}
section.portfolio.inner ul.nav.nav-tabs {
    margin: 20px 0 0px;
}
.portfolio.inner .nav-tabs li a.web {
    margin-right: 0px;
}
/*div#about {*/
/*    height: 70px;*/
/*}*/  
div#header-sticky-wrapper {
    margin-bottom: -70px !important;
    padding-bottom: 140px !important;
}
.iws .row.no-ppading {
    /*padding: 0 0 50px 0;*/
}
section.iws {
    padding-top: 70px;
}
section.about .container { 
    padding-bottom: 50px;
    position: absolute !important;
    left: 0;
    right: 0;
    width: 100%;
}
section#particle-canvas {
    height: 550px;
}
section#particle-canvas::after {
    background: #00000061;
    content: '';
    position: absolute;
}
section.about .container {
    padding-bottom: 50px;
}
section.portfolio.inner {
    background-color: unset !important;
}
section.career {
    margin-top: 140px;
    margin-bottom: -50px;
}
section.development-section{
    margin-top: 120px;
}
section.portfolio.inner {
    margin-top: 80px;
}
section.portfolio.inner .tab-content {
    color: #333;
    background: linear-gradient(to right bottom,#fe000217 50%, transparent 50%);
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 20px;
    border-top: 4px solid #fe0002;
    border-left: 4px solid #fe0002;
    position: relative;
}
.portfolio.inner .nav-tabs li a:before {
    content: '';
    background: #fe0002;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: scale(0.5);
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    transition: opacity 0.4s ease 0s,left 0.3s ease 0s,transform 0.4s ease 0.2s;
}
.portfolio.inner .nav-tabs li a.active:before {
    opacity: 1;
    transform: scale(1);
    left: 0;
}
.portfolio.inner .nav-tabs li a:hover:before {
    opacity: 1;
    transform: scale(1);
    left: 0;
}
.nav-tabs {
    border-bottom: none;
}
.portfolio.inner .nav-tabs {
    background-color: transparent;
    border: none;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
} 
.portfolio.inner .nav-tabs li a:hover, .portfolio.inner .nav-tabs li.active a {
    color: #fff;
    background: #f5f5f5;
   /* border: none;*/
}
.portfolio.inner .nav-tabs li a {
    color: #333;
    background: #f5f5f5;
    /* font-size: 18px; */
    letter-spacing: 1px;
    text-align: center;
    padding: 11px 25px 10px;
    margin: 0 10px 1px 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.nav-menu > li ul li a {
    text-transform: capitalize;
}
.mapp-img {
    margin-top: 105px;
    clear: both;
    position: relative;
}
h3.heading.link {
    color: #272626 !important;
}
.mapp-img img {
    width: 100%;
    margin-top: -36px;
}

section.contact-section .container.mt-5.mb-5 {
    margin-top: 100px !important;
}
.address-text.col-md-12 {
    display: flex;
}
.contact-section input {
   /* padding: 0 0 40px 0px!important;*/
    border: 0;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0;
}
.help-block.with-errors {
    position: absolute;
}
.contact-section textarea {
    padding: 0 0 0px 0px!important;
    border: 0;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0;
    height: 30px;
    overflow: hidden;
}
.form-control-input:hover, .form-control-select:hover, .form-control-textarea:hover {
    border: none !important;
    border-bottom: 2px solid #ddd !important;
}
.contact-section .form-group:after {
    content: '';
    width: 0;
    height: 2px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.contact-section .form-group:hover:after {
    width: 100%;
    left: 0;
    right: auto;
        background-color: #fe0002;
}
.contact-section .form-group input:focus ,
.contact-section .form-group textarea:focus {
    border-bottom: 2px solid #fe0002 !important;
}
.contact-section .label-control {
    left: 0 !important;
}
section.career p {
    text-align: center;
    width: 100%;
}
section.career p span {
    margin-left: 3px;
}
section.career h2.title.titleCurrentOpening.text-center {
    margin-bottom: 25px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    color: #fe0002;
    font-size: 50px;
    text-transform: uppercase;
}
a.sc-7dvmpp-1.fprIlH {
    display: none !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
#mobile-nav ul li a {
    text-transform: capitalize;
}
.portfolio.inner .nav-tabs li a span.mob:before {
    content: '\f10b' !important;
    display: flex;
    margin: -4px 35px 0 -15px !important;
    font-family: 'FontAwesome';
    padding: 0px;
    position: absolute;
    font-size: 22px !important;
}
.portfolio.inner .nav-tabs li a span.web:before {
    content: '\f109' !important;
    display: flex;
    margin: 0px 35px 0 -25px !important;
    font-family: 'FontAwesome';
    padding: 0px;
    position: absolute;
}
.portfolio.inner .nav-tabs li a.web {
    padding: 11px 35px 10px !important;
}
div#careerForm {
    height: 50px;
}
.portfolioBox .portfolio-image-div .mask p {
    margin-top: 0 !important;
    display: none;
}
.portfolioBox .portfolio-image-div:hover .mask p {
    margin-top: 0 !important;
    display: block !important;
}
.whyhireUss h2.title {
    text-align: center;
}
.contentt {
    /* position: relative; */
    /* width: 100%; */
    /* height: 270px; */
    /* box-shadow: 0px 0px 10px 2px #ddd; */
    /* -webkit-box-shadow: 0px 0px 10px 2px #ddd; */
    /* box-shadow: 0px 0px 10px 2px #ddd; */
    /* -webkit-transition: -webkit-transform 1s; */
    /* transition: -webkit-transform 1s; */
    -o-transition: transform 1s;
    /* transition: transform 1s; */
    /* transition: transform 1s, -webkit-transform 1s; */
    /* -webkit-transform-style: preserve-3d; */
    /* transform-style: preserve-3d; */
    /* border-radius: 5px; */
    /* text-align: center; */
}
.contentt:before {
    content: "";
    /* display: block; */
    /* background-color: #0ca6f2; */
    /* position: absolute; */
    /* top: -5px; */
    /* left: -5px; */
    /* bottom: -5px; */
    /* right: -5px; */
    /* z-index: -1; */
    /* border-radius: 10px; */
    /* background-image: linear-gradient(to bottom, #4AC9FA 0%, #0b95d9 40%); */
    /* box-shadow: 0px -1px 2px 0 #065881 inset, 0px 1px 1px 1px #ccc, 0 0 0 6px #fff, 0 2px 12px 8px #ddd; */
}
.contentt .frontt, .contentt .backk {
    /* position: absolute; */
    /* height: 270px; */
    /* width: 100%; */
    /* background: #ffffff; */
    /* border-radius: 4px; */
    /* -webkit-backface-visibility: hidden; */
    /* backface-visibility: hidden; */
    /* padding: 1em; */
}
.icon {
    display: block;
    fill: currentColor;
    height: auto;
    position: relative;
    width: 100px;
    margin: 0 auto;
}
.text-extra-medium-gray {
    color: #fe0002;
    text-align: left;
    font-size: 19px !important;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    /* height: 56px; */
    line-height: 1.1;
    margin: 30px 0 10px 0 !important;
}
.font-weight-600 {
    font-weight: 600;
}
.text-medium {
    font-size: 16px;
    line-height: 23px;
}
.contentt .backk {
    background: #000;
    color: white;
    -webkit-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.box-desc {
    color: #000;
    text-align: left;
    margin: 5px 0px 5px 0px;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 14px;
}
.whyhireUss a:hover .contentt {
    /* -webkit-transform: rotateY( 180deg ); */
    /* transform: rotateY( 180deg ); */
    /* -webkit-transition: -webkit-transform 0.5s; */
    /* transition: -webkit-transform 0.5s; */
    /*-o-transition: transform 0.5s;*/
    /* transition: transform 0.5s; */
    /* transition: transform 0.5s, -webkit-transform 0.5s; */
    /*transform: scale(1.05);*/
}
.whyhireUss.container .col-lg-3 {
    margin: 15px 0;
}
section .title {
    text-transform: uppercase;
}
.whyhireUss.container {
    margin-top: 30px;
}
h3.social-para.a {
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
}
section.social-section {
    background-image: url('../img/1091.png');
       position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    background-size: contain;
    width: 100%;
    background-color: #000;
}
section.our-services .read-more, 
section.our-services .banner-desc a {
    color: #fe0002 !important;
    font-weight: bold;
}
section.social-section h2.title {
    color: #fff;
    margin-bottom: 30px;
}
section.social-section .col-md-6 {
    padding: 00px 0 0 0px;
    /* margin-top: -20px; */
}
h3.social-para.mtop {
    margin-top: 20px !important;
    color: #fff;
}
.social-feeds.f {
    padding-left: 0 !important;
}
.zoom-eff::after, 
.zoom-eff::before {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 #fe0002;
    box-shadow: 0 0 0 0 #fe0002;
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
span.zoom-eff {
    width: 160px;
    height: 160px;
    box-shadow: 0 0 0 0 #fe0002;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    animation: ripple 3s infinite ;
}
/*@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}*/

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow:0 0 0 20px rgba(0, 170, 233, 0.4);
  }
  50% {
      -webkit-box-shadow: 0 0 0 0px rgba(0, 170, 233, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 20px rgba(0, 170, 233, 0.4);
  }
}

.development-service-section p.services-title {
    /* line-height: 24px; */
    color: #fe0002;
    text-align: left;
    font-size: 19px !important;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 1.1;
    margin: 30px 0 15px;
}
.contentt {
    /* border: 2px #fe0002 solid; */
    padding: 0px;
    /* text-align: center; */
    height: auto;
    max-width: calc(100%);
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 25px;
    display: inline-grid;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 3px 3px 10px 2px #000;
    width: 100%;
    min-height: 350px;
    margin: 30px 0px;
    transition: all .5s ease-in-out;
}
.contentt:hover {
    box-shadow: 0 20px 50px rgb(0 0 0 / 30%);
}
.contentt:hover {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}
section.privacy-policy ,
section.terms-condition {
    margin-top: 140px;
}

.accordion {
    width: 100%;
    margin: 0px auto 20px;
    /* background: #FFF; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px;
    list-style: none;
    border: 1px solid;
}
.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-transform: uppercase;
}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}
.accordion li.open .link { color: #fe0002; }
.accordion li.open i { color: #fe0002; }
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.submenu {
    display: none;
    background: #000;
    font-size: 14px;
    list-style: none;
    padding: 10px 0;
}
.submenu li {
    /* border-bottom: 1px solid #4b4a5e; */
    font-size: 16px;
    line-height: 1.6;
}

.slider-1 {
    padding-top: 6.875rem;
    padding-bottom: 6.375rem;
    background-color: #000000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.portfolioBox img.site-logo {
    max-width: 100px;
    margin-top: 15px;
    margin-left: 5px;
}
.contact-us-section .contact-us-card .conatact-left .list li i.fa.fa-mobile {
    font-size: 30px;
    margin-left: 2px;
}
.form-group input {
    color: #000;
}



.image-column .inner-column img:first-child {
    left: 40%;
    top: 32%;
    animation: scale-up 12s infinite linear;
    -webkit-animation: scale-up 12s infinite linear;
    -moz-animation: scale-up 12s infinite linear;
}
.image-column .inner-column img:nth-child(2) {
    /* top: 4%; */
    top: 42%;
    left: 20%;
    animation: scale-up 14s infinite linear;
    -webkit-animation: scale-up 14s infinite linear;
    -moz-animation: scale-up 14s infinite linear;
}
.image-column .inner-column img:nth-child(3) {
    /* top: 2%; */
    top: 70%;
    left: 44%;
    animation: scale-up 9s infinite linear;
    -moz-animation: scale-up 9s infinite linear;
    -webkit-animation: scale-up 9s infinite linear;
}
.image-column .inner-column img:nth-child(4) {
    top: 33%;
    left: 60%;
    animation: scale-up 8s infinite linear;
    -webkit-animation: scale-up 8s infinite linear;
    -moz-animation: scale-up 8s infinite linear;
}
.image-column .inner-column img:nth-child(5) {
    top: 65%;
    left: 71%;
    animation: scale-up 10s infinite linear;
    -webkit-animation: scale-up 10s infinite linear;
    -moz-animation: scale-up 10s infinite linear;
}
.image-column .inner-column img:nth-child(6) {
    top: 76%;
    left: 14%;
    animation: scale-up 11s infinite linear;
    -webkit-animation: scale-up 11s infinite linear;
    -moz-animation: scale-up 11s infinite linear;
}
.image-column .inner-column img {
    max-width: 100%;
    height: auto;
    display: inherit;
}
.image-column .inner-column img {
    position: absolute;
    max-width: 100%;
    height: auto;
    display: inherit;
    float: none;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    box-shadow: 0 10px 20px 0 rgba(20,44,56,.25);
    z-index: 1;
    animation: scale-up 5s infinite linear;
    -webkit-animation: scale-up-three 5s infinite linear;
    -moz-animation: scale-up-three 5s infinite linear;
        width: 5rem !important;
    height: 5rem !important;
}
@keyframes scale-up {
  0%   {transform: scale(.8);}
  50% {transform: scale(1.1);}
  100% {transform: scale(.8);}
}
.slider-1 .container {
    /* padding: 100px 0 150px 0; */
    padding-top: 30px;
    padding-bottom: 100px;
}
.slider-1 .container.text-center h2 {
    margin-bottom: -40px !important;
}
.carousel-inner {
    background: #fff;
    padding: 40px 50px 50px;
    width: 80%;
    margin: 0 auto;
    /*float: none;*/
    -webkit-box-shadow: 0 0 16px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 0 16px 0 rgb(0 0 0 / 50%);
    z-index: 1;
}
.pt-testimonial-content {
    text-align: center;
}
.slider-1 .testimonial-author {
    margin-bottom: 0;
    font-weight: 600;
    color: #000 !important;
    text-align: center;
    font-size: 20px;
}
.carousel.slide:after {
    position: absolute;
    content: "";
    width: 60%;
    left: 0;
    bottom: -20px;
    background: #fff;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    right: 0;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.12);
    z-index: 0;
}


.carousel .carousel-item {
   -webkit-transition: 0.6s ease-in-out top;
   -moz-transition: 0.6s ease-in-out top;
   -ms-transition: 0.6s ease-in-out top;
   -o-transition: 0.6s ease-in-out top;
   transition: 0.6s ease-in-out top;
}

.carousel .active {
   top: 0;
}

.carousel .carousel-item-next {
   top: 400px;
}

.carousel .carousel-item-prev {
   top: -400px;
}

.carousel .carousel-item-next.left,
.carousel .carousel-item-prev.right {
   top: 0;
}

.carousel .active.carousel-item-left {
   top: -400px;
   left: 0;
   display: none;
}

.carousel .active.carousel-item-right {
   top: 400px;
   left: 0;
   display: none;
}

.carousel .carousel-item {
   /*left: 0;*/
}




section.development-section.mob .service-banner-img img {
    min-width: 560px;
}
section.career p a.blue {
    color: #fe0002;
}




@keyframes animateIn {
  0%{
    opacity: 0;
    transform: translateY(40px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-normal{
  animation: animateIn 1000ms ease forwards;
}
.animateTitle{
  opacity: 0;
  transform: translateY(40px);
}
.slider-3.slider-framework {
    padding-bottom: 100px;
}
section.iws .container.text-center {
    margin-top: 0;
}
section.whyhireUss-main.section-e {
    background: #fff;
    padding: 50px 0;
}
section.section-Our-Journey-of-Success-main.section-d {
    /*background-image: url('../img/aboutus-banner.png');*/
    background-image: url('../img/76.jpg');
    /* z-index: 9999; */
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: fixed;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
}
section.section-Our-Journey-of-Success-main.section-d .section-Our-Journey-of-Success {
    margin-top: -20px;
}
.whyhireUss h2.title {
    text-align: center;
    margin-bottom: 0;
}



.get-quate {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 9;
    min-width: 120px;
}
.get-quate .get-quate-btn, #exit {
    background: #fe0002;
    padding: 5px 10px;
    border-radius: 10px 10px 0 0px;
    right: -58px;
    min-width: 150px;
    /* font-size: 4em; */
    /* font-weight: 800; */
    z-index: 111;
    transform: rotate(270deg);
    cursor: pointer;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.25s;
    position: absolute;
    text-transform: capitalize;
    letter-spacing: 1px;
    box-shadow: 0 0 7px 2px #656565;
    top: -15px;
}
.quate-menu {
    width: 300px;
    height: 100%;
    top: 0;
    right: -300px;
    overflow: hidden;
    background-color: black;
    box-shadow: 5px 5px 10px grey;
    /* position: absolute; */
    z-index: 11;
    opacity: 0;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    border-radius: 10px 0 0 10px;
}

#exit {
  right: 243px !important;
}
/*#exit {
    position: absolute;
    left: 5px;
    padding: 0px;
    top: -15px;
    font-size: 32px;
    color: white;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
#exit:hover{
    color:#FF9900;
}*/

.quate-menu.enter{
    opacity: 1;
    right: 0;
}

.menusss {
    margin: 0;
    list-style: none;
    position: absolute;
    right: 0px;
    height: 300px;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    background-color: #fff;
    line-height: 15px;
    font-size: 13px;
    box-shadow: 3px 2px 8px 1px #5f5f5f;
    padding: 0;
}
.gform_heading {
    text-align: center;
    background-color: #03a9f4;
    padding: 15px 5px;
}
.gform_wrapper .gform_heading {
    width: 100%;
    margin-bottom: 18px;
    padding: 10px;
    background-color: #03a9f4;
}
.gform_wrapper.hup-quote-form_wrapper .gform_title {
    color: #fff!important;
    margin: 0 0 10px;
    line-height: normal;
    text-align: center;
}
.gform_wrapper.hup-quote-form_wrapper span.gform_description {
    width: 100%!important;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
        font-weight: 400;
}
.whyhireUss.container .col-lg-3 a {
    cursor: initial !important;
}
.development-service-section h4, .development-process h4, section.development-section .service-title h1 {
    text-transform: capitalize !important;
    color: #fe0002;
}



@media only screen and (max-width: 600px) {
  section.section-Our-Journey-of-Success-main.section-d {
      background-image: url('../img/76mob.jpg') !important;
      /* z-index: 9999; */
      position: relative;
          padding-top: 1.25rem;
      z-index: 9;
      background-attachment: fixed;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: contain;
      background-repeat-y: no-repeat;
      background-color: #3091a9;
  }
  section.development-section .container.mt-5.mb-5 {
      margin-top: 0 !important;
  }
	.hireus-form form {
	    padding: 20px 15px 80px 15px !important;
	    width: 100% !important;
	}
	section.hireus-section .service-banner-img img {
	    width: 100% !important;
	}
  .mapp-img {
      margin-top: 0px !important;
  }
	.abssss {
	    bottom: -950px !important;
	}
	.mapp-img .contact-main-img {
	    /*height: 200px;*/
	    display: none;
	}
	.mapp-img .contact-main-img.-mob {
	    display: block !important;
	}
	.address-text.col-md-12 {
	    display: grid !important;
	}
	section.contact-section .container.mt-5.mb-5 {
	    margin-top: 1000px !important;
	}
	section.social-section .col-md-6 {
	    padding: 0 15px;
	    margin-top: -50px;
	    z-index: 9;
	}
	section.social-section.section-g::after {
	    background-color: rgb(0 0 0 / 77%);
	    content: "";
	    display: block;
	    position: absolute;
	    padding: 100px 0;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	}
	.mobile-nav-active #header {
	    z-index: 99 !important;
	}
	.add-Line-one {
	    padding: 15px 30px 15px 30px !important;
	}
	section.section-Our-Journey-of-Success-main.section-d .stats-col {
	    margin-bottom: 50px;
	}
	section.privacy-policy, section.terms-condition {
	    margin-top: 100px !important;
	}
	section.privacy-policy .title, 
	section.terms-condition .title {
	      margin-bottom: 15px;
	}
	.carousel-inner {
	    padding: 15px 15px 0px !important;
	    width: 100% !important;
	}
	.slider-1 {
	    background-size: cover !important;
	    padding: 0px 0 40px !important;
	}
	.image-column {
	    margin-top: 50px;
	}
	body .image-column .inner-column img {
	    width: 4rem !important;
	    height: 4rem !important;
	}
  .image-column .inner-column img:nth-child(6) {
      top: 50%;
      left: 15%;
  }
  .image-column .inner-column img:nth-child(4) {
      top: 25%;
      left: 65%;
  }
  .image-column .inner-column img:nth-child(3) {
      left: 40%;
      top: 50%;
  }
  .image-column .inner-column img:first-child {
      left: 44%;
      top: 24%;
  }
  .image-column .inner-column img:nth-child(2) {
      top: 24%;
      left: 21%;
  }
  .image-column .inner-column img:nth-child(5) {
      top: 50%;
      left: 62%;
  }
	section.portfolio.testtimonialNew.section-f {
	    padding: 0 !important;
	}
	.hero img {
	    margin-top: -50px !important;
	}
	h2.abstitle {
	    top: 175px !important;
	    margin-left: 0px !important;
	}
  .whyhireUss.container {
      margin-top: 0px !important;
  }
  .service-Brand,
  .development-service-section.mobile-development .service-Brand, 
  .development-service-section.E-commerce-solutions .service-Brand {
      flex: 0 0 90%;
      max-width: 90%;
      margin: 20px auto !important;
  }
  .development-service-section h4, .development-process h4 {
      line-height: 1.2;
  }
  .development-service-section p.services-discc,
  .development-service-section.mobile-development .services-discc, 
  .development-service-section.E-commerce-solutions .services-discc {
      min-height: unset !important;
  }
  section.development-process img {
      max-width: 100%;
  }
  .development-service-section h4, .development-process h4 {
      margin: 70px 0 20px 0;
      font-size: 30px;
  }
  .service-title h1 {
      margin-bottom: 30px;
      margin-top: 0px !important;
      font-size: 30px;
  }
  section.contact-section .service-title{
    font-size: 30px;
  }
  .Dfleex .form-group {
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
  .Dfleex {
      display: block;
  }
  .careerBox {        
      max-width: 85%;
  }
  .contact-us-section .contact-us-card .conatact-right {
      padding-left: 0 !important;
  }
  .contact-us-section .contact-us-card .conatact-left {
      margin: 0 -30px 0 !important;
      min-height: unset !important;
  }
  section.portfolio {
      padding: 0 30px !important;
  }
  .portfolioBox {
      max-width: 100% !important;
  }
  section.portfolio ul li a {
      padding: 5px;
  }
  section.our-services .slide-content {
      margin-bottom: 20px;
  }
  .iws .container.text-center {
      margin-top: 0;
      padding-top: 60px;
  }
  .iws .container {
      margin: 0;
  }
  .portfolio-grid {
      width: 100%;
      padding: 0;
  }
  .iws .container {
      margin: 0;
      padding: 0;
  }
  .portfolio-grid.imgg {
      margin-bottom: 40px;
  }
  .portfolio-grid .row > div {
      padding: 0;
      margin: 20px 0;
  }
  .portfolio-grid .row > div .card .portfolio-over .card-title {
      font-size: 24px !important;
  }
  section .title {
      font-size: 30px;
      line-height: inherit;
  }
  .iws .section-Our-Journey-of-Success .container.text-center {
      margin-top: 0;
      padding-top: 0;
  }
  .iws .section-Our-Journey-of-Success .stats-col {
      margin-bottom: 55px;
  }
section#testimonials .container {
    margin: 0;
    padding-top: 55px;
    padding-bottom: 15px;
}
body .web .service-Brand {
    flex: 0 0 90% !important;
    max-width: 90% !important;
    margin: 20px auto !important;
}
.development-service-section h4, .development-process h4, 
section.development-section .service-title h1 {
    text-align: center !important;
}
.service-banner-img img {
    min-width: unset !important;
    margin-bottom: 0px;
}
  .contact-us-section .contact-us-card {
      padding: 0px 30px 0 30px;
      box-shadow: none;
      margin-bottom: 0 !important;
  }
h2.title.titleCurrentOpening.text-center {
    margin-bottom: 15px !important;
    line-height: 1.2;
}
.contact-us-section .container {
    margin-top: 0 !important;
}
.contact-us-section .col-md-4.order-2.order-md-0 {
    margin-top: 50px;
}
section#abouts .container.text-center {
    margin-top: 15px !important;
}
section#abouts .container.text-center h2.title {
    margin-bottom: 15px !important;
}
section.our-services.section-b div#services {
    padding-top: 50px;
}
section.our-services.section-b div#services h2 {
    margin-bottom: -15px;
}
.slider-3.slider-framework {
    padding-bottom: 30px !important;
}
section#portfolio .container .row.no-ppading {
    padding-bottom: 50px !important;
}
section.whyhireUss-main.section-e .col-lg-3 {
    margin: 0 !important;
}
section#testimonials .container.text-center {
    padding-top: 15px;
}
  section.career {
      margin-top: 50px !important;
  }
  .contact-us-section {
      margin: 0px 0 00px !important;
  }
  section.portfolio.inner {
      margin-top: 60px;
  }
  section.portfolio.inner ul.nav.nav-tabs {
      margin: 20px 0 20px;
      margin-right: auto;
      /* margin-bottom: 2.5rem; */
      margin-left: auto;
      justify-content: center;
      border-bottom: none;
  }
  section.portfolio.inner .nav-tabs .nav-link {
      margin-bottom: 1rem;
      padding: 0.5rem 1.375rem 0.25rem 1.375rem;
      border: none;
      border-bottom: 0.1875rem solid #fe0002;
      border-radius: 0;
      color: #fe0002;
      font: 700 1rem/1.75rem "Montserrat", sans-serif;
      text-decoration: none;
      transition: all 0.2s ease;
      background-color: unset !important;
  }
  .portfolio.inner .nav-tabs li a:before {
      background: unset !important;
  }
  section.portfolio.inner a.nav-link.active {
      border-bottom: 0.1875rem solid #fe0002;
      background-color: transparent;
      color: #fe0002;
  }
  section.development-section {
      margin-top: 60px;
  }
  .development-process.mob-dev img,
  .development-process.a img {
      max-width: 100% !important;
  }
  .slider-framework {
      padding-top: 1.875rem !important;
  }
section.social-section .social-feeds {
    width: 13% !important;
    margin: 10px 0px !important;
}
section.social-section .feeds a {
    width: 40px !important;
    height: 40px !important;
}
section.social-section .feeds i {
    font-size: 25px !important;
    line-height: 45px !important;
}
.slider-1 .col-lg-6.col-md-6.image-column {
    background-size: 100% !important;
}
div#tidio-chat iframe#tidio-chat-iframe {
    left: 0 !important;
    bottom: -15px !important;
   /* height: 30vh !important;*/
}
.service-banner-img {
    padding: 15px !important;
}
.add-Line-one::before {
    position: absolute;
    content: '';
    background: #fe0002;
    width: 100% !important;
    height: 1px !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0 !important;
    transition: all 500ms ease;
}
.add-Line-one:last-child::before {
  content: '' !important;
}
.contact-section .address-form {
    width: 100% !important;
    margin: 0 15px !important;
    padding: 30px 15px !important;
}
#mobile-nav ul {
    display: grid;
}
#mobile-nav ul li.last {
    order: 5;
}
#mobile-nav ul li:nth-child(2) {
    order: 4;
}
#mobile-nav ul li:nth-child(3) {
    order: 3;
}
#mobile-nav ul li:nth-child(4) {
    order: 2;
}
#mobile-nav ul li:nth-child(5) {
    order: 1;
}
#mobile-nav ul .menu-item-active li:nth-child(1) {
  order: 1;
}
#mobile-nav ul .menu-item-active li:nth-child(2) {
  order: 2;
}
#mobile-nav ul .menu-item-active li:nth-child(3) {
  order: 3;
}
#mobile-nav ul .menu-item-active li:nth-child(4) {
  order: 4;
}
#mobile-nav ul .menu-item-active li:nth-child(5) {
  order: 5;
}
#mobile-nav ul .menu-item-active li:nth-child(6) {
  order: 6;
}
section.portfolio.inner ul.nav.nav-tabs li.nav-item {
    width: 100%;
}
.lolak_wrapper a {
    height: 55px !important;
    width: 65px !important;
    bottom: 150px !important;
    right: 0 !important;
}
.lolak_wrapper:before {
    height: calc(30% - 22px) !important;
    left: 12px !important;
    right: 12px !important;
}
.sticky-wrapper.is-sticky .lolak_wrapper {
    top: 50px !important;
    right: 10px !important;
    height: 250px !important;
}
.lolak_wrapper a img {
    height: 55px !important;
    width: 65px !important;
}
.development-section .col-sm-6.col-md-5.col-md-offset-1 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.service-banner-img {
    padding-bottom: 0;
}
.portfolio.inner .nav-tabs li a span.mob:before {
    margin: 0px 35px 0 -18px !important;
}
.portfolio.inner .nav-tabs li a span.web:before {
    margin: 0px 35px 0 -35px !important;
}
.nav-menu > li.menu-has-children a.sf-with-ul {
    pointer-events: all !important;
}
section.contact-section {
    overflow: visible;
}


}


ul.address-foot li i {
    margin: 0 4px 0 -15px;
}
ul.address-foot li {
    padding-left: 15px;
    color: #fff;
}

.get-quate {
    display: none;
}
.portfolioBox img.site-logo {
    max-width: 100px;
    margin-top: 15px;
    margin-left: 5px;
    display: none;
}
section.section-Our-Journey-of-Success-main.section-d h2.title {
    color: #fff;
}
section.section-Our-Journey-of-Success-main.section-d::after {
    background-color: rgb(0 0 0 / 77%);
    content: "";
    display: block;
    position: absolute;
    padding: 100px 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section.section-Our-Journey-of-Success-main.section-d .container.text-center {
    display: grid;
}
section.section-Our-Journey-of-Success-main.section-d h2.title {
    color: #fff;
    display: grid;
    z-index: 9;
    margin-bottom: 0;
}
.lolak_wrapper {
    top: -100%;
    right: 35px;
    margin: 0;
    height: 300px;
    width: 110px;
    z-index: 99999 !important;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: lolak_wrapper 3.5s ease-in-out forwards infinite;
    -ms-animation: lolak_wrapper 3.5s ease-in-out forwards infinite;
    -o-animation: lolak_wrapper 3.5s ease-in-out forwards infinite;
    -moz-animation: lolak_wrapper 3.5s ease-in-out forwards infinite;
    animation: lolak_wrapper 3.5s ease-in-out forwards infinite;
}
.lolak_wrapper:before {
    content: "";
    position: absolute;
    background: #ddd;
    width: 1px;
    /* height: calc(100% - 154px); */
    height: calc(50% - 22px);
    overflow: hidden;
    left: 50px;
    right: 12px;
    top: 0;
    margin: 0 auto;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.lolak_wrapper a {
    display: block;
    position: absolute;
    height: 101px;
    width: 110px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    left: 0;
    right: -50px;
    bottom: 100px;
    margin: 0 auto;
}
.lolak_wrapper a img {
    width: 96px;
    height: 77px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}
.sticky-wrapper.is-sticky .lolak_wrapper {
    top: 0;
}

@-webkit-keyframes lolak_wrapper {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(-7deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.accordion-content i {
    margin-right: 5px;
}
.add-Line-one::before {
    position: absolute;
    content: '';
    background: #fe0002;
    width: 1px;
    height: 250px;
    top: 50px;
    right: 0px;
    transition: all 500ms ease;
}
.add-Line-one:hover::after {
    height: 100%;
    top: 0px;
}
.add-Line-one::after {
    background: #fe0002;
}
.add-Line-one::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transition: all 500ms ease;
}
.add-Line-one {
    position: relative;
    display: block;
    padding: 0 0 0 0px;
    margin: 0;
}
.address-text.col-md-12 {
    display: flex;
    padding: 0;
    margin: 0 0px;
}
.add-Line-one:hover h3.heading.link, 
.add-Line-one:hover .accordion-content, 
.add-Line-one:hover .accordion-content p,
.add-Line-one:hover .accordion-content p a {
  
    transition: all 500ms ease;
}
.add-Line-one img {
    max-width: 70px;
    margin: 0 0 5px -5px;
}
.abssss {
    margin: 0 auto;
    position: absolute;
    background: #fff;
    width: 100%;
    bottom: -280px;
    /* padding: 30px 0 0; */
    max-width: 90%;
    left: 5%;
    color: #000;
    z-index: 9;
    box-shadow: 0 0 10px rgb(0 0 0);
    /* box-shadow: 0 0 37px 0 rgb(255 255 255 / 73%); */
}
.contact-section .address-form {
    padding: 50px 50px 15px 50px;
    -webkit-box-shadow: 0 0 10px rgb(254 0 2);
    -moz-box-shadow: 0 0 10px rgb(254 0 2);
    -ms-box-shadow: 0 0 10px rgb(254 0 2);
    -o-box-shadow: 0 0 10px rgb(254 0 2);
    box-shadow: 0 0 10px rgb(254 0 2);
    width: 80%;
    margin: auto;
}
ul.address-foot li a {
    text-transform: unset;
}
.accordion-content a.blue {
    color: rgba(0,0,0,.702);
}
.accordion-content a.blue:hover {
    color: fff;
}
.nav-menu > li.menu-has-children a.sf-with-ul {
    /*pointer-events: none;*/
    cursor: pointer;
}


/*----------------------- HIRE_US PAGE CSS --------------------*/


section.hireus-section {
    margin-top: 120px;
}
section.hireus-section .service-title h1 {
    line-height: 1.2;
}
section.hireus-section .rgt {
    padding: 4% 5% 8%;
}
.hireus-form input , .hireus-form textarea {
    /* padding: 0 0 40px 0px!important; */
    border: 0;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0;
}
.hireus-form .Dfleex .drop.form-group {
    margin: 0 5%;
}
.hireus-form .Dfleex .form-group select , .drop.form-group select {
    /*padding: 0 0 10px 0;*/
    border-bottom: 2px solid #ddd !important;
}
.hireus-form .form-group:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    background-color: #fe0002;
    position: absolute;
    top: 28px;
}
.hireus-form .form-group.input-effect.asdd:hover:after {
    top: 38px;
}
.hireus-form .drop.form-group.budget:hover:after {
    top: 36px;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: transparent !important;
    background-image: none !important;
    color: #fff !important;
}
.hireus-form .form-group:after {
    content: '';
    width: 0;
    height: 2px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.hireus-form .form-group input:focus, 
.hireus-form .form-group textarea:focus {
    border-bottom: 2px solid #fe0002 !important;
}
textarea::placeholder {
    color: #000;
}
section.hireus-section .service-banner-img img {
    width: 550px;
}
.hireus-form form {
    padding: 50px 50px 100px 50px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgb(0 0 0);
    width: 80%;
    margin: auto;
}
section.hireus-form {
    margin-bottom: 80px;
}
section#hireForm {
    padding: 50px 0 0;
}
section.hireus-section {
    margin-bottom: -150px;
}
section.hireus-section .container.mt-5.mb-5 {
    margin-top: 20px !important;
}
section.hireus-section .service-banner-img img {
    margin-bottom: 0;
}
section.hireus-section .rgt .solid-blue {
    margin-top: 35px;
}
.hireus-form .service-title h2 {
    margin-bottom: 50px;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    color: #fe0002;
    font-size: 50px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0 !important;
}
.hireus-form .container {
    margin-top: 0;
}
section.hireus-section a.btn.btn-full {
    display: none;
}
section.hireus-section .service-banner-img {
    padding-bottom: 0px;
}
.hireus-form img {
    position: absolute;
    max-width: 22px;
    margin: 3px 0;
    filter: invert(1);
}
.hireus-form .form-group {
    position: relative;
}
.hireus-form .form-group input::placeholder , .hireus-form .form-group select::placeholder , .hireus-form .form-group textarea::placeholder {
    /*padding-left: 25px;*/
}
.hireus-form .form-group input , .hireus-form .form-group select , .hireus-form .form-group textarea {
    padding-left: 25px;
}
.hireus-form .form-group.input-effect.asdd img {
    position: absolute;
    max-width: 20px;
    margin: 10px 0 !important;
}
.hireus-form .Dfleex .form-group select {
    padding: 0 0 0px 25px !important;
    height: 30px;
    cursor: pointer;
}
.hireus-form img.number {
    max-width: 18px !important;
    margin: 5px 0 !important;
}
.drop.form-group.budget img {
    margin: 8px 0;
    max-width: 21px;
}

/*----------------------- END HIRE_US PAGE CSS --------------------*/
.slider-1 .col-lg-6.col-md-6.image-column {
    background-repeat: no-repeat;
}
section.hireus-section .service-title h1 {
    line-height: 1.2;
    text-align: left;
    margin-bottom: 20px;
        color: #fe0002;
}
.slider-1 .container.text-center {
    margin: 0 auto !important;
    padding: 0;
}
section#testimonials {
    padding-top: 0;
}
.slider-1 {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
}
section.whyhireUss-main.section-e .whyhireUss.container {
    margin-top: 0px;
}
p.demo {
    margin: 0;
}
.hireus-form .form-group.btn--set::after , .contact-section .form-group.btn--set:hover:after{
    content: unset !important;
}
.hireus-form textarea {
    height: 40px;
}
.contact-us-section .contact-us-card .conatact-left .social-links a:hover {
    background: #fe0002 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
.contact-us-section .contact-us-card .conatact-left .social-links a {
    border: 1px solid transparent;
}
.contact-us-section .contact-us-card .conatact-left .list li a:hover {
    transform: scale(1.1);
}
.nav-menu a:hover {
    /*transform: scale(1.2);*/
    /*font-weight: 600;*/
}
.lolak_wrapper a:hover {
    transform: scale(1.2);
}
.add-Line-one img {
    max-width: 70px;
    margin: 0 0 5px -5px;
    border-radius: 50%;
    box-shadow: 0 15px 30px -10px rgb(0 0 0 / 80%);
}
html {
  scroll-behavior: smooth;
}
.contact-section .address-form .form-group img {
    position: absolute;
    max-width: 22px;
    margin: 3px 0 !important;
        filter: invert(1);
}
.contact-section .address-form input, 
.contact-section .address-form select, 
.contact-section .address-form textarea {
    padding-left: 25px !important;
}
.contact-section .address-form .form-group img.number {
    max-width: 16px;
}
.nav-menu > li.menu-has-children ul li a:hover {
    transform: scale(1);
    color: #fff;
}
.nav-menu > li.menu-has-children ul li a {
    border-radius: 0 !important;
    width: 100%;
    color: #000 !important;
}
.nav-menu > li.menu-has-children ul li a:hover {
    transform: scale(1);
    color: #fff !important;
    background: #fe0002;
    border-radius: 0 !important;
    width: 100%;
    box-shadow: unset !important;
}
.nav-menu > li.menu-has-children ul li a {
    margin-top: 0;
}
.development-section .col-sm-6.col-md-5.col-md-offset-1 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    color: #fff !important;
    background-color: rgb(232, 240, 254) !important;
    background-color: #000 !important;
    background-image: none !important;
    -webkit-box-shadow: none;
    /*-webkit-text-fill-color: red !important;*/
}
input:-internal-autofill-selected {
    appearance: menulist-button;
   /* background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;*/
    -webkit-color: #fff !important;
    /*-webkit-background-color: #000 !important;*/
}
.swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0;
}
.swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}
.nav-menu > li a {
    cursor: pointer;
}
#mobile-nav ul li.menu-has-children a::before {
	content: unset;
}
[autocomplete="off"] {
  -webkit-text-security: disc;
}
.contact-section .address-form .form-group img.wow.fadeIn.emailf {
    max-width: 16px;
    margin: 5px 0 !important;
}
.contact-section .address-form .form-group img.wow.fadeIn.commentf {
    max-width: 18px;
    margin: 7px 0 !important;
}
.hireus-form img.wow.fadeIn.emaill {
    max-width: 18px;
    margin: 5px 0;
}
.hireus-form img.wow.fadeIn.compaanyy {
    max-width: 18px;
}
.hireus-form img.wow.fadeIn.asdddd {
    max-width: 20px;
}

/*.mapp-img::after {
    background-color: #000000;
    opacity: 0.5;
    top: -36px;
    left: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: calc(100% + 36px);
}*/

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.whyHIREusNEWsECTION .mt-30 {
    margin-top: 30px;
}
.whyHIREusNEWsECTION .text-center {
    text-align: center!important;
}
.whyHIREusNEWsECTION .single-choose .icon-box {
    height: 175px;
    width: 175px;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    border: 2px solid #fe0002;
    background: radial-gradient(circle, #fe0002a8 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
    position: relative;
    display: inline-block;
    z-index: 5;
}
.whyHIREusNEWsECTION .single-choose .icon-box img {
    margin-top: -20px;
    filter: invert(1);
}
section.our-services.section-b {
     background-color: #fff !important; 
    /*background-image: url('../img/ghghgjhg.png');*/
    /* z-index: 9999; */
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0 !important;
}
.whyHIREusNEWsECTION .single-choose .icon-box span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: rotate-2 30s linear infinite;
    -moz-animation: rotate-2 30s linear infinite;
    -o-animation: rotate-2 30s linear infinite;
    animation: rotate-2 30s linear infinite;
}
.whyHIREusNEWsECTION .single-choose .icon-box span::before {
    position: absolute;
    content: '';
    height: 15px;
    width: 15px;
    background: #000;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.whyHIREusNEWsECTION .single-choose .icon-box span::after {
    position: absolute;
    content: '';
    height: 7px;
    width: 7px;
    background: #000;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
}
.whyHIREusNEWsECTION .single-choose h4 {
    font-size: 26px;
    color: #000;
    padding-top: 25px;
    letter-spacing: 1px;
}
.whyHIREusNEWsECTION .single-choose p {
    font-size: 16px;
    /*line-height: 32px;*/
    color: #000;
    padding: 0 20px;
    /*padding-top: 20px;*/
    text-align: center;
}
@keyframes rotate-2 {
  to { transform: rotate(360deg); }
}
section.our-services.section-b .tabs {
    /*background-image: url('../img/ghghgjhg.png');*/
        background-color: #fff !important;
    z-index: 9999;
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: unset;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
        background-position: center;
}
/*section.our-services.section-b {
    background: #101028;
    padding-top: 113px;
    padding-bottom: 113px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}*/
.row.justify-content-center.whyHIREusNEWsECTION {
    width: 100%;
}
.add-Line-one:last-child::before {
  content: none;
}
.choose-dot {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.choose-dot {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.choose-dot img {
    width: 100%;
}
.choose-shape img {
    width: 100%;
}
.slider-3.slider-framework {
    padding-bottom: 0px !important;
    padding-top: 70px;
    background-color: transparent;
}
section.our-services.section-b h2.title {
    margin: 0;
}
#nav-menu-container .nav-menu ul li i {
    margin: -1px 0 0 0;
    display: none;
}
.whyHIREusNEWsECTION .text-center a {
    background: #fe0002;
    color: #fff;
    padding: 0 0px;
    padding: 8px 30px;
    color: #fff;
    /* display: block; */
    /* line-height: 1; */
    /* border: 2px solid; */
    border-radius: 100px 100px 100px 0;
    margin-top: 17px;
}
.whyHIREusNEWsECTION .text-center a:hover {
       border: 1px solid;
    background: #fff !important;
    color: #fe0002 !important;
    box-shadow: inset 150px 0 0 0 #fff;
}
#particle-canvas {
/*  width: 100%;
  height: 100%;*/
}






@media (max-width: 768px) {
  #mobile-nav-toggle {
    /*display: none;*/
  }
#mobile-nav-toggle {
    display: inline !important;
    top: 10px !important;
    z-index: 99999999 !important;
}
.sticky-wrapper.is-sticky #mobile-nav-toggle{
	display: inline !important;
	position: absolute !important;
}
html {
    scroll-behavior: unset !important;
}
body {
    overflow-x: hidden !important;
}
.sticky-wrapper.is-sticky .lolak_wrapper {
    top: 70px !important;
    right: 0px !important;
    height: 250px !important;
    position: absolute !important;
}
section {
    overflow: hidden;
}
.fa-bars::before {
    content: "\f0c9";
}
#mobile-nav-toggle i {
    color: #fff;
}
button#mobile-nav-toggleNEW {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 5px 10px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: block !important;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}
button#mobile-nav-toggleNEW i{
  color: #fff
}
.contentt .frontt, 
.contentt .backk , 
.text-medium , 
.box-desc , 
.imgClass ,
.careerBox h3 ,
section.career p ,
.development-service-section p.services-title ,
.development-service-section p.services-discc{
    text-align: center !important;
}

section.career h2.title.titleCurrentOpening.text-center {
    font-size: 30px !important;
}
.development-service-section .service-title {
    margin: auto;
    text-align: center !important;
}
body iframe#tidio-chat-iframe {
    z-index: -1 !important;
    /*height: 400px !important;*/
}
section.development-process.seo {
    margin: 0 !important;
}
section.development-process.seo .container.mt-5.mb-5 ,
section.development-process.graphic .container.mt-5.mb-5,
section.development-process.uiux .container.mt-5.mb-5{
    margin: -40px 0 0 0 !important;
}
section.development-process.graphic .container.mt-5.mb-5 img.wow.fadeIn {
    max-width: 100% !important;
    width: 100% !important;
}
section.development-process.uiux img.wow.fadeIn {
    max-width: 100% !important;
}
body .nav-menu ul li.sfHover a::before{
  content: "\f078" !important;
    font-family: FontAwesome;
}
div#about {
    height: 50px;
}
div#header-sticky-wrapper {
    margin-bottom: -50px !important;
    height: 70px !important;
}
#header .logo img {
    max-height: 70px;
    margin-top: 0px;
    max-width: 250px !important;
}
section.development-section.seo img.wow.fadeIn.animated {
    min-width: 100% !important;
}
section.social-section {
    background-image: url('../img/1091mob.png') !important;
    /* z-index: 9999; */
    position: relative;
    padding-top: 1.25rem;
    z-index: 9;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 300px;
    background-size: contain;
    background-color: black;
}
.TExt-CEntER {
    text-align: center;
    margin: 0px auto 50px auto !important;
    width: 100% !important;
}
.portfolio .TExt-CEntER {
    margin-bottom: 15px !important;
}
.contactNEWSEC {
    margin: -80px 0 50px 0 !important;
}
section.career .NEWSECSION .NEWPD {
    padding: 30px 30px 0 !important;
}

}

section.career .NEWPD p {
    text-align: left;
}
section.career .NEWSECSION .NEWPD {
    padding: 70px 0;
}
.portfolio h2.title {
    margin-bottom: 50px;
}
.portfolio .TExt-CEntER {
    margin-bottom: 40px;
}
.newslider .owl-nav {
    position: absolute;
    top: 50%;
    background: transparent;
    z-index: 9;
    border: none !important;
    width: 100%;
    transform: translate(0 , -50%);
}
.newslider button.owl-prev {
    background: transparent;
    z-index: 9;
    border: none !important;
}
.newslider button.owl-next {
    background: transparent;
    z-index: 9;
    border: none !important;
    right: 0;
    float: right;
}
.newslider  .owl-nav span.fas::before {
    font-size: 20px;
}

section.development-process.uiux img.wow.fadeIn {
    max-width: 1000px;
}
.row.justify-content-center.whyHIREusNEWsECTION .col-lg-4.col-md-6.col-sm-9.wow.slideInUp {
    margin-bottom: 30px;
}
section.development-process.seo {
    margin: 60px 0 !important;
}
section.development-process.graphic .container.mt-5.mb-5 img.wow.fadeIn {
    max-width: 1000px !important;
    width: 1000px;
}
section.development-process.uiux .container.mt-5.mb-5 {
    margin-top: -40px !important;
}
.nav-menu ul li.sfHover a::before{
  content: none !important;
}
#mobile-nav-toggle i {
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
section.development-section.seo img.wow.fadeIn.animated {
    min-width: 580px;
}
.section-Our-Journey-of-Success .fadeInUp {
    z-index: 999;
}


section.our-services.section-b .col-lg-4 {
    margin-bottom: 30px;
}
.nav-menu li.menu-has-children .fa-chevron-up:before {
    content: none !important;
}
.footerSocial {
    width: 100%;
    margin: 0 auto;
}
.footerSocial ul.social-links {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0px;
}
.footerSocial ul.social-links li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.footerSocial ul.social-links a {
    color: #fe0002;
    background: #FFF;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: relative;
}
.footerSocial h4 {
    text-align: center;
    margin-bottom: 25px;
}



.footerSocial ul.social-links a {
  background-image: linear-gradient(to right, #fe0002 45%, #fff 55%);
  background-size: 220% 100%;
  background-position: 100% 50%;
}
.footerSocial ul.social-links a:hover {
  background-position: 0% 50%;
  color: #fff;
}
.footerSocial {
    width: 100%;
    margin: 0px auto 40px auto;
    padding: 30px 0;
    position: relative;
}
.footerSocial::before {
    content: '';
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
       width: 57%;
    left: 21%;
    right: auto;
}
.footerSocial::after {
    content: '';
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0;
        width: 57%;
    left: 21%;
    right: auto;
}
.hireus-form .form-group.input-effect.asdd.commeeena:hover:after {
    top: unset !important;
}
.contact-us-section .form-group label.control-labela.a {
    border-bottom: 1px solid #fff !important;
}

.form-group.input-effect.asdd.commeeena p.demo {
    color: red !important;
    margin-bottom: 0 !important;
    position: absolute;
}
iframe#tidio-chat-iframe {
  left: 0 !important;
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {

  .nav-menu a , .nav-menu.right li.last a {
      padding: 8px 15px !important;
  }
  .sf-arrows .sf-with-ul:after {
      right: 2px !important;
  }
  .lolak_wrapper {
    right: 10px !important;
  }
  .lolak_wrapper a img {
    width: 66px !important;
    height: 47px !important;
  }
  .lolak_wrapper a {
      right: -75px !important;
      bottom: 127px !important;
  }
  .lolak_wrapper:before {
      left: 45px !important;
  }
  section.development-section.mob .service-banner-img img ,
  section.development-section.seo img.wow.fadeIn.animated{
      min-width: 100% !important;
  }
  .development-process.mob-dev img {
      max-width: 100% !important;
  }
  .development-service-section.mobile-development .service-Brand, 
  .development-service-section.E-commerce-solutions .service-Brand ,
  .web .service-Brand{
      margin: 20px 25px !important;
  }
  .add-Line-one {
      padding: 28px 30px 34px 30px !important;
  }
  section.hireus-section .service-banner-img img {
      width: 100% !important;
  }
  .slider-1 .col-lg-6.col-md-6.image-column {
      background-size: 100% !important;
  }
  .image-column .inner-column img:nth-child(2) {
      top: 30% !important;
      left: 14% !important;
  }
  .image-column .inner-column img:first-child {
      left: 40% !important;
      top: 27% !important;
  }
  .image-column .inner-column img:nth-child(4) {
      top: 28% !important;
      left: 66% !important;
  }
  .image-column .inner-column img:nth-child(3) {
      top: 58% !important;
      left: 40% !important;
  }
  .image-column .inner-column img:nth-child(5) {
      top: 58% !important;
      left: 61% !important;
  }
  .image-column .inner-column img:nth-child(6) {
      top: 57% !important;
      left: 14% !important;
  }
  section.social-section .feeds a {
      width: 50px !important;
      height: 50px !important;
  }
  section.social-section .feeds i {
      line-height: 52px !important;
  }
  section.social-section .social-feeds {
      width: 13% !important;
  }

}


.TExt-CEntER {
    text-align: center;
    margin: -30px auto 50px auto;
    width: 100%;
}
.contactNEWSEC {
    margin: -30px 0 50px 0;
}
.contactNEWSEC .service-banner-img {
    padding: 0;
}
section.development-process img.wow.fadeIn.animated {
    filter: invert(1);
}
section.development-process.seo img.wow.fadeIn.animated {
    filter: invert(0) !important;
}
.footer .footer-col.first p {
    color: #fff;
}
section#particle-canvas p {
    color: #fff;
}
.contact-section .address-form input, .contact-section .address-form select, .contact-section .address-form textarea {
    color: #000;
    padding-left: 25px !important;
}




.embed-responsive-100x400px{
     height: 720px;
         top: 9px;
}
.map-content {
    position: absolute;
    
    top: 11%;

    left: 88px;
    z-index: 9;
}.background-content {
    background-color: #fff;
    box-shadow: 0 0 10px rgb(254 0 2);
    padding: 30px 25px 30px 25px;
}
#add-con:first-child{
    padding-top: 0;
}
#add-con{    
    padding-top: 25px;
padding-bottom: 25px;
    border-bottom: 1px solid #fe0002;
    display: flex;
    align-items: center;
}
.tm-heading.left {
    width: 21%;
    text-align: center;
}
#add-con:last-child{
    border-bottom: none ;
}
.gm-style .place-card-large {
    display: none !IMPORTANT;
}
@media only screen and (max-width: 1980px) and (min-width: 1700px) {
.container {
    max-width: 1138px;
    max-width: 1400px;
}
body, p {
    font-size: 20px;
}
.map-content {
    position: absolute;
    top: 8%;
}
.embed-responsive-100x400px {
    height: 658px;
    
}
}
@media only screen and (max-width: 767px) {
    .map-content {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
}
.embed-responsive-100x400px {
    height: 200px;
}
.background-content {
 
    padding: 15px 0 15px 0;

    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
section.contact-section .container.mt-5.mb-5 {
    margin-top: 60px !important;
}
}.loader-container{
    width: 100%;
    height: 100%;
    background-color: #fff;
    
    display: flex;
    align-items: center;
    justify-content: center;
}




.content {
  margin: auto;
  padding: 20px;
  width: 80%;
  max-width: 1200px;
  min-width: 300px;
}

.slick-slider {
  margin: 30px auto 50px;
}

.slick-prev,
.slick-next {
  color: white;
  opacity: 1;
  height: 40px;
  width: 40px;
  margin-top: -20px;
}
.slick-prev path,
.slick-next path {
  fill: rgba(255, 255, 255, 0.4);
}
.slick-prev:hover path,
.slick-next:hover path {
  fill: #FFFFFF;
}

.slick-prev {
  left: -35px;
}

.slick-next {
  right: -35px;
}

.slick-prev:before,
.slick-next:before {
  content: none;
}

.slick-dots li button:before {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  font-size: 8px;
}

.slick-dots li.slick-active button:before {
  color: #FFFFFF;
}

.quote-container {
  min-height: 200px;
  color: #666666;
  font-size: 36px;
  margin: 0 20px;
  position: relative;
}
.quote-container:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.quote-container .portrait {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 140px;
  width: 140px;
  overflow: hidden;
}
.quote-container .portrait img {
  display: block;
  height: auto;
  width: 100%;
}
.quote-container .quote {
  position: relative;
  z-index: 600;
  padding: 40px 0 40px 180px;
  margin: 0;
  font-size: 20px;
  font-style: italic;
  line-height: 1.4 !important;
  font-family: Calibri;
  color: white;
}
.quote-container .quote p {
  position: relative;
  margin-bottom: 20px;
}
.quote-container .quote p:first-child:before {
  content: "“";
  color: rgba(255, 255, 255, 0.44);
  font-size: 7.5em;
  font-weight: 700;
  opacity: 1;
  position: absolute;
  top: -0.4em;
  left: -0.2em;
  text-shadow: none;
  z-index: -10;
}
.quote-container .quote cite {
  display: block;
  font-size: 14px;
}
.quote-container .quote cite span {
  font-size: 16px;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dragging .quote-container {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.octogon {
  -webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
  clip-path: url(#octogon);
  height: 140px;
  width: 140px;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 5% 0%;
  }
  50% {
    background-position: 96% 100%;
  }
  100% {
    background-position: 5% 0%;
  }
}
@keyframes gradient {
  0% {
    background-position: 5% 0%;
  }
  50% {
    background-position: 96% 100%;
  }
  100% {
    background-position: 5% 0%;
  }
}