body {
  margin: 0px;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}

#winter-snow {
  background-color: transparent;
  background-image: url(../images/winter-snow1.png),
    url(../images/winter-snow2.png);
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
  z-index: 999;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin-top: 0;
  pointer-events: none;
  position: fixed;
  opacity: 0.8;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

a:hover {
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
}

a {
  text-decoration: none;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: none;
}

.sticky-header {
  background: #ef672f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 15px;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .sticky-header {
    flex-direction: row;
  }
}
@media (max-width: 1440px) {
  .sticky-header-left {
    width: 100%;
  }
  .sticky-header-left .sticky-title-text {
      justify-content: center;
  }
}
@media (max-width: 768px) {
  .sticky-header-left {
    display: none !important;
  }
}

.sticky-header-left .sticky-title {
  margin: 0px;
  line-height: 41px;
  width: 130px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background-position: 9px 9px;
  float: left;
  background: #0985f8;
  font-size: 14px;
}

.next-sticky-title {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  text-decoration: none;
  font-size: 28px;
  float: left;
  width: 45px;
  height: 40px;
  text-align: center;
}

.next-sticky-title i {
  line-height: 40px;
  padding-left: 10px;
}

.next-sticky-title:after {
  content: "";
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid rgba(255, 255, 255, 0.15);
  position: relative;
  right: -12px;
  float: right;
  top: 8px;
}

.sticky-header-left .sticky-title-text {
  color: #fff;
  line-height: 36px;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.gift-img-area {
  float: left;
  width: 40px;
  height: 36px;
  background: rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  text-align: center;
  padding: 5px 0;
  position: relative;
  margin-right: 10px;
}

.inner-pages-sprite {
  background-image: url(../images/inner-pages-sprite.png);
  background-repeat: no-repeat;
  display: block;
}

.sprite-hand-shake-icon {
  width: 16px;
  height: 17px;
  background-position: -315px -5px;
  margin: 5px auto;
}

.sprite-header-gift-icon {
  width: 16px;
  height: 16px;
  background-position: -341px -5px;
  margin: 5px auto;
}

.home-sprite2 {
  background-image: url(../images/home-sprite2.png);
  background-repeat: no-repeat;
  display: block;
}

.sticky-title-text a:hover {
  color: #fff !important;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);
}

.sticky-header-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sticky-header-right a,
.sticky-header-right .authorization-link {
  line-height: 36px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.sticky-header-right a:not(:first-child),
.sticky-header-right .authorization-link {
  padding-left: 15px;
}
.sticky-header-right a i {
  font-size: 13px;
}

a.mes-offers i {
  font-size: 15px;
}

a.mes-offers:hover i {
  color: #fff;
}

.sticky-header-right .authorization-link a {
  padding-left: 0px;
}

.header-heighlight-text {
  background: #0985f8;
  padding: 1px 10px;
  border-radius: 30px;
  color: #fff;
}

.header-heighlight-text:hover {
  background-color: #ef6134;
}

.sticky-header-right ul {
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px;
}

.sticky-header-right ul li {
  display: inline-block;
  font-size: 14px;
  padding: 10px 8px 8px;
}

.sticky-header-right ul li.authorization-link {
  font-size: 12px !important;
  font-weight: 600;
  padding: 10px 0 10px 8px !important;
  text-transform: uppercase;
}

.sticky-header-right ul li a,
.sticky-header-right ul li span {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.sticky-header-right ul li a i {
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  margin-right: 4px;
  font-size: 14px;
}

.main-header {
  background: #162d45;
  float: left;
  width: 100%;
}

.logo {
  float: left;
  width: 18%;
  text-align: center;
  padding: 15px 0px;
  margin-left: 15px;
}

.nav-menu {
  width: 80%;
  float: right;
  text-align: right;
}

.nav-menu ul li {
  display: inline-block;
  padding: 12px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 25px;
}

.nav-menu ul li:hover {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.nav-menu ul li a i {
  font-size: 14px;
}

.nav-menu ul li a span {
  background: #188689;
  right: 8px;
  height: 20px;
  width: 20px;
  position: relative;
  top: -9px;
  border-radius: 50%;
  float: right;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid #162d45;
}

#slider {
  float: left;
  width: 100%;
  position: relative;
}

.main-slider {
  float: left;
  width: 100%;
}

.main-slider img {
  width: 100%;
}

.main-slider h2 a {
  position: absolute;
  top: 35%;
  text-align: center;
  float: left;
  width: 100%;
  color: #b6bbc1;
  font-size: 65px;
  text-transform: uppercase;
}

.main-slider h2 a:hover {
  color: #fff;
  text-shadow: 0px 0px 4px #fff;
}

.support {
  background: url(../images/slider-support-bg.png) no-repeat right bottom;
  color: #fff;
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 100px;
  height: 115px;
  font-weight: 600;
  background-size: 100% 100%;
  padding-left: 43px;
}

.support img {
  margin-top: 60px;
}

.support span {
  text-align: center;
  width: 83%;
  float: right;
}

#footer {
  background: #162d45;
  float: left;
  width: 100%;
}

.main-footer {
  width: 100%;
  float: left;
  background: #162d45;
}

.quick-links-area {
  float: left;
  width: 100%;
  background: #162d45;
  padding: 60px 0px;
}

.quick-links-area .container {
  padding: 0;
}

.quick-links {
  float: left;
  width: 100%;
}

.quick-links li:last-child {
  margin-right: 0px;
}

.quick-links li:first-child {
  margin-left: 0px;
}

.quick-links li {
  display: inline-table;
  text-align: left;
  width: 24%;
  margin: 0px 6px;
  padding-right: 10px;
}

.quick-links li h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 20px;
}

.quick-links li a {
  color: #c2c2c2;
}

.quick-links li a:hover {
  color: #fff;
  text-decoration: none;
}

.footer {
  width: 1200px;
  margin: 0px auto;
}

.footer-box {
  width: 380px;
  float: left;
  margin-right: 10px;
  padding: 25px 0px;
}

.footer-box h2 {
  color: #c2c2c2;
  font-size: 28px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.footer-box h2:after {
  border-bottom: 3px solid #188689;
  content: "";
  width: 150px;
  display: block;
  height: 11px;
}

.footer-box img {
  float: left;
  margin-right: 20px;
}

.footer-box address {
  float: left;
  color: #c2c2c2;
  font-style: normal;
  line-height: 24px;
}

.mcs-social {
  float: left;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #2e4258;
  margin-top: 27px;
}

.mcs-social li {
  display: inline-block;
}

.mcs-facebook a {
  background: url(../images/social-icon.png) no-repeat;
  height: 40px;
  width: 40px;
  float: left;
  position: relative;
}

.mcs-facebook a:hover {
  background: url(../images/social-icon-hover.png) no-repeat;
}

.mcs-googleplus a:hover {
  background: url(../images/social-icon-hover.png) no-repeat;
  background-position: -45px 0px;
}

.mcs-twitter a:hover {
  background: url(../images/social-icon-hover.png) no-repeat;
  background-position: -135px 0px;
}

.mcs-insta a:hover {
  background: url(../images/social-icon-hover.png) no-repeat;
  background-position: -180px 0px;
}

.mcs-googleplus a {
  background: url(../images/social-icon.png) no-repeat;
  height: 40px;
  width: 40px;
  float: left;
  position: relative;
  background-position: -45px 0px;
}

.mcs-twitter a {
  background: url(../images/social-icon.png) no-repeat;
  height: 40px;
  width: 40px;
  float: left;
  position: relative;
  background-position: -135px 0px;
}

.mcs-insta a {
  background: url(../images/social-icon.png) no-repeat;
  height: 40px;
  width: 40px;
  float: left;
  position: relative;
  background-position: -180px 0px;
}

#footer-box1 {
  width: 66%;
}

.footer-box1-left {
  float: left;
  width: 42%;
}

.footer-box1-right {
  float: right;
  width: 44%;
  margin-right: 44px;
}

.mcs-address li i {
  font-size: 28px;
  text-align: center;
  width: 30px;
}

.mcs-address li {
  border-bottom: 1px solid #2e4258;
  padding: 10px 0px;
}

.mcs-address li a {
  color: #c2c2c2;
  font-style: normal;
  line-height: 24px;
  font-size: 18px;
}

.certificates-and-partners {
  margin-top: 15px;
}

.footer-menu {
  float: left;
  width: 100%;
  margin: 15px 0px;
  border-top: 1px solid #2e4258;
  padding-top: 20px;
}

.footer-menu ul li {
  display: inline-table;
  text-align: center;
  padding: 0px 47px;
}

.footer-menu li a {
  color: #c2c2c2;
}

.container {
  width: 1200px;
  margin: 0px auto;
}

.wrapper {
  float: left;
  width: 100%;
}

.title:after {
  content: "";
}

.title-p {
  font-size: 18px;
  text-align: center;
  color: #333;
}

.section-one-left h2 {
  color: #162d45;
  font-size: 29px;
  margin: 5px 0px;
  font-weight: 600;
}

.section-one {
  float: left;
  width: 100%;
  clear: both;
}

.section-one-left {
  float: left;
  width: 61%;
}

.section-one-right {
  float: right;
  width: 38%;
  text-align: center;
}

.section-one-left ul li {
  position: relative;
  padding-left: 40px;
  line-height: 29px;
  margin-bottom: 16px;
  counter-increment: step-counter;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
}

.section-one-left ul li:before {
  content: counter(step-counter, decimal-leading-zero);
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  color: #bdbdbd;
  width: 45px;
  font-size: 22px;
  cursor: default;
}

.section-one-list-left {
  width: 47%;
  float: left;
  margin-top: 22px;
  position: relative;
}

.section-one-list-left:before {
  content: "";
  background: url(../images/section-one-border.png) no-repeat center center;
  display: inline-block;
  clear: both;
  width: 34px;
  height: 123px;
  position: absolute;
  right: 32px;
  top: -7px;
}

.section-one-list-right {
  float: left;
  width: 45%;
  text-align: center;
}

.section-one-list-right h1 {
  margin: 0px;
  font-size: 41px;
  color: #333333;
  line-height: 45px;
}

section a:hover {
  text-shadow: none;
  color: #162d45;
}

.wrapper.gray-round-bg {
  position: relative;
  background: #f1f1f1;
  float: left;
  width: 100%;
  margin-top: 55px;
}

.wrapper.gray-round-bg:before {
  content: "";
  background: url(../images/gray-round-bg.png) no-repeat center center;
  width: 100%;
  display: inline-block;
  clear: both;
  position: absolute;
  top: -30px;
  height: 35px;
}

.section-two {
  float: left;
  width: 1200px;
  padding-top: 40px;
}

.section-two-left {
  width: 30%;
  float: left;
}

.section-two-right {
  background: url(../images/section-two-bg.jpg) no-repeat center center;
  float: right;
  width: 69%;
  text-align: center;
  padding-top: 25px;
  position: relative;
  background-size: 90% 110%;
}

.section-two-right p {
  font-size: 22px;
  color: #35495f;
  font-weight: 600;
}

.section-two-right p a {
  color: #35495f;
}

.section-two-right p a:hover {
  text-shadow: none;
  color: #168587;
}

.section-two-right span {
  display: block;
  color: #168587;
}

.section-two-right button {
  background: transparent;
  border: 1px solid #b9bcc1;
  padding: 10px 15px;
  font-size: 19px;
  cursor: pointer;
  text-transform: capitalize;
  margin-right: 5px;
  color: #152d45;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.section-two-right button:hover {
  color: #fff;
  background: #162d45;
}

.wrapper.home-icon-bg {
  width: 100%;
  float: left;
  background: url(../images/icon-bg.png) top center;
  padding-bottom: 50px;
}

.home-service-box {
  float: left;
  width: 31.5%;
  text-align: center;
  background: #f1f1f1;
  padding: 30px 20px 10px 20px;
  box-shadow: 0px 0px 4px #ccc;
  margin: 15px 25px 15px 0px;
}

.home-service-box:last-child {
  margin-right: 0px;
}

.home-service-box-img:before {
  content: "";
  width: 160px;
  height: 156px;
  display: inline-block;
  clear: both;
  border: 3px solid #fff;
  position: absolute;
  border-radius: 100%;
  left: -12px;
  top: -12px;
}

.home-service-box-img {
  background-color: #fff;
  border-radius: 100px;
  width: 142px;
  margin: 0px auto;
  height: 138px;
  position: relative;
}

.home-service-box-img img {
  padding: 25px;
  position: relative;
  top: 12px;
}

.home-service-box h3 {
  font-size: 30px;
  color: #172d45;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.home-service-box h3:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: 3px solid #0985f8;
  width: 150px;
  height: 11px;
  margin: 0px auto;
}

.home-service-box P {
  text-align: justify;
  color: #333;
  font-size: 15px;
}

.home-service-box a {
  float: right;
  color: #162d45;
  font-weight: 600;
  margin: 0p;
}

.home-service-box:hover {
  cursor: pointer;
  background: #2f8b8d;
  box-shadow: 0px 0px 8px #909090;
  transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  color: #fff;
}

.home-service-box:hover p,
.home-service-box:hover a,
.home-service-box:hover h3 {
  color: #fff;
}

.home-service-box:hover h3:after {
  border-bottom: 3px solid #fff;
}

.home-services img {
  width: 260px;
}

.wrapper.home-testimonial-bg {
  background: url(../images/testimonial-bg.jpg) no-repeat fixed;
  background-size: cover;
}

.home-testimonial-main-left {
  width: 34%;
  float: left;
  padding: 30px;
}

.home-testimonial-main-right {
  width: 66%;
  background-color: rgba(255, 255, 255, 0.09);
  float: right;
  padding: 30px;
  text-align: center;
}

.home-testimonial-main-right h1 {
  color: #fff;
  text-transform: capitalize;
  text-shadow: 2px 2px 5px #000;
  line-height: 40px;
  padding-bottom: 40px;
  width: 86%;
  margin: 0px auto;
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 400;
  font-style: italic;
}

.home-testimonial-main-right img {
  width: 70%;
  opacity: 0.7;
}

.home-testimonial-icon {
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin: 0px auto;
  font-size: 32px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.home-testimonial-icon i {
  line-height: 52px;
}

.wrapper.home-featured-bg {
  background: #162d45;
}

.main-featured {
  width: 34%;
  float: left;
  padding: 30px;
  background: url(../images/featured-bg.jpg);
  text-align: center;
}

.main-featured h3 {
  color: #fff;
  margin: 5px 0px;
  text-transform: uppercase;
  font-size: 28px;
}

.main-featured ul li {
  display: inline-block;
  width: 144px;
  height: 47px;
  margin: 5px 15px;
  text-align: center;
}

.main-featured ul {
  margin-top: 20px;
}

.main-featured ul li img {
  width: 150px;
  height: 35px;
}

.main-progress {
  float: right;
  width: 66%;
  padding: 10px;
  color: #fff;
}

.mconnect-slider {
  float: left;
  width: 100%;
  padding: 80px 0px;
  background-color: rgb(245, 245, 245);
}

.slider-content {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  word-spacing: -2px;
  letter-spacing: -2px;
  float: left;
  width: 100%;
}

.slider-content li {
  display: inline-block;
  word-spacing: normal;
  letter-spacing: normal;
  position: relative;
  width: 100%;
}

.slider-content li:before {
  content: "";
  width: 102%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.slider-content li:hover:before {
  opacity: 1;
}

.slider-content li .mcs-btn-2 {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  width: 200px;
  margin: 0 auto;
  top: 45%;
  z-index: 9;
  visibility: hidden;
}

.slider-content li:hover .mcs-btn-2 {
  display: block;
  visibility: visible;
}

.slider-content li img {
  float: left;
  width: 100%;
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.slider-content li:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

@keyframes slider {

  0%,
  17% {
    margin-left: 0;
  }

  19%,
  36% {
    margin-left: -100%;
  }

  38%,
  55% {
    margin-left: -200%;
  }

  57%,
  74% {
    margin-left: -300%;
  }

  76%,
  94% {
    margin-left: -400%;
  }

  95% {
    margin-left: -300%;
  }

  96% {
    margin-left: -200%;
  }

  97% {
    margin-left: -100%;
  }

  98%,
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes slider {

  0%,
  17% {
    margin-left: 0;
  }

  19%,
  36% {
    margin-left: -100%;
  }

  38%,
  55% {
    margin-left: -200%;
  }

  57%,
  74% {
    margin-left: -300%;
  }

  76%,
  94% {
    margin-left: -400%;
  }

  95% {
    margin-left: -300%;
  }

  96% {
    margin-left: -200%;
  }

  97% {
    margin-left: -100%;
  }

  98%,
  100% {
    margin-left: 0;
  }
}

.slider-content li:first-child {
  -webkit-animation: slider 20s ease-out infinite;
  animation: slider 20s ease-out infinite;
}

.main-slider-text {
  float: left;
  width: 40%;
}

.slider-img {
  float: right;
  width: 60%;
  padding-left: 40px;
}

.slider-img-list {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.slider-img-list li {
  position: relative;
  display: inline-block;
  width: 32%;
}

.slider-img-list li img {
  padding: 2.5px 3px;
}

figure.effect-bubba:hover figcaption:before,
figure.effect-bubba:hover figcaption:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.grid figure {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  opacity: 1;
  width: 100%;
  padding: 0;
}

.grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure figcaption,
.grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: none;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-bubba figcaption:after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.effect-bubba figcaption:before,
figure.effect-bubba figcaption:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption:before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

figure.effect-bubba p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
  position: absolute;
  top: 50%;
  color: #fff;
  left: 0;
  right: 0;
  margin: 0;
}

.main-slider-text h2 {
  font-size: 4em;
  color: #0382f8;
  margin-top: 0px;
  margin-bottom: 30px;
  font-weight: 900;
}

.main-slider-text h2 span {
  display: block;
  color: #0382f8;
}

.slider-title-top {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.27;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}

.slider-title-top h4 {
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.27;
  margin: 0px;
  color: #0382f8;
}

.slider-title-top:after {
  margin-left: 10px;
  border: 1px solid #0382f8;
  content: "";
  clear: both;
  flex-grow: 1;
  align-self: center;
}

.slider-service {
  float: left;
  width: 100%;
  margin: 15px 0px 0px 0px;
}

.slider-service-right {
  float: right;
  width: 100%;
  padding-left: 105px;
}

.slider-service-right.ne-icon01 {
  position: relative;
}

.slider-service-right.ne-icon01:before {
  content: "";
  left: 0;
  background-image: url(../images/home-sprite2.png);
  position: absolute;
  width: 79px;
  height: 65px;
  background-position: -199px -5px;
}

.slider-service-right.ne-icon02 {
  position: relative;
}

.slider-service-right.ne-icon02:before {
  content: "";
  left: 0;
  background-image: url(../images/home-sprite2.png);
  position: absolute;
  width: 79px;
  height: 65px;
  background-position: -93px -147px;
}

.slider-service-right h3 {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #0985f8;
  font-weight: 600;
}

.slider-service-right a:hover {
  color: #fff;
}

.main-slider-btn a {
  background-color: #132c45;
  border: 2px solid #132c45;
  margin-right: 1.2em;
  font-size: 18px;
  padding: 0.8em 1.5em;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  float: left;
}

.main-slider-btn a:nth-child(2n) {
  background-color: #0985f8;
  border: 2px solid #0985f8;
}

.main-slider-btn a:hover {
  background-color: transparent;
  text-shadow: none;
  color: #fff;
  text-decoration: none;
}

.main-slider-btn {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.my-logo img {
  width: auto;
}

.home-services {
  width: 44%;
  float: left;
  margin: 30px;
  text-align: center;
}

.home-services:nth-child(2n) {
  float: right;
}

.home-services h3 {
  font-size: 33px;
  color: #172d45;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.home-services h3:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: 3px solid #0985f8;
  width: 150px;
  height: 10px;
  margin: 0px auto;
}

.home-services p {
  text-align: justify;
  color: #333;
}

.wrapper.newsletter-bg {
  float: left;
  width: 100%;
  background: #1d4064 url(../images/newsletter-bg.png) no-repeat top center;
}

.wrapper.newsletter-bg h1,
.wrapper.newsletter-bg p {
  color: #fff;
}

.section-item-title.nav-sections-item-title.active,
.section-item-title.nav-sections-item-title {
  display: none;
}

.nav-menu ul li:last-child {
  float: right;
}

.sections.nav-sections {
  display: none;
}

.cbp-hropen {
  background: #188689;
}

.my-cart .minicart-wrapper {
  position: absolute;
  right: 0px;
  top: 26px;
}

.nav-menu ul li:last-child .minicart-wrapper {
  display: block !important;
}

.actions button.subscribe.primary {
  margin-top: 15px;
}

.wrapper.main-inner-static-image {
  height: 550px;
  background: url(../images/inner-slider-bg.jpg) no-repeat left top;
  background-size: cover;
}

.inner-static-image {
  width: 1200px;
  margin: 0px auto;
  text-align: center;
}

.inner-static-image h1 {
  color: #fff;
  font-size: 34px;
  margin: 10px 0px;
  line-height: 32px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.inner-static-image p {
  color: #fff;
  font-size: 18px;
  margin: 10px 0px 20px 0px;
}

.inner-static-image img {
  margin-top: 20px;
}

.main-inner-sldier-strip {
  background: #162d45;
  float: left;
  width: 100%;
  padding: 12px 0px 30px 0px;
  position: relative;
}

.inner-sldier-strip-left {
  width: 48%;
  float: left;
}

.inner-sldier-strip-left p,
.inner-sldier-strip-right p {
  float: left;
  color: #8b96a2;
  margin: 0px;
  text-align: right;
  font-size: 20px;
}

.inner-sldier-strip-right {
  width: 48%;
  float: right;
}

.btn {
  border: 1px solid #8b96a2;
  padding: 10px 20px;
  margin-left: 10px;
  color: #8b96a2;
}

.inner-sldier-strip-left:after {
  content: "";
  background: url(../images/strip-saprater.png) no-repeat center center;
  display: inline-block;
  clear: both;
  width: 122px;
  height: 70px;
  position: absolute;
  left: 45%;
  z-index: 1;
  top: 13px;
}

div.contain-img {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.contain-img-left {
  width: 60%;
  float: left;
}

.contain-img-right {
  width: 39.5%;
  float: right;
  text-align: center;
  padding-top: 20px;
}

.contain-img-left h2 {
  font-size: 32px;
  font-weight: 600;
}

.contain-img-left h2:after {
  border-bottom: 3px solid #188689;
  content: "";
  width: 150px;
  display: block;
  height: 6px;
}

.inner-title {
  text-align: center;
  width: 100%;
  float: left;
  margin: 20px 0px;
}

.inner-title h1 span,
.contain-img-left span {
  color: #188689;
}

.clear {
  clear: both;
}

.main-philosophy {
  width: 100%;
  float: left;
  background: #162d45 url(../images/inner-icon-bg.png);
  text-align: center;
  position: relative;
  padding-bottom: 42px;
}

.main-philosophy:before {
  content: "";
  background: url(../images/inner-bg-icon.png) no-repeat top center;
  background-position: 0px 0px;
  position: absolute;
  top: -21px;
  width: 42px;
  height: 42px;
}

.main-philosophy:after {
  content: "";
  background: url(../images/inner-bg-icon.png) no-repeat top center;
  background-position: 0px -43px;
  position: absolute;
  width: 42px;
  height: 42px;
  bottom: -20px;
  left: 50%;
}

.main-philosophy h1 {
  color: #fff;
  font-weight: 400;
  font-size: 38px;
  padding-bottom: 20px;
}

.philosophy-btn {
  border: 1px solid #8b96a2;
  color: #8b96a2;
  font-size: 20px;
  padding: 10px 45px;
  margin-right: 15px;
}

.main-inner-services-box {
  width: 1200px;
  margin: 0px auto;
  padding: 15px 0px;
  clear: both;
}

.inner-title h1 {
  font-size: 42px;
  font-weight: 400;
}

.inner-services-col-3 {
  float: left;
  width: 31%;
  margin: 25px 40px 25px 0px;
  text-align: center;
}

.inner-services-col-3:nth-child(3n) {
  margin-right: 0px;
  float: right;
}

.inner-services-col-3 h3 {
  font-size: 22px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}

.inner-services-col-3 h3:after,
.inner-services-title:after {
  content: "";
  border-bottom: 4px solid #188689;
  display: block;
  clear: both;
  width: 150px;
  height: 10px;
  margin: 0px auto;
}

.inner-services-col-3 p {
  text-align: left;
  font-size: 15px;
  line-height: 26px;
}

.inner-services-title {
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.inner-services-col-2 p {
  text-align: justify;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

.inner-services-col-2 {
  float: left;
  width: 43%;
  margin: 0px 40px;
}

.contain-left-img {
  width: 39.5%;
  float: left;
  text-align: center;
  padding-top: 20px;
}

.contain-right-img {
  float: right;
  width: 60%;
}

.hr {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
}

.cbp-hrmenu ul {
  float: right;
  margin-right: 50px;
}

.mcs-support-title {
  background: #162d45;
  padding: 1px 0px;
}

.mcs-support-title h2 {
  text-shadow: 0 -1px #000;
  margin-bottom: 10px;
  font-size: 28px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.mcs-support-title p {
  text-align: center;
  color: #fff;
  font-size: 14px;
}

#mcs-support-form-main {
  margin: 15px 0px;
  float: left;
  width: 100%;
}

.main-support-form input {
  height: 36px;
  margin-right: 10px;
  width: 23.5%;
}

.main-support-form {
  padding: 10px 5px 10px 15px;
  float: left;
  width: 100%;
  background: #f1f1f1;
}

.sub-support-form {
  float: left;
  width: 100%;
}

.sub-support-form-left {
  float: left;
  width: 50%;
}

.sub-support-form-right {
  float: right;
  width: 50%;
}

.sub-support-form-right textarea {
  width: 96%;
  height: 93px;
}

.sub-support-form-left input {
  margin-bottom: 16px;
  width: 47%;
}

#submit_button {
  float: right;
  margin: 15px 10px 15px 0px;
  background: #172d45;
  color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  height: 50px;
  width: 150px;
}

.mcs-support-submit {
  width: 100%;
  float: left;
}

p.checkbox-contain,
.checkbox-contain {
  color: #333 !important;
  width: 68%;
  float: left;
  line-height: 38px;
  font-weight: 400;
}

.checkbox-contain input {
  float: left;
  margin-right: 15px;
  width: auto;
}

.support-social {
  background: #0985f8;
  float: left;
  width: 100%;
  padding: 10px 10px 3px 10px;
}

.support-social .mcs-social {
  border-top: 0px;
  margin-top: 0px;
  float: right;
  width: auto;
  padding-top: 0px;
}

.support-social span {
  float: left;
  width: 76%;
  text-align: right;
  line-height: 20px;
  color: #fff;
}

button.action-close:hover {
  color: #168587;
}

input#submit_button:hover {
  background: #168587;
}

.page-products .page-main {
  float: left;
}

.page-products.catalog-category-view .page-main {
  padding-top: 40px;
}

.main-progress ul {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.main-progress ul li {
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 24%;
}

.main-progress ul li h1 {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 65px;
}

.main-progress ul li span {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 1.8px;
  font-style: italic;
  color: #c2c2c2;
}

.main-contact-popup .close {
  position: absolute;
  top: 0px;
  right: 5px;
  transition: all 200ms;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
  color: #188689;
  background: url(close-bg.png) no-repeat right top;
  width: 45px;
  height: 50px;
  text-align: center;
}

.main-contact-popup .close:hover {
  color: #fff;
}

.cms-home.cms-index-index.page-layout-1column {
  background: #fff;
}

#responce_contact_form {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #0985f8;
}

#responce_contact_form_error {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #0985f8;
}

.mcs-support-form {
  background: #f1f1f1;
  float: left;
  width: 100%;
}

.block.newsletter .action.subscribe:hover {
  border: 1px solid #efefef;
  background-color: transparent;
}

.home-testimonial-main-left {
  color: #c2c2c2;
}

.main-footer-support {
  background: #135c5e url(../images/inner-icon-bg.png);
  width: 100%;
  float: left;
  position: relative;
}

.main-footer-support:before {
  content: "";
  background: url(../images/support-bg-icon.png) no-repeat top center;
  background-position: 0px 0px;
  position: absolute;
  top: -21px;
  width: 42px;
  height: 42px;
  left: 50%;
}

.main-footer-support:after {
  content: "";
  background: url(../images/support-bg-icon.png) no-repeat top center;
  background-position: 0px -43px;
  position: absolute;
  width: 42px;
  height: 42px;
  bottom: -20px;
  left: 50%;
}

.footer-support-left {
  float: left;
  width: 44%;
}

.footer-support-right {
  float: right;
  width: 44%;
}

.footer-support-bottom {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  font-style: italic;
  font-size: 36px;
  text-transform: uppercase;
  margin-top: 44px;
}

.footer-support-right ul {
  float: right;
  margin-right: 40px;
  margin-top: 20px;
}

.footer-support-left h1,
.footer-support-right h1 {
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
  font-size: 40px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.footer-support-left h1:after,
.footer-support-right h1:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: 5px solid #162d45;
  width: 150px;
  height: 12px;
  margin: 0px auto;
}

.footer-support-left h3 {
  color: #fff;
  margin: 10px 0px;
  font-weight: 400;
  font-size: 24px;
}

.footer-support-left p {
  color: #fff;
  margin: 10px 0px;
  font-size: 16px;
}

.footer-support-right ul li {
  color: #fff;
  font-weight: 400;
  line-height: 40px;
  font-size: 20px;
}

.footer-support-left-contain {
  float: left;
}

.footer-support-left img {
  float: right;
}

.footer-support-right img {
  margin-top: 40px;
}

.main-footer-partners h1 {
  margin-top: 15px;
  text-align: center;
  float: left;
  width: 100%;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 40px;
  color: #1e4064;
}

.main-footer-partners h1 span {
  color: #135c5e;
  font-weight: 600;
}

.main-footer-partners ul li {
  display: inline-block;
  padding: 20px 36px 10px 36px;
}

.main-footer-partners .container {
  padding: 0;
}

.main-header.sticky {
  position: fixed;
  top: 0px;
  z-index: 1;
  box-shadow: 0px 2px 2px #545454;
  background: #0985f8;
  transition: all 1s ease;
}

.main-header.sticky .logo {
  padding: 4px 0px;
  margin-top: 5px;
}

.main-header.sticky .nav-menu ul li {
  padding: 0px 12px;
}

.main-header.sticky .cbp-hrmenu ul {
  margin-right: 0px;
}

.main-header.sticky .cbp-hropen .cbp-hrsub {
  margin-top: 0px;
}

.page-title-wrapper {
  display: none;
}

.contact-map iframe {
  width: 100%;
  height: 550px;
}

.main-address {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 2px;
}

.address-box {
  width: 33.33%;
  float: left;
  padding: 40px 15px;
  background: #0f6a6d;
  text-align: center;
}

.address-box:nth-child(2) {
  background: #162d45;
}

.address-box h2 {
  color: #fff;
  font-size: 28px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

.address-box p,
.address-box p a {
  color: #c2c2c2;
  text-align: left;
  margin: 0px auto;
  width: 290px;
  margin-bottom: 15px;
}

.address-box i {
  font-size: 22px;
  margin-right: 8px;
}

#contact-form {
  width: 1200px;
  margin: 0px auto;
}

#contact-form .legend {
  text-align: center;
  border: none;
}

#contact-form .legend span {
  color: #162d45;
  font-size: 40px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
}

#contact-form input {
  background: transparent;
  height: 44px;
  border: none;
  box-shadow: 0px 0px 2px #162d45;
}

#contact-form textarea {
  background: transparent;
  border: none;
  height: 150px;
  box-shadow: 0px 0px 2px #162d45;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666 !important;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #666;
  opacity: 1;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #666;
  opacity: 1;
}

#contact-form .actions-toolbar button {
  background: #162d45;
  padding: 15px 47px;
  font-size: 19px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-right: 0px;
  border: none;
}

#contact-form .actions-toolbar button:hover {
  background: #0f6a6d;
}

#contact-form .actions-toolbar .primary {
  float: right;
}

