@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
/*===============================================================

Common portion start

font-family: 'Poppins', sans-serif;

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

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

* a:hover,
a:focus {
  text-decoration: none !important;
}

a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
}

body {
  margin: 0;
  padding: 0 !important;
}

body,
html {
  font-family: "Poppins";
  font-weight: normal;
  height: 100%;
}

@media only screen and (min-width: 2561px) {
  body,
  html {
    font-size: 15px;
  }
}

@media only screen and (max-width: 2560px) {
  body,
  html {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1920px) {
  body,
  html {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1680px) {
  body,
  html {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1440px) {
  body,
  html {
    font-size: 10px;
  }
}

@media only screen and (max-width: 1200px) {
  body,
  html {
    font-size: 8px;
  }
}

@media only screen and (max-width: 580px) {
  body,
  html {
    font-size: 7px;
  }
}

@media only screen and (max-width: 360px) {
  body,
  html {
    font-size: 6px;
  }
}

div,
table,
tr,
th,
td,
th,
video,
audio,
h1,
h2,
h3,
h4,
h5,
h6,
aside,
canvas,
section,
header,
footer,
nav,
span,
p,
small,
big,
a,
b,
strong,
img,
hr,
pre,
button,
input,
textarea,
optgroup,
ul,
li,
ol,
select,
option,
blockquote,
nav {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  text-decoration: none;
  list-style-type: none;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
  display: block;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins";
}

ul {
  margin-bottom: 0px;
}

h1 {
  font-size: 5em;
  font-weight: 300;
  color: #5e6db3;
  margin-bottom: 20px;
}

h1 span {
  font-weight: 700;
}

h2 {
  font-size: 2.5em;
  font-weight: 300;
  color: #282828;
  text-transform: uppercase;
}

h2 span {
  font-weight: 700;
}

h3 {
  font-size: 11.25em;
}

@media only screen and (max-width: 2560px) {
  p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
  }
}

@media only screen and (max-width: 1920px) {
  p {
    font-size: 16px;
  }
}

.dFlx {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.container,
.container-full {
  margin: auto;
}

.btn {
  background: #9bcd58;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  border: 1px solid #9bcd58;
  margin-top: 34px;
}

@media only screen and (max-width: 2560px) {
  .btn {
    width: 316px;
    height: 77px;
    line-height: 77px;
  }
}

@media only screen and (max-width: 1920px) {
  .btn {
    width: 237px;
    height: 59px;
    line-height: 59px;
  }
}

@media only screen and (max-width: 767px) {
  .btn {
    width: 210px;
    height: 45px;
    line-height: 45px;
  }
}

.btn:hover {
  background: #fff;
  color: #5e6db3;
}

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

::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b9b9b9;
  font-family: "Poppins";
  font-size: 14px;
}

header {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  z-index: 999;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}

header .container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .container .hamburger {
  position: absolute;
  right: 50px;
  top: 56%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 34px;
  height: 20px;
  display: none;
}

header .container .hamburger a {
  display: block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

header .container .hamburger a span {
  width: 100%;
  height: 3px;
  background: #000000;
}

header .container .headerLeft {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .container .headerLeft a.logo {
  display: inline-block;
  max-width: 100px;
}

header .container .headerLeft nav {
  margin-left: 80px;
}

header .container .headerLeft nav li.active a {
  color: #9bcd58;
}

header .container .headerLeft nav li.active a:before {
  top: 0;
}

header .container .headerLeft nav a.cross {
  position: absolute;
  color: #fff;
  right: 5px;
  top: 5px;
  font-size: 20px;
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  opacity: .6;
}

header .container .headerLeft nav a.cross:hover {
  opacity: 1;
}

header .container .headerLeft nav a:not(.cross) {
  display: block;
  padding: 40px 15px 15px 15px;
  position: relative;
  font-size: 15px;
  color: #282828;
}

header .container .headerLeft nav a:not(.cross):before {
  content: '';
  display: block;
  width: 1px;
  height: 35px;
  background: #9bcd58;
  position: absolute;
  left: 50%;
  top: -100%;
  z-index: 9;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}

header .container .headerLeft nav a:not(.cross):hover {
  color: #9bcd58;
}

header .container .headerLeft nav a:not(.cross):hover:before {
  top: 0;
}

header .container .headerRight {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

header .container .headerRight ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .container .headerRight ul li.mobile {
  display: none;
}

header .container .headerRight ul a:not(.btn) {
  display: inline-block;
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  color: #000;
}

header .container .headerRight ul a:not(.btn):hover {
  color: #9bcd58;
}

header .container .headerRight ul a:not(.btn) i {
  margin-right: 8px;
}

header .container .headerRight .btn {
  margin-top: 0;
  background: #5e6db3;
  border-color: #5e6db3;
  padding: 0;
  margin-left: 15px;
}

@media only screen and (max-width: 2560px) {
  header .container .headerRight .btn {
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 500;
  }
}

@media only screen and (max-width: 1920px) {
  header .container .headerRight .btn {
    width: 188px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
}

header .container .headerRight .btn:hover {
  background: #9bcd58;
  border-color: #9bcd58;
  color: #fff;
}

header.fadeSticky {
  padding-bottom: 12px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(#ddd));
  background: linear-gradient(#fff 80%, #ddd);
}

#banner {
  height: 100%;
  background: #fff;
}

#banner .bannerItem {
  height: 100%;
  position: relative;
}

#banner .bannerItem .bannerClipedImg {
  border-radius: 50%;
  background-size: cover !important;
  position: absolute;
  right: 25px;
  top: -12%;
  overflow: hidden;
}

@media only screen and (max-width: 2561px) {
  #banner .bannerItem .bannerClipedImg {
    width: 1350px;
    height: 1350px;
  }
}

@media only screen and (max-width: 2560px) {
  #banner .bannerItem .bannerClipedImg {
    width: 1350px;
    height: 1350px;
  }
}

@media only screen and (max-width: 1920px) {
  #banner .bannerItem .bannerClipedImg {
    width: 1013px;
    height: 1013px;
  }
}

@media only screen and (max-width: 1680px) {
  #banner .bannerItem .bannerClipedImg {
    width: 890px;
    height: 890px;
  }
}

@media only screen and (max-width: 1440px) {
  #banner .bannerItem .bannerClipedImg {
    width: 800px;
    height: 800px;
  }
}

@media only screen and (max-width: 1200px) {
  #banner .bannerItem .bannerClipedImg {
    width: 630px;
    height: 630px;
  }
}

@media only screen and (max-width: 1080px) {
  #banner .bannerItem .bannerClipedImg {
    width: 570px;
    height: 570px;
  }
}

@media only screen and (max-width: 800px) {
  #banner .bannerItem .bannerClipedImg {
    width: 500px;
    height: 500px;
  }
}

@media only screen and (max-width: 580px) {
  #banner .bannerItem .bannerClipedImg {
    width: 310px;
    height: 310px;
  }
}

@media only screen and (max-width: 390px) {
  #banner .bannerItem .bannerClipedImg {
    width: 290px;
    height: 290px;
  }
}

#banner .bannerItem .bannerClipedImg:before {
  content: '';
  display: block;
  width: 100%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), to(transparent));
  background-image: linear-gradient(white 40%, transparent);
}

#banner .bannerItem .bannerContent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

#banner .bannerItem .bannerContent .container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#banner .bannerItem .bannerContent .container .bannerContHolder {
  max-width: 63%;
  position: relative;
  padding: 13% 0;
}

#banner .bannerItem .bannerContent .container .bannerContHolder:before {
  content: '';
  display: block;
  width: 85%;
  height: 100%;
  background: url(../images/banner_bg.png) top left no-repeat;
  background-size: contain !important;
  position: absolute;
  z-index: -1;
  top: 2%;
  left: -10%;
}

#banner .bannerItem .bannerContent .container h2 {
  font-size: 2.25em;
}

#banner .bannerItem .bannerContent .container p {
  color: #282828;
  padding-right: 30%;
}

.step {
  position: relative;
}

.step:after {
  content: '';
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background: #9bcd58;
}

.step .stepContainer {
  padding: 50px 95px;
  width: 100%;
  border-radius: 90px 90px;
  background: #9bcd58;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.step .stepContainer:after {
  content: '';
  display: block;
  width: 300px;
  height: 100%;
  background: url(../images/step_bg.png) top left no-repeat;
  background-size: contain !important;
  position: absolute;
  left: 59%;
  top: 0;
}

.step .stepContainer h2 {
  margin: 0;
  line-height: normal;
  text-transform: none;
  color: #fff;
  letter-spacing: 1px;
}

.step .stepContainer .btn {
  margin-top: 0;
  background: #5e6db3;
  border-color: #5e6db3;
}

.step .stepContainer .btn:hover {
  background: #fff;
  border-color: #fff;
}

.step.left {
  margin-top: -70px;
  z-index: 2;
}

.step.left:after {
  left: 0;
  right: inherit;
  background: #5e6db3;
}

.step.left .stepContainer {
  background: #5e6db3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.step.left .stepContainer * {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.step.left .stepContainer:after {
  display: none;
}

.about .aboutLeft {
  position: relative;
  width: 40%;
}

.about .aboutLeft .image1 {
  max-width: 85%;
}

.about .aboutLeft .image2 {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 330px;
}

.about .aboutLeft img {
  display: block;
  max-width: 100%;
}

.about .aboutRight {
  width: 60%;
  padding-left: 7%;
}

.about .aboutRight p {
  margin-bottom: 40px;
  color: #282828;
}

.about .btn {
  background: #5e6db3;
  border-color: #5e6db3;
}

.about .btn:hover {
  background: #9bcd58;
  border-color: #9bcd58;
  color: #fff;
}

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

.sectionHead h3 {
  position: absolute;
  bottom: 0;
  line-height: 100px;
  z-index: -1;
  color: #f4f4f4;
  left: -60px;
}

.sectionHead h2 {
  text-transform: none;
}

.services {
  position: relative;
}

.services::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.services .container {
  position: relative;
  z-index: 9;
}

.services .container .sectionHead {
  margin-bottom: 50px;
}

.services .container h3 {
  color: #fff;
  font-size: 1.625em;
  line-height: normal;
  font-weight: 300;
  position: initial;
}

.services .container h2 {
  font-size: 3.125em;
  color: #fff;
  text-transform: none;
  letter-spacing: 1px;
}

.services .container .servicesContent {
  text-align: center;
  max-width: 56%;
  margin: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.services .container .servicesContent p {
  color: #fff;
}

.services .container .servicesContent h3 {
  font-weight: 600;
}

.services .container .servicesContent img {
  display: inline-block;
}

.services .container .servicesContent .icon {
  width: 83px;
  height: 83px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #9bcd58;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  margin-bottom: 13px;
  position: relative;
}

.services .container .servicesContent .icon:after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background: #9bcd58;
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.services .container .servicesContent .icon:hover:after {
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  opacity: 0;
}

.services .container .servicesContent .serviceItem {
  width: 30%;
}

.services .container .servicesContent .swrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}

.testimonials .testmonialLeft {
  width: 30%;
}

.testimonials .testmonialRight {
  width: 70%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.testimonials .testmonialRight .author {
  width: 110px;
  height: 110px;
  border: 1px solid #ddd;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  margin-right: 80px;
}

.testimonials .testmonialRight .testiContent {
  width: 80%;
  position: relative;
}

.testimonials .testmonialRight .testiContent::before {
  content: '“';
  display: block;
  font-size: 60px;
  line-height: 60px;
  color: #9bcd58;
  position: absolute;
  left: -25px;
  top: 0;
}

.testimonials .testmonialRight .testiContent p.authName {
  font-weight: 700;
  font-style: italic;
  margin-top: 20px;
}

.testimonials .testmonialRight .owl-controls {
  margin-top: 0;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}

.testimonials .testmonialRight .owl-controls .owl-page.active span {
  border: 2px solid #000;
  background: #fff !important;
}

.contactUsSection {
  background: #f3f3f3;
  position: relative;
}

.contactUsSection .container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contactUsSection .sectionHead {
  margin-bottom: 60px;
}

.contactUsSection .mapholder {
  width: 45%;
  transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 5px;
}

.contactUsSection .formHolder {
  padding-left: 95px;
  width: 50%;
  padding-right: 50px;
}

.contactUsSection .formHolder h3 {
  color: #e8e8e8;
  z-index: 1;
}

.contactUsSection .formHolder h2 {
  position: relative;
  z-index: 3;
}

.contactUsSection .formHolder form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.contactUsSection .formHolder form input {
  width: 49%;
  max-width: 290px;
  height: 45px;
  border: none;
  background: #fff;
  border-radius: 30px;
  display: block;
  margin-bottom: 15px;
  padding-left: 25px;
}

.contactUsSection .formHolder form textarea {
  width: 100%;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 15px;
}

.contactUsSection .formHolder form textarea ~ input {
  max-width: 238px;
  height: 58px;
  text-align: center;
  margin-left: auto;
  padding-left: 0;
}

.contactUsSection .formHolder form input[type=submit] {
  max-width: 238px;
  height: 58px;
  background: #5e6db3;
  color: #fff;
  text-align: center;
  padding: 0;
  cursor: pointer;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  margin-right: auto;
  font-weight: 600;
}

.contactUsSection .formHolder form input[type=submit]:hover {
  background: #9bcd58;
}

#step-3 {
  position: relative;
  top: -35%;
  right: 0;
  margin-top: -5%;
  margin-bottom: 5%;
}

#step-3:after {
  z-index: 2;
}

#step-3 .stepContainer {
  z-index: 9;
}

#step-3 .stepContainer:after {
  display: none;
}

#step-3 .stepContainer ul {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#step-3 .stepContainer ul li:first-child {
  margin-right: 140px;
}

#step-3 .stepContainer ul .iconImg {
  width: 55px;
  height: 55px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 18px;
}

#step-3 .stepContainer ul p {
  color: #fff;
  font-weight: 300;
}

#step-3 .stepContainer ul a:hover p {
  color: #5e6db3;
}

footer {
  position: relative;
  padding-top: 0px;
  padding-bottom: 50px;
}

footer .container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .container .footerRight ul a {
  display: block;
  padding: 10px 14px;
  color: #000;
  font-size: 18px;
}

footer .container .footerRight ul a:hover {
  background: #9bcd58;
  color: #5e6db3;
}

.backtotop {
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 999;
  display: none;
}

#banner.inner-banner {
  height: auto;
}

#banner.inner-banner .bannerItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 540px;
  position: relative;
}

#banner.inner-banner .bannerItem .content {
  -ms-flex-item-align: center;
      align-self: center;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#banner.inner-banner .bannerItem .content h1 {
  margin-bottom: 0;
}

#banner.inner-banner .bannerItem .underCircle {
  width: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #5e6db3;
  position: absolute;
  right: 30px;
}

#banner.inner-banner .bannerItem .underCircle:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

#banner.inner-banner .bannerItem .innerBannerItem {
  width: 50%;
  overflow: hidden;
  height: 100%;
  position: relative;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#banner.inner-banner .bannerItem .innerBannerItem:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

#banner.inner-banner .bannerItem .innerBannerItem:after {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
}

#banner.inner-banner .bannerItem .innerBannerItem img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#about.inner-page .image1 img {
  max-width: unset;
  width: 100%;
}

#about.inner-page h4 {
  color: #5e6db3;
}

#aboutGallery {
  background: #f7f7f7;
}

#aboutGallery h3 {
  font-size: 1.625em;
  margin-top: 5%;
  text-align: center;
  text-transform: uppercase;
}

#aboutGallery h2 {
  text-align: center;
  font-size: 3.125em;
  text-transform: none;
}

#aboutGallery .portfolio {
  padding-top: 60px;
}

#aboutGallery .portfolio .item-big.col {
  height: 666px;
}

#aboutGallery .portfolio .col {
  width: 33.33%;
  overflow: hidden;
  height: 333px;
}

#aboutGallery .portfolio .col a {
  display: block;
  height: 100%;
}

#aboutGallery .portfolio .col a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

#aboutGallery .portfolio .col a:hover:after {
  opacity: 1;
}

#aboutGallery .portfolio .col a:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: url(../images/search.png) no-repeat center center white;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  right: 0;
  bottom: 0;
  opacity: .5;
}

#aboutGallery .portfolio .col a img {
  width: 100%;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

#step.inner-pages {
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  margin-top: -90px;
}

#about.service {
  padding-bottom: 90px;
}

#about.service .container .row {
  padding: 50px 0;
}

#about.service .container .row:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

#about.service .container .row:nth-of-type(even) {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-flow: row-reverse wrap !important;
          flex-flow: row-reverse wrap !important;
}

#about.service .container .row:nth-of-type(even) .aboutRight {
  padding-right: 5%;
}

#about.service .aboutRight {
  padding-left: 0;
}

#about.service .aboutRight .sectionHead {
  margin-bottom: 0;
}

#about.service .header {
  margin-bottom: 60px;
}

#about.service .header h2 {
  font-size: 3.125em;
  text-align: center;
}

#about.service h3 {
  color: #282828;
  font-size: 2.25em;
  color: #282828;
  position: relative;
  left: 0;
}

#step.service {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  margin-top: 0px;
  margin-bottom: 10%;
}

#step.service:after {
  right: unset;
  left: 0;
}

#step.service .stepContainer {
  padding-left: 0;
}

#about.inner-page .container.testimonials {
  padding: 0 10%;
}

#about.inner-page .container.testimonials .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#about.inner-page .container.testimonials .row .aboutLeft {
  width: 20% !important;
}

#about.inner-page .container.testimonials .row .aboutLeft .image1 {
  background: #d9d9d9;
  padding: 25px;
  border-radius: 50%;
  overflow: hidden;
}

#about.inner-page .container.testimonials .row .aboutRight {
  width: 80% !important;
}

#about.inner-page .container.testimonials .row .aboutRight h4 {
  font-size: 2.25em;
  font-weight: 400;
  margin-bottom: 15px;
}

#contact.inner-pages .mapholder {
  transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  margin-bottom: -10%;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#contact.inner-pages .mapholder img {
  width: 100%;
}

#contact.inner-pages .formHolder {
  padding-left: 0px;
  padding-right: 0px;
}

#contact.inner-pages .formHolder .sectionHead {
  margin-bottom: 30px !important;
}

p#succ_msg_bat {
  color: #9bcd58;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid;
  padding: 12px 0;
  background: #fff;
  display: none;
}

.cal_error {
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid;
  padding: 12px 0;
  background: rgba(255, 0, 0, 0.8);
  display: none;
}

#desk-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 999999;
  visibility: hidden;
}

#desk-pop:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
  -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
}

#desk-pop .content-area {
  position: absolute;
  background: #fff;
  padding: 15px;
  top: -100%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
  -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
  width: 40%;
  text-align: center;
}

#desk-pop .content-area p {
  margin: 15px 0;
  font-size: 20px;
}

#desk-pop .content-area iframe {
  margin-top: 50px;
  margin-top: 30px;
}

#desk-pop .content-area .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000;
  opacity: .6;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
  -webkit-transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s all;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
}

#desk-pop .content-area .close i {
  font-size: 17px;
}

#desk-pop .content-area .close:hover {
  opacity: 1;
}

#desk-pop.show {
  visibility: visible;
}

#desk-pop.show:before {
  background: rgba(0, 0, 0, 0.9);
}

#desk-pop.show .content-area {
  top: 50%;
}

@media (min-width: 2561px) {
  .container {
    width: 2000px;
  }
  input[type=submit] {
    font-size: 16px;
  }
}

@media (min-width: 2101px) {
  .container {
    width: 2000px;
  }
}

@media (min-width: 1921px) {
  .container {
    width: 1500px;
  }
  #banner .bannerItem .bannerClipedImg {
    top: -4%;
  }
  .sectionPadding {
    padding-top: 124px;
    padding-bottom: 174px;
  }
}

@media (max-width: 1920px) {
  .container {
    width: 1500px;
  }
  .sectionPadding {
    padding-top: 90px;
    padding-bottom: 174px;
  }
}

@media (max-width: 1680px) {
  .container {
    width: 1315px;
  }
  #banner .bannerClipedImg {
    top: -9%;
  }
  .step .stepContainer:after {
    width: 120px;
  }
  #banner.inner-banner .bannerItem {
    max-height: 475px;
  }
  #banner.inner-banner .bannerItem .underCircle {
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
  }
  #banner.inner-banner .bannerItem .innerBannerItem {
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
  }
  #about.about.inner-page h4 {
    font-size: 17px;
  }
  .testimonials .testmonialRight .testiContent {
    width: 78%;
  }
}

@media (max-width: 1440px) {
  .container {
    width: 1170px;
  }
  header .headerLeft nav ul li a {
    padding: 40px 7px 15px 7px !important;
  }
  header .headerRight ul {
    margin-top: 22px;
  }
  #banner .bannerClipedImg {
    top: -9%;
  }
  #banner .bannerContHolder:before {
    height: 84% !important;
    left: -6% !important;
  }
  #banner.inner-banner .bannerItem {
    max-height: 375px;
  }
  #banner.inner-banner .bannerItem .underCircle {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #banner.inner-banner .bannerItem .innerBannerItem {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .testimonials .testmonialRight .testiContent {
    width: 75%;
  }
}

@media (max-width: 1366px) {
  .container {
    width: 1170px;
  }
}

@media (max-width: 1280px) {
  .container {
    width: 1170px;
  }
}

@media (max-width: 1200px) {
  .container {
    width: 940px;
  }
  header .headerRight ul li span {
    display: none;
  }
  .step .stepContainer {
    padding-right: 0px;
  }
  .services .container h3 {
    font-size: 18px;
  }
  #about.inner-page.service .aboutLeft {
    width: 50%;
  }
  #about.inner-page.service .aboutRight {
    width: 50%;
  }
  #about.inner-page.service .aboutRight h3 {
    line-height: 2.5;
  }
  #step.service .stepContainer {
    padding-right: 20px;
  }
  .testimonials .testmonialRight .testiContent {
    width: 70%;
  }
}

@media (max-width: 1160px) {
  .container {
    width: 908px;
  }
}

@media (max-width: 1080px) {
  #banner .bannerClipedImg {
    right: 0 !important;
    top: 0 !important;
  }
  .services .container .servicesContent {
    max-width: 85%;
  }
  #testimonaials .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #testimonaials .testmonialLeft {
    width: 100%;
    text-align: center;
  }
  #testimonaials .testmonialLeft .sectionHead h3 {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: unset;
    top: -40px;
  }
  #testimonaials .testmonialLeft br {
    display: none;
  }
  #testimonaials .testmonialRight {
    width: 100%;
  }
  #banner.inner-banner .bannerItem {
    max-height: 300px;
  }
  #contact .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #contact .container .mapholder {
    width: 100%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  #contact .container .mapholder iframe {
    height: 400px;
  }
  #contact .container .mapholder img {
    width: 100%;
    margin-bottom: 60px;
  }
  #contact .container .formHolder {
    width: 100%;
    text-align: center;
    padding-top: 90px;
    padding-left: 0px;
    padding-right: 0px;
  }
  #contact .container .formHolder br {
    display: none;
  }
  #contact .container .formHolder .sectionHead h3 {
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  #contact .container .formHolder form input {
    max-width: unset;
  }
  #aboutGallery {
    font-size: 10px;
  }
  #aboutGallery .portfolio .col {
    width: 50%;
    height: 256px;
  }
  #aboutGallery .portfolio .col.item-big {
    height: 512px;
  }
  #contact.inner-pages .mapholder {
    margin-bottom: 0%;
  }
  #contact.inner-pages .formHolder {
    padding-top: 0px;
  }
}

@media (max-width: 1024px) {
  .container {
    width: 800px;
  }
  header .container nav {
    position: fixed;
    background: #000000;
    right: -100%;
    width: 300px;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 999999;
    padding-left: 50px;
    padding-top: 60px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
  }
  header .container nav a.cross {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  header .container nav ul {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-flow: column wrap !important;
            flex-flow: column wrap !important;
  }
  header .container nav ul li a {
    color: #fff !important;
    padding: 15px 0 !important;
  }
  header .container nav ul li a:before {
    height: 1px !important;
    top: unset !important;
    bottom: 0 !important;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    width: 0 !important;
  }
  header .container nav ul li a:hover {
    color: #9bcd58 !important;
  }
  header .container nav ul li a:hover:before {
    width: 100% !important;
  }
  header .container nav ul li.active a {
    color: #9bcd58 !important;
  }
  header .container nav ul li.active a:before {
    width: 100% !important;
  }
  header .container nav.open {
    right: 0 !important;
  }
  header .container .headerRight ul {
    margin-top: 10px;
  }
  header .container .headerRight ul li.mobile {
    display: block;
  }
  header .container .headerRight ul li.desk {
    display: none;
  }
  header .container .hamburger {
    display: block !important;
  }
  header.fadeSticky .hamburger {
    top: 50%;
  }
  .step .container .stepContainer {
    padding: 32px 95px;
    padding-right: 0;
  }
  .step .container .stepContainer:after {
    left: 52%;
  }
  .step .container .stepContainer h2 {
    width: 50%;
  }
  #about .container .image2 {
    bottom: unset;
    right: -32px;
    top: 20%;
  }
  .sectionPadding {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #contact .container .formHolder {
    padding-left: 0;
    padding-right: 0;
  }
  .backtotop {
    right: 2%;
  }
}

@media (max-width: 991px) {
  .container {
    width: 90%;
  }
  header .container {
    padding: 10px 0;
  }
  header .container .hamburger {
    right: 5px;
  }
  #banner .bannerItem .bannerClipedImg {
    top: 50% !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  #banner.inner-banner .bannerItem .underCircle {
    width: 60%;
  }
  #banner.inner-banner .bannerItem .innerBannerItem {
    width: 75%;
  }
  #about.inner-page.service .container .row {
    padding: 10px 0;
  }
  #about.inner-page.service .container .row .aboutLeft {
    width: 100%;
  }
  #about.inner-page.service .container .row .aboutLeft .image1 {
    max-width: 100%;
  }
  #about.inner-page.service .container .row .aboutRight {
    width: 100%;
    margin-top: 40px;
  }
  #about.inner-page .container.testimonials {
    padding: 0;
  }
  #about.inner-page .container.testimonials .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #about.inner-page .container.testimonials .row .aboutLeft {
    width: 50% !important;
  }
  #about.inner-page .container.testimonials .row .aboutRight {
    width: 100% !important;
    text-align: center;
    margin-top: 0;
  }
}

@media (max-width: 800px) {
  #banner {
    height: auto;
  }
  #banner .bannerItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
            flex-flow: column-reverse wrap;
  }
  #banner .bannerItem .bannerContent {
    position: relative;
  }
  #banner .bannerItem .bannerContent .container p {
    padding-right: 0;
  }
  #banner .bannerItem .bannerContent .container .bannerContHolder {
    max-width: 100%;
    margin-top: 0%;
    text-align: center;
  }
  #banner .bannerItem .bannerContent .container .bannerContHolder:before {
    background-position: center center;
    left: 0% !important;
    width: 100%;
  }
  #banner .bannerItem .bannerClipedImg {
    margin: 0 auto;
    position: relative;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
  header {
    padding: 15px 0;
  }
  header .container .headerRight {
    padding-right: 15px;
  }
  #about.about .container .aboutLeft {
    width: 100%;
  }
  #about.about .container .aboutLeft .image2 {
    right: 0;
    top: 35%;
  }
  #about.about .container .aboutRight {
    width: 100%;
    padding-top: 120px;
  }
  #step-3 {
    margin-top: -10%;
  }
  #contact .container .formHolder {
    margin-bottom: 40px;
  }
  #banner.inner-banner .bannerItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
  }
  #about.about.inner-page .aboutLeft .image1 {
    max-width: 100%;
  }
  #about.about.inner-page .aboutRight .sectionHead h2 {
    font-size: 22px;
  }
  #about.about.inner-page .aboutRight .sectionHead h2 br {
    display: none;
  }
}

@media (max-width: 768px) {
  .container {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .container {
    width: 90%;
  }
  .step .container .stepContainer {
    padding-left: 40px;
  }
  .step .container .stepContainer:after {
    width: 86px;
    left: 45%;
  }
  #about.about .container .aboutLeft .image2 {
    right: 0;
    top: 20%;
  }
  #step-2 .container .stepContainer {
    padding-right: 40px;
  }
  #step-2 .container .stepContainer h2 {
    width: 100%;
    margin-bottom: 0px;
  }
  footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .container div {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  footer .container div p br {
    display: none;
  }
  #banner.inner-banner .bannerItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse wrap;
            flex-flow: column-reverse wrap;
    max-height: unset;
    width: 100%;
  }
  #banner.inner-banner .bannerItem .content {
    width: 100%;
  }
  #banner.inner-banner .bannerItem .underCircle {
    width: 75%;
    right: unset;
    left: 50%;
    transform: translate(-50%, -18%);
    -webkit-transform: translate(-50%, -18%);
  }
  #banner.inner-banner .bannerItem .innerBannerItem {
    margin: 0 auto;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  #banner.inner-banner .bannerItem .innerBannerItem:after {
    background: rgba(255, 255, 255, 0.6);
  }
  #step-3 .stepContainer ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #step-3 .stepContainer ul .iconImg {
    margin-right: 0;
  }
  #step-3 .stepContainer ul .iconCon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  #step-3 .stepContainer ul li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
  }
  #step-3 .stepContainer ul li:first-child {
    margin-right: 0;
  }
  #contact.contact-page {
    margin-top: 50px;
  }
  .testimonialItem {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .testimonialItem .author {
    margin: 15px auto !important;
    margin-right: auto !important;
  }
  .testimonialItem .testiContent {
    width: 100% !important;
    text-align: center;
  }
  .testimonialItem .testiContent p {
    padding: 0 5%;
  }
  .testimonialItem .testiContent:before {
    left: 0 !important;
  }
  .sectionHead h2 {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  .step .container .stepContainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .step .container .stepContainer h2 {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .step .container .stepContainer:after {
    display: none;
  }
  #step-3 .stepContainer ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #step-3 .stepContainer ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  #step-3 .stepContainer ul li p br {
    display: none;
  }
  #step-3 .stepContainer ul li:first-child {
    margin-right: 0px;
  }
  #aboutGallery .portfolio .col {
    width: 100%;
    height: auto;
  }
  #aboutGallery .portfolio .col.item-big {
    height: auto;
  }
  #aboutGallery h3 {
    margin-top: 14%;
  }
}

@media (max-width: 580px) {
  #banner .bannerItem .bannerClipedImg {
    margin-top: 16%;
  }
  header .container .headerRight {
    padding-right: 25px;
  }
  header .container .headerRight ul a:not(.btn) {
    padding: 0 !important;
  }
  .about .aboutLeft .image1 {
    display: none;
  }
  .about .aboutLeft .image2 {
    position: relative;
    width: 100% !important;
    max-width: unset;
    top: 0 !important;
  }
  .about .aboutLeft .image2 img {
    width: 100% !important;
  }
  .about .aboutRight {
    padding-top: 80px;
  }
  .sectionHead h3 {
    left: 0;
  }
  #about.about .container .aboutRight {
    padding-top: 60px;
    padding-left: 0;
  }
  .sectionHead h3 {
    position: relative;
    line-height: 60px;
    margin-top: -12%;
  }
  #contact .container .formHolder .sectionHead h3 {
    top: 12px;
  }
  #testimonaials .testmonialLeft .sectionHead h3 {
    top: 12px;
  }
  #banner.inner-banner .bannerItem .underCircle {
    transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
  }
  #step.service .stepContainer {
    padding-right: 50px;
  }
  #about.inner-page .image1 {
    display: block;
  }
}

@media (max-width: 480px) {
  header .container .headerRight {
    padding-right: 25px;
  }
  header .container .headerRight ul li:nth-of-type(1), header .container .headerRight ul li:nth-of-type(2) {
    display: none;
  }
  .services .container .servicesContent .swrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services .container .servicesContent .swrap .serviceItem {
    width: 100%;
    margin-bottom: 20px;
  }
  .contactUsSection .formHolder form input {
    width: 100%;
  }
  #banner.inner-banner .bannerItem .underCircle {
    transform: translate(-50%, -23%);
    -webkit-transform: translate(-50%, -23%);
  }
  #contact.inner-pages .formHolder {
    padding-top: 0;
  }
  #about.inner-page .container.testimonials .row .aboutLeft {
    width: 65% !important;
  }
  #about.service .header h2 {
    padding: 0 15px;
  }
  #about.inner-page .container.testimonials .row .aboutRight h4 {
    font-size: 17px;
  }
}

@media (max-width: 390px) {
  header .container .hamburger {
    right: 15px;
    top: 50%;
  }
  header .container .headerRight {
    padding-right: 25px;
  }
  header .container .headerRight ul {
    display: none;
  }
  .sectionHead h3 {
    margin-top: -20% !important;
  }
  .step .stepContainer {
    border-radius: 0px 0px;
  }
  .step:after {
    display: none;
  }
  #step-3 .stepContainer {
    padding: 25px !important;
  }
  #step-3 .stepContainer ul li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #step-3 .stepContainer ul li .iconImg {
    margin: 15px auto !important;
  }
  #step-3 .stepContainer ul li .iconCon {
    width: 100%;
  }
  #step-3 .stepContainer ul li .iconCon p {
    text-align: center;
  }
  #about.about.inner-page .aboutRight .sectionHead h3 {
    margin-top: -30% !important;
  }
  .sectionPadding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #aboutGallery {
    padding-top: 90px;
  }
  #step .stepContainer {
    padding: 30px !important;
    padding-left: 30px !important;
  }
  #step-2 {
    margin-top: -32px;
  }
  #step-2 .container .stepContainer h2 {
    margin-bottom: 0;
  }
  .btn {
    font-size: 15px;
  }
  .sectionHead h2 {
    font-size: 20px;
  }
  #services.sectionPadding {
    padding-top: 90px;
  }
}

@media (max-width: 360px) {
  #banner.inner-banner .bannerItem .underCircle {
    transform: translate(-50%, -25%);
    -webkit-transform: translate(-50%, -25%);
  }
}
/*# sourceMappingURL=main.css.map */