.menu-icon-strip {
  float: left;
  width: 100%;
  background: #188689;
}

.menu-icon-strip .cbp-hrsub-inner ul {
  float: none;
  width: 1000px;
  margin: 0px auto;
}

.menu-icon-strip .cbp-hrsub-inner ul li {
  text-align: center;
  width: 24%;
}

.mcs-login-form .modal-inner-wrap .modal-header {
  background: #162d45;
  text-align: center;
}

.mcs-login-form .modal-inner-wrap .modal-header h1 {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 32px;
}

.mcs-login-form #mcs-login-form {
  padding: 10px;
}

.mcs-login-form .modal-inner-wrap {
  width: 450px !important;
  top: 15%;
}

.mcs-login-form .actions-toolbar button {
  background: #188689;
  float: left;
  border: none;
}

.mcs-login-form .actions-toolbar button:hover {
  background: #162d45;
}

#mcs-loginForm #email,
#mcs-loginForm #pass {
  width: 90%;
  float: right;
  border: none;
  border-bottom: 2px solid #ccc;
  height: 42px;
}

.form.form-login .login input:not([disabled]):focus {
  box-shadow: none;
  border-color: #0985f8 !important;
}

#mcs-loginForm .control span,
#mcs-forget-password-form-validate .control span {
  float: left;
  width: auto;
}

#mcs-loginForm .control span i {
  font-size: 30px;
  margin-top: 10px;
  margin-left: 0px;
  color: #188689;
}

.mcs-forgetpassword-form-slide .mcs-forget-password-form-success-hide {
  min-width: 100% !important;
}

.mcs-forget-password-form-success-hide .fieldset {
  width: 70%;
  margin: 0px auto;
  padding-top: 40px;
}

.mcs-forgetpassword-form-slide .mcs-forget-password-form-success-hide .fieldset {
  padding-top: 40px;
}

#mcs-loginForm .field.email.required,
#mcs-loginForm .field.password.required,
.mcs-forget-password-form-success-hide .field.email {
  width: 100%;
  float: left;
}

#mcs-loginForm .field.password .control {
  display: inline-block;
  width: 100%;
}

#mcs-loginForm .actions-toolbar .primary,
.mcs-ajaxForgetPasswordForm .actions-toolbar .primary {
  width: 100%;
  height: 45px;
  margin-top: 3px;
}

#mcs-loginForm .actions-toolbar .primary button,
.mcs-ajaxForgetPasswordForm .actions-toolbar .primary button {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  border: 1px solid #0d494b;
  font-size: 22px;
  font-weight: 100;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  background: #188689;
}

#mcs-loginForm .mcs-login-popup-last {
  margin-top: 30px;
  float: left;
  width: 100%;
}

#mcs-loginForm .cus-mcs-login-btn a {
  color: #0985f8;
  float: left;
  font-weight: 600;
}

#mcs-loginForm .cus-mcs-login-btn a:hover {
  color: #333;
  text-shadow: none;
}

#mcs-loginForm .cus-mcs-login-btn:last-child {
  float: right;
}

.mcs-popup-login p {
  color: #fff9;
  letter-spacing: 0.8px;
  border-top: 1px solid #9b9b9b66;
  border-bottom: 1px solid #9b9b9b66;
  padding: 10px 0px;
  width: 80%;
  margin: 0px auto;
  margin-top: 9px;
  margin-bottom: 10px;
}

.modal-header .modal-slide .action-close {
  padding: 1rem 1rem;
}

#mcs-ajaxForgetPasswordForm {
  width: 450px;
  padding: 15px;
}

.mcs-forgetpassword-form-slide .modal-inner-wrap .modal-header,
.mcs-register-form-slide .modal-inner-wrap .modal-header,
.mcs-login-form-slide .modal-inner-wrap .modal-header,
.mcs-logout-slide .modal-inner-wrap .modal-header {
  background: #162d45;
  border-bottom: none;
}

.mcs-forgetpassword-form-slide .modal-inner-wrap .modal-header .modal-title,
.mcs-register-form-slide .modal-inner-wrap .modal-header .modal-title,
.mcs-login-form-slide .modal-inner-wrap .modal-header .modal-title,
.mcs-logout-slide .modal-inner-wrap .modal-header .modal-title {
  margin: 0px;
  padding-left: 30px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
}

.mcs-forgetpassword-form-slide .action-close,
.mcs-register-form-slide .action-close,
.mcs-login-form-slide .action-close,
.mcs-logout-slide .action-close {
  padding: 25px 30px 20px 30px;
  color: #0985f8;
}

.mcs-forgetpassword-form-slide .action-close:before,
.mcs-register-form-slide .action-close:before,
.mcs-login-form-slide .action-close:before,
.mcs-logout-slide .action-close:before {
  color: #fff;
}

.mcs-forgetpassword-form-slide .action-close:hover:before,
.mcs-register-form-slide .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: #0985f8;
}

.modal-slide .modal-inner-wrap .modal-content .form-login .fieldset.login .control .mage-error[generated] {
  width: 100%;
  float: left;
  margin-left: 40px;
}

.customer-account-login .customer-account-login {
  background: #fff;
}

.customer-account-login .customer-account-login .form-login .secondary .action.remind {
  line-height: 33px;
  margin-left: 10px;
}

.customer-account-login .customer-account-login .form-login .secondary .action.remind:hover {
  text-shadow: none;
  color: #333;
}

.customer-account-login .block-new-customer p {
  font-size: 16px;
}

.modal-popup._inner-scroll .modal-content {
  padding-bottom: 3rem;
}

.modal-popup._inner-scroll .block-new-customer .block-content ul {
  padding-left: 20px;
}

.modal-popup._inner-scroll .block-new-customer .block-content ul li {
  list-style: outside;
  line-height: 22px;
}

.modal-popup._inner-scroll .block-new-customer .block-content .actions-toolbar {
  list-style: outside;
  line-height: 22px;
}

.modal-popup._inner-scroll .block-new-customer .block-content .actions-toolbar .primary {
  float: left;
  font-size: 15px;
  line-height: inherit;
}

.modal-popup._inner-scroll .block-new-customer .block-content .actions-toolbar .primary .primary {
  padding: 10px 20px;
}

.modal-popup._inner-scroll .block-customer-login .fieldset.login {
  margin: 0 !important;
  padding-top: 0 !important;
  float: left;
}

.modal-popup._inner-scroll .block-customer-login .block-content .fieldset.login .email.required {
  margin-bottom: 0;
}

.modal-popup._inner-scroll .block-customer-login .block-content .fieldset.login .field.password.required {
  margin-bottom: 20px;
}

.modal-popup._inner-scroll .block-customer-login .block-content .actions-toolbar .primary {
  float: left;
}

.modal-popup._inner-scroll .block-customer-login .block-content .actions-toolbar .primary button#send2 {
  padding: 7px 20px;
  font-size: 15px;
  background-color: #132c45;
  border: none;
  color: #fff;
  font-weight: 600;
}

.modal-popup._inner-scroll .block-customer-login .block-content .actions-toolbar .primary button#send2:hover {
  background: #0985f8;
}

.modal-popup._inner-scroll .block-customer-login .block-content .actions-toolbar .secondary {
  width: 100%;
}

.modal-slide .modal-inner-wrap .modal-content .form-create-account {
  width: 100%;
  min-width: 100%;
}

.modal-slide .modal-inner-wrap .modal-content .form-create-account .actions-toolbar,
.modal-slide .modal-inner-wrap .modal-content .form-create-account .create {
  margin: 0 auto;
  padding-top: 20px;
  min-width: auto;
}

.modal-slide .modal-inner-wrap .modal-content .form-create-account .account {
  padding-top: 0px;
}

.modal-slide .modal-inner-wrap .modal-content .form-create-account .create .field {
  margin-bottom: 0px !important;
}

.modal-slide .modal-inner-wrap .modal-content .form-create-account .create .control input:not([disabled]):focus {
  box-shadow: none;
  border-color: #0985f8 !important;
}

.customer-account-create {
  background: #fff;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm {
  width: 100%;
  padding: 0px;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm .control span i {
  font-size: 30px;
  margin-top: 10px;
  margin-left: 0px;
  color: #188689;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm input {
  width: 85%;
  float: right;
  border: none;
  border-bottom: 2px solid #ccc;
  height: 42px;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm input {
  padding-left: 0px !important;
  margin-bottom: 10px;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm input:not([disabled]):focus {
  box-shadow: none;
  border-color: #0985f8 !important;
}

.modal-slide .modal-inner-wrap .modal-content #mcs-ajaxForgetPasswordForm .control div.mage-error[generated] {
  width: 100%;
  float: left;
  margin-left: 40px;
}

.account {
  background: #fff;
}

.account .sidebar.sidebar-main {
  width: 30%;
}

.account .column.main {
  width: 70% !important;
}

.account .block-collapsible-nav-content {
  padding: 0px;
}

.account .block-collapsible-nav .content {
  background: none;
  padding: 0px;
}

.account .block-collapsible-nav .item {
  margin: 4px 0;
}

.account .block-collapsible-nav .item a {
  padding: 16px;
  background: #f8f8ff;
}

.account .block-collapsible-nav .item a:hover {
  color: #fff;
  background: #162d45;
  text-shadow: none;
}

.account .block-collapsible-nav .item>strong {
  border-left: 4px solid transparent;
}

.account .block-collapsible-nav .item.current>strong {
  border-color: #188689;
  color: #ffffff;
  background: #162d45;
  padding: 16px;
}

.account a:hover {
  color: #162d45;
  text-shadow: none;
}

.account .column.main .block:not(.widget) .block-title {
  padding-bottom: 5px;
}

.account .block-title {
  margin-top: 20px;
}

.account .block-addresses-default .block-title,
.account .block-title.order {
  margin-top: 0px;
}

.account .pages .items {
  float: right;
}

.account .pages .item {
  margin: 0 0px 0 8px;
}

.account .pages strong.page {
  background: #188689;
  color: #ffffff;
}

.account .block-collapsible-nav .item.current a {
  border-color: #188689;
  background: #162d45 !important;
  color: #fff;
}

.account .pages .action {
  background: #162d45;
  border: none;
  color: #ffffff;
  border-radius: 0px;
}

.account .pages .pages-item-previous .action.next:before {
  color: #ffffff;
}

.account .pages .pages-item-previous .action.previous:hover:before {
  color: #ffffff;
}

p.empty {
  font-size: 15px;
}

.form-address-edit input,
.form-address-edit select {
  height: 45px;
  border-color: #dcdcdc;
}

input#primary_billing,
input#primary_shipping {
  height: auto;
}

.cart-discount {
  margin-top: 20px;
}

.checkout-cart-index {
  background-color: #f9f9f9;
}

.clear-fix {
  clear: both;
}

.checkout-cart-index .cart-container .form-cart .cart.table-wrapper {
  border: 4px solid #f1f1f1;
  padding: 0px 20px;
  background-color: #fff;
}

.checkout-cart-index .cart-container .form-cart .cart.table-wrapper .cart thead tr th.col {
  border-bottom: 2px solid #eee;
}

.checkout-cart-index .cart-container .form-cart .cart.table-wrapper .cart>.item {
  border-bottom: none;
  border-color: #eee;
}

.apply-discount {
  border: 4px solid #eee;
  background-color: #fff;
  padding: 20px 10px;
}

.apply-discount .actions-toolbar button.action.apply.primary {
  padding: 8px 15px;
  background-color: #0985f8;
  border: none;
  box-shadow: none;
  margin: 0;
  color: #fff;
  border-radius: 0;
}

.apply-discount .actions-toolbar button.action.apply.primary:hover {
  background-color: #1d3146;
}

.apply-discount .field input {
  border-color: #ddd;
}

.we-accept {
  border: 4px solid #eee;
  background-color: #fff;
  padding: 20px 10px;
  width: 48%;
  float: right;
}

.we-accept img {
  float: left;
}

.crt-title {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1d3146;
}

.checkout-cart-index .cart-container .cart-summary,
.opc-sidebar .modal-inner-wrap .modal-content {
  border: 4px solid #1d3146;
  background-color: #fff;
  padding: 20px 0px 20px 0px;
}

.opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary .items-in-cart>.title {
  border-color: #dcdcdc;
}

.opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary .actions-toolbar .viewcart {
  margin-top: 20px;
}

.checkout-cart-index .cart-container .cart-summary .summary {
  margin: 0;
  padding: 0 10px 15px 10px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.checkout-cart-index .cart-container .cart-summary .cart-totals {
  border-color: #eee;
  padding: 0 10px;
}

.checkout-cart-index .cart-container .cart-summary .cart-totals .mark {
  background: transparent;
}

.checkout-cart-index .cart-container .cart-summary .cart-totals .grand .amount,
.checkout-cart-index .cart-container .cart-summary .cart-totals .grand .mark {
  border-color: #eee;
  border-bottom: 1px solid #eee;
  padding-bottom: 12px;
}

.mcs-checkout {
  background-color: #1d3146;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.mcs-checkout:hover {
  background-color: #0985f8;
  border: none;
  border: none;
  color: #fff;
}

.checkout-cart-index .cart-container .form-cart .item-info .product-item-name a,
.checkout-cart-index .cart-container .form-cart .item-actions a.action-towishlist {
  color: #08a8ad;
}

.checkout-cart-index .cart-container .form-cart .item-info .product-item-name a:hover,
.checkout-cart-index .cart-container .form-cart .item-actions a.action-towishlist:hover {
  color: #333;
  text-shadow: none;
}

.checkout-cart-index .cart-summary input,
.checkout-cart-index .cart-summary select {
  height: 45px;
  border-color: #ddd;
}

.opc-sidebar {
  margin-top: 20px;
}

.opc-sidebar .modal-inner-wrap .modal-header {
  display: none;
}

.opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary {
  background-color: #fff;
  padding: 0px 15px;
}

.opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary span.title {
  margin: 0;
  padding: 0 10px 15px 0px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary table.data.table.table-totals {
  border-color: #eee;
  margin: 0;
}

.opc-sidebar .opc-block-summary .table-totals tbody .mark {
  background-color: transparent;
}

.opc-block-summary .table-totals .grand .amount,
.opc-block-summary .table-totals .grand .mark {
  border-color: #eee;
}

.checkout-payment-method .opc-payment {
  border: 4px solid #f1f1f1;
  padding: 20px;
  background-color: #fff;
}

.checkout-payment-method .payment-methods .step-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1d3146;
  padding-bottom: 20px;
  border-bottom: none;
}

.checkout-payment-method .payment-method-title {
  border-color: #eee;
}

.checkout-payment-method .payment-method-content {
  padding-left: 0;
}

.product-enhance-support {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  margin-top: 15px;
}

.product-enhance-support h3 {
  font-size: 14px;
  color: #132d46;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc;
  background-color: #f1f1f1;
}

.product-enhance-support p {
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 20px;
}

.checkout-index-index {
  background-color: #fff;
}

.checkout-discount {
  max-width: 50%;
  margin-top: 40px;
}

.checkout-discount .payment-option-content {
  padding: 0;
}

.checkout-discount .payment-option-content .form-discount {
  max-width: 100%;
}

.checkout-discount .payment-option-content .form-discount .payment-option-inner {
  margin: 0;
  vertical-align: middle;
  display: table-cell;
  position: relative;
}

.checkout-discount .payment-option-content .form-discount .payment-option-inner .control {
  position: relative;
}

.checkout-discount .payment-option-content .form-discount .payment-option-inner #discount-code-error {
  position: absolute;
  margin: 0;
}

.checkout-discount .payment-option-content .form-discount .actions-toolbar {
  width: 138px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.checkout-discount .payment-option-content .form-discount .actions-toolbar button.action.action-apply {
  width: 100%;
  background-color: #0985f8;
  color: #fff;
  border: none;
  padding: 8px 10px;
}

.checkout-discount .payment-option-content .form-discount .actions-toolbar button.action.action-apply:hover {
  background-color: #1d3146;
}

.wrapper.main-philosophy .inner-services-col-3 h3 {
  color: #fff;
}

.wrapper.main-philosophy .inner-services-col-3 p {
  color: #8b96a2;
}

.wrapper.main-philosophy .inner-services-col-3 ul {
  margin-top: 5px;
}

.wrapper.main-philosophy .inner-services-col-3 ul li,
.wrapper.main-philosophy .inner-services-col-1 ul li {
  text-align: left;
  color: #8b96a2;
  margin: 10px 0px;
  background: url(../images/color-bullet-icon.png) no-repeat top left;
  background-size: 20px;
  padding-left: 30px;
  background-position: 0px 5px;
  font-weight: 600;
}

.inner-services-col-1 {
  width: 100%;
  float: left;
}

.wrapper.main-philosophy .inner-services-col-1 h3 {
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.wrapper.main-philosophy .inner-services-col-1 h3:before {
  content: "";
  border-bottom: 4px solid #188689;
  display: block;
  clear: both;
  width: 150px;
  height: 10px;
  margin: 0px auto;
}

.wrapper.main-philosophy .inner-services-col-1 p {
  color: #8b96a2;
  text-align: left;
}

.inner-services-col-1 img {
  float: left;
}

.inner-services-col-1-right {
  float: right;
  width: 78%;
}

.inner-note {
  float: left;
  width: 100%;
}

.lucid-understanding p {
  color: #474747 !important;
}

.cms-magento-code-audit .lucid-understanding p,
section p,
p {
  font-size: 15px;
  line-height: 28px;
  color: #474747;
  margin-bottom: 30px;
}

.contact-index-index .customimage {
  float: left;
  width: 100%;
}

.cms-magento-maintenance-services .customimage,
.cms-magento-website-launch-checklist .customimage,
.cms-magento-development-integration .customimage,
.cms-magento-website-ui-design .customimage,
.cms-magento-objective .customimage,
.cms-magento-project-planning .customimage,
.cms-ecommerce-development-strategy .customimage,
.cms-magento-ecommerce-discovery .customimage,
.cms-magento-website-development-process .customimage,
.cms-about-us .customimage {
  float: left;
  width: 100%;
  padding: 50px 0px;
  background-color: #132c45;
}

.customimage p {
  color: #fff !important;
}

.customimage h1 {
  color: #ffffff;
  font-size: 40px;
  font-weight: 500;
  margin: 0px;
  padding: 0;
  position: relative;
  text-shadow: -2px 3px 2px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  z-index: 1;
  font-family: "Open Sans", sans-serif;
  line-height: 45px;
}

.cms-magento-maintenance-services .inner-banner-content,
.cms-magento-website-launch-checklist .inner-banner-content,
.cms-magento-development-integration .inner-banner-content,
.cms-magento-website-ui-design .inner-banner-content,
.cms-magento-objective .inner-banner-content,
.cms-magento-project-planning .inner-banner-content,
.cms-ecommerce-development-strategy .inner-banner-content,
.cms-magento-ecommerce-discovery .inner-banner-content,
.cms-magento-website-portfolio .inner-banner-content,
.cms-magento-website-development-process .inner-banner-content,
.contact-index-index .inner-banner-content,
.cms-about-us .inner-banner-content {
  float: left;
  margin-top: 2%;
  text-align: left;
  width: 100%;
  position: relative;
  z-index: 1;
}

.cms-magento-maintenance-services .inner-banner-content h4,
.cms-magento-website-launch-checklist .inner-banner-content h4,
.cms-magento-development-integration .inner-banner-content h4,
.cms-magento-website-ui-design .inner-banner-content h4,
.cms-magento-objective .inner-banner-content h4,
.cms-magento-project-planning .inner-banner-content h4,
.cms-ecommerce-development-strategy .inner-banner-content h4,
.cms-magento-ecommerce-discovery .inner-banner-content h4,
.cms-magento-website-portfolio .inner-banner-content h4,
.cms-magento-website-development-process .inner-banner-content h4,
.contact-index-index .inner-banner-content h4,
.cms-about-us .inner-banner-content h4 {
  color: #fff;
}

.cms-magento-maintenance-services .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-website-launch-checklist .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-development-integration .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-website-ui-design .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-objective .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-project-planning .customimage .inner-banner-content .inner-banner-content-left,
.cms-ecommerce-development-strategy .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-ecommerce-discovery .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-website-portfolio .customimage .inner-banner-content .inner-banner-content-left,
.cms-magento-website-development-process .customimage .inner-banner-content .inner-banner-content-left,
.contact-index-index .customimage .inner-banner-content .inner-banner-content-left,
.cms-about-us .customimage .inner-banner-content .inner-banner-content-left {
  float: left;
  width: 46%;
  padding: 40px 20px 0px 0px;
}

.inner-banner-content .inner-banner-content-left p:last-child {
  margin-bottom: 0;
}

.cms-about-us .inner-banner-content-right img {
  margin-bottom: 0px;
}

.inner>img {
  margin-right: -10px;
}

.cms-magento-maintenance-services .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-website-launch-checklist .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-development-integration .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-website-ui-design .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-objective .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-project-planning .customimage .inner-banner-content .inner-banner-content-right,
.cms-ecommerce-development-strategy .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-ecommerce-discovery .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-website-portfolio .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-website-development-process .customimage .inner-banner-content .inner-banner-content-right,
.contact-index-index .customimage .inner-banner-content .inner-banner-content-right,
.cms-about-us .customimage .inner-banner-content .inner-banner-content-right {
  float: right;
  width: 54%;
  text-align: left;
  padding: 40px 0px 0px 20px;
  background-color: transparent;
}

.cms-magento-maintenance-services .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-website-launch-checklist .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-development-integration .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-website-ui-design .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-objective .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-project-planning .customimage .inner-banner-content .inner-banner-content-right p,
.cms-ecommerce-development-strategy .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-ecommerce-discovery .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-website-portfolio .customimage .inner-banner-content .inner-banner-content-right p,
.cms-magento-website-development-process .customimage .inner-banner-content .inner-banner-content-right p,
.contact-index-index .customimage .inner-banner-content .inner-banner-content-right p,
.cms-about-us .customimage .inner-banner-content .inner-banner-content-right p {
  text-align: left;
}

.inner-banner-content-right p {
  margin-bottom: 20px;
}

.inner-banner-content-left h4,
.inner-banner-content-right h4 {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  padding: 0 0 20px;
  text-align: left;
  text-transform: none;
}

.head_listing {
  float: left;
  margin: 0;
  padding: 0px;
  text-align: left;
  margin-bottom: 15px;
}

.head_listing>li {
  color: #0b0a0a;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
}

.head_listing>li i {
  font-size: 12px;
  padding-right: 8px;
  color: #0985f8;
}

.listing2 {
  background-color: rgba(234, 243, 243, 0.95);
  float: left;
  margin-top: 11%;
  min-height: auto;
  padding-bottom: 25px;
  position: relative;
  width: 100%;
}

.listing2 h4 {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  text-transform: none;
  margin: 0;
  padding: 15px 25px;
  background-color: #0985f8;
  width: 100%;
}

.listing2 .head_listing {
  padding-left: 20px;
  padding-top: 30px;
}

.top-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 60px 0px;
}

.psd-img-left {
  padding-top: 4%;
}

.psd-img-right {
  position: relative;
}

.psd-img-right img {
  position: absolute;
  right: 0;
  top: 0;
  max-width: inherit !important;
}

.top-content-section {
  float: left;
  width: 100%;
  padding-top: 40px;
  background: #fff;
}

.top-content-section .top-content-left {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.top-content-left h2 {
  min-width: 72%;
  border-bottom: 3px solid #0985f8;
  padding-bottom: 15px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 10px 0px;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  width: 420px;
}

.top-content-section .top-content-right {
  float: left;
  width: 50%;
  padding-left: 20px;
  text-align: center;
}

.portfolio-section {
  float: left;
  width: 100%;
  background: url(../images/portfolio-bg.jpg) top center;
  padding: 80px 0px;
}

.portfolio-section p {
  color: #fff;
}

.min-title1 {
  text-align: center;
  margin: 0px 0px 40px 0px;
  padding: 0px;
  font-size: 35px;
  color: #0985f8;
  font-weight: 600;
}

.min-title1:after {
  width: 160px;
  content: "";
  margin: 0 auto;
  border-bottom: 3px solid #0985f8;
  display: block;
  padding-top: 10px;
}

.min-title1 span {
  color: #fff;
}

.mt2 span {
  color: #132c45;
}

.establish-area {
  float: left;
  width: 100%;
}

.establish-area .establish-left-side {
  float: left;
  width: 30%;
  padding-right: 20px;
  text-align: center;
  line-height: 265px;
}

.establish-area .establish-left-side img {
  vertical-align: middle;
}

.establish-area .establish-right-side {
  float: right;
  width: 70%;
  padding-left: 20px;
}

.establish-img-area {
  float: right;
  list-style: none;
}

.establish-area li {
  float: left;
  display: table-cell;
  background: rgba(255, 255, 255, 0.3);
  margin-left: 3px;
  padding: 10px;
  width: 32.6%;
  text-align: center;
  min-height: 132px;
  vertical-align: middle;
  margin-top: 3px;
}

.establish-area li img {
  vertical-align: middle;
}

.establish-btn-area {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

.btn-mcs {
  font-size: 18px;
  text-shadow: none;
  background: #0985f8;
  padding: 12px 24px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  border: 2px solid transparent;
  color: #fff;
}

.btn-mcs:hover {
  text-shadow: none;
  background: transparent;
  border: 2px solid #0985f8;
  color: #fff;
}

.portfolio-section .port-slider {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
  margin-top: 40px;
  float: left;
  width: 100%;
}

.portfolio-section #mcs-slider {
  height: 379px;
  border-bottom: none;
}

.portfolio-section #mcs-slider>ul>li {
  width: 300px;
}

.portfolio-section #mcs-slider>ul>li div {
  padding-left: 5px;
  padding-right: 5px;
  background: none;
}

.portfolio-section #mcs-slider>ul>li div a {
  border-bottom: none;
  border-left: none;
  background-size: 100% 100% !important;
}

.portfolio-section #mcs-slider #prev,
.portfolio-section #mcs-slider #next {
  height: 80px;
  line-height: 80px;
  top: 40%;
  width: 60px;
  text-align: center;
  background: #0985f8;
}

.portfolio-section #mcs-slider #prev:hover,
.portfolio-section #mcs-slider #next:hover {
  text-shadow: none;
  background: #08686b !important;
}

.portfolio-section #mcs-slider>ul>li .image-post {
  position: relative;
  overflow: hidden !important;
}

.icon-hover {
  position: absolute;
  width: 97.1%;
  background: rgba(10, 26, 42, 0.7) !important;
  z-index: 99999;
  padding: 0px !important;
  text-align: center;
  line-height: 385px;
}

.portfolio-section #mcs-slider>ul>li .image-post:hover .icon-hover {
  visibility: visible;
}

.portfolio-section #mcs-slider>ul>li .image-post .icon-hover {
  visibility: hidden;
}

.home-option-list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 20px;
}

.home-option-list li {
  list-style-image: url(../images/list-icon.png);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  font-weight: 400;
  padding-bottom: 15px;
}

.home-option-list li:last-child {
  padding-bottom: 0px;
}

.selling-list {
  float: left;
  width: 100%;
  display: table;
  margin-bottom: 40px;
  margin-top: 20px;
}

.selling-list li {
  color: #fff;
  width: 49.5%;
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
}

.selling-list li:nth-child(odd) {
  margin-right: 5px;
}

.selling-list li:nth-child(4n + 1) {
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
}

.selling-list li:nth-child(2n) {
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
}

.selling-list li:nth-child(4n + 4) {
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
}

.footer-top-section {
  float: left;
  width: 100%;
  background: -webkit-linear-gradient(left, #162d45 50%, #0985f8 50%);
}

.footer-top-section .container {
  padding: 0px;
}

.footer-top-section .footer-top-left {
  float: left;
  width: 50%;
  padding: 50px 30px 50px 0px;
  color: #fff;
  background-color: #162d45;
}

.pro-blog {
  float: left;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 10px;
}

.pro-blog li {
  display: block;
  padding-bottom: 25px;
}

.pro-blog li span {
  display: block;
  font-size: 13px;
  padding-bottom: 4px;
}

.pro-blog li a {
  display: block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 400;
}

.pro-blog li a:hover {
  font-weight: 600;
}

.footer-top-section .footer-top-left p {
  color: #fff;
  margin-bottom: 20px;
}

.footer-top-section .footer-top-right {
  float: left;
  width: 50%;
  padding: 50px 0px 50px 30px;
  color: #fff;
  background-color: #0985f8;
}

.su-title {
  float: left;
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
}

.su-title img {
  margin-right: 20px;
  display: inline-block;
}

.su-title small {
  display: block;
  color: #fff;
  font-style: italic;
  font-size: 16px;
  text-shadow: -4px 4px 1px rgba(0, 0, 0, 0.2);
  font-weight: 600;
  padding-bottom: 4px;
}

.su-title span {
  font-size: 30px;
  font-style: italic;
  display: block;
  text-shadow: -6px 4px 2px rgba(0, 0, 0, 0.2);
  font-weight: 600;
}

.sidebar.sidebar-main .form.subscribe input::-webkit-input-placeholder,
.sidebar.sidebar-main .form.subscribe textarea::-webkit-input-placeholder {
  opacity: 1;
}

.sidebar.sidebar-main .form.subscribe input::-moz-placeholder,
.sidebar.sidebar-main .form.subscribe textarea::-moz-placeholder {
  opacity: 1;
}

.sidebar.sidebar-main .form.subscribe input::-ms-input-placeholder,
.sidebar.sidebar-main .form.subscribe textarea::-ms-input-placeholder {
  color: #000 !important;
  opacity: 1;
}

.sidebar.sidebar-main .form.subscribe input::-moz-placeholder,
.sidebar.sidebar-main .form.subscribe textarea::-moz-placeholder {
  color: #000 !important;
  opacity: 1;
}

.footer-top-section .footer-top-right p {
  color: #ffffff;
  margin-bottom: 20px;
}

.footer-top-right #newsletter-validate-detail ul {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.footer-top-right #newsletter-validate-detail ul li {
  display: block !important;
  padding: 0 !important;
  width: 100% !important;
  float: left !important;
  margin-bottom: 15px !important;
}

.footer-top-right #newsletter-validate-detail ul li input {
  background: #5dabad;
  width: 60%;
  height: 45px;
  border: none;
  float: left;
}

.footer-top-right .action.subscribe,
.fs-btn {
  border: solid 1px #eee !important;
  position: relative;
  color: #eee !important;
  background: none !important;
  padding: 10px 30px !important;
  box-shadow: none !important;
  margin-top: 15px !important;
  font-weight: 300;
  text-transform: none !important;
  font-size: 16px !important;
  width: auto !important;
  display: table;
}

.footer-top-right .action.subscribe:hover,
.fs-btn:hover {
  color: #222 !important;
  background: #eee !important;
  text-shadow: none !important;
}

.footer-top-right .action.subscribe:before,
.fs-btn:before {
  content: "";
  border: 1px solid #eee;
  position: absolute;
  display: block;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.fl-title {
  font-weight: 600;
  font-size: 32px;
  position: relative;
  color: #fff;
  padding-bottom: 5px;
  margin: 0 0 20px;
}

.fl-title:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 3px;
  background: #188689;
  bottom: -5px;
}

.fl-title span {
  color: #188689;
}

.f-sub-right>h2 {
  margin: 15px 0;
}

.fr-title {
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 5px;
  margin: 0 0 20px;
}

.fr-title span {
  color: #172d45;
}

.fr-title:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 3px;
  background: #172d45;
  bottom: -5px;
}

.footer-top-right div.mage-error[generated] {
  margin-top: 16px;
  left: 8px;
  position: relative;
}

.customer-welcome ul li {
  margin: 0;
  float: left;
  line-height: 1;
  text-align: left;
  width: 100%;
  border: 1px solid #e8e8e8;
}

.customer-welcome ul li:hover a {
  text-shadow: none !important;
}

.customer-welcome li a {
  color: #333333 !important;
  padding: 5px 10px;
}

.customer-welcome li a:hover {
  text-shadow: none !important;
}

.actions .mcs-btn-2 {
  margin: 15px 0;
}

.ideas-insights {
  float: left;
  width: 100%;
  padding: 50px 0px 60px 0px;
  background: #fff;
}

.ideas-insights .container {
  padding: 0px;
}

.mcs-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.mcs-btn-1 {
  border: 2px solid #ef672f;
  color: #ef672f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.mcs-btn-1:hover {
  border: 2px solid #ef672f;
  background: #ef672f;
  color: #fff;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.mcs-btn-2 {
  border: 2px solid #ef672f;
  color: #ef672f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.mcs-btn-2:hover {
  border: 2px solid #ef672f;
  color: #fff;
  background: #ef672f;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.helps-you-take .container a {
  margin: 0 5px !important;
}

.mcs-btn-3 {
  border: 2px solid #0985f8;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  background: #0985f8;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.mcs-btn-3:hover {
  border: 2px solid #0985f8;
  color: #0985f8;
  background: transparent;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.mcs-btn-4 {
  border: 2px solid #0985f8;
  color: #000;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  background: transparent;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.mcs-btn-4:hover {
  border: 2px solid #0985f8;
  background: #0985f8;
  color: #fff;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.mcs-btn-5 {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-size: 14px;
  box-shadow: none !important;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: #0985f8;
}

.mcs-btn-5:hover {
  background: #007e81;
  color: #fff;
  text-shadow: none !important;
  line-height: 1.42857143;
  border: none;
}

.mcs-btn-6 {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-size: 14px;
  box-shadow: none !important;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #0985f8;
  border: 2px solid #0985f8;
}

.mcs-btn-6:hover {
  border: 2px solid #0985f8;
  background: transparent;
  color: #0985f8;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.mcs-btn-7 {
  border: 2px solid #ef672f;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  background: #ef672f;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.mcs-btn-7:hover {
  border: 2px solid #ef672f;
  color: #ef672f;
  background: transparent;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.mcs-btn-8 {
  border: 2px solid #fff;
  color: #132c45;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 24px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  box-shadow: none !important;
  margin-bottom: 0;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
}

.mcs-btn-8:hover {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  text-shadow: none !important;
  line-height: 1.42857143;
}

.cms-magento-module-development .we-offers-left .mcs-btn-8:hover {
  border: 2px solid #ef672f;
  color: #ef672f;
  background: none;
}

.cms-magento-module-development .we-offers-left .mcs-btn-8 {
  border: 2px solid #ef672f;
  color: #fff;
  background-color: #ef672f;
}

.btn-xs {
  font-size: 13px;
  padding: 5px 15px;
}

.btn-sm {
  font-size: 15px;
  padding: 8px 18px;
}

.btn-lg {
  font-size: 18px;
  padding: 14px 28px;
}

.ii-title-area {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.ii-title {
  text-align: center;
  font-size: 45px;
  font-weight: 100;
  color: #474747;
  margin: 0;
  padding: 0px 0px 15px 0px;
  position: relative;
}

.ii-title:after {
  position: absolute;
  content: "";
  width: 120px;
  height: 2px;
  background: #d9d9d9;
  display: block;
  left: 0;
  right: 0;
  top: 105px;
  margin: 0 auto;
}

.ii-title-area h4 {
  font-size: 18px;
  color: #474747;
  line-height: 28px;
  text-align: center;
  margin: 0px 0px 15px 0px;
}

.insights-box-area {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 20px;
}

.insights-box {
  float: left;
  width: 29.9%;
  margin-right: 60px;
}

.insights-box:last-child {
  margin-right: 0px;
}

.box-content {
  float: left;
  width: 100%;
}

.box-content h2 {
  position: relative;
  margin: 10px 0px 30px 0px;
  line-height: 35px;
  color: #222;
}

.box-content h2:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #162d45;
  bottom: -15px;
}

.box-content p {
  text-align: left;
  font-size: 16px;
  margin-bottom: 20px;
  color: #222;
  line-height: 28px;
}

.trusted-section-block-area {
  float: left;
  width: 100%;
  background: #0985f8;
  padding: 60px 0px 80px 0px;
  position: relative;
}

.trusted-top-section {
  float: left;
  width: 100%;
}

.trusted-top-section .trusted-section-left {
  float: left;
  width: 60%;
  position: relative;
}

.trusted-top-section .trusted-section-right {
  float: left;
  width: 40%;
  text-align: right;
}

.trusted-top-section .trusted-section-right img {
  opacity: 1;
}

.ts-title {
  font-size: 70px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #132c45;
  margin-bottom: 60px;
  margin-top: 80px;
  line-height: 1;
}

.trusted-section-left p {
  font-size: 16px;
  margin-bottom: 60px;
  color: #f9fefe;
  font-weight: 400;
  line-height: 28px;
}

.our-work-section {
  float: left;
  width: 100%;
  position: relative;
}

.our-work-section li {
  float: left;
  margin: 40px 0px 40px 0px;
  width: 33.33%;
  text-align: center;
}

.our-work-section li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 55px;
  background: #0f1011;
  top: 28%;
  margin-left: 16.5%;
}

.our-work-section li:nth-child(3):after {
  display: none;
}

.our-work-section li:last-child:after {
  width: 0px;
  height: 0;
  background: transparent;
  top: 0%;
  margin-left: 0;
}

.our-work-section li h2 {
  font-size: 65px;
  font-weight: 100;
  color: #d7d8da;
  line-height: 1;
  margin: 0;
  padding-bottom: 0px;
}

.our-work-section li p {
  font-size: 15px;
  letter-spacing: 1px;
  color: #111212;
  font-weight: 600;
  margin-bottom: 0px;
}

.our-work-section:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  border-top: 6px solid #132c45;
  border-right: 8px solid #132c45;
  border-bottom: 20px solid transparent;
  border-left: 8px solid #132c45;
}

.our-work-section:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 20px solid transparent;
  border-right: 8px solid #132c45;
  border-bottom: 6px solid #132c45;
  border-left: 8px solid #132c45;
}

.trusted-bottom-section {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 60px;
}

.testimonials-title-left {
  float: left;
  width: 45%;
  text-align: left;
  padding-right: 20px;
}

.testimonials-title-right {
  float: left;
  position: relative;
  text-align: right;
  width: 55%;
  z-index: 9;
}

.trusted-section-testimonials {
  width: 300px;
  position: relative;
  margin: 0 auto;
}

.trusted-section-testimonials input[type="radio"],
.testimonials-slide,
.trusted-section-testimonials input[type="radio"]:checked~div.trusted-section-testimonials-wrapper div.testimonials-slide,
.trusted-section-testimonials input[type="radio"]:checked~div.trusted-section-testimonials-wrapper div.trusted-section-testimonials-nav {
  display: none;
}

.trusted-section-testimonials input[type="radio"]:checked+div.trusted-section-testimonials-wrapper div.testimonials-slide,
.trusted-section-testimonials input[type="radio"]:checked+div.trusted-section-testimonials-wrapper div.trusted-section-testimonials-nav {
  display: block;
  animation: psFadeIn 0.4s ease-out;
}

.trusted-section-testimonials-nav--dots {
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  margin: auto;
  width: 70px;
}

.trusted-section-testimonials-nav--dots label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.trusted-section-testimonials-nav--dots label i {
  font-size: 12px;
  color: #0985f8;
  vertical-align: middle;
}

.trusted-section-testimonials-nav--dots label i.fa-circle {
  display: none;
}

.trusted-section-testimonials input#slide1btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-1 i.fa-circle,
.trusted-section-testimonials input#slide2btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-2 i.fa-circle,
.trusted-section-testimonials input#slide3btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-3 i.fa-circle,
.trusted-section-testimonials input#slide4btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-4 i.fa-circle,
.trusted-section-testimonials input#slide5btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-5 i.fa-circle {
  display: block;
  color: #fff;
}

.trusted-section-testimonials input#slide1btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-1 i.fa-circle-o,
.trusted-section-testimonials input#slide2btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-2 i.fa-circle-o,
.trusted-section-testimonials input#slide3btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-3 i.fa-circle-o,
.trusted-section-testimonials input#slide4btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-4 i.fa-circle-o,
.trusted-section-testimonials input#slide5btn:checked~div.trusted-section-testimonials-nav--dots label#sliderbtmbtn-5 i.fa-circle-o {
  display: none;
}

.retail-search-area {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 60px 0px;
  position: relative;
}

.retail-search-pro-area {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.retail-search-pro-box:last-child {
  margin-right: 0px;
}

.retail-search-pro-box {
  display: inline-block;
  text-align: center;
  width: 24%;
  margin: 0px 8px;
  background: #fff;
  padding: 10px 10px 20px 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -wait-transition: 0.5s ease all;
}

.retail-search-pro-box:hover {
  background: #ddd;
}

.retail-search-pro-box img {
  margin-bottom: 15px;
  max-width: initial;
  min-width: initial;
  max-height: inherit;
  min-height: inherit;
  border: none;
  background: transparent;
}

.retail-search-pro-content {
  text-align: center;
  padding: 10px 0px 0px 0px;
  border-top: 1px solid #c3c3c3;
}

.retail-search-pro-content a {
  margin: 0;
  padding-bottom: 10px;
  font-size: 15px;
  color: #132c45;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  text-align: center;
}

.retail-search-pro-content a:hover {
  color: #0985f8;
}

.m-extension-btn {
  text-align: center;
  margin-top: 30px;
  width: 100%;
  float: left;
}

.m-extension-btn a {
  margin-left: 5px;
  margin-right: 5px;
}

.retail-search-pro-area .slick-prev {
  background: rgb(19, 44, 69) url("../images/home-prev-aroow.png") no-repeat scroll !important;
  height: 80px;
  width: 30px;
  left: 0px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  background-position: 8px center !important;
}

.retail-search-pro-area .slick-prev:before {
  content: "" !important;
}

.retail-search-pro-area .slick-prev:hover {
  background-position: -14px center !important;
  border: none;
}

.retail-search-pro-area .slick-next {
  background: rgb(19, 44, 69) url(../images/home-next-aroow.png) no-repeat scroll !important;
  height: 80px;
  width: 30px;
  right: 0px;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  background-position: -14px center !important;
}

.retail-search-pro-area .slick-next:before {
  content: "" !important;
}

.retail-search-pro-area .slick-next:hover {
  background-position: 8px center !important;
  border: none;
}

.retail-search-area .block-content #slider-prev,
.retail-search-area .block-content #slider-next {
  display: none;
}

.retail-search-area .block-content .bx-wrapper {
  margin-bottom: 30px;
}

.retail-search-area .block-content .bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: none;
  left: 0;
  background: transparent;
  min-height: 425px;
}

.retail-search-area .block-content .mcs-slider li .slide {
  background: #fff;
  margin: 0px 3px;
  padding: 15px 20px;
  text-align: center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.retail-search-area .block-content .mcs-slider li .slide .product-image-wrapper {
  padding-bottom: 100% !important;
}

.retail-search-area .block-content .mcs-slider li .slide .product-item-details {
  border-top: 1px solid #c3c3c3;
  padding-top: 10px;
}

.retail-search-area .block-content .mcs-slider li .slide .product-item-name {
  margin: 0;
  min-height: 42px;
}

.retail-search-area .block-content .mcs-slider li .slide .product-item-link {
  color: #162d45 !important;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
}

.retail-search-area .block-content .mcs-slider li .slide .product-item-link:hover {
  color: #1b878a !important;
  text-decoration: none;
}

.retail-search-area .block-content .mcs-slider li .slide .retail-search-pro-content {
  padding-top: 15px;
  border-top: none;
}

.retail-search-area .block-content .bx-wrapper .bx-pager.bx-default-pager a {
  background: #1b878a !important;
}

.retail-search-area .block-content .bx-wrapper .bx-pager.bx-default-pager a:hover,
.retail-search-area .block-content .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #2d4d6c !important;
}

.main-footer-partners .bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
}

.main-footer-partners .bx-wrapper {
  margin: 0px;
}

.main-footer-partners .bx-wrapper img:hover {
  opacity: 0.6;
  transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.our-portfilio-section {
  float: left;
  padding: 80px 0 60px 0;
  width: 100%;
  background: rgba(0, 0, 0, 0) url(../images/op-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
}

.cms-magento-website-portfolio .customimage .header-form {
  display: none;
}

.our-portfilio {
  display: inline-table;
  text-align: center;
}

.our-portfilio li {
  display: inline-block;
  width: 24%;
  background: #fff;
  text-align: center;
  position: relative;
  margin-right: 0.5%;
  margin-bottom: 1%;
  margin-left: 0.5%;
  vertical-align: top;
}

.our-portfilio li:first-child {
  margin-left: 0;
}

.our-portfilio li:nth-child(4n + 4) {
  margin-right: 0;
}

.our-portfilio li:nth-child(4n + 5) {
  margin-left: 0;
}

.our-portfilio li:last-child {
  margin-right: 0;
}

.our-portfilio li img {
  float: left;
  width: 100%;
}

.our-portfilio li .pro-hover {
  background: rgba(0, 0, 0, 0.2);
  margin: 0 0 10px;
  transition: all 0.2s linear 0s;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.22) url(../images/wo-search-img.png) no-repeat;
  background-position: top center;
  opacity: 0.01;
}

.our-portfilio li:hover .pro-hover {
  visibility: visible;
  background-position: center center;
  opacity: 1;
}

.our-portfilio li a {
  text-decoration: none;
}

.our-portfilio li h2 {
  font-size: 16px;
  font-weight: 600;
  color: #0985f8;
  padding: 0px 15px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  float: left;
  width: 100%;
}

.our-portfilio li p {
  font-size: 15px;
  color: #222;
  padding: 0px 20px;
  margin-bottom: 20px;
  line-height: 24px;
}

.our-portfilio-section .establish-btn-area {
  margin-bottom: 10px;
  margin-top: 10px;
}

.babylongrid-container .column {
  position: relative;
  display: inline;
  float: left;
}

.babylongrid-container.container-4 .column-1,
.babylongrid-container.container-4 .column-3 {
  width: 33.33%;
}

.babylongrid-container.container-4 .column-2,
.babylongrid-container.container-4 .column-4 {
  width: 33.33%;
}

.babylongrid-container.container-3 .column-1,
.babylongrid-container.container-3 .column-2 {
  width: 33.33%;
}

.babylongrid-container.container-3 .column-3 {
  width: 33.33%;
}

.babylongrid-container.container-2 .column-1 {
  width: 60%;
}

.babylongrid-container.container-2 .column-2 {
  width: 40%;
}

.babylongrid-container.container-1 .column-1 {
  width: 100%;
}

.babylongrid-container:after,
.babylongrid-container:before {
  content: "";
  display: table;
  height: 0;
  clear: both;
}

.babylongrid-container.tower .column {
  vertical-align: bottom;
}

.babylongrid-container.city .column {
  vertical-align: middle;
}

.babylongrid-container.tower,
.babylongrid-container.city {
  display: table;
}

.babylongrid-container.tower .column,
.babylongrid-container.city .column {
  display: table-cell;
  float: none;
}

.view-portfolio {
  background: rgba(0, 0, 0, 0) url("../images/pv-bg.jpg") repeat fixed 0 0;
  float: left;
  min-height: 500px;
  width: 100%;
}

.view-portfolio article {
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  margin: 20px 10px;
  overflow: hidden;
}

.view-portfolio article .desc {
  padding: 20px 20px 0;
  color: #000;
}

.view-portfolio article .desc .our-listing li {
  margin-bottom: 10px;
}

.view-portfolio #babylongrid2 article img {
  min-height: 100%;
}

.view-portfolio .desc h2 {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.view-portfolio .desc img.port-logo {
  min-width: auto !important;
  min-height: auto !important;
  clear: both;
  margin-bottom: 20px;
  border-radius: 3px;
}

.view-portfolio .desc h3 {
  color: #222;
  font-size: 18px;
  margin: 0;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
}

.view-portfolio .desc p {
  color: #222;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
}

.view-portfolio .desc p:last-child {
  margin-bottom: 10px;
}

.our-listing {
  margin-bottom: 20px;
  padding-left: 22px;
}

p.portfolio-visit-link {
  color: #0985f8 !important;
  font-weight: 600;
  word-wrap: break-word;
}

.our-listing li {
  list-style-image: url(../images/list-icon.png);
  padding: 2px 0px 2px 5px;
  font-size: 15px;
  color: #222;
}

.view-portfolio .establish-btn-area {
  margin-bottom: 30px;
  margin-top: 20px;
}

.customers-constantly {
  float: left;
  margin-bottom: 20px;
  margin-top: 60px;
  width: 100%;
  text-align: center;
}

.cc-title {
  color: #162d45;
  float: none;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  margin: 0 auto;
  padding: 0 0 10px;
  position: relative;
  text-align: center;
  width: 80%;
}

.customers-constantly li {
  display: inline-block;
  margin: 0px;
  width: 33%;
  padding: 0px 25px;
  text-align: center;
  vertical-align: top;
}

.customers-constantly li h2 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  margin: 20px 0px;
}

.customers-constantly li p {
  color: #222;
  font-size: 16px;
  line-height: 28px;
  margin: 0px;
}

.special-offer-image {
  float: left;
  width: 100%;
}

.cat-banner-area {
  float: left;
  padding: 60px 0;
  width: 100%;
  background-image: url(../images/hs-bg.jpg) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  position: relative;
  text-align: center;
}

.catalog-product-view .cat-banner-area {
  background-color: #132c45;
  background-image: none !important;
}

.cat-banner-area .hs-left {
  position: absolute;
  left: 0;
  top: 0;
}

.cat-banner-area .hs-right {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cat-banner-area .hs-midel {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto 1%;
  text-align: center;
  top: 0;
}

.cat-banner-area2 {
  float: left;
  width: 100%;
  padding: 30px 0px;
  background-color: #eee;
}

.cat-banner-area2 h1 {
  font-size: 30px;
  font-weight: 600;
  color: #333;
  margin: 0 0 18px 0;
}

.cat-banner-area2 .cat-dic {
  font-size: 16px;
  margin: 0;
  line-height: 26px;
}

.cat-banner-area h1 {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0px 0px 20px 0px;
  text-align: center;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
}

.cat-banner-area .cat-dic,
.cat-banner-area .cat-dic p {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 30px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
  position: relative;
}

.bottom-line {
  margin: 0 auto;
  width: 240px;
  height: 3px;
  background: #ffffff none repeat scroll 0 0;
}

.cat-banner-area .bx-wrapper {
  margin: 0;
}

.cat-banner-area .bx-wrapper .bx-viewport {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  left: 4px;
}

.cat-banner-area .bx-wrapper .bx-pager,
.cat-banner-area .bx-wrapper .bx-controls-auto {
  width: 100%;
}

.cat-banner-area .bx-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction {
  display: none;
}

.catalog-category-view {
  background: #fff;
}

.catalog-category-view .sidebar-additional,
.sidebar.sidebar-main {
  width: 30%;
}

.catalog-category-view .column.main {
  width: 70%;
}

.category-description p {
  font-size: 16px;
  font-weight: 400;
  color: #222;
  line-height: 28px;
  margin-bottom: 30px;
}

.category-description p:last-child {
  margin-bottom: 0px;
}

.left-category {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 30px;
}

.left-category li {
  display: block;
  margin: 4px 0px;
}

.left-category li a {
  background: #f8f8ff none repeat scroll 0 0;
  color: #162d45;
  display: block;
  font-size: 16px;
  padding: 16px 10px;
  font-weight: 600;
}

.left-category li a span {
  color: #666;
  font-size: 12px;
  display: block;
  font-weight: 500;
  margin-top: 5px;
}

.left-category li a .pro-count {
  color: #0985f8;
  font-size: 16px;
}

.left-category li a:hover {
  background: #162d45;
  color: #fff;
  text-shadow: none;
}

.left-category li a:hover span {
  color: #fff;
}

.catalog-category-view .product-items li.product-item {
  margin-left: 1.123456789%;
  margin-right: 1.123456789%;
  padding: 0;
  width: 31.8%;
}

.catalog-category-view .product-items li.product-item:nth-child(3n + 1) {
  margin-left: 0;
}

.catalog-category-view .product-items li.product-item:nth-child(3n + 3) {
  margin-right: 0;
}

.catalog-category-view .product-items li.product-item .product-item-info {
  width: 100%;
  float: left;
  padding: 17px;
  text-align: center;
  box-shadow: 1px 2px 2px -1px rgba(0, 0, 0, 0.2);
  transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
}

.catalog-category-view .product-items li.product-item .product-item-info:hover {
  box-shadow: 2px 3px 2px -1px rgba(0, 0, 0, 0.1) !important;
  background: #f8f8ff;
  margin: 0 !important;
  border: none !important;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-name {
  margin: 0;
}

.pro-name-with-review {
  min-height: 75px;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-link {
  font-size: 17px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #000;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-link:hover {
  text-shadow: none !important;
  color: #0985f8 !important;
  text-decoration: none !important;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary {
  margin-bottom: 6px;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary .rating-summary {
  margin: 0 4px 0 0;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary .rating-summary .rating-result>span:before {
  color: #febc20 !important;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary .reviews-actions {
  margin-top: 4px;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary .reviews-actions .action.view {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-transform: capitalize;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-reviews-summary .reviews-actions .action.view:hover {
  color: #0985f8;
  text-shadow: none;
  text-decoration: none;
}

.future-point {
  float: left;
  margin: 0;
  padding: 0 15px;
  width: 100%;
  min-height: 80px;
}

.future-point>li {
  color: #555555;
  float: left;
  font-size: 13px;
  font-weight: 600;
  list-style-type: inherit;
  padding-bottom: 3px;
  text-align: left;
  width: 100%;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-details {
  float: left;
  margin-top: 15px;
  width: 100%;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-details .price-box.price-final_price {
  float: left;
  line-height: 40px;
  margin: 0;
  text-align: left;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-details .price-box .price {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  white-space: nowrap;
}

.catalog-category-view .product-items li.product-item .product-item-info .product-item-details .product.actions.product-item-actions {
  float: right;
  margin: 0;
}

.catalog-category-view .toolbar-products .filter-show,
.catalog-category-view .toolbar-products .filter-sort,
.catalog-category-view .toolbar-products .filter-verion {
  border: 1px solid #dddddd;
  float: left;
  height: 40px;
  width: 31.321%;
  margin: 0 8.98765px;
}

.catalog-category-view .toolbar-products .filter-sort {
  margin-left: 0px;
}

.catalog-category-view .toolbar-products .filter-show {
  margin-right: 0px;
}

.catalog-category-view .toolbar-products .fisrt {
  margin-left: 0px;
}

.catalog-category-view .toolbar-products .last {
  margin-right: 0px;
}

.catalog-category-view .toolbar-products .filter-show .limiter,
.catalog-category-view .toolbar-products .filter-sort .sorter {
  width: 100%;
  line-height: 38px;
  padding-left: 10px;
}

.catalog-category-view .toolbar-products .filter-show .limiter .label,
.catalog-category-view .toolbar-products .filter-sort .sorter .sorter-label {
  float: left;
  font-weight: 600;
  text-transform: uppercase;
}

.catalog-category-view .toolbar-products .filter-show .control {
  float: right;
}

.catalog-category-view .toolbar-products .filter-show .control .limiter-options,
.catalog-category-view .toolbar-products .all-product-category select,
.catalog-category-view .toolbar-products .all-product-type select {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
  margin: 0px;
  height: 38px;
  float: right;
  padding-right: 25px;
}

.catalog-category-view .toolbar-products .filter-sort .sorter .sorter-options {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  border: none;
  margin: 0px;
  height: 38px;
  float: right;
  padding-right: 25px;
  width: 66%;
  text-align: right;
}

.catalog-category-view .toolbar-products .filter-sort .sorter .sorter-options option {
  text-align: left;
}

.magento-1-heading {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  background: #eee;
  padding: 17px;
  font-weight: 600;
  color: #555;
  font-size: 16px;
  border-radius: 3px;
}

.f-in {
  height: 36px !important;
  border: 1px solid #dcdcdc !important;
  background: #fff !important;
  color: #333;
  width: 100%;
}

input[type="file"].f-in {
  border: none !important;
}

textarea.f-in {
  height: auto !important;
  border: 1px solid #dcdcdc !important;
  background: #fff !important;
  color: #333;
}

.sidebar-newsletter,
.why_our_extension,
.paypal-img,
.recent-post-sidebar {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #ddd;
}

.sidebar-newsletter .subscribe-title {
  color: #132b45;
  padding: 5px 0 15px 40px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ddd;
  background: url(../images/rbu-icon.png);
  background-position: 0px 1px;
  background-repeat: no-repeat;
}

.sidebar-newsletter p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px;
}

.sidebar-newsletter .subscribe-intro {
  color: #222;
  text-align: left;
  font-size: 14px;
  padding-bottom: 5px;
}

.block.newsletter .form.subscribe .name-field,
.block.newsletter .form.subscribe .control {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.certified_developer {
  float: left;
  width: 100%;
  padding: 0px;
  margin-bottom: 30px;
  background: #f15c22;
}

.certified_developer h4 {
  color: #fff;
  padding: 30px 10px 20px 10px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 0px;
  position: relative;
}

.certified_developer p {
  float: left;
  margin: 0px;
  text-align: center;
  padding: 25px 20px 20px 20px;
}

.cd-line1 {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 35px;
  text-transform: uppercase;
}

.cd-line2 {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0px;
}

.cd-line3 {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 42px;
}

.cd-line4 {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  padding: 7px 0px;
}

.listpage_our_extension-slides {
  background-color: #fff;
  min-height: 335px;
  position: relative;
  margin: 0 auto;
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #ddd;
}

.listpage_our_extension-slides h4 {
  color: #132b45;
  padding: 5px 0 15px 40px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #ddd;
  background: url(../images/woe-icon.png);
  background-position: 0px 1px;
  background-repeat: no-repeat;
}

.listpage_our_extension-slides input[type="radio"],
.listpage_our_extension-slide,
.listpage_our_extension-slides input[type="radio"]:checked~div.slide-wrapper div.listpage_our_extension-slide,
.listpage_our_extension-slides input[type="radio"]:checked~div.slide-wrapper div.listpage_our_extension-slides-nav {
  display: none;
}

.listpage_our_extension-slides input[type="radio"]:checked+div.listpage_our_extension-slide-wrapper div.listpage_our_extension-slide,
.listpage_our_extension-slides input[type="radio"]:checked+div.listpage_our_extension-slide-wrapper div.listpage_our_extension-slides-nav {
  display: block;
  animation: psFadeIn 0.4s ease-out;
}

.listpage_our_extension-slides-nav--dots {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  width: 58px;
}

.listpage_our_extension-slides-nav--dots label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 2px;
}

.listpage_our_extension-slides-nav--dots label i {
  font-size: 14px;
  vertical-align: middle;
  color: #162d45;
  cursor: pointer;
}

.listpage_our_extension-slides-nav--dots label i.fa-circle {
  display: none;
}

.listpage_our_extension-slides input#slide1-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-1 i.fa-circle,
.listpage_our_extension-slides input#slide2-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-2 i.fa-circle,
.listpage_our_extension-slides input#slide3-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-3 i.fa-circle,
.listpage_our_extension-slides input#slide4-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-4 i.fa-circle {
  display: block;
  color: #162d45;
}

.listpage_our_extension-slides input#slide1-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-1 i.fa-circle-o,
.listpage_our_extension-slides input#slide2-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-2 i.fa-circle-o,
.listpage_our_extension-slides input#slide3-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-3 i.fa-circle-o,
.listpage_our_extension-slides input#slide4-btn:checked~div.listpage_our_extension-slides-nav--dots label#slider-btmbtn-4 i.fa-circle-o {
  display: none;
}

.listpage_our_extension-slides .listpage_our_extension-slide-wrapper {
  text-align: center;
}

.listpage_our_extension-slides .listpage_our_extension-slide-wrapper h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 15px 0;
  color: #0985f8;
}

.listpage_our_extension-slides .listpage_our_extension-slide-wrapper p {
  line-height: 22px;
  margin: 0;
}

.sidebar.sidebar-main .filter-current {
  margin: 0;
  border: 1px solid #e5e5e6;
  padding: 0px 15px;
}

.sidebar.sidebar-main .filter-actions {
  margin-bottom: 10px;
  border: 1px solid #e5e5e6;
  border-top: none;
  padding: 15px;
  background: #e5e5e6;
}

.paypal-img {
  text-align: center;
  float: left;
}

.recent-post-sidebar h4 {
  color: #132b45;
  padding: 5px 0 15px 40px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ddd;
  background: url(../images/rbp-icon.png);
  background-position: 0px 1px;
  background-repeat: no-repeat;
}

.rbp-list {
  margin: 0;
}

.rbp-list li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.rbp-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.rbp-list li a:hover {
  color: #0985f8;
  text-shadow: none;
}

.rbp-list li a {
  color: #162d45;
  font-weight: 600;
}

.sidebar-newsletter .subscribe .control:before {
  display: none !important;
}

.contact-section-area {
  float: left;
  width: 100%;
  padding: 60px 0px 120px;
  background: #f7f7f7;
}

.contact-section-area .container {
  padding-top: 0px;
  padding-bottom: 0px;
}

.contact-section-area .contact-left-area {
  float: left;
  width: 59%;
}

.contact-section-area .contact-right-area {
  float: right;
  width: 39%;
}

.contact-right-area .contact-box {
  min-height: 554px;
}

.contact-right-area .contact-box .fieldset,
.contact-right-area .contact-box .fieldset .field {
  margin-bottom: 15px;
}

.contact-box {
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
}

.innter-title {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 0px 20px 0px;
}

.innter-title span {
  float: left;
  width: 150px;
  height: 1px;
  background: #d7d7d7;
  position: absolute;
  margin-top: 10px;
  margin-left: 12px;
}

.contact-details {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.contact-detail-left {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.contact-detail-left p,
.contact-detail-right p {
  font-size: 15px;
  margin-bottom: 5px;
  line-height: inherit;
}

.con-title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.contact-detail-right {
  float: left;
  width: 50%;
}

.contact-box .contact-details:nth-child(2n + 1) {
  margin-top: 10px;
}

.contact-details img {
  margin-right: 10px;
}

.contact-details a {
  color: #19878a;
}

.contact-details a:hover {
  color: #333;
  text-shadow: none;
}

.careers-box {
  float: left;
  width: 100%;
  padding: 20px 0px;
}

.careers-box p {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
}

.careers-box a {
  color: #19878a;
  text-decoration: underline;
}

.careers-box a:hover {
  color: #333;
  text-shadow: none;
  text-decoration: none;
}

.contact-right-area .contact-box input::-webkit-input-placeholder,
.contact-right-area .contact-box textarea::-webkit-input-placeholder {
  color: #888 !important;
  opacity: 1;
}

.contact-right-area .contact-box input::-moz-placeholder,
.contact-right-area .contact-box textarea::-moz-placeholder {
  color: #888;
  opacity: 1;
}

.contact-right-area .contact-box input::-ms-input-placeholder,
.contact-right-area .contact-box textarea::-ms-input-placeholder {
  color: #888 !important;
  opacity: 1;
}

.contact-right-area .contact-box input::-moz-placeholder,
.contact-right-area .contact-box textarea::-moz-placeholder {
  color: #888 !important;
  opacity: 1;
}

.page-footer {
  margin: 0px;
  padding-bottom: 0px;
}

.header.content {
  padding: 0px;
  z-index: 22 !important;
}

@-webkit-keyframes hvr-icon-up {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {

  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hire-magento-developers-right,
.hire-magento-developers-left img,
.h-btn-area input#submitter,
.hvr-icon-up {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hire-magento-developers-right:hover,
.hire-magento-developers-left img:hover,
.h-btn-area input#submitter:hover,
.hvr-icon-up:hover {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

#back-to-top {
  position: fixed;
  bottom: 68px;
  right: 40px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
  border: 0;
  font-size: 20px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4) !important;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

#back-to-top:hover {
  text-shadow: none;
}

#back-to-top.show {
  opacity: 1;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
}

.custom-breadcrumbs {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  float: left;
  width: 100%;
}

.custom-breadcrumbs ul {
  border-left: 1px solid #ddd;
  width: 100%;
  float: left;
  margin: 0px;
}

.custom-breadcrumbs li {
  float: left;
  width: auto;
}

.custom-breadcrumbs a {
  position: relative;
  display: block;
  padding: 20px 40px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #132c45;
  cursor: pointer;
  text-decoration: none;
}

.custom-breadcrumbs a:hover {
  background: #eee;
  text-shadow: none;
  color: #0985f8;
}

.custom-breadcrumbs a.active {
  color: #0985f8;
  background-color: #fafafa;
}

.custom-breadcrumbs a:before,
.custom-breadcrumbs a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: block;
  width: 0;
  height: 0;
  border-top: 31px solid transparent;
  border-bottom: 31px solid transparent;
  border-left: 16px solid transparent;
}

.custom-breadcrumbs a:before {
  margin-left: 1px;
  border-left-color: #d5d5d5;
}

.custom-breadcrumbs a:after {
  border-left-color: #f5f5f5;
}

.custom-breadcrumbs a:hover:after {
  border-left-color: #eee;
}

.custom-breadcrumbs a.active:after {
  border-left-color: #fafafa;
}

.custom-breadcrumbs li:last-child a:before,
.custom-breadcrumbs li:last-child a:after {
  display: none;
}

.custom-breadcrumbs li:last-child span {
  padding: 20px 40px;
  float: left;
  color: #0985f8;
  font-size: 15px;
  font-weight: 600;
}

@media (max-width: 720px) {
  .custom-breadcrumbs a {
    padding: 15px;
  }

  .custom-breadcrumbs a:before,
  .custom-breadcrumbs a:after {
    border-top-width: 26px;
    border-bottom-width: 26px;
    border-left-width: 13px;
  }
}

@media (max-width: 620px) {
  .custom-breadcrumbs a {
    padding: 10px;
    font-size: 12px;
  }

  .custom-breadcrumbs a:before,
  .custom-breadcrumbs a:after {
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 11px;
  }
}

@media (max-width: 520px) {
  .custom-breadcrumbs a {
    padding: 12px 10px;
  }

  .custom-breadcrumbs a:before,
  .custom-breadcrumbs a:after {
    border-top-width: 21px;
    border-bottom-width: 21px;
    border-left-width: 8px;
  }

  .custom-breadcrumbs li a span:first-child {
    display: block;
    margin: 0 auto;
  }

  .custom-breadcrumbs li:last-child span {
    padding: 12px 10px 12px 20px;
    font-size: 12px;
  }
}

.product-title {
  font-size: 24px;
  color: #222;
  margin-bottom: 40px;
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 600;
}

.page-wrapper .my-breadcrumb {
  display: none;
}

.my-breadcrumb {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}

.my-breadcrumb>li,
.breadcrumbs li {
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding-right: 15px;
}

.my-breadcrumb>li>a {
  color: #fff;
}

.my-breadcrumb>li>a:hover {
  color: #0985f8;
}

.my-breadcrumb>li+li::before,
.breadcrumbs li+li::before {
  content: "";
  background: url(../images/bread-arrow.png);
  width: 26px;
  height: 11px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 8px 0;
  margin-right: 15px;
}

.my-breadcrumb>li>span {
  color: #0985f8;
}

.breadcrumbs {
  display: none;
  margin: 20px 0 0px 0;
}

.breadcrumbs .items>li {
  font-size: 12px !important;
}

.breadcrumbs .items a,
.breadcrumbs .items a span {
  color: #fff;
  font-weight: 500;
  font-size: 12px;
}

.breadcrumbs li span,
.breadcrumbs li span strong {
  color: #0985f8;
  font-size: 12px;
}

.breadcrumbs .items a:hover {
  color: #0985f8;
  text-decoration: none;
  text-shadow: none;
}

.breadcrumbs .item:not(:last-child):after {
  display: none;
}

.magento-ecommerce-discovery {
  float: left;
  width: 100%;
  background: #fff;
  padding: 50px 0px 50px 0px;
}

.step-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #0985f8;
  padding: 10px 0px 50px 0px;
  margin: 0;
  line-height: 1;
}

.step-title span {
  color: #132c45;
}

.magento-ecommerce-discovery h3 {
  color: #222;
  font-size: 20px;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.methodology-left-contact-sales .innter-title {
  margin: 40px 0px 0px 0px;
}

.magento-ecommerce-discovery-left,
.magento-ecommerce-discovery-right {
  padding-top: 30px;
}

.magento-ecommerce-discovery-left .methedology-link {
  margin-bottom: 40px;
}

.discovery-listing {
  margin: 0px;
  padding: 0px;
}

.discovery-listing li {
  padding: 20px;
  margin: 0 0 25px;
  border-left: 3px solid #132c45;
  background: #f9f9f9;
  display: block;
}

.discovery-listing li:last-child {
  margin-bottom: 0px;
}

.discovery-listing li h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 15px 0;
  color: #222;
}

.discovery-listing li p:last-child {
  margin-bottom: 0px;
}

.step-title a {
  font-size: 16px;
}

.step-title a:hover {
  color: #162d45;
}

.md-our-link {
  margin: 0;
  padding: 0;
  margin-top: 40px;
}

.md-our-link li {
  display: block;
}

.md-our-link li a {
  padding: 12px 20px;
  display: inline-block;
  color: #162d45;
  font-size: 16px;
  background: #f5f5f5;
  margin-bottom: 8px;
}

.md-our-link li a:hover {
  color: #fff;
  background: #0985f8;
}

.magento-ecommerce-discovery-right .step-title {
  padding-top: 50px;
  padding-bottom: 0px;
}

.magento-ecommerce-discovery ul.stranth-list {
  margin-bottom: 0px;
  padding-bottom: 15px;
}

.magento-ecommerce-discovery ul.stranth-list li {
  font-weight: 400;
}

/* mcs-inner-banner START */
/* magento-2-development-solutions */
.cms-magento-2-development-solutions .customimage {
  background: url(../images/magento-2-development-solutions-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

.mcs-inner-banner .mcs-inner-left,
.mcs-inner-banner .mcs-inner-right {
  padding-top: 60px;
  padding-bottom: 50px;
}

.customimage .inner-banner-content .inner-banner-content-left h1,
.mcs-inner-banner h1 {
  font-size: 25px;
  line-height: 34px;
  margin: 0 0 30px 0;
  font-weight: 700;
  text-shadow: none;
}

.customimage .inner-banner-content-left p,
.mcs-inner-banner p {
  line-height: 26px;
  font-weight: 400;
}

.list-point {
  margin: 30px 0;
  padding: 0;
}

.list-point li {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  width: 49%;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}

.list-point li:before {
  content: "\f10c";
  font: normal normal normal 13px/1 FontAwesome;
  margin-right: 4px;
  color: #f05c14;
}

.cms-ecommerce-integration-services .list-point li:before,
.cms-design-ecommerce-website .list-point li:before,
.cms-ecommerce-development-services .list-point li:before,
.cms-ecommerce-consulting-services .list-point li:before {
  content: "\f10c";
  font: normal normal normal 13px/1 FontAwesome;
  margin-right: 4px;
  color: #0985f8;
}

.list-point.full-width li {
  width: 100%;
}

.list-point li i {
  font-size: 13px;
  padding-right: 2px;
}

.customimage .inner-banner-content-left p,
.mcs-inner-banner .mcs-inner-left p {
  margin-bottom: 20px;
}

.mcs-inner-banner .mcs-inner-right {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  background-color: #f05c14;
}

.cms-ecommerce-integration-services .mcs-inner-banner .mcs-inner-right,
.cms-design-ecommerce-website .mcs-inner-banner .mcs-inner-right,
.cms-ecommerce-development-services .mcs-inner-banner .mcs-inner-right,
.cms-ecommerce-consulting-services .mcs-inner-banner .mcs-inner-right {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  background-color: #0985f8;
}

.cms-magento-support-services .mcs-inner-banner .mcs-inner-right {
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  background-color: transparent;
}

.mcs-inner-banner .mcs-inner-right p {
  margin-bottom: 30px;
}

.servies-by-left .methodology-left-contact-sales {
  margin-top: 40px;
}

.servies-by-left ul {
  margin: 0 0 30px 0;
}

.servies-by-left ul li {
  font-size: 16px;
  line-height: 30px;
}

.magento-2-development-seven-reasons .reasons-content p {
  color: #fff;
}

.magento-2-development-seven-reasons .reasons-content p,
.cms-magento-code-audit .magento-2-development-seven-reasons .reasons-content p {
  color: #474747;
}

.cms-psd-to-magento-theme-integration .customimage:before,
.cms-magento-2-development-solutions .customimage:before,
.cms-magento-responsive-theme .customimage:before,
.cms-magento-website-portfolio .customimage:before,
.contact-index-index .customimage:before,
.cms-company-profile .customimage:before,
.cms-magento-module-development .customimage:before,
.cms-magento-support-services .customimage:before,
.cms-magento-developers-for-hire .customimage:before,
.cms-magento-theme-designer .customimage:before,
.cms-hyva-theme-development .customimage:before,
.cms-ecommerce-integration-services .customimage:before,
.cms-design-ecommerce-website .customimage:before,
.cms-ecommerce-development-services .customimage:before,
.cms-hyva-theme-development-services .customimage:before,
.cms-it-staff-augmentation-services .customimage:before,
.cms-ecommerce-consulting-services .customimage:before,
.cms-career .customimage:before,
.cms-our-partners .customimage:before,
.cms-magento-upgrade-service .customimage:before,
.cms-magento-1-to-magento-2-migration-service .customimage:before {
  content: "";
  background-color: #000000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.92;
}

.cms-magento-developers-for-hire .mcs-inner-banner .mcs-inner-right {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

.cms-magento-developers-for-hire .mcs-inner-banner h1,
.cms-magento-module-development .mcs-inner-banner h1,
.cms-psd-to-magento-theme-integration .mcs-inner-banner h1,
.cms-magento-responsive-theme .mcs-inner-banner h1,
.cms-magento-theme-designer .mcs-inner-banner h1 {
  color: #fff;
}

.cms-magento-speed-optimization .list-point,
.cms-magento-2-theme-development .list-point,
.cms-magento-custom-functionality .list-point {
  margin: 0;
}

.cms-magento-module-development .list-point,
.cms-hyva-theme-development .list-point,
.cms-magento-responsive-theme .list-point,
.cms-magento-theme-designer .list-point {
  margin-bottom: 0;
}

.magento-2-development-seven-reasons .new-title,
.cms-magento-code-audit .magento-2-development-seven-reasons .new-title,
.cms-magento-theme-designer .magento-2-development-seven-reasons .new-title,
.cms-magento-theme-designer .theme-design-integration .new-title {
  color: #272727 !important;
}

.cms-magento-theme-designer .theme-design-integration2 {
  background-color: #f5f5f5;
}

.cms-magento-theme-designer .theme-design-integration2 .reasons-right li a,
.cms-magento-theme-designer .theme-design-integration2 .reasons-right li h4,
.cms-magento-theme-designer .theme-design-integration2 .reasons-left li a i,
.cms-magento-theme-designer .theme-design-integration2 .reasons-right li a i {
  color: #333;
}

/* magento-responsive-theme */
.cms-magento-responsive-theme .customimage {
  background: url(../images/magento-responsive-theme-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* psd-to-magento-theme-integration */
.cms-psd-to-magento-theme-integration .customimage {
  background: url(../images/psd-to-magento-theme-integration-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* magento-module-development */
.cms-magento-module-development .customimage {
  background: url(../images/magento-module-development-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-magento-developers-for-hire */
.cms-magento-developers-for-hire .customimage {
  background: url(../images/magento-developers-for-hire-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-magento-support-services */
.cms-magento-support-services .customimage {
  background: url(../images/magento-support-services-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-magento-website-portfolio */
.cms-magento-website-portfolio .customimage {
  background: url(../images/magento-website-portfolio.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-design-ecommerce-website */
.cms-company-profile .customimage,
.cms-design-ecommerce-website .customimage {
  background: url(../images/design-ecommerce-website-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-ecommerce-development-services */
.cms-ecommerce-development-services .customimage {
  background: url(../images/ecommerce-development-services-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-ecommerce-consulting-services */
.cms-ecommerce-consulting-services .customimage {
  background: url(../images/ecommerce-consulting-services-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-hyva-theme-development-services */
.cms-hyva-theme-development-services .customimage {
  background: url(../images/hyvaThemeDevelopmentBg.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-it-staff-augmentation-services */
.cms-it-staff-augmentation-services .customimage {
  background: url(../images/itStaffAugmentationServices.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* cms-ecommerce-integration-services */
.cms-ecommerce-integration-services .customimage {
  background: url(../images/itStaffAugmentationServices.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

/* magento-theme-designer */
.contact-index-index .customimage,
.cms-magento-theme-designer .customimage {
  background: url(../images/magento-theme-designer-inner.jpg) no-repeat scroll;
  background-size: cover;
  background-position: center;
}

.cms-ecommerce-integration-services .customimage:before,
.cms-ecommerce-development-services .customimage:before,
.cms-design-ecommerce-website .customimage:before,
.cms-it-staff-augmentation-services .customimage:before,
.cms-ecommerce-consulting-services .customimage:before,
.cms-magento-upgrade-service .customimage:before,
.cms-magento-1-to-magento-2-migration-service .customimage:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.89;
}

/* repeat */
.new-title {
  line-height: 30px;
  font-size: 24px;
  margin: 0;
  color: #222;
  padding-bottom: 30px;
  font-weight: 600;
}

.servies-by-left h2 {
  line-height: 32px;
  font-size: 25px;
  margin: 0;
  color: #222;
  padding-bottom: 30px;
  font-weight: 600;
}

.servies-by-left p {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  padding-bottom: 30px;
}

/* /mcs-inner-banner */
.magento-2-development-solutions {
  float: left;
  width: 100%;
  background: #fff;
  padding: 160px 0px 80px 0px;
}

.magento-2-development-left {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.magento-2-development-right p {
  text-align: left;
}

.magento-2-development-left p:last-child,
.magento-2-development-right p:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.magento-2-development-left p:last-child {
  margin-bottom: 0;
}

.new-sub-title {
  line-height: 45px;
  font-size: 30px;
  margin: 0;
  color: #222;
  padding-bottom: 30px;
  font-weight: 100;
}

.magento-2-development-right {
  float: right;
  width: 50%;
  padding-left: 20px;
}

.magento-2-development-right img {
  margin: 0;
  padding: 0;
}

.magento-2-development-right .stranth-flat {
  float: left;
  width: 50%;
  background: #132c45;
  padding: 20px;
  text-align: center;
  color: #fff;
  position: relative;
  margin-top: -250px;
}

.magento-2-development-right .stranth-sell h3,
.magento-2-development-right .stranth-flat h3 {
  font-size: 25px;
  margin: 0;
  padding-bottom: 20px;
  font-weight: 100;
  line-height: 35px;
  color: #fff;
}

.magento-2-development-right .stranth-sell p,
.magento-2-development-right .stranth-flat p {
  color: #fff;
  line-height: 24px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.magento-2-development-right .stranth-sell {
  float: right;
  width: 50%;
  background: #0985f8;
  padding: 25px;
  margin-top: -150px;
  z-index: 999;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}

.magento-2-development-servies-by {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 80px 0px;
}

#mconnectservice.magento-2-development-servies-by .servies-by-left,
#mconnectservice.magento-2-development-servies-by .servies-by-right {
  min-height: 838px;
}

.servies-by-left {
  float: left;
  width: 50%;
  background: #fbfbfb;
  padding: 40px;
  min-height: 630px;
  height: 630px;
  position: relative;
}

.servies-by-left:after {
  content: "";
  width: 35px;
  height: 35px;
  background-color: #fbfbfb;
  position: absolute;
  top: 46%;
  right: -17px;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.creating-magento-theme .servies-by-left a.mcs-btn-1:last-child {
  margin-left: 8px;
  background-color: #162d45;
  color: #fff;
}

.creating-magento-theme .servies-by-left a.mcs-btn-1:last-child {
  background-color: transparent;
  color: #ef672f;
}

.creating-magento-theme .servies-by-left a:last-child:hover {
  background-color: #ef672f;
  color: #fff;
}

.servies-by-right {
  float: left;
  width: 50%;
  background: #efefef;
  padding: 40px 50px 40px 50px;
  min-height: 630px;
}

.servies-by-right h2 {
  font-size: 30px;
  color: #fff;
  line-height: 40px;
  margin: 0;
  padding-bottom: 50px;
  font-weight: 100;
}

.servies-by-right p {
  color: #474747;
  width: 100%;
}

.sb-listing {
  margin: 0;
  padding: 0;
}

.sb-listing li {
  color: #474747;
  padding-bottom: 15px;
}

.sb-listing li:last-child {
  padding-bottom: 0px;
}

.sb-listing li i {
  font-size: 14px;
  padding-right: 10px;
}

.magento-2-development-our-workflow {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
}

.our-workflow-left {
  float: left;
  width: 40%;
  padding-right: 20px;
}

.our-workflow-left h2 {
  text-align: right;
  font-size: 25px;
  line-height: 32px;
}

.our-workflow-left img {
  width: 100%;
}

.our-workflow-right {
  float: left;
  width: 60%;
  padding-left: 20px;
}

.magento-2-development-migration {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
}

.magento-2-development-migration .magento-2-development-left img,
.magento-2-development-migration .magento-2-development-right img {
  width: 100%;
  margin-bottom: 40px;
  float: left;
}

.magento-2-development-migration .magento-2-development-left h2,
.magento-2-development-migration .magento-2-development-right h2 {
  float: left;
  margin: 0;
  padding-bottom: 25px;
  font-size: 22px;
  line-height: 30px;
  width: 100%;
}

.magento-2-development-left p:last-child,
.magento-2-development-right p:last-child {
  margin-bottom: 0px;
}

.portfolio-section .new-title {
  color: #fff;
}

.magento-2-development-seven-reasons {
  float: left;
  width: 100%;
  background: #040c2f;
  padding: 80px 0px;
}

.magento-2-development-seven-reasons,
.cms-magento-code-audit .magento-2-development-seven-reasons {
  background: #f5f5f5;
}

.magento-2-development-seven-reasons .new-title {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  font-size: 30px;
  line-height: 50px;
  padding-bottom: 50px;
}

.reasons-left {
  float: left;
  width: 50%;
  padding-right: 20px;
  margin-bottom: 0px;
}

.reasons-right {
  float: left;
  width: 50%;
  padding-left: 20px;
  margin-bottom: 0px;
}

.reasons-left li,
.reasons-right li {
  max-width: 390px;
  margin: 0 auto;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.reasons-left li:last-child,
.reasons-right li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.reasons-title:hover a i,
.reasons-title:hover h4 {
  opacity: 0.7;
}

.reasons-left li a {
  display: table-cell;
  cursor: pointer;
}

.reasons-left li a:hover {
  color: #fff;
}

.reasons-left li h4,
.reasons-right li a,
.reasons-right li h4 {
  display: table-cell;
  cursor: pointer;
  color: #474747;
}

.cms-magento-theme-designer .reasons-left li h4,
.cms-magento-theme-designer .reasons-right li a,
.cms-magento-theme-designer .reasons-right li h4 {
  color: #474747;
}

.reasons-left li a i,
.reasons-right li a i {
  font-size: 30px;
  padding-right: 30px;
  color: #474747;
}

.cms-magento-code-audit .lucid-understanding li a i,
.cms-magento-theme-designer .reasons-left li a i,
.cms-magento-theme-designer .reasons-right li a i {
  color: #474747;
}

.reasons-left li h4,
.reasons-right li h4 {
  font-size: 16px;
  line-height: 22px;
}

.reasons-content {
  padding-left: 50px;
  display: none;
  padding-top: 30px;
}

.reasons-content p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
}

.magento-2-development-ecommerce-store {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
}

.ecommerce-store-left {
  float: left;
  width: 65%;
  padding-right: 40px;
}

.ecommerce-store-left p {
  font-size: 18px;
  font-weight: 100;
  line-height: 32px;
  margin-bottom: 34px;
}

.ecommerce-store-left h2 {
  color: #0985f8;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.ecommerce-store-right {
  float: left;
  width: 35%;
  padding: 20px;
  background: #132c45;
}

.ecommerce-store-right h2.innter-title {
  color: #fff;
  padding-top: 0px;
}

.form.contact {
  float: left;
  width: 100%;
}

.ecommerce-store-right fieldset.fieldset {
  margin: 0px 0px 10px 0px;
}

.ecommerce-store-right fieldset.fieldset .field input,
.ecommerce-store-right fieldset.fieldset .field textarea {
  margin-bottom: 15px;
}

.actions-toolbar button,
.actions-toolbar .or-text,
.actions-toolbar .your-em {
  display: inline-block;
  vertical-align: middle;
}

.or-text {
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
}

.contact-right-area .or-text span {
  color: #222;
  background: #fff;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
}

.contact-right-area .or-text span {
  color: #222;
  background: #fff;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
}

.contact-right-area .or-text span {
  color: #222;
  background: #fff;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
}

.or-text span {
  color: #fff;
  background: #132c45;
  text-transform: uppercase;
  z-index: 2;
  position: relative;
}

.contact-right-area .or-text small {
  position: absolute;
  width: 55px;
  height: 2px;
  background-color: #ddd;
  left: -18px;
  top: 9px;
  z-index: 1;
  transform: rotate(115deg);
  -o-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  -moz-transform: rotate(115deg);
  -webkit-transform: rotate(115deg);
}

.or-text small {
  position: absolute;
  width: 55px;
  height: 2px;
  background-color: #fff;
  left: -18px;
  top: 9px;
  z-index: 1;
  transform: rotate(115deg);
  -o-transform: rotate(115deg);
  -ms-transform: rotate(115deg);
  -moz-transform: rotate(115deg);
  -webkit-transform: rotate(115deg);
}

.your-em {
  color: #fff;
  width: 48%;
  font-size: 15px;
  font-weight: 100;
  line-height: 22px;
}

.your-em a:hover {
  color: #222;
}

.ecommerce-store-right .your-em a:hover {
  color: #fff;
}

.contact-right-area .your-em {
  color: #222;
  width: 48%;
  font-size: 15px;
  font-weight: 100;
  line-height: 22px;
}

.ecommerce-store-right #submitter {
  background-color: #0985f8;
  border-color: #0985f8;
}

.ecommerce-store-right #submitter:hover {
  background: transparent;
  color: #0985f8;
}

.magento-responsive-theme {
  float: left;
  width: 100%;
  background: #fff;
  padding: 160px 0px 80px 0px;
}

.cms-magento-code-audit .magento-responsive-theme {
  background: #f8f8f8;
}

.magento-responsive-mobile {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 80px 0px;
}

.magento-responsive-mobile p {
  color: #474747;
}

.magento-responsive-mobile .new-title {
  color: #272727;
}

.magento-responsive-mobile h3 {
  color: #474747;
  font-weight: 100;
  font-size: 22px;
  margin: auto;
  padding-bottom: 30px;
}

.magento-responsive-mobile .stranth-list {
  margin-bottom: 0px;
}

.magento-responsive-mobile .stranth-list li {
  color: #474747;
  font-weight: 100;
  line-height: 28px;
}

.magento-responsive-mobile .stranth-list li:before {
  top: 6px;
}

.mobile-services-link {
  margin: 40px 0 0px 0;
  padding: 0;
}

.mobile-services-link li {
  display: inline-block;
  text-align: center;
  max-width: 220px;
  padding-right: 30px;
  position: relative;
}

.mobile-services-link li img {
  margin: 0 auto;
  display: list-item;
}

.mobile-services-link li a {
  color: #474747;
  font-size: 18px;
  font-weight: 100;
  line-height: 22px;
  padding-top: 10px;
  float: left;
  display: list-item;
  text-transform: uppercase;
}

.mobile-services-link li:hover a {
  color: #0985f8;
}

.sprite-pdm-icon {
  width: 72px;
  height: 72px;
  background-position: -5px -274px;
  margin: 0 auto;
}

.sprite-pmt-icon {
  width: 72px;
  height: 72px;
  background-position: -87px -274px;
  margin: 0 auto;
}

.sprite-mctd-icon {
  width: 72px;
  height: 72px;
  background-position: -283px -55px;
  margin: 0 auto;
}

.sprite-mms-icon {
  width: 72px;
  height: 72px;
  background-position: -225px -192px;
  margin: 0 auto;
}

.helps-you-take {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  text-align: center;
}

.helps-you-take p {
  font-size: 32px;
  line-height: 42px;
  max-width: 80%;
  font-weight: 100;
  margin: 0 auto 50px;
}

.helps-you-take p:last-child {
  margin-bottom: 0px;
}

.helps-you-take a.mcs-btn-6 {
  margin-left: -8px;
}

.interacting-selling .servies-by-left,
.interacting-selling .servies-by-right {
  min-height: 655px;
}

.interacting-selling {
  background-color: #f5f5f5;
}

.interacting-selling .servies-by-left p:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.interacting-selling .servies-by-right h3 {
  color: #474747;
  font-weight: 100;
  margin: 0;
  padding-bottom: 30px;
  font-size: 22px;
}

.interacting-selling .servies-by-left,
.interacting-selling .servies-by-right {
  min-height: 670px;
}

.mobile-services-link li:after {
  content: "+";
  position: absolute;
  color: #474747;
  font-size: 45px;
  top: 0;
  font-weight: 100;
}

.mobile-services-link li:nth-child(3):after {
  content: "=";
  position: absolute;
  color: #474747;
  font-size: 45px;
  top: 0;
  font-weight: 100;
}

.mobile-services-link li:last-child:after {
  display: none;
}

.theme-design-integration {
  background: #f09e35;
}

.theme-design-integration .new-title {
  float: left;
  width: 100% !important;
  text-align: left !important;
}

.theme-design-integration .theme-design-integration-left p,
.theme-design-integration .theme-design-integration-right p {
  color: #fff;
}

.magento-2-development-seven-reasons.theme-design-integration2 .reasons-content p,
.magento-2-development-seven-reasons.theme-design-integration .reasons-content p {
  color: #222;
}

.helps-you-take .container {
  padding: 0px;
}

.theme-design-integration-left,
.theme-design-integration-right {
  background: #272727;
  padding: 30px 20px;
  min-height: 264px;
  position: relative;
  margin-bottom: 70px;
  margin-top: 20px;
}

.theme-design-integration-left:before,
.theme-design-integration-right:before {
  content: "";
  position: absolute;
  bottom: -30px;
  border-right: 40px solid #272727;
  border-bottom: 30px solid transparent;
  right: 0;
}

.theme-design-integration-left h2,
.theme-design-integration-right h2 {
  margin: 0;
  color: #fff;
  font-weight: 100;
  padding: 0px 0px 30px 0px;
}

.theme-design-integration-left p,
.theme-design-integration-right p {
  margin: 0;
}

.theme-design-integration .reasons-left li,
.theme-design-integration .reasons-right li {
  border-color: rgba(71, 71, 71);
  max-width: 100%;
}

.theme-design-integration .reasons-content p {
  margin-bottom: 15px;
}

.theme-design-integration .reasons-content p:last-child {
  margin-bottom: 0px;
}

.theme-design-integration .reasons-left li .reasons-content p a,
.theme-design-integration .reasons-right li .reasons-content p a {
  display: initial;
  color: #0985f8;
}

.theme-design-integration .reasons-left li .reasons-content p a:hover,
.theme-design-integration .reasons-right li .reasons-content p a:hover {
  color: #fff;
}

.call-us-area {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  text-align: center;
}

.call-us-left {
  float: left;
  width: 20%;
  margin-right: 4%;
}

.call-us-right {
  float: right;
  width: 72%;
  background: #132c45;
  padding: 30px;
  border-radius: 5px;
  margin-top: 2.5%;
  position: relative;
}

.call-us-right a:hover {
  color: #fff;
}

.call-us-right:before {
  content: "";
  background: url(../images/call-us-arrow.png) no-repeat scroll;
  width: 72px;
  height: 58px;
  position: absolute;
  margin: 0 auto;
  left: -23px;
  bottom: -2px;
  background-size: 40%;
}

.call-us-right p {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 24px;
  text-align: left;
  line-height: 34px;
  font-weight: 100;
}

.theme-design-integration2 {
  background-color: #132c45;
}

.theme-design-integration2 ul.sb-listing {
  padding-top: 20px;
}

.theme-design-integration2 .sb-listing li {
  border: none;
  line-height: inherit;
  padding: 4px 0;
  margin: inherit;
  font-size: 16px;
  font-weight: inherit;
  color: #272727;
}

.theme-design-integration2 .reasons-left,
.theme-design-integration2 .reasons-right {
  margin-top: 30px;
}

.theme-design-integration2 .reasons-left .deco-text {
  text-align: center;
  font-size: 32px;
  font-weight: 100;
  line-height: 45px;
  width: 95%;
  margin: 11% auto;
  float: none;
  display: table;
  position: relative;
}

.theme-design-integration2 .reasons-left .deco-text:before {
  content: "";
  background: url(../images/deco-icon.png) no-repeat scroll;
  width: 162px;
  height: 20px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -40px;
}

.theme-design-integration2 .reasons-left .deco-text:after {
  content: "";
  background: url(../images/deco-icon.png) no-repeat scroll;
  width: 162px;
  height: 20px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -40px;
}

.dedicated-magento-team-section {
  float: left;
  width: 100%;
  background: #f0efef;
  padding: 80px 0px;
}

.dedicated-magento-team-section p:last-child {
  margin-bottom: 0px;
}

.dedicated-team-listing {
  margin: 30px 0px 0px 0px;
  padding: 0;
}

.dedicated-team-listing li {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  width: 49%;
  min-height: 130px;
  padding-right: 13%;
  background: url(../images/dt-list-icon.png);
  background-repeat: no-repeat;
  padding-left: 70px;
  padding-bottom: 30px;
  background-position: 0px 10px;
  display: inline-block;
  vertical-align: top;
}

.our-dedicated-magento-team .servies-by-left,
.our-dedicated-magento-team .servies-by-right {
  height: 914px;
  min-height: 914px;
}

.price-table-section {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 0px 0px 80px 0px;
}

.price-table-section .new-title {
  color: #222;
  text-align: center;
}

.our-faqs-section .reasons-left li,
.our-faqs-section .reasons-right li {
  max-width: 480px;
}

.my-price-table {
  background: #fff;
  margin-top: 25px;
  border-collapse: inherit;
}

.my-price-table tbody {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.my-price-table thead tr th {
  vertical-align: middle !important;
  border: none !important;
  background: #1d2227;
  position: relative;
  color: #fff;
  text-align: center;
}

.my-price-table thead tr th:nth-child(2n + 2) {
  background: #2b3138;
}

.my-price-table thead tr:first-child th:nth-child(2n + 1):before {
  content: "";
  width: 100%;
  height: 30px;
  background: #1d2227;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999999;
  top: -25px;
}

.my-price-table thead tr th h3 {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  padding: 15px;
  margin: 0;
}

.my-price-table thead tr th h3:after {
  width: 50px;
  height: 1px;
  content: "";
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  background: #fff;
  left: 0;
  right: 0;
}

.my-price-table thead tr th h4 {
  font-size: 30px;
  font-weight: 100;
  padding: 15px;
  margin: 0;
}

.my-price-table tbody tr td,
.my-price-table tbody tr th {
  text-align: center;
  vertical-align: middle !important;
  border: 1px solid #eee;
  padding: 20px 10px !important;
}

.support-package-table .my-price-table tbody tr td,
.support-package-table .my-price-table tbody tr th {
  padding: 15px !important;
}

.payg-title {
  background-color: #178587 !important;
}

.payg-title:before {
  background: #178587 !important;
}

.payg-light {
  border-color: #178587 !important;
  border-top: transparent !important;
}

.old-new-price {
  line-height: 8px;
}

.old-new-price small {
  display: block;
  color: #999;
  font-weight: 500;
  text-decoration: line-through;
  font-style: italic;
  font-size: 14px;
}

.my-price-table tbody tr td p {
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

.my-price-table tbody tr td strong {
  font-size: 15px;
}

.my-price-table tfoot tr th,
.my-price-table tfoot tr td {
  font-size: 18px;
  font-weight: 700;
  color: #0985f8;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: middle !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  background: #fff;
}

.sprite-uncheck-icon {
  width: 26px;
  height: 26px;
  background-position: -421px -283px;
  margin: 0 auto;
}

.sprite-check-icon {
  width: 26px;
  height: 26px;
  background-position: -139px -5px;
  margin: 0 auto;
}

.support-packages-area {
  text-align: center;
}

.support-packages {
  padding: 80px 0px 25px 0px;
  float: left;
  width: 100%;
}

.packages-box {
  border: 1px solid #eee;
  padding: 30px 20px;
  text-align: center;
  transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  background-color: #132c45;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 120px;
  border-top-right-radius: 120px;
  border-top-left-radius: 8px;
}

span.package-top {
  background-color: #132c45;
  width: 120px;
  height: 120px;
  display: inline-block;
  border-radius: 100%;
  border: 10px solid #fff;
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 25px;
  font-size: 24px;
  padding: 25px 15px;
  color: #fff;
  font-weight: 700;
}

span.package-top sub {
  font-size: 11px;
  font-weight: 400;
}

span.package-top small {
  display: block;
  font-size: 14px;
  text-decoration: line-through;
  font-weight: 300;
  color: #fff;
  opacity: 0.6;
}

.package-top .package-off {
  position: absolute;
  top: -8px;
  right: -2px;
  background-color: #ff0a00;
  border: 2px solid #fff;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
}

.package-title {
  min-height: 55px;
  border-bottom: 1px solid #198989;
  margin-bottom: 20px;
}

.package-title h3 {
  text-transform: uppercase;
  color: #0985f8;
  font-weight: 600;
}

.package-title h3 small {
  display: block;
  font-size: 11px;
  text-transform: none;
  margin-top: 3px;
  color: #198989;
}

.package-details ul li {
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08);
  padding: 10px 0;
}

.package-details ul li:last-child {
  border-bottom: none;
}

.packages-box:hover .package-top,
.packages-box:hover .package-off,
.packages-box:hover {
  background-color: #1a8788;
}

.cms-magento-speed-optimization .packages-box:hover .package-top,
.cms-magento-speed-optimization .packages-box:hover .package-off,
.cms-magento-speed-optimization .packages-box:hover {
  background-color: #0985f8;
}

.packages-box:hover .package-title {
  border-bottom: 1px solid #fff;
}

.packages-box:hover .package-details ul li,
.packages-box:hover .package-title h3,
.packages-box:hover .package-title h3 small {
  color: #fff;
}

.creating-magento-theme .servies-by-left,
.creating-magento-theme .servies-by-right {
  height: 656px;
  min-height: 656px;
}

.conversion-services-listing {
  margin: 40px 0px 0px 0px;
}

.conversion-services-listing li {
  margin-bottom: 30px;
}

.conversion-services-listing li:last-child {
  margin-bottom: 0px;
}

.conversion-services-listing li .listing-content,
.conversion-services-listing li i {
  vertical-align: middle;
  display: table-cell;
}

.conversion-services-listing li i {
  font-size: 90px;
  text-align: left;
  padding: 40px 80px 40px 0px;
  color: #c3c3c3;
}

.conversion-services-listing li:nth-child(even) i {
  float: right;
  padding: 40px 0px 40px 80px;
}

.conversion-services-listing li .listing-content {
  background: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px 25px;
}

.conversion-services-listing li .listing-content h4 {
  font-size: 20px;
  color: #0985f8;
  margin: 0;
  padding: 0px 0px 15px 0px;
}

.conversion-services-listing li .listing-content p {
  margin: 0;
  padding: 0;
}

.search-engine-markup-section .stranth-list {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.future-upgradeable-section {
  float: left;
  width: 100%;
}

.future-upgradeable-section .future-upgradeable-left {
  background: #fbfbfb;
  padding: 70px 40px 70px 0px;
}

.future-upgradeable-section .future-upgradeable-right {
  background: #f5f5f5;
  padding: 70px 0px 70px 40px;
}

.future-upgradeable-section .future-upgradeable-left,
.future-upgradeable-section .future-upgradeable-right {
  min-height: 420px;
  float: left;
  width: 50%;
}

.future-upgradeable-section .future-upgradeable-left img {
  text-align: right;
  float: right;
}

.future-upgradeable-section .future-upgradeable-right img {
  text-align: left;
  float: left;
}

.future-upgradeable-section .future-upgradeable-left h3,
.future-upgradeable-section .future-upgradeable-right h3 {
  font-size: 22px;
  text-transform: uppercase;
  border-bottom: 1px solid #474747;
  padding-bottom: 5px;
  margin: 30px 0px 20px 0px;
  font-weight: 600;
}

.future-upgradeable-section .future-upgradeable-left h4,
.future-upgradeable-section .future-upgradeable-right h4 {
  margin: 0px 0px 15px 0px;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 18px;
}

.future-upgradeable-section .future-upgradeable-left p,
.future-upgradeable-section .future-upgradeable-right p {
  margin-bottom: 0px;
  line-height: 22px;
}

.future-upgradeable-section .future-upgradeable-left h3,
.future-upgradeable-section .future-upgradeable-left h4,
.future-upgradeable-section .future-upgradeable-left p {
  max-width: 600px;
  color: #474747;
  float: right;
  text-align: right;
  clear: both;
}

.future-upgradeable-section .future-upgradeable-right h3,
.future-upgradeable-section .future-upgradeable-right h4,
.future-upgradeable-section .future-upgradeable-right p {
  max-width: 600px;
  color: #474747;
  float: left;
  text-align: left;
  clear: both;
}

.customimage {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #132c45;
  position: relative;
}

.inner-banner-content {
  position: relative;
  z-index: 2;
}

.customimage .inner-banner-content .inner-banner-content-left {
  width: 60%;
  margin-top: 0px !important;
  padding: 40px 0px;
  float: left;
}

.banner-sub-title {
  line-height: initial;
  padding-bottom: 30px !important;
}

.customimage .inner-banner-content .inner-banner-content-right {
  width: 36%;
  margin-top: 0px !important;
  background: rgba(255, 255, 255, 0.1);
  padding: 66px 30px;
  float: right;
}

.inner-banner-content-left h3 {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 32px;
  font-weight: 100;
  color: #fff;
}

.customimage .inner-banner-content .inner-banner-content-right p {
  text-align: center;
  font-size: 18px;
}

.customimage .inner-banner-content .inner-banner-content-right form .f-in {
  margin-bottom: 5px;
}

.customimage .inner-banner-content .inner-banner-content-right form .fieldset {
  margin-bottom: 0px;
}

.customimage .inner-banner-content .inner-banner-content-right form .fieldset .field {
  margin-bottom: 10px;
}

.customimage .inner-banner-content .inner-banner-content-right .or-text,
.customimage .inner-banner-content .inner-banner-content-right .your-em,
.customimage .inner-banner-content .inner-banner-content-right .innter-title {
  display: none;
}

.customimage .head_listing {
  padding-left: 30px;
}

.customimage .head_listing>li i {
  color: #0985f8;
}

.inner-banner-content-right .actions-toolbar .mcs-btn-6 {
  border-color: #fff;
  background-color: transparent;
}

.inner-banner-content-right .actions-toolbar .mcs-btn-6:hover {
  border-color: #fff;
  background-color: #fff;
}

.inner-banner-content .inner-banner-content-left p:last-child {
  margin-bottom: 0;
}

.development-testing-listing {
  margin: 30px 0px 0px 0px;
  padding: 0;
}

.development-testing-listing li {
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  width: 46%;
  padding-right: 3%;
  background: url(../images/d-testing-icon.png);
  background-repeat: no-repeat;
  padding-left: 90px;
  padding-bottom: 40px;
  background-position: 0px 4px;
  display: inline-table;
  text-align: left;
  vertical-align: top;
}

.development-testing-listing li h4 {
  font-size: 18px;
  color: #0985f8;
  font-weight: 400;
  margin: 0;
  padding-bottom: 25px;
  line-height: 26px;
}

.development-testing-listing li p {
  margin-bottom: 0px;
}

.call-us-section {
  background-image: url(../images/call-us-bg.jpg);
  background-size: cover;
  float: left;
  width: 100%;
  padding: 80px 0px;
  text-align: center;
}

.call-us-section .container {
  padding: 0px;
}

.call-us-section h3 {
  margin: 0;
  color: #fff;
  font-size: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.call-us-section p {
  display: block;
  margin: 0;
  color: #fff;
  padding-bottom: 20px;
}

.mobile-slider-area {
  text-align: center;
  width: 100%;
  float: left;
  background-color: #135;
}

.mobile-slider {
  padding: 30px 15px;
}

.mobile-slider h3 {
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 100;
  font-size: 25px;
}

.mobile-slider p {
  font-size: 15px;
  line-height: 22px;
  color: #fff;
  margin-bottom: 15px;
}

.mobile-slider .mcs-services {
  margin-bottom: 25px;
}

.core-development-process {
  float: left;
  width: 100%;
  margin-top: 45px;
}

.core-development-process .process-icon {
  font-size: 24px;
  font-weight: 400;
  text-align: left;
  background: url(../images/cd-process-icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  min-height: 76px;
  padding-left: 105px;
  margin: 0px 0px 15px 0px;
  line-height: 30px;
  color: #0985f8;
}

.core-development-process p {
  margin-bottom: 0px;
  text-align: left;
}

.ecommerce-store-left .new-title {
  color: #222 !important;
  font-weight: 600;
  font-size: 25px;
}

.data-transfer-section .our-workflow-left img {
  width: initial;
}

.list-50 {
  width: 50%;
}

.migration-services-section .new-title {
  text-align: center;
}

.migration-services-bottom {
  margin-top: 20px;
  text-align: center;
}

.migration-services-bottom h3 {
  width: 58%;
  margin: 0 auto;
  font-size: 26px;
  text-align: center;
  line-height: 40px;
  margin-bottom: 40px;
  font-weight: 100;
  color: #0985f8;
}

.migration-listing-area {
  width: 56%;
  margin: 0 auto;
  padding-top: 30px;
}

.migration-listing-area .head_listing {
  margin-bottom: 0px;
}

.migration-listing-area .head_listing>li {
  color: #222;
  font-weight: 400;
}

.migration-listing-area .head_listing>li i {
  font-size: 18px;
  color: #0985f8;
}

.what-we-do-section {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 80px 0px;
}

.what-we-do-listing {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  float: left;
  padding-top: 60px;
}

.what-we-do-listing li {
  width: 200px;
  padding: 0px 10px;
  vertical-align: top;
  display: inline-table;
  text-align: center;
  letter-spacing: 1px;
  margin: 0px 1%;
}

.what-we-do-listing li img {
  display: inline-block;
  clear: both;
}

.what-we-do-listing li a {
  display: block;
  padding-top: 15px;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  letter-spacing: normal;
}

.what-we-do-listing li a:hover {
  color: #0985f8;
}

.our-strength-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
}

.our-strength-listing {
  margin: 0;
  padding-top: 30px;
}

.our-strength-listing li {
  width: 49%;
  display: inline-block;
  padding-right: 3%;
  margin-bottom: 50px !important;
  vertical-align: top;
}

.our-strength-listing li:nth-child(2n) {
  padding-right: 0px;
  padding-left: 3%;
}

.our-strength-listing li:nth-child(5) {
  margin-bottom: 0px;
}

.our-strength-listing li h3 {
  font-size: 18px;
  color: #132c45;
  margin: 0;
  padding-bottom: 25px;
  font-weight: 600;
  line-height: 24px;
}

.our-strength-listing li .text-contant {
  background-image: url(../images/strength-icon.png);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-left: 80px;
}

.our-strength-listing li .text-contant p {
  margin-bottom: 10px;
}

.our-strength-listing li .text-contant p:last-child {
  margin-bottom: 0;
}

.our-strength-listing .stranth-list {
  padding-bottom: 15px;
}

.our-strength-listing .stranth-list li {
  display: list-item;
  margin: 0px;
  line-height: inherit;
  width: 100%;
  padding-left: 0;
}

.our-strength-listing .stranth-list li:before {
  top: 5px;
}

.business-philosophy .our-workflow-right h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 15px;
  color: #0985f8;
}

.business-philosophy-section .new-title {
  text-align: center;
  padding-bottom: 15px;
}

.business-philosophy-section p {
  text-align: center;
  display: inherit;
}

.business-philosophy-section .customers-constantly li {
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
}

.business-philosophy-section .customers-constantly li h2 {
  color: #0985f8;
  font-size: 18px;
}

.business-philosophy-section .customers-constantly li p:lact-child {
  padding-bottom: 0px;
}

.e-store-box {
  border: 1px solid #0985f8;
  padding: 40px 30px;
  position: relative;
  margin-top: 70px;
}

.e-store-box p {
  font-size: 24px;
  line-height: 36px;
  font-weight: 100;
}

.e-store-box img {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -30px;
}

.continuously-section {
  background-color: #f5f5f5;
}

.continuously-section .servies-by-left,
.continuously-section .servies-by-right {
  min-height: 940px;
}

.continuously-section .servies-by-right {
  background-color: #efefef;
}

.elegant-workable-section .our-strength-listing li:nth-child(3n),
.elegant-workable-section .our-strength-listing li:nth-child(4n) {
  margin-bottom: 0px;
}

.ecommerce-web-store-section {
  float: left;
  width: 100%;
  background: #fbfbfb;
  padding: 80px 0px;
  position: relative;
}

.ecommerce-store-section .container {
  padding: 0px;
}

.ecommerce-web-store-left {
  float: left;
  width: 50%;
  padding-right: 35px;
}

.ecommerce-web-store-right {
  width: 50%;
  position: relative;
  float: right;
  padding-left: 35px;
  right: 0;
  z-index: 11;
}

.ecommerce-web-store-left h3,
.ecommerce-web-store-right h3 {
  color: #474747;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}

.ecommerce-web-store-left h3:after,
.ecommerce-web-store-right h3:after {
  content: "";
  width: 90px;
  height: 3px;
  background: #474747;
  position: absolute;
  left: 0;
  bottom: -20px;
}

.ecommerce-web-store-left p,
.ecommerce-web-store-right p {
  color: #474747;
}

.ecommerce-web-store-left p:last-child,
.ecommerce-web-store-right p:last-child {
  margin-bottom: 0px;
}

.ecommerce-web-store-section:after {
  content: "";
  background: #f5f5f5;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}

.integration-list-section {
  width: 100%;
  float: left;
}

.different-magento-extensions-section {
  padding-top: 110px;
}

.integration-list-section .container {
  position: relative;
}

.integration-list-area {
  float: left;
  width: 100%;
  margin: 0;
}

.integration-list-area li {
  padding: 80px 0px;
  width: 100%;
  float: left;
}

.integration-list-area li.container {
  padding: 0;
}

.integration-list-area li:nth-child(odd) {
  background: #f8f8f8;
}

.integration-left {
  width: 45%;
  position: absolute;
}

.integration-right {
  float: right;
  position: relative;
  background: #fff;
  border: 1px solid #ebebeb;
  padding: 35px;
  right: 0;
  width: 75%;
  margin-top: 40px;
}

.integration-right h2 {
  font-size: 32px;
  margin: 0;
  line-height: 40px;
  font-weight: 100;
  padding-bottom: 30px;
}

.integration-list-area li:nth-child(even) .integration-left {
  right: 0px;
}

.integration-list-area li:nth-child(even) .integration-right {
  float: left;
}

.integrate-list-area {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.integrate-list-area .integrate-api-listing {
  width: 33.33%;
  float: left;
  border: 1px solid #ddd;
  padding: 15px 20px;
  min-height: 282px;
}

.integrate-list-area .integrate-api-listing:nth-child(2n) {
  background: #f5f5f5;
  border-left: none;
  border-right: none;
}

.integrate-api-listing {
  margin: 0;
}

.integrate-api-listing li {
  line-height: 35px;
  font-size: 18px;
  color: #222;
}

.integrate-api-listing li i {
  padding-right: 10px;
  color: #0985f8;
  font-size: 17px;
  font-weight: 100;
}

.web-services {
  border: 4px solid #eee;
  float: left;
  width: 100%;
  padding: 60px 40px 20px 40px;
  position: relative;
  z-index: 2222;
  background: #fff;
}

.web-services:before {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-top: 35px solid transparent;
  border-right: 45px solid #eee;
  left: -56px;
  top: 28%;
}

.web-services .servies-box {
  float: left;
  width: 50%;
  text-align: center;
  min-height: 200px;
  padding-left: 15px;
  padding-right: 15px;
}

.web-services .servies-box p {
  font-size: 18px;
  line-height: 22px;
}

.custom-api-section {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 80px 0px;
  overflow: hidden;
}

.custom-api-section .container {
  padding: 0px;
  position: relative;
}

.custom-api-left {
  background: #fff;
  border: 1px solid #1c1c1c;
  position: absolute;
  top: 10%;
  width: 35%;
  z-index: 1;
  float: left;
}

.custom-api-left .new-title {
  text-align: left;
  padding: 80px 30px;
  line-height: 55px;
}

.custom-api-right {
  background: #1c1c1c;
  color: #fff;
  width: 70%;
  float: right;
  padding: 50px 30px 50px 90px;
  position: relative;
}

.custom-api-right:before {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #1c1c1c;
  content: "";
  margin-right: -100%;
  top: 0;
  right: 0;
}

.custom-api-right p {
  color: #fff;
}

.integration-list-area li:nth-child(odd) .pay-method {
  margin: 20px 0px 0px 0;
  padding: 0;
  float: left;
  width: 56%;
}

.integration-list-area li:nth-child(odd) .pay-method img {
  float: left;
  max-width: 65px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #d0d0d0;
  padding: 2px 2px;
  border-radius: 3px;
  background: #fff;
}

.integration-list-area li:nth-child(even) .pay-method {
  margin: 20px 0px 0px 0;
  float: right;
  width: 58%;
  text-align: right;
  border: 1px solid #d0d0d0;
  padding: 2px 2px;
  border-radius: 3px;
  background: #fff;
}

.integration-list-area li:nth-child(even) .pay-method img {
  margin-left: 10px;
  max-width: 65px;
  margin-bottom: 10px;
  float: right;
}

.solutions-every-problem {
  float: left;
  width: 100%;
  padding: 80px 0px;
  background-image: url(../images/solutions-every-problem-bg.jpg);
  background-size: cover;
}

.solutions-every-problem-left {
  float: left;
  width: 60%;
}

.solutions-every-problem .new-title,
.solutions-every-problem p {
  color: #fff;
}

.ecommerce-website-development {
  background-color: #f5f5f5;
}

.ecommerce-website-development .servies-by-right {
  background-color: #efefef;
}

.ecommerce-website-development .servies-by-left,
.ecommerce-website-development .servies-by-right {
  min-height: 950px;
  height: 950px;
}

.ecommerce-website-development .servies-by-right {
  padding-left: 60px;
}

.extinsion-listing {
  margin: 0;
  padding: 0 0 20px 0;
  float: left;
  width: 100%;
}

.extinsion-listing li {
  width: 49%;
  float: left;
  margin-bottom: 25px;
}

.extinsion-listing li:nth-child(odd) {
  padding-right: 10px;
}

.extinsion-listing li:nth-child(even) {
  padding-left: 10px;
}

.extinsion-listing li img {
  float: left;
  padding-right: 10px;
}

.extinsion-listing li a {
  font-size: 14px;
  color: #474747;
}

.extinsion-listing li a:hover {
  text-decoration: underline;
}

.ecommerce-website-development .servies-by-right .sb-listing {
  margin-bottom: 40px;
}

.let-tocus-section {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 51%,
      rgba(241, 241, 241, 1) 51%,
      rgba(241, 241, 241, 1) 100%);
  background: -webkit-gradient(left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 1)),
      color-stop(51%, rgba(255, 255, 255, 1)),
      color-stop(51%, rgba(241, 241, 241, 1)),
      color-stop(100%, rgba(241, 241, 241, 1)));
  background: -webkit-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 50%,
      rgba(241, 241, 241, 1) 51%,
      rgba(241, 241, 241, 1) 100%);
  background: -o-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 51%,
      rgba(241, 241, 241, 1) 51%,
      rgba(241, 241, 241, 1) 100%);
  background: -ms-linear-gradient(left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 51%,
      rgba(241, 241, 241, 1) 51%,
      rgba(241, 241, 241, 1) 100%);
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 51%,
      rgba(241, 241, 241, 1) 51%,
      rgba(241, 241, 241, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
  padding: 0px;
  border-bottom: 1px solid #f1f1f1;
}

.let-tocus-section .magento-2-development-left,
.let-tocus-section .magento-2-development-right {
  padding-top: 80px;
  padding-bottom: 80px;
}

.let-tocus-section .magento-2-development-right {
  background-image: url(../images/let-tocus-bg.jpg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 100% 100%;
  min-height: 702px;
  z-index: 999;
}

.let-tocus {
  width: 300px;
  height: 300px;
  background: #0985f8;
  border-radius: 100%;
  position: relative;
  border: 12px solid #fff;
  left: 0;
  right: 0;
  margin: 16% auto;
}

.let-tocus h2 {
  width: 70%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 18%;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}

.different-magento-extensions-section .integration-right {
  float: left;
}

.different-magento-extensions-section .integration-right h5 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 15px 0;
}

.different-magento-extensions-section .integration-right p:last-child {
  margin-bottom: 0px;
}

.different-magento-extensions-section .integration-left {
  right: 15px;
}

.different-magento-extensions-section .integration-list-area li {
  background: #fff;
}

.magento-module-development {
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(left,
      rgba(28, 28, 28, 1) 0%,
      rgba(28, 28, 28, 1) 64%,
      rgb(237, 75, 35) 0%,
      rgb(237, 75, 35) 100%);
  background: -webkit-gradient(left top,
      right top,
      color-stop(0%, rgba(28, 28, 28, 1)),
      color-stop(64%, rgba(28, 28, 28, 1)),
      color-stop(0%, rgb(237, 75, 35)),
      color-stop(100%, rgb(237, 75, 35)));
  background: -webkit-linear-gradient(left,
      rgba(28, 28, 28, 1) 0%,
      rgba(28, 28, 28, 1) 64%,
      rgb(237, 75, 35) 0%,
      rgb(237, 75, 35) 100%);
  background: -o-linear-gradient(left,
      rgba(28, 28, 28, 1) 0%,
      rgba(28, 28, 28, 1) 64%,
      rgb(237, 75, 35) 0%,
      rgb(237, 75, 35) 100%);
  background: -ms-linear-gradient(left,
      rgba(28, 28, 28, 1) 0%,
      rgba(28, 28, 28, 1) 64%,
      rgb(237, 75, 35) 0%,
      rgb(237, 75, 35) 100%);
  background: linear-gradient(to right,
      rgba(28, 28, 28, 1) 0%,
      rgba(28, 28, 28, 1) 64%,
      rgb(237, 75, 35) 0%,
      rgb(237, 75, 35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
  padding: 0px;
}

.cms-magento-module-development .magento-module-development {
  background: #f5f5f5;
}

.magento-module-development .magento-2-development-left {
  width: 65%;
  padding: 80px 0px;
}

.magento-module-development .magento-2-development-left .new-title,
.magento-module-development .magento-2-development-left p {
  color: #474747;
}

.magento-module-development .magento-2-development-right {
  background-image: url(../images/let-tocus2-bg.jpg);
  width: 35%;
  position: relative;
  min-height: 780px;
  background-size: 100% 100%;
}

.cms-magento-module-development .magento-module-development .magento-2-development-right {
  background-image: none;
}

.magento-module-development .magento-2-development-right .magento-black-icon {
  max-width: 250px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 35%;
}

.support-package-section .magento-2-development-left h3 {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 32px;
  font-weight: 100;
}

.support-package-section .magento-2-development-right {
  min-height: 838px;
}

.support-package-section .magento-2-development-right .let-tocus h2 {
  font-weight: 100;
}

.support-package-table {
  background: #fff;
  padding-top: 180px;
}

.support-package-table .my-price-table thead tr th h3:after {
  display: none !important;
}

.customized-modification {
  width: 100%;
  float: left;
  background: #e7f8eea0;
  border: 1px solid #ddd;
  padding: 40px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 50px;
  margin-top: 50px;
}

.customized-modification .fa.fa-quote-left {
  position: absolute;
  font-size: 115px;
  color: #0985f8;
  left: 20px;
  top: 10px;
}

.customized-modification p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  float: none;
  display: block;
  font-size: 18px;
  line-height: 35px;
  font-style: italic;
  font-weight: 600;
}

.customized-modification .fa.fa-quote-right {
  position: absolute;
  font-size: 115px;
  color: #0985f8;
  right: 20px;
  bottom: 10px;
}

.custom-packages-bottom {
  float: left;
  width: 100%;
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.custom-packages-bottom .top-text {
  color: #0985f8;
  font-size: 18px;
  display: inherit;
  margin-bottom: 10px;
}

.custom-packages-left {
  float: left;
  width: 70%;
  text-align: left;
}

.custom-packages-left p:last-child {
  margin-bottom: 0px;
}

.custom-packages-left .new-title {
  text-align: left;
}

.custom-packages-right {
  float: left;
  width: 30%;
}

.we-are-quick .integration-right {
  padding-top: 80px;
  padding-bottom: 80px;
}

.we-are-quick .integration-left h3 {
  font-size: 26px;
  line-height: 36px;
  width: 50%;
  margin: 0;
  padding-top: 15px;
}

.we-are-quick .integration-left h3 span {
  color: #0985f8;
}

.our-inclusions-section {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 80px 0px;
  position: relative;
}

.our-inclusions-section .container {
  padding: 0px;
}

.website-check-ups .magento-2-development-right {
  min-height: 970px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.website-check-ups .let-tocus {
  margin: 30% auto;
}

.website-check-ups .let-tocus h2 {
  top: 26%;
}

.our-inclusions-section .new-title,
.our-inclusions-section p {
  color: #474747;
}

.our-inclusions-list {
  float: left;
  width: 100%;
  margin: 40px 0px 0px;
}

.our-inclusions-list li {
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  width: 49%;
  background-repeat: no-repeat;
  padding-left: 120px;
  background-position: 0px 15px;
  vertical-align: top;
  display: inline-block;
  text-align: left;
  margin-bottom: 15px;
  position: relative;
}

.our-inclusions-list li:before {
  content: "";
  background-image: url(../images/inner-pages-sprite.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 65px;
  background-position: -5px -5px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.our-inclusions-list li:nth-child(odd) {
  padding-right: 25px;
}

.our-inclusions-list li h4 {
  margin: 0;
  padding-bottom: 20px;
  color: #474747;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 24px;
}

.our-inclusions-list li:last-child {
  margin-bottom: 0;
}

.our-inclusions-list li:last-child p {
  margin-bottom: 0;
}

.support-plans-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  position: relative;
}

.support-plans-section .container {
  padding: 0px;
}

.support-plans-section .new-title,
.support-plans-section h3,
.support-plans-section p {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  display: block;
  padding-bottom: 20px;
}

.cms-hyva-theme-development .support-plans-section .new-title,
.cms-hyva-theme-development .support-plans-section h3,
.cms-hyva-theme-development .support-plans-section p {
  width: 100%;
}

.website-check-ups h3,
.support-plans-section h3 {
  font-weight: 100;
  margin: 0 auto;
}

.support-plans {
  float: left;
  width: 100%;
  text-align: center;
}

.support-plans li {
  width: 44%;
  display: inline-table;
  background: #fff;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  margin: 40px 20px 20px 20px;
  padding: 40px 20px;
}

.support-plans li img {
  margin-bottom: 20px;
}

.support-plans li h3,
.support-plans li p {
  width: 100%;
}

.support-plans li h3 {
  line-height: 34px;
  text-transform: uppercase;
  font-weight: 600;
  color: #0985f8;
  font-size: 24px;
  padding-bottom: 20px;
}

.support-plans li a {
  margin: 10px 10px 5px 10px;
}

.lucid-understanding .new-title {
  text-align: left;
  width: 100%;
}

.lucid-understanding .reasons-left li,
.lucid-understanding .reasons-right li {
  max-width: 500px;
}

.lucid-understanding .reasons-left,
.lucid-understanding .reasons-right {
  margin-top: 40px;
}

.lucid-understanding .reasons-content p {
  margin-bottom: 15px;
}

.different-magento-extensions-section .reasons-content p:last-child {
  margin-bottom: 0px;
}

.lucid-understanding .new-title {
  padding-bottom: 20px;
}

.lucid-understanding p {
  color: #fff;
}

.solutions-every-problem .solutions-every-problem-left p:last-child {
  margin-bottom: 0;
}

.magento-popular-choice-section {
  background: #1c1c1c;
}

.magento-popular-choice-section .new-title {
  color: #fff;
  letter-spacing: -0.4px;
}

.magento-popular-choice-section .dedicated-team-listing li {
  width: 48%;
  min-height: auto;
  background: url(../images/wp-list-icon.png);
  padding-left: 80px;
  display: inline-black;
  padding-right: 3%;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 100;
  float: none;
}

.magento-popular-choice-section .dedicated-team-listing li:last-child {
  padding-bottom: 0px;
}

.welcome-one-list .welcome-one-list-left ul li:before {
  content: counter(step-counter, decimal-leading-zero);
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  color: #bdbdbd;
  width: 45px;
  font-size: 22px;
  cursor: default;
}

.methodology-process-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  position: relative;
}

.development-process-listing {
  margin: 30px 0 0 0;
  position: relative;
  padding: 0;
}

.development-process-listing li:last-child {
  margin-bottom: 0px;
}

.development-process-listing:after {
  content: "";
  width: 3px;
  height: 100%;
  background-color: #ddd;
  position: absolute;
  top: 0;
  left: 42px;
}

.development-process-listing li {
  counter-increment: step-counter;
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
}

.development-process-listing li:before {
  content: counter(step-counter);
  left: 0;
  position: absolute;
  top: 0;
  color: #fff;
  width: 90px;
  font-size: 25px;
  height: 90px;
  background-color: #132c45;
  text-align: center;
  line-height: 60px;
  border-radius: 100%;
  border: 15px solid #ddd;
  z-index: 2;
}

.development-process-listing li .process-count-left {
  float: left;
  width: 25%;
  position: relative;
}

.development-process-listing li .process-count-left:before {
  content: "";
  position: absolute;
  background-image: url(../images/count-right-arrow.png);
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-repeat: no-repeat;
  background-position: 90px center;
}

.development-process-listing li .process-content-right {
  float: right;
  width: 75%;
  position: relative;
}

.process-content-right ul.methodology-list li:before {
  display: none;
}

.development-process-listing li .process-content-right h3 {
  font-size: 20px;
  color: #0985f8;
  margin: 32px 0 30px 0;
  font-weight: 600;
}

.methodology-list {
  margin: 0 0 30px 0;
  padding-left: 20px;
}

.methodology-list li {
  display: list-item;
  list-style-image: url(../images/list-icon.png);
  line-height: 30px;
  font-size: 16px;
  padding-left: 8px;
  margin: 0;
  counter-increment: initial;
}

.methodology-list li:before {
  display: none;
}

.ecommerce-website-services .our-inclusions-list li {
  margin-bottom: 40px;
}

.ecommerce-website-services .our-inclusions-list li p {
  margin-bottom: 0;
}

.our-inclusions-list li:nth-child(3n) {
  margin-bottom: 0px;
}

.our-inclusions-list li:nth-child(4n) {
  margin-bottom: 0px;
}

.our-tickets-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  position: relative;
}

#our-tickets .slick-list.draggable {
  width: 100%;
}

#our-tickets img {
  border: none;
  min-width: 100%;
  max-width: 100%;
  min-height: inherit;
  max-height: inherit;
  background: transparent;
  width: auto;
  height: auto;
}

.our-tickets-section .container {
  padding: 0px;
}

.our-tickets-section .new-title {
  text-align: center;
  padding-bottom: 15px;
}

.our-tickets-section p {
  text-align: center;
  display: block;
}

#our-tickets {
  margin: 0 auto;
  width: 80%;
}

#our-tickets .slick-slide {
  margin: 0px;
}

#our-tickets .slick-dots li {
  width: 12px;
  height: 12px;
}

#our-tickets .slick-dots li button {
  width: 12px;
  height: 12px;
  background: #d5d5d5;
  border-radius: 100%;
}

#our-tickets .slick-dots li button:before {
  display: none;
}

#our-tickets .slick-dots li.slick-active button {
  background: #132c45;
}

.why-join-section .magento-2-development-left h4 {
  font-size: 16px;
  font-weight: 600;
}

.growth-benefits-section {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 80px 0px;
}

.growth-benefits-section .growth-one,
.growth-benefits-section .growth-three,
.growth-benefits-section .growth-two {
  display: inline-block;
  vertical-align: top;
}

.growth-benefits-section .growth-one {
  width: 36%;
  text-align: right;
  padding-right: 30px;
}

.growth-benefits-section .growth-one h3,
.growth-benefits-section .growth-three h3 {
  font-size: 22px;
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 30px;
}

.growth-benefits-section .growth-one p,
.growth-benefits-section .growth-three p {
  margin-bottom: 20px;
}

.growth-benefits-section .growth-one p:last-child,
.growth-benefits-section .growth-three p:last-child {
  margin-bottom: 0px;
}

.growth-benefits-section .growth-two {
  width: 27%;
  min-width: 320px;
  text-align: center;
}

.growth-benefits-section .growth-three {
  width: 36%;
  text-align: left;
  padding-left: 30px;
}

.current-openings-section {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding: 80px 0px;
}

.current-openings-left {
  float: left;
  width: 50%;
  padding-right: 20px;
}

.current-openings-right {
  float: left;
  width: 50%;
  padding-left: 20px;
}

.current-openings-box {
  float: left;
  width: 100%;
  border: 1px solid #0985f8;
  margin-bottom: 30px;
}

.current-openings-box h3 {
  font-size: 24px;
  margin: 40px 0 30px 35px;
  color: #0985f8;
}

.current-openings-box ul {
  margin-bottom: 35px;
  padding-left: 35px;
  padding-right: 35px;
}

.current-openings-box ul li {
  margin-bottom: 15px;
  font-size: 16px;
  display: flex;
}

.current-openings-box ul li i {
  margin-right: 20px;
  font-weight: 100;
  color: #0985f8;
  margin-top: 5px;
}

.md-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/md-icon.png) no-repeat;
  background-position: center 20px;
}

.rj-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/react-logo.png) no-repeat;
  background-position: center 20px;
}

.ld-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/laravel-logo.png) no-repeat;
  background-position: center 20px;
}

.pd-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/php-logo.png) no-repeat;
  background-position: center 20px;
}

.pm-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/project-m.png) no-repeat;
  background-position: center 20px;
}

.se-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/support-logo.png) no-repeat;
  background-position: center 20px;
}

.fs-icon-area {
  width: 100%;
  min-height: 200px;
  background: rgb(25, 137, 139) url(../images/fullstack.png) no-repeat;
  background-position: center 20px;
}

.experience-area {
  width: 90%;
  margin: 0 auto;
  background: #ffffff;
  margin-top: -30px;
  padding: 30px 20px;
  box-shadow: 0px -10px 14px rgba(0, 0, 0, 0.1);
}

.experience-area p {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 0px;
  font-size: 15px;
  line-height: 20px;
}

.current-openings-section .new-title {
  text-align: center;
}

.current-openings-section p:last-child {
  margin-bottom: 0px;
}

.career-block {
  display: flex;
  flex-wrap: wrap;
}

.current-openings-block {
  flex: 0 0 50%;
  max-width: 50%;
}

.job-for-you-section {
  float: left;
  width: 100%;
  background: #132c45;
  padding: 80px 0px 110px;
}

.job-for-you-section h2,
.job-for-you-section p {
  color: #fff;
  text-align: center;
  display: block;
}

.job-for-you-section h2 {
  padding-bottom: 20px;
}

.career-form {
  margin: 20px 0 0 0;
  float: left;
  width: 100%;
}

.career-form li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.career-form li:nth-child(even) {
  padding-left: 30px;
  float: right;
}

.career-form li:nth-child(odd) {
  padding-right: 30px;
}

.career-form li div.mage-error[generated] {
  margin-top: -10px;
  width: 100%;
  float: right;
  text-align: right;
  margin-bottom: 5px;
}

.career-form li label {
  display: inline-block;
  width: auto;
  color: #fff;
  position: relative;
}

.career-form li em {
  color: #d32b42;
  position: absolute;
  top: -4px;
  left: -8px;
}

.career-form li input,
.career-form li select,
.career-form li textarea {
  display: inline-block;
  max-width: 70%;
  margin-bottom: 15px;
  border: none;
  padding: 6px 10px;
  height: 45px;
}

.career-form li input[type="file"] {
  width: 70%;
  background: #fff;
  padding: 0;
}

/* Our Partners 
----------------*/
.our-partners {
  padding: 80px 0;
}

.partners-list li {
  display: flex;
  position: relative;
  margin-bottom: 70px;
}

.partners-list .integration-left {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
  width: 210px;
  padding: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  z-index: 2;
  box-shadow: 0 8px 18px 0px rgba(0, 0, 0, 0.06);
}

.partners-list .integration-right {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 142px;
  margin-left: 110px;
  min-height: 280px;
  margin-top: 0;
}

.partners-list .integration-right .mcs-btn-1 {
  float: right;
}

.partners-content h2 {
  font-size: 22px;
  font-weight: 500;
  color: #222;
  padding-bottom: 15px;
}

.partners-content a {
  color: #222;
}

.partners-list li:nth-child(even) {
  justify-content: flex-end;
}

.partners-list li:last-child {
  margin-bottom: 0;
}

.partners-list li:nth-child(even) .integration-left {
  right: 0;
}

.partners-list li:nth-child(even) .integration-right {
  padding-right: 142px;
  margin-right: 110px;
  padding-left: 35px;
  margin-left: initial;
}

.partners-list li:nth-child(even) .integration-right .mcs-btn-1 {
  float: left;
}

.cms-our-partners .magento-2-development-ecommerce-store {
  background-color: #f8f8f8;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {}

.career-form li textarea {
  height: auto;
}

#careerForm button.career-button.mcs-btn-3 {
  float: right;
}

.block.related {
  display: none;
}

.magento-support-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
  background: url(../images/magento-support-bg.jpg);
  background-size: cover;
}

.magento-support-section .container {
  padding-top: 0px;
  padding-bottom: 0px;
}

.support-boxes {
  margin: 0;
  text-align: center;
  display: inline-table;
  width: 100%;
  color: #fff;
}

.support-boxes li:first-child {
  margin-left: 0px;
}

.support-boxes li {
  width: 30%;
  display: inline-block;
  padding: 0 2%;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: 0 1.5%;
  position: relative;
}

.support-boxes li:last-child {
  margin-right: 0px;
  margin-bottom: 0px;
}

.support-boxes li:before,
.support-boxes li:after {
  content: "";
  position: absolute;
  border-top: 2px solid #fff;
  top: 0;
  left: 0;
  display: block;
  width: 33%;
  border-bottom: 2px solid #fff;
  height: 100%;
}

.support-boxes li:after {
  left: auto;
  right: 0;
}

.sprite-suppot-icon {
  background-position: -352px -283px;
  width: 59px;
  height: 59px;
  margin: -30px auto 0px;
}

.sprite-gurntee-icon {
  background-position: -284px -337px;
  width: 58px;
  height: 58px;
  margin: -30px auto 0px;
}

.sprite-response-icon {
  background-position: -307px -192px;
  width: 56px;
  height: 58px;
  margin: -30px auto 0px;
}

.support-boxes li h2 {
  margin: 20px 0px;
  font-size: 28px;
  font-weight: 100;
  text-transform: uppercase;
}

.support-boxes li h3 {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  margin: 0 0px -13px 0;
}

.header-customer-name {
  cursor: pointer;
  line-height: 36px;
  padding-left: 8px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: inline-table;
}

.account main#maincontent {
  float: left;
  padding: 80px 0px;
}

.customer-account-forgotpassword .forget-password-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
}

.customer-account-forgotpassword .forget-password-section .form.password.forget {
  margin: 0 auto;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04) inset;
  border-radius: 4px;
  padding: 40px;
  border: 1px solid #ddd;
}

.customer-account-forgotpassword .forget-password-section .forget .fieldset {
  margin-bottom: 10px;
}

.cart-empty-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
}

.cart-empty {
  min-width: 600px;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04) inset;
  border-radius: 4px;
  padding: 40px;
  border: 1px solid #ddd;
}

.cart-empty p {
  display: block;
}

.cart-empty p:last-child {
  margin-bottom: 0px;
}

.cart-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
}

.customer-account-login-section {
  float: left;
  width: 100%;
  padding: 80px 0px 120px 0px;
}

.create-account-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
}

.checkout-section {
  float: left;
  width: 100%;
  padding: 80px 0px;
}

.checkout-success-section,
.createpassword-section {
  float: left;
  padding: 80px 0px;
  width: 100%;
}

.checkout-success-section .checkout-success,
.createpassword-section .form.password.reset {
  min-width: 600px;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.04) inset;
  border-radius: 4px;
  padding: 40px;
  border: 1px solid #ddd;
  background: #fff;
}

.checkout-success-section .checkout-success p {
  margin-bottom: 20px;
}

.checkout-success-section .actions-toolbar .primary {
  float: none;
  display: block;
}

.table-downloadable-products tbody .extend-support {
  margin-bottom: 10px;
  font-size: 13px;
}

.support-tikets-create {
  float: left;
  margin-top: 30px;
  width: 100%;
}

.support-tikets-create a {
  margin: 0px 5px 5px 5px;
}

.no-support-tickets {
  font-size: 20px;
  color: #0985f8;
  text-transform: uppercase;
}

.no-touch .page-wrapper {
  display: inline-block;
}

.page-wrapper .header.links {
  margin-bottom: 0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
}

#my-search .custom-search-autocomplete {
  right: auto;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  width: 100%;
}

#my-search .custom-search-autocomplete .mcs-autosearch-main {
  width: 450px;
  border: none;
  margin: 10px auto 0;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  border-radius: 3px;
}

#my-search .custom-search-autocomplete .mcs-autosearch-right {
  width: 100%;
  border: none;
}

#my-search .custom-search-autocomplete .mcs-autosearch-right .see-all-product span {
  color: #0985f8;
}

#my-search .mcs-autosearch-full ul li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px !important;
  border-top: 1px solid #ddd;
  text-align: left;
}

#my-search .mcs-autosearch-full ul li:last-child {
  border-top: none !important;
}

#my-search .mcs-autosearch-full ul li:hover {
  background: #f2f2f2;
}

#my-search .mcs-autosearch-full ul li.search-li .sr-li-right a {
  color: #0985f8;
  font-size: 14px;
}

#my-search .mcs-autosearch-full ul li.search-li .sr-li-right .product-reviews-summary {
  width: 100%;
  margin-bottom: 0px !important;
}

#my-search .mcs-autosearch-full ul li.search-li .sr-li-right>p {
  color: #555;
  width: 80%;
  margin-bottom: 0;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#my-search .mcs-autosearch-full ul li.mcs-view-all {
  background: #132c45;
}

#my-search .mcs-autosearch-full ul li.mcs-view-all a {
  color: #fff;
}

#my-search .mcs-autosearch-full ul li.mcs-view-all:hover {
  background: #132c45 !important;
}

#response-technical-form span,
#response-enhance-form span {
  float: left;
  width: 100%;
  text-align: center;
  background-color: green;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
}

.toolbar {
  margin-bottom: 30px;
}

.customer-welcome {
  display: inline-block;
  position: relative;
}

.customer-welcome:before,
.customer-welcome:after {
  content: "";
  display: table;
}

.customer-welcome:after {
  clear: both;
}

.customer-welcome .action.switch {
  padding: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}

.customer-welcome .action.switch>span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.customer-welcome .action.switch:after {
  color: inherit;
  content: "\e622";
  display: inline-block;
  font-family: "luma-icons";
  font-size: 10px;
  font-weight: 900;
  line-height: 36px;
  margin: 0;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
}

.customer-welcome .action.switch:hover:after {
  color: inherit;
}

.customer-welcome .action.switch:active:after {
  color: inherit;
}

.customer-welcome .action.switch.active {
  display: inline-block;
  text-decoration: none;
}

.customer-welcome .action.switch.active>span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.customer-welcome .action.switch.active:after {
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  line-height: 22px;
  color: inherit;
  content: "\e621";
  font-family: "luma-icons";
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}

.customer-welcome .action.switch.active:hover:after {
  color: inherit;
}

.customer-welcome .action.switch.active:active:after {
  color: inherit;
}

.customer-welcome ul {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #fff;
  border: 1px solid #bbb;
  margin-top: 4px;
  min-width: 100%;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  top: 100%;
  right: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.customer-welcome ul li {
  margin: 0;
  padding: 0;
}

.customer-welcome ul li:hover {
  background: #e8e8e8;
  cursor: pointer;
}

.customer-welcome ul:before,
.customer-welcome ul:after {
  border-bottom-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.customer-welcome ul:before {
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
  z-index: 99;
}

.customer-welcome ul:after {
  border: 7px solid;
  border-color: transparent transparent #bbb transparent;
  z-index: 98;
}

.customer-welcome ul:before {
  right: 10px;
  top: -12px;
}

.customer-welcome ul:after {
  right: 9px;
  top: -14px;
}

.customer-welcome.active {
  overflow: visible;
}

.customer-welcome.active ul {
  display: block;
  position: absolute;
}

.customer-welcome li a {
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 1.4;
  padding: 8px;
}

.customer-welcome li a:visited {
  color: #333;
  text-decoration: none;
}

.customer-welcome li a:hover {
  color: #333;
  text-decoration: none;
}

.customer-welcome li a:active {
  color: #333;
  text-decoration: none;
}

.customer-welcome .customer-name {
  cursor: pointer;
}

.customer-welcome .customer-menu {
  display: none;
}

.customer-welcome .action.switch {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 5px;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  color: #fff;
}

.customer-welcome .action.switch:focus,
.customer-welcome .action.switch:active {
  background: none;
  border: none;
}

.customer-welcome .action.switch:hover {
  background: none;
  border: none;
}

.customer-welcome .action.switch.disabled,
.customer-welcome .action.switch[disabled],
fieldset[disabled] .customer-welcome .action.switch {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}

.customer-welcome .header.links {
  min-width: 175px;
}

.customer-welcome.active .action.switch:after {
  content: "\e621";
}

.customer-welcome.active .customer-menu {
  display: block;
}

.customer-welcome .greet {
  display: none;
}

/* Migration Page
-------------------*/
.cms-magento-upgrade-service h1 small,
.cms-magento-1-to-magento-2-migration-service h1 small {
  display: block;
  color: #fff;
}

.cms-magento-upgrade-service .inner-banner-content .inner-banner-content-left p,
.cms-magento-1-to-magento-2-migration-service .inner-banner-content .inner-banner-content-left p {
  margin-bottom: 20px !important;
}

.cms-magento-upgrade-service .header-form,
.cms-magento-1-to-magento-2-migration-service .header-form {
  margin: 40px 0;
}

.cms-magento-code-audit .magento-responsive-theme,
.cms-magento-upgrade-service .magento-responsive-theme,
.cms-magento-1-to-magento-2-migration-service .magento-responsive-theme {
  padding: 80px 0px;
}

.cms-magento-upgrade-service .mob-des.pro-details-our-extension-section,
.cms-magento-upgrade-service .magento-responsive-theme,
.cms-magento-1-to-magento-2-migration-service .mob-des.pro-details-our-extension-section,
.cms-magento-1-to-magento-2-migration-service .magento-responsive-theme {
  float: none;
}

.cms-magento-upgrade-service .mob-des.pro-details-our-extension-section,
.cms-magento-1-to-magento-2-migration-service .mob-des.pro-details-our-extension-section {
  background: #f8f8f8;
  display: inline-block;
}

.cms-magento-upgrade-service .magento-2-development-servies-by,
.cms-magento-1-to-magento-2-migration-service .magento-2-development-servies-by {
  float: none;
}

.migration-process-block {
  position: relative;
  padding: 70px 0;
  float: left;
  width: 100%;
}

.migration-process-steps {
  position: relative;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0 -40px;
  box-sizing: border-box;
  z-index: 2;
}

.process-item {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  margin-bottom: 80px;
  padding: 0 40px;
  box-sizing: border-box;
  position: relative;
}

.process-item:nth-child(-n + 2)::after {
  position: absolute;
  content: "";
  background-image: url(../images/process-arrow-1.svg);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  right: -28px;
  width: 55px;
}

.migration-process-block::after {
  position: absolute;
  content: "";
  background-image: url(../images/process-arrow-2.svg);
  background-repeat: no-repeat;
  background-position: center 70%;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 98%;
}

.cms-magento-code-audit .migration-process-block::after {
  background-position: center 68%;
}

.migration-process-steps .process-item:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}

.process-content {
  background: #fff;
  padding: 30px;
  height: 100%;
  box-sizing: border-box;
  border-bottom: 4px solid #f05c14;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.migration-process-steps h4 {
  position: relative;
  font-size: 18px;
  margin: 15px 0 20px;
  color: #f05c14;
}

.migration-process-steps h4::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background: #f05c14;
  bottom: -8px;
  left: 0;
}

.migration-process-steps .icon-img img {
  max-width: 60px;
  max-height: 60px;
}

.process-item ul {
  padding-left: 18px;
}

.process-item ul li {
  list-style-type: disc;
  margin-bottom: 10px;
}

.cms-magento-upgrade-service .customimage .inner-banner-content-left p,
.cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content-left p {
  margin-bottom: 0;
}

.cms-magento-upgrade-service .list-point,
.cms-magento-1-to-magento-2-migration-service .list-point {
  margin: 0 0 30px;
}

.cms-magento-upgrade-service .customimage .inner-banner-content .inner-banner-content-right,
.cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content .inner-banner-content-right {
  padding: 30px;
  margin: 40px 0 !important;
}

.cms-magento-1-to-magento-2-migration-service .extinsion-listing li {
  display: flex;
  align-items: center;
  color: #474747;
}

.cms-magento-1-to-magento-2-migration-service .ecommerce-website-development .servies-by-left,
.cms-magento-1-to-magento-2-migration-service .ecommerce-website-development .servies-by-right {
  height: 800px;
  min-height: 800px;
}

.cms-magento-upgrade-service .ecommerce-website-development .servies-by-left,
.cms-magento-upgrade-service .ecommerce-website-development .servies-by-right {
  height: 400px;
  min-height: 400px;
}

.cms-magento-upgrade-service .reasons-content p a,
.cms-magento-1-to-magento-2-migration-service .reasons-content p a {
  display: inline-block;
}

.magento-counter {
  padding: 20px;
  background: transparent;
  border-radius: 5px;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
}

.magento-counter h3 {
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.magento-counter h3 span {
  position: relative;
}

.magento-counter h3 span:before {
  width: 18px;
  height: 3px;
  position: absolute;
  left: -24px;
  top: 18px;
  margin: 0 auto;
  background-color: #f05c14;
  bottom: -13px;
  content: "";
}

.magento-counter ul {
  display: flex;
  justify-content: center;
}

.magento-counter li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 15px;
  margin: 0 12px;
  text-align: center;
  border: 2px dashed #f05c14;
  border-radius: 50%;
  height: 125px;
  width: 125px;
  background: rgba(255, 255, 255, 0.1);
  color: #f05c14;
}

.magento-counter li span {
  font-size: 36px;
  line-height: 42px;
  font-weight: 500;
  display: block;
  color: #fff;
}

.cms-magento-mobile-app-development .pro-details-our-extension .mob-des-slide-wrapper,
.cms-magento-security-audit .pro-details-our-extension .mob-des-slide-wrapper,
.cms-magento-speed-optimization .pro-details-our-extension .mob-des-slide-wrapper,
.cms-magento-code-audit .pro-details-our-extension .mob-des-slide-wrapper,
.cms-magento-upgrade-service .pro-details-our-extension .mob-des-slide-wrapper,
.cms-magento-1-to-magento-2-migration-service .pro-details-our-extension .mob-des-slide-wrapper {
  max-width: 33.33%;
  margin-bottom: 50px;
  flex-basis: initial;
}

.cms-magento-upgrade-service .mob-des-slide-wrapper img .cms-magento-1-to-magento-2-migration-service .mob-des-slide-wrapper img {
  border-radius: 50%;
}

.cms-magento-upgrade-service .pro-details-our-extension .mob-des-slide-wrapper:nth-last-of-type(-n + 3),
.cms-magento-1-to-magento-2-migration-service .pro-details-our-extension .mob-des-slide-wrapper:nth-last-of-type(-n + 3) {
  margin-bottom: 0;
}

.cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content-right p:last-child,
.cms-it-staff-augmentation-services .customimage .inner-banner-content-right p:last-child,
.cms-magento-upgrade-service .customimage .inner-banner-content-right p:last-child,
.cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content-right p:last-child {
  text-align: left;
  margin: 0;
  float: left;
  width: 100%;
  font-size: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .extinsion-listing li a {
    font-size: 12px;
  }

  .servies-by-left h2 {
    padding-bottom: 30px;
  }

  .view-portfolio #babylongrid2 article img {
    min-height: initial !important;
  }

  .career-form li input[type="file"],
  input[type="file"].f-in {
    padding: 10px 0px;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}

.money-back-guarantee {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}

.mbg-top {
  margin: 0;
  font-style: italic;
  font-size: 15px;
  line-height: 15px;
}

.mbg-bottom {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #f9871d;
  font-style: italic;
}

.mbg-bottom span {
  display: block;
}

.cms-career .column.main,
.cms-magento-website-launch-checklist .column.main,
.cms-magento-maintenance-services .column.main,
.cms-magento-development-integration .column.main,
.cms-magento-website-ui-design .column.main,
.cms-magento-objective .column.main,
.cms-magento-project-planning .column.main,
.cms-ecommerce-development-strategy .column.main,
.catalog-product-view .column.main,
.cms-magento-ecommerce-discovery .column.main,
.cms-magento-website-portfolio .column.main {
  padding-bottom: 0;
}

.menu-header-area {
  position: relative;
}

.menu-header-area .ebook-sale {
  position: absolute;
  left: 37%;
  top: 25px;
}

.discount-section-area {
  float: left;
  width: 100%;
  padding: 60px 0px;
}

.discount-section-area h2 {
  margin-top: 20px;
  font-size: 22px;
  text-transform: uppercase;
  color: #132c45;
  font-weight: 800;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f1f1f1;
}

.discount-section-area h3 {
  margin-top: 20px;
  font-size: 18px;
  text-transform: uppercase;
  color: #0985f8;
  font-weight: 700;
}

.discount-section-area ul.stranth-list {
  margin-bottom: 0;
  padding-top: 20px;
}

.discount-section-area .table {
  border: 1px solid #ddd;
  margin: 30px 0 0px 0;
}

.discount-section-area table th,
.discount-section-area table td {
  padding: 15px !important;
  vertical-align: middle !important;
}

.discount-section-area table thead {
  background-color: #f5f5f5;
}

.d-banner {
  margin-top: 30px;
  margin-bottom: -20px;
}

.gift-icon {
  margin-bottom: 40px;
}

.combo-offer {
  width: 100%;
  background-color: transparent;
  padding: 10px 0px 40px 0px;
  margin: 0;
  text-align: center;
}

.combo-offer li {
  display: inline-block;
  width: 30.543321%;
  margin: 15px;
}

.combo-offer li:nth-child(3n + 1) {
  margin-left: 0;
}

.combo-offer li:nth-child(3n + 3) {
  margin-right: 0;
}

.modal-popup.x-mas-offer-model .modal-inner-wrap {
  max-width: 700px;
}

.x-mas-offer-model .modal-content {
  margin: 0 !important;
  padding: 0 !important;
}

.x-mas-offer-model .modal-content button.acti-close {
  top: 5px;
  right: 5px;
  padding: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  font-size: 11px;
  background-color: #fff;
  border: none;
}

.fieldset>.field {
  width: 100%;
  float: left;
}

.customimage .inner-banner-content-right.we-offer-area-right {
  padding: 0;
  background-color: transparent;
  position: relative;
  min-height: 700px;
}

.we-offer-area-right .we-offer-area {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  width: 100%;
}

.we-offer-area-right .we-offer-area .we-offer {
  margin: 0 auto;
  width: 270px;
  height: 270px;
  background-color: #0985f8;
  border-radius: 100%;
  position: relative;
  margin-bottom: 50px;
}

.we-offer-area-right .we-offer-area .we-offer:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 350px;
  background-color: #0985f8;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  vertical-align: middle;
  top: -40px;
}

.customimage .inner-banner-content-right.we-offer-area-right h4 {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  font-size: 26px;
  width: 78%;
  text-align: center;
  font-weight: 600;
  line-height: 30px;
}

.customimage .inner-banner-content-right.we-offer-area-right h4 span {
  position: relative;
}

.customimage .inner-banner-content-right.we-offer-area-right h4 span:after {
  width: 92%;
  position: absolute;
  content: "";
  border-bottom: 1px #fff dashed;
  bottom: 3px;
  right: 3px;
}

.customimage .inner-banner-content-right.we-offer-area-right p {
  font-size: 16px;
}

.inner-banner-content-right.support-listing-area.we-offer-area-right {
  min-height: auto !important;
}

.support-listing-area {
  position: relative;
}

.support-listing-section {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 40px 20px;
}

.mcs-inner-right .head-title {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 25px 0;
  font-weight: 400;
  text-shadow: none;
  color: #fff;
  text-transform: uppercase;
}

.support-listing .support-box {
  color: #fff;
  padding: 12px 20px;
  background-color: #a59e9b2e;
  margin-bottom: 5px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.support-listing .support-box:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 40px;
  background-color: #fff;
  top: -17px;
  left: -8px;
  transform: rotate(45deg);
}

.support-listing .support-box i {
  font-size: 12px;
  color: #f05c14;
  position: absolute;
  top: 2px;
  left: 2px;
}

.support-listing .support-box:last-child {
  margin-bottom: 0;
}

.m-support {
  padding: 0px 0 15px 0;
  font-size: 40px;
  font-weight: 900;
  color: #f05c14;
}

.m-support sup {
  font-weight: 500;
  font-size: 17px;
  top: -16px;
}

.m-support sub {
  font-weight: 500;
  font-size: 16px;
  bottom: 0px;
}

/* we-offers */
.we-offers {
  float: left;
  width: 100%;
  padding-bottom: 60px;
}

.we-offers-left,
.we-offers-right {
  padding: 40px 30px !important;
  width: 50%;
  float: left;
  position: relative;
}

.we-offers-left {
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
}

.we-offers-right {
  border: 2px solid #f5f5f5;
  overflow: hidden;
}

.we-offers-right:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 30px;
  background-color: #f5f5f5;
  left: -34px;
  top: -5px;
  transform: rotate(-45deg);
}

.we-offers-right:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 30px;
  background-color: #f5f5f5;
  left: -34px;
  bottom: -5px;
  transform: rotate(45deg);
}

.we-offers-left h4,
.we-offers-right h4 {
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
}

.we-offers-left h4,
.we-offers-left p {
  color: #474747;
}

.we-offers-right h4 {
  color: #474747;
}

/* /we-offers */
.menu-price h4 {
  font-size: 40px;
  font-weight: 800;
  margin: 30px 0;
  color: #fff;
}

.menu-price h4 sub {
  font-size: 14px;
  font-weight: 400;
}

.menu-price h4 span {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding-top: 12px;
  text-decoration: line-through;
  opacity: 0.6;
}

/* hire-developer-support-section Block START */
.hire-developer-support-section {
  padding: 80px 0px;
  float: left;
  width: 100%;
  background-color: #ed4b23;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.hire-developer-support-section:before,
.hire-developer-support-section:after {
  content: "";
  position: absolute;
}

.hire-developer-support-section:before {
  background-image: url(../images/migel-bg2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  left: 37%;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.hire-developer-support-section:after {
  width: 70%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #1d1d1d;
  z-index: -1;
}

.hire-developer-support-section h2.new-title {
  text-align: center;
  font-size: 36px;
  color: #fff;
  position: relative;
  font-weight: 400;
}

.hire-developer-support-left h3,
.hire-developer-support-right h3 {
  font-size: 20px;
  text-transform: uppercase;
  color: #ed4b23;
  font-weight: 800;
  position: relative;
  margin: 0 0 40px 0;
}

.hire-developer-support-left h3:before,
.hire-developer-support-right h3:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background-color: #ed4b23;
  left: 0;
  bottom: -10px;
}

.hire-developer-support-left p,
.hire-developer-support-right p {
  color: #fff;
  font-size: 16px;
}

.hire-developer-support-left a,
.hire-developer-support-right a {
  text-transform: capitalize;
  letter-spacing: 0;
}

.hire-developer-support-left .second-pera,
.hire-developer-support-right .second-pera {
  text-transform: uppercase;
}

.hire-developer-support-left .third-pera,
.hire-developer-support-right .third-pera {
  text-transform: uppercase;
  font-weight: 600;
  font-style: italic;
  color: #ed4b23;
}

.hire-developer-support-left .third-pera span,
.hire-developer-support-right .third-pera span {
  text-decoration: underline;
}

.hire-developer-support-midel {
  text-align: center;
  margin-top: 15%;
  margin-bottom: 10px;
}

.hire-developer-support-right {
  text-align: right;
}

.hire-developer-support-right h3 {
  color: #1d1d1d;
}

.hire-developer-support-right h3:before {
  background-color: #1d1d1d;
  right: 0;
  left: initial;
}

.hire-developer-support-right .third-pera {
  color: #1d1d1d;
}

.hire-developer-support-right .third-pera span {
  color: #1d1d1d;
}

/* /hire-developer-support-section Block */
/* magento-developer-support Block START */
.magento-developer-support {
  padding: 80px 0px;
  float: left;
  width: 100%;
  background-image: url(../images/magento-developer-support-bg.jpg);
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}

.magento-developer-support h2.new-title {
  text-align: center;
  font-size: 30px;
  color: #fff;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 70px;
}

.magento-developer-support h2.new-title span {
  border-radius: 6px;
  color: #ed4b23;
  border-bottom: 1px solid #ed4b1a;
}

.magento-developer-support h2.new-title small {
  display: block;
  color: #fff;
  font-size: 18px;
}

.magento-developer-support-left,
.magento-developer-support-right {
  background-color: rgba(255, 255, 255, 0.07);
  border: 2px solid rgba(246, 75, 34, 0.3);
  border-radius: 8px;
  width: 100%;
  padding: 40px 25px;
  text-align: center;
  position: relative;
}

.magento-developer-support-left:before,
.magento-developer-support-right:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  margin: 0 auto;
  width: 100px;
  height: 7px;
  background-color: #ed4b1a;
  border-radius: 10px;
}

.magento-developer-support-left h3,
.magento-developer-support-right h3 {
  font-size: 20px;
  font-weight: 800;
  color: #ed4b1a;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 40px 0;
}

.magento-developer-support-left h3:before,
.magento-developer-support-right h3:before {
  content: "";
  width: 45px;
  height: 2px;
  position: absolute;
  background-color: #ed4b1a;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -10px;
}

.magento-developer-support-left p,
.magento-developer-support-right p {
  color: #fff;
  font-size: 16px;
}

.magento-developer-support-left .peraOne,
.magento-developer-support-right .peraOne {
  text-transform: uppercase;
}

.magento-developer-support-left .peraOne span,
.magento-developer-support-right .peraOne span {
  font-weight: 700;
}

.magento-developer-support-left .peraTwo,
.magento-developer-support-right .peraTwo {
  text-transform: uppercase;
  font-weight: 500;
  color: #ed4b1a;
  font-size: 18px;
}

.magento-developer-support-left a,
.magento-developer-support-right a {
  text-transform: capitalize;
  letter-spacing: 0;
}

.magento-developer-support-midel {
  text-align: center;
  padding-top: 7%;
}

/* /magento-developer-support Block */
/* header-form START */
.header-form {
  position: relative;
  background-color: #fff;
  float: left;
  width: 100%;
  border-radius: 5px;
  padding: 30px 30px 50px 30px;
  text-align: center;
  border-bottom: 4px solid #f05c14;
  margin-bottom: -105px;
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
}

.header-form h3 {
  margin: 0 0 30px 0;
  padding: 0;
  color: #121212;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.header-form h3 span {
  position: relative;
}

.header-form h3 span:before {
  width: 18px;
  height: 3px;
  position: absolute;
  left: -24px;
  top: 18px;
  margin: 0 auto;
  background-color: #f05c14;
  bottom: -13px;
  content: "";
}

.h-btn-area {
  float: left;
  width: 100%;
  position: absolute;
  bottom: -24px;
}

.h-btn-area input#submitter {
  padding: 15px 30px;
  background-color: #f05c14;
  border: none;
  border-radius: 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

.header-form input[type="text"].h-in,
.header-form input[type="email"].h-in,
.header-form textarea.h-in {
  border: 2px solid #f1f1f1;
  background-color: #f1f1f1;
  min-height: 50px;
}

.header-form ._keyfocus *:focus,
.header-form input[type="text"].h-in:focus,
.header-form input[type="email"].h-in:focus,
.header-form textarea:not([disabled]):focus,
.header-form select:not([disabled]):focus {
  box-shadow: none;
  border: 2px solid #e2e2e2 !important;
}

/* /header-form */
/* hire-dedicated-developers START */
.hire-dedicated-developers {
  padding: 80px 0px;
  float: left;
  width: 100%;
}

.hire-dedicated-developers .sub-text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 50px;
}

.hire-dedicated-developers-left h2 {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}

.hd-listing {
  margin: 0;
  padding: 0;
}

.hd-listing li {
  color: #222;
  float: left;
  width: 46%;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 14px 20px;
  background-color: #fff;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.hd-listing li:before {
  width: 15px;
  height: 20px;
  background: #f3722b;
  position: absolute;
  left: -5px;
  top: -12px;
  content: "";
  transform: rotate(50deg);
}

/* /hire-dedicated-developers */
/* hire-magento-developers-section START */
.hire-magento-developers-section {
  float: left;
  width: 100%;
  padding: 60px 0px;
  background-color: #fff;
}

.hmd-title {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 800;
  color: #474747;
  margin: 0 0 30px 0;
}

.hmd-title span {
  color: #ef672f;
}

.hmd-title small {
  display: block;
  padding-top: 5px;
}

.hire-magento-developers-midel {
  text-align: center;
}

.work-time-list {
  width: 100%;
  float: left;
}

.work-time-list .work-time-box {
  min-width: 160px;
  background-color: #ef672f;
  display: inline-block;
  margin: 0 5px;
  padding: 25px 10px;
  border-radius: 8px;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease,
    transform 0.1s ease;
}

.work-time-box:hover {
  box-shadow: 0.5rem 0.5rem 0 rgba(239, 97, 52, 0.15);
  transform: translate3d(-4px, -4px, 0) rotateZ(-1deg);
}

.work-time-list .work-time-box h3 {
  margin: 20px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

.work-time-btn-area {
  float: left;
  width: 100%;
  padding-top: 30px;
}

.work-time-btn-area a {
  font-size: 22px;
  font-weight: 700;
  padding: 6px 40px;
  background-color: #ef672f;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease,
    transform 0.1s ease;
}

.work-time-btn-area a:hover {
  box-shadow: 0.5rem 0.5rem 0 rgba(239, 97, 52, 0.15);
  transform: translate3d(-4px, -4px, 0) rotateZ(-1deg);
  color: #fff;
}

.work-time-btn-area a sub {
  font-weight: 400;
  font-size: 14px;
}

.hire-magento-developers-right {
  width: 100%;
  float: left;
  max-width: 290px;
  margin: 0 auto;
}

.tell-your-head {
  background-color: #ef672f;
  padding: 25px 20px 50px 20px;
  float: left;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.06);
}

.tell-your-head h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.tell-your-head h4 small {
  display: block;
  color: #fff;
  font-size: 13px;
  padding-top: 5px;
}

.tell-your-body {
  background-color: #fff;
  padding: 15px 20px 25px 20px;
  float: left;
  width: 100%;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.06);
}

.tell-your-body:before {
  content: "";
  position: absolute;
  top: -44px;
  left: 0;
  right: 0;
  background-image: url(../images/tell-your-body-top.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 200px;
  z-index: 1;
}

.our-experts-list-area .our-experts-list {
  width: 100%;
  float: left;
  padding-bottom: 15px;
}

.our-experts-list-area .our-experts-list:last-child {
  padding-bottom: 0px;
}

.our-experts-list-area .our-experts-list span {
  float: left;
  font-size: 14px;
  color: #474747;
  font-weight: 500;
}

.our-experts-list-area .our-experts-list i {
  float: right;
  width: 24px;
  height: 24px;
  background-color: rgba(239, 97, 52, 0.1);
  border-radius: 100%;
  text-align: center;
  line-height: 24px;
  color: #ef672f;
  font-size: 13px;
}

/* /hire-magento-developers-section */
.rating-value-area {
  float: left;
  width: 100%;
  position: absolute;
  top: -40px;
  z-index: 9;
}

.rating-value {
  background-color: #ffffff;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  padding: 9px 20px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #474747;
  box-shadow: 0px 8px 38px 7px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 0;
}

.rating-value span {
  font-weight: 900;
  color: #ef672f;
}

/* reason-to-hire START */
.reason-to-hire {
  background: url(../images/reason-hire-bg.jpg);
  padding: 70px 0;
  background-size: cover;
  float: left;
  width: 100%;
}

.reason-to-hire h2 {
  color: white;
}

.reason-to-hire small {
  color: white;
}

.reason-to-hire .hmd-title {
  margin-bottom: 50px;
}

.block-box {
  animation-name: out;
  background: rgba(255, 255, 255, 0.08);
  padding: 20px 46px;
  text-align: center;
  transition: 0.4s;
}

.block-box:hover {
  transform: translateY(-5%);
}

.left-bottom {
  margin-top: 24px;
}

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

.block-box p {
  color: white;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px;
  line-height: 16px;
  text-transform: uppercase;
}

.block-box span {
  display: block;
}

.focused-block {
  background: rgba(255, 255, 255, 0.15);
}

.reasons-list li {
  animation-name: left-out;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0.12),
      rgba(255, 0, 0, 0));
  padding: 15px;
  color: white;
  margin-bottom: 5px;
  padding: 10px 14px;
  transition: 0.4s;
  display: flex;
  align-items: center;
  position: relative;
}

.reasons-list li:hover {
  animation-name: left-out;
  transform: translateX(-3%);
  transition-duration: 0.3s;
}

.reasons-list li i {
  color: #ea5c2e;
  width: 20px;
}

.reasons-list span {
  color: #fff;
  font-size: 15px;
  width: calc(100% - 20px);
  padding-left: 25px;
}

.reasons-list span::before {
  content: "|";
  position: absolute;
  left: 40px;
  top: 10px;
  height: 100%;
}

.col-sm-6.rth-right {
  padding: 0px 62px;
}

/* /reason-to-hire */
/* services-new CSS START */
.services-new {
  background: #f5f5f5;
  float: left;
  width: 100%;
  padding: 70px 0 80px 0;
}

.left-text.col-sm-4 {
  padding: 75px 0px;
}

.left-text span {
  font-size: 45px;
  font-weight: 800;
  color: #0985f8;
  margin-bottom: 10px;
  display: block;
}

.left-text h3 {
  font-size: 26px;
  font-weight: 500;
  color: #0985f8;
}

.left-text h4 {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  background: #0985f8;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 4px;
  margin-top: 26px;
}

.left-text p {
  font-size: 16px;
  color: #474747;
  margin-top: 38px;
}

.right-box-services {
  float: left;
  width: 100%;
}

.services-icon1 {
  float: left;
  margin-right: 7px;
  position: relative;
  opacity: 1;
  padding-top: 13px;
  text-align: center;
  margin-bottom: 5px;
}

.services-text1 {
  float: left;
  width: 50%;
}

.services-text1 h3 {
  margin: 0px;
}

.services-text1 h3 a {
  color: #474747;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.services-text1 p {
  font-size: 12px;
  color: #474747;
  line-height: 14px;
  margin-top: 8px;
  margin-bottom: 0px;
}

.services-text1 {
  width: 79%;
  float: left;
  padding: 5px 4px;
}

.services-list li {
  width: 49%;
  float: left;
  margin-bottom: 15px;
  transition: 0.3s;
  border-left: 2px solid transparent;
}

.services-list li:hover {
  background: #ffffff;
  border-left: 2px solid #ef672f;
}

.services-list li:hover h3 a {
  color: #474747;
}

.services-list li:hover img {
  filter: brightness(1.75);
}

.services-list li:hover img {
  filter: brightness(0);
}

.services-list li:hover p {
  color: #a0a2a5;
}

.services-list li:hover p {
  color: #474747;
}

.left-text h3 {
  margin-top: 0px;
}

/* /services-new */
/* trusted-new */
.trusted {
  position: relative;
  float: left;
  width: 100%;
}

.trusted-left h2 {
  color: #0985f8;
  font-weight: 800;
  font-size: 58px;
  margin-bottom: 42px;
}

.trusted-left {
  background: url(../images/left-bg.png) 0px 100px no-repeat;
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #fff;
  padding-right: 100px !important;
}

.trusted-left p {
  font-size: 16px;
  color: #3b3e42;
  line-height: 32px;
}

.trusted-right {
  margin-top: 62px;
}

.trusted-main {
  position: relative;
  float: left;
  width: 100%;
}

.trusted-main:before {
  content: "";
  background: url(../images/right-finish.png);
  background-repeat: no-repeat;
  position: absolute;
  background-position: 100%;
  left: 41.45%;
  top: 0;
  width: 153px;
  height: 100%;
}

.trusted-right img {
  padding-left: 40px;
}

@media (min-width: 980px) and (max-width: 1156px) {
  .trusted-right {
    width: 58% !important;
    margin-top: 62px;
  }
}

@media (min-width: 1025px) and (max-width: 1640px) {
  .trusted {
    background: url(../images/right-finish.png) 44% 0px no-repeat;
  }
}

@media (max-width: 992px) {
  .trusted-left {
    width: 100% !important;
  }

  .trusted {
    background: none;
  }

  .trusted-right {
    width: 100% !important;
  }

  .trusted-right {
    width: 100% !important;
    margin-top: 0px;
  }

  .current-openings-block {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .current-openings-left,
  .current-openings-right {
    padding: 0 !important;
  }

  .cms-magento-upgrade-service .pro-details-our-extension .mob-des-slide-wrapper,
  .cms-magento-1-to-magento-2-migration-service .pro-details-our-extension .mob-des-slide-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .migration-process-steps {
    margin: 0;
  }

  .cms-magento-upgrade-service .migration-process-steps .process-item,
  .cms-magento-1-to-magento-2-migration-service .migration-process-steps .process-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 60px;
  }

  .process-content {
    position: relative;
    z-index: 2;
  }

  .migration-process-block::after {
    display: none;
  }

  .migration-process-steps .process-item::after {
    position: absolute;
    content: "";
    background-image: url(../images/process-arrow-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 20px;
    top: initial;
    right: 50%;
    transform: rotate(-270deg) translateX(-50%);
    width: 70px;
    bottom: -21%;
  }

  .migration-process-steps .process-item:last-child {
    margin-bottom: 0;
  }

  .migration-process-steps .process-item:last-child::after {
    display: none;
  }

  .cms-magento-upgrade-service .customimage .inner-banner-content .inner-banner-content-left,
  .cms-magento-upgrade-service .customimage .inner-banner-content .inner-banner-content-right,
  .cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content .inner-banner-content-left,
  .cms-magento-1-to-magento-2-migration-service .customimage .inner-banner-content .inner-banner-content-right {
    width: 100%;
  }
}

/* /trusted-new */
/* why-choose-us-new */
.why-choose-new {
  float: left;
  width: 100%;
  padding: 80px 0;
}

.cms-magento-developers-for-hire .why-choose-new {
  border-bottom: 2px solid #f5f5f5;
}

.why-choose-us-list a {
  text-transform: uppercase;
  font-size: 18px;
  color: #484848;
  font-weight: 600;
}

.why-choose-us-list h4:before {
  content: ".";
  background: url(../images/bullet-right.png);
  left: -13px;
  position: absolute;
  width: 20px;
  color: #ef6034;
}

.why-choose-us-list p {
  font-size: 11.5px;
  line-height: 17px;
}

.why-choose-us-list p:before {
  content: "";
  background: url(../images/parabg.png) 1px -6px;
  height: 34px;
  width: 369px;
  position: absolute;
  z-index: -2;
}

.why-choose-us-list span:before {
  content: "";
  background: url(../images/parabg.png) 1px 4px;
  height: 43px;
  width: 369px;
  position: absolute;
  z-index: -2;
}

.client-logos {
  clear: both;
}

.logo-list li {
  list-style: none;
  display: inline-block;
}

.logo-list li img {
  padding-right: 18px;
  padding-left: 18px;
}

.logo-list li:before {
  content: "";
  background: url(../images/seperator.png);
  height: 89px;
  width: 2px;
  position: absolute;
}

.logo-list li:first-child:before {
  display: none;
}

.why-choose-content {
  margin-bottom: 40px;
}

.logo-list {
  margin: 0;
  padding: 0;
}

.cus-style {
  padding-bottom: 22px !important;
}

.title-why-choose p {
  width: 60%;
  text-align: center;
  margin: auto;
  color: #9e9999;
}

.title-why-choose {
  margin-bottom: 60px;
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .why-choose-us-list p:before {
    content: "";
    background: url(../images/parabg-left.png) 1px -11px;
    height: 62px;
    width: 155px;
    position: absolute;
    z-index: -2;
  }

  .partners-list li {
    margin-bottom: 60px;
  }

  .migration-process-block::after {
    background-position: center 67%;
    top: 51%;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
    background-size: 76%;
  }
}

@media (min-width: 767px) and (max-width: 1025px) {
  .why-choose-right {
    width: 100% !important;
  }

  .why-choose-left {
    width: 100% !important;
    margin: 0% 25%;
  }

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

  .logo-list li:nth-child(4):before {
    display: none;
  }

  .why-choose-left {
    margin-bottom: 50px;
  }

  .title-why-choose p {
    width: 80%;
  }

  .title-why-choose p {
    width: 100%;
  }

  .why-choose-left h3 {
    margin-left: 10%;
  }

  .why-choose-us-list p:before {
    content: "";
    background: url(../images/parabg.png) 1px -7px;
    height: 32px;
    width: 369px;
    position: absolute;
    z-index: -2;
  }

  .why-choose-us-list p:after {
    background: url(images/parabg-right.png);
  }

  .partners-list li {
    margin-bottom: 55px;
  }

  .partners-list .integration-left {
    height: 140px;
  }

  .partners-list .integration-right {
    min-height: auto;
    padding-left: 130px;
  }

  .job-for-you-section {
    padding-bottom: 110px !important;
  }

  .migration-process-block::after {
    top: 47%;
    background-size: 78%;
  }
}

@media (max-width: 767px) {
  .logo-list li {
    width: 100%;
    text-align: center;
    margin-bottom: 22px;
  }

  .title-why-choose p {
    width: 100%;
  }

  .why-choose-us-list li {
    margin-left: 24%;
  }

  .why-choose-us-list h4:before {
    left: 131px;
  }

  .why-choose-us-list p {
    width: 368px;
  }

  .why-choose-us-list h4:before {
    margin-left: 20px;
  }

  .why-choose-us-list h4 {
    margin-left: 22px;
  }

  .why-choose-right {
    margin-top: 71px;
  }

  .why-choose-content {
    margin-bottom: 50px;
  }

  .logo-list li::before {
    content: none;
  }

  .why-choose-us-list p:before {
    content: "";
    background: url(../images/parabg-left.png) 1px -11px;
    height: 62px;
    width: 155px;
    position: absolute;
    z-index: -2;
  }

  .why-choose-us-list li {
    margin-bottom: 45px;
  }

  .job-for-you-section {
    padding-bottom: 110px !important;
  }

  /* Partners 
    ------------*/
  .our-partners {
    padding: 40px 0;
  }

  .our-partners .container {
    padding: 0 15px;
  }

  .partners-list li,
  .partners-list li:nth-child(even) {
    justify-content: center;
    flex-wrap: wrap;
  }

  .partners-list .integration-left {
    position: relative;
    top: initial;
    transform: none;
    margin-bottom: 0;
    height: 140px;
  }

  .partners-list .integration-right,
  .partners-list li:nth-child(even) .integration-right {
    margin: -20px 0 0;
    padding: 40px 15px;
    width: 100%;
    float: none;
    text-align: center;
    min-height: 100%;
  }

  .partners-list .integration-right .mcs-btn-1,
  .partners-list li:nth-child(even) .integration-right .mcs-btn-1 {
    float: none;
  }

  .partners-list li {
    margin-bottom: 50px;
  }

  .magento-counter li {
    font-size: 14px;
    margin: 0 10px;
    height: 105px;
    width: 105px;
  }

  .magento-counter li span {
    font-size: 28px;
    line-height: 32px;
  }

  .migration-process-steps h4 {
    text-align: left !important;
  }
}

@media (min-width: 611px) and (max-width: 765px) {
  .why-choose-left h3 {
    margin-left: 30% !important;
  }
}

@media (max-width: 628px) {
  .why-choose-us-list h4:before {
    left: -13px !important;
  }

  .why-choose-us-list li {
    margin-left: 0%;
  }

  .title-why-choose p {
    width: 100%;
  }

  .title-why-choose {
    padding: 10px;
  }

  .why-choose-us-list p {
    width: 100%;
    background-size: cover;
  }
}

@media (min-width: 421px) and (max-width: 575px) {
  .magento-counter li span {
    font-size: 24px;
    line-height: 28px;
  }

  .magento-counter li {
    font-size: 12px;
    margin: 0 8px;
    height: 75px;
    width: 75px;
  }
}

@media (max-width: 420px) {
  .why-choose-us-list p:before {
    content: "";
    background: url(../images/parabg-left.png) 1px -11px;
    height: 62px;
    width: 155px;
    position: absolute;
    z-index: -2;
  }

  .migration-process-steps .process-item::after {
    right: 38%;
    bottom: -16%;
  }

  .magento-counter ul {
    flex-wrap: wrap;
  }

  .magento-counter ul li:nth-of-type(-n + 2) {
    margin-bottom: 20px;
  }
}

@media (max-width: 380px) {
  .why-choose-us-list p {
    background-size: cover;
  }

  .why-choose-us-list p {
    width: 322px;
    font-size: 12px !important;
  }

  .why-choose-us-list a {
    font-size: 13px;
  }
}

/* why-choose-us-new */
/* is-website-secure-new */
.is-website-secure {
  background: linear-gradient(to right,
      rgb(245, 245, 245) 0%,
      rgb(245, 245, 245) 50%,
      rgb(251, 251, 251) 50%,
      rgba(251, 251, 251) 100%);
  padding-bottom: 130px;
  padding-top: 56px;
  float: left;
  width: 100%;
}

.iws-left h2 {
  background: #fbfbfb;
  color: #474747;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px;
}

.iws-left span {
  font-size: 41px;
  font-weight: bold;
  color: #ef672f;
}

.iws-left h3 {
  text-align: right;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
  color: #474747;
  margin-top: 48px;
}

.iws-left h4 {
  color: #ef672f;
  text-decoration: underline;
  font-weight: bold;
  text-align: right;
  margin-top: 28px;
}

.iws-left p {
  color: #474747;
  text-align: right;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 20px;
}

.plan-btn {
  background: #0382f8;
  border: 2px solid #0382f8;
  position: relative;
  right: 23%;
  top: 60px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px;
  transition: 0.5s;
}

.plan-btn:hover {
  background: #ef672f;
  border: 2px solid #ef672f;
  position: relative;
  right: 23%;
  top: 60px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  padding: 14px;
}

.iws-right.col-sm-6 {
  padding-left: 0px;
}

.iws-left.col-sm-6 {
  padding-right: 0px;
}

.content-detail-left {
  padding-right: 32px;
}

.content-detail-right {
  padding-left: 32px;
}

.iws-right h2 {
  background: #f5f5f5;
  color: #474747;
  padding: 10px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px;
}

.iws-right span {
  font-size: 41px;
  font-weight: bold;
  color: #0382f8;
}

.iws-right h3 {
  text-align: left;
  font-size: 26x;
  font-weight: 759;
  text-transform: uppercase;
  color: #474747;
  margin-top: 48px;
}

.iws-right h4 {
  color: #0382f8;
  text-decoration: underline;
  font-weight: bold;
  text-align: left;
  margin-top: 28px;
}

.iws-right p {
  color: #474747;
  text-align: justify;
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 20px;
}

.MCAS {
  margin-bottom: 30px;
}

.MCAS li {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  margin-bottom: 16px;
  counter-increment: step-counter;
  font-size: 15px;
}

.MCAS li:before {
  content: counter(step-counter, decimal-leading-zero);
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  color: #ccc;
  font-size: 18px;
  cursor: default;
  font-weight: 500;
}

.ourCodeAuditReport {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0px;
  text-align: center;
}

.ourCodeAuditReport h2 {
  margin: 0 0 25px 0;
}

.OCARList {
  margin: 70px 0 0px 0;
}

.OCARList li {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  counter-increment: step-counter;
  max-width: 33%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  z-index: 2;
}

.OCARList li:before {
  position: absolute;
  left: -50px;
  top: -30px;
  color: rgba(240, 88, 41, 0.16);
  width: 100px;
  height: 100px;
  line-height: 100px;
  border: 2px solid rgba(240, 88, 41, 0.1);
  border-radius: 100%;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  z-index: -1;
  content: counter(step-counter);
}

.OCARList li h4 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 12px 0 10px 0;
}

.OCARList li p {
  font-size: 14px;
  color: #666;
  margin: 0;
}

.examineDuring {
  float: left;
  width: 100%;
  padding: 80px 0px;
  background: rgba(240, 144, 40, 0.06);
}

.examineDuring .row {
  display: flex;
  align-items: center;
}

.examineDuring .container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}

.examineDuring>.container-fluid>.row>div:first-child {
  padding-right: 0;
}

.examineDuring>.container-fluid>.row>div:last-child {
  padding-left: 0;
}

.examineDuring .examineDuringOne,
.examineDuring .examineDuringTwo,
.examineDuring .examineDuringThree {
  border-radius: 8px;
  background-color: #fff;
  border: 2px solid rgba(237, 75, 26, 0.14901960784313725);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.03);
  text-align: left;

  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.examineDuring .examineDuringOne:hover,
.examineDuring .examineDuringTwo:hover,
.examineDuring .examineDuringThree:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.examineDuring .examineDuringTwo {
  padding: 40px;
}

.examineDuring .examineDuringOne,
.examineDuring .examineDuringThree {
  padding: 70px 40px;
}

.examineDuring .examineDuringOne h4,
.examineDuring .examineDuringTwo h4,
.examineDuring .examineDuringThree h4 {
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 25px 0;
  font-size: 20px;
  color: #f05829;
}

.examineDuring .examineDuringOne p,
.examineDuring .examineDuringTwo p,
.examineDuring .examineDuringThree p {
  margin-bottom: 10px;
  line-height: 24px;
  position: relative;
  padding-left: 35px;
}

.examineDuring .examineDuringOne p:before,
.examineDuring .examineDuringTwo p:before,
.examineDuring .examineDuringThree p:before {
  content: "\f178";
  font: normal normal normal 12px/1 FontAwesome;
  position: absolute;
  top: 8px;
  left: 10px;
  color: #f05829;
}

.examineDuring .examineDuringOne p:last-child,
.examineDuring .examineDuringTwo p:last-child,
.examineDuring .examineDuringThree p:last-child {
  margin-bottom: 0px;
}

@media (min-width: 767px) and (max-width: 1025px) {
  .iws-right span {
    font-size: 24px;
  }

  .iws-right h2 {
    font-size: 20px;
  }

  .iws-left span {
    font-size: 24px;
  }

  .iws-left h2 {
    font-size: 20px;
  }
}

@media (min-width: 1025px) and (max-width: 1136px) {
  .iws-right h2 {
    font-size: 23px;
  }

  .iws-left h2 {
    font-size: 23px;
  }
}

@media (max-width: 767px) {
  .is-website-secure {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .left-custom-style button {
    position: absolute;
  }

  .plan-btn {
    position: unset;
  }

  .plan-btn:hover {
    position: unset;
  }

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

  .is-website-secure {
    background: rgb(28, 63, 99);
  }

  .iws-right {
    background: #0985f8;
    margin-top: 24px;
  }

  .iws-right.col-sm-6 {
    padding-right: 0px;
  }

  .content-detail-right {
    padding-right: 32px;
  }

  .iws-right {
    padding-bottom: 50px;
  }

  .img-box {
    text-align: center;
    margin-top: 31px !important;
    padding: 20px;
  }

  .iws-right h2 {
    border: 4px solid #0985f8;
  }

  .iws-left.col-sm-6 {
    background: #132c45;
    padding-left: 0px;
    padding-bottom: 50px;
  }

  .iws-left h2 {
    border: 4px solid #132c45;
  }

  .iws-left h3,
  h4,
  p {
    text-align: center !important;
  }

  .iws-right h3,
  h4,
  p {
    text-align: center !important;
  }

  .content-detail-left {
    padding-right: 0px;
  }
}

@media (max-width: 628px) {
  .iws-left h2 {
    font-size: 24px;
  }

  .iws-right span {
    font-size: 30px;
  }

  .iws-right h2 {
    font-size: 22px;
  }
}

@media (max-width: 420px) {
  .iws-left h2 {
    font-size: 20px;
  }

  .iws-right span {
    font-size: 30px;
  }

  .iws-right h2 {
    font-size: 18px;
  }
}

@media (max-width: 380px) {
  .iws-right h2 {
    font-size: 14px;
  }

  .iws-right span {
    font-size: 24px;
  }
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  .partners-list .integration-left img {
    display: block;
  }
}

/* /is-website-secure-new */
/* festivalNotification */
.festivalNotification {
  padding: 4px;
  line-height: 14px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  right: 0;
  margin: 0 auto;
  background-color: #ef6134;
  color: #fff;
  text-align: center;
  width: auto;
  font-style: italic;
}

/* /festivalNotification */
/* login CENTER CSS */
.login-container.container {
  display: flex;
  justify-content: center;
}

.login-container.container .block-customer-login {
  max-width: 420px;
}

.login-container.container .fieldset>.field>.control {
  width: 100%;
}

/* /login CENTER CSS */
.cCode span {
  border: 1px dashed #0985f8;
  background-color: rgba(9, 133, 248, 0.1);
  color: #0985f8;
  border-radius: 3px;
  font-weight: 700;
  padding: 2px 3px;
  margin: 0 4px;
}

.cCode b {
  color: #ff5722;
}

/* notificationSlide CSS */
.NSShow {
  float: left;
  overflow: hidden;
  height: 36px;
}

.notificationSlide ul {
  list-style: none;
  animation: 10s linear 0s normal none infinite change;
  -webkit-animation: 10s linear 0s normal none infinite change;
  -moz-animation: 10s linear 0s normal none infinite change;
  -o-animation: 10s linear 0s normal none infinite change;
}

.notificationSlide ul li {
  line-height: 40px;
  margin: 0;
}

.notificationSlide ul li a {
  padding: 1px 10px;
  border-radius: 30px;
  color: #ef672f;
  margin-left: 4px;
  text-decoration: none;
  background-color: #ffffff;
}

.notificationSlide ul li a:hover {
  background-color: #ad390a;
  transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -wait-transition: 0.5s ease all;
}

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes change {
  0% {
    margin-top: 0;
  }

  15% {
    margin-top: 0;
  }

  25% {
    margin-top: -40px;
  }

  40% {
    margin-top: -40px;
  }

  50% {
    margin-top: -80px;
  }

  65% {
    margin-top: -80px;
  }

  75% {
    margin-top: -40px;
  }

  85% {
    margin-top: -40px;
  }

  100% {
    margin-top: 0;
  }
}

@keyframes change {
  0% {
    margin-top: 0;
  }

  15% {
    margin-top: 0;
  }

  25% {
    margin-top: -40px;
  }

  40% {
    margin-top: -40px;
  }

  50% {
    margin-top: -80px;
  }

  65% {
    margin-top: -80px;
  }

  75% {
    margin-top: -40px;
  }

  85% {
    margin-top: -40px;
  }

  100% {
    margin-top: 0;
  }
}

/* /notificationSlide */

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 0.9em;
  /* opinion 3 */
  line-height: 1.5;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 25em;
  max-width: 21em;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #ef672f;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 82%;
  border-top-width: 0;
  border-bottom-color: #ef672f;
}

[tooltip][flow^="down"]::after {
  top: calc(82% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}

[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

/* Style for popup for christmas */
#bio_ep .mageplaza-betterpopup-content div#bio_ep_close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.ourCta {
  background-image: url(../images/octaBg.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding: 80px 0;
  clear: both;
  text-align: center;
}

.ourCta .container {
  max-width: 700px;
  width: 100% !important;
}

.ourCta .new-title {
  line-height: 1.5;
  font-size: 28px;
}

.ourCta p,
.ourCta .new-title {
  color: #fff;
}

/* marging */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

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

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

/* pading */
.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.bg-light {
  background-color: #f9f9f9 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

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

.after-none:after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.before-none:before {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.my-price-table.cbTable thead tr:first-child th:nth-child(odd):before {
  display: none;
}

.my-price-table.cbTable thead tr:first-child th:nth-child(even):before {
  content: "";
  width: 100%;
  height: 30px;
  background: #2b3138;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 999999;
  top: -25px;
}

.my-price-table.cbTable thead tr th {
  width: 33.33%;
}

/* hyvaProcesslist */
.hyvaProcesslist>li>.hplIcn {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hyvaProcesslist>li:before {
  display: none;
}

@media (max-width: 992px) {
  .top-ecommerce {
    position: unset !important;
    margin: 0 auto;
    text-align: center;
  }

  .page-footer {
    margin-top: 40px !important;
  }
}

@media (max-width: 480px) {
  .rating-value-area {
    top: -54px !important;
  }

  .rating-value {
    max-width: 300px;
    font-size: 15px;
    line-height: 1.2;
  }

  .page-footer {
    margin-top: 60px !important;
  }
}
/* hyve ribbon */
.catalog-product-view .view-image-future .view-product-image,
.categorypath-magento-2-extensions .products > .products > .product > .product-item-info > .product.photo > .product-image-container > .product-image-wrapper,
.featured-magento-extensions-block .home-pro-listing > .home-pro-box {
    position: relative;
}
.catalog-product-view .view-image-future .view-product-image:before,
.categorypath-magento-2-extensions .products > .products > .product > .product-item-info > .product.photo > .product-image-container > .product-image-wrapper:before,
.featured-magento-extensions-block .home-pro-listing > .home-pro-box:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: top left;
}
.featured-magento-extensions-block .home-pro-listing > .home-pro-box:before {
  top: 15px;
  left: 15px;
  width: 75px;
  height: 40px;
  background-image: url(../images/h_ribbon03.svg);
}
.categorypath-magento-2-extensions .products > .products > .product > .product-item-info > .product.photo > .product-image-container > .product-image-wrapper:before {
  top: 0;
  left: 0;
  width: 60px;
  height: 30px;
  background-image: url(../images/h_ribbon02.svg);
  z-index: 2;
}
.catalog-product-view .view-image-future .view-product-image:before {
  top: 0;
  left: 0;
  width: 75px;
  height: 40px;
  background-image: url(../images/h_ribbon03.svg);
}
/* /hyve ribbon */