/*+++++++++++++++++++++ owlcarosel +++++++++++++++++++++*/
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
  float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
  cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

/*+++++++++++++++++++++ owltheame +++++++++++++++++++++*/
.owl-theme .owl-controls {
  margin-top: 40px;
  text-align: left;
}

.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  display: inline;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  display: inline
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 9px 5px;
  background: #D1D1D1;
  border-radius: 50%;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #aaa;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}

.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}

#owl-demo {
  padding-top: 15px;
}

#owl-demo .itemp {
  margin-right: 15px;
}

.customNavigation {
  text-align: right;
  padding-top: 15px
}

.customNavigation a {
  font-size: 25px;
  color: #212121;
  font-weight: bold;
  display: inline-block;
  padding: 0 0 0 10px
}

.customNavigation a.prev span {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.customNavigation a:hover,
.customNavigation a:focus {
  color: #82C341;
  box-shadow: none;
}


.tab-content {
  margin: 0
}


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

.transitions {
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

body {
  margin: 0;
  padding: 0;
}

.services-banner {
  background-image: url(../images/mobile-application.jpg);
  padding: 110px 0 40px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
  background-color: #000;
}

.services-banner.mobapp {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.enterprise {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.data-visulisation {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.digital-transformation {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.internetofthings {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.businesstechnology {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.productdevelopment {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.infrastucture {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.microsoftbg {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.opensourcebg {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.sapbg {
  background-image: url(../images/mobile-application.jpg)
}

.services-banner h1 {
  color: #fff;
  font-size: 35px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 2px;
  margin: 65px 0 25px 0;
  opacity: 1
}

.services-banner h1 span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  margin-top: 7px;
  letter-spacing: 0;
  line-height: 30px;
  text-transform: none;
}

.videoround {
  text-align: center;
  padding: 50px 0;
  display: none
}

.videoround a {
  display: inline-block;
  height: 98px;
  width: 98px;
  line-height: 98px;
  border-radius: 50%;
  background: #363636;
  position: relative;
}

.videoround a span {
  color: #fff;
  font-size: 30px;
  line-height: 98px;
  margin: 0;
  text-align: center;
  padding-left: 4px;
  z-index: 100;
  position: relative;
}

.videoround a:before {
  content: '';
  left: 50%;
  top: 50%;
  height: 0%;
  width: 0%;
  border-radius: 50%;
  border: 5px solid transparent;
  position: absolute;
  z-index: 1;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.videoround a:after {
  content: '';
  left: 50%;
  top: 50%;
  height: 0%;
  width: 0%;
  border-radius: 50%;
  position: absolute;
  z-index: 0;
  background: #82C341;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.videoround a:hover:before {
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  left: -30px;
  top: -30px;
  opacity: 0;
  border: 10px solid #fff;
}

.videoround a:hover:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.videoround a:hover span {
  font-size: 35px;
}

.fourblocks {
  text-align: left;
  padding-bottom: 50px
}

.fourblocks .icon {
  display: inline-block;
  color: #82C341;
  font-size: 35px;
  margin: 15px 0;
}

.fourblocks .icon.fts-idea {
  font-size: 40px
}

.fourblocks .icon.fts-users {
  font-size: 37px
}

.fourblocks h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
  margin: 0 0 10px;
  line-height: 24px;
  text-transform: uppercase;
}

.fourblocks p {
  color: rgba(256, 256, 256, 0.9);
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 20px;
  line-height: 19px;
  letter-spacing: 1px;
}


.whiteBg {
  background: #fff;
  padding: 90px 0;
  text-align: center;
}

.whiteBg p.parawidth {
  color: #4e4e4e;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 28px;
  margin: 0 0 15px 0 !important;
  text-align: left !important;
}

.whiteBg h2.parawidth {
  text-align: left !important;
  margin: 0 0 15px 0 !important;
}

.redbtn,
.redbtn:hover {
  height: 58px;
  background: #82C341;
  padding: 0 30px;
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: 2px;
  border-radius: 10px;
}

.specialHead {
  color: #1C1C1C;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 0 20px;
  line-height: 30px;
}

/*.specialHead::first-letter {color: #82C341}*/
.whiteBg .leftside {
  text-align: left;
}

.leftside h6 {
  color: #eee;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px;
}

.rightside ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.rightside ul li {
  display: block;
  margin: 0 0 20px 0
}

.rightside ul li .iconside {
  float: left;
  width: 64px;
  height: 64px;
  background: #82C341;
  color: #fff;
  font-size: 50px;
  line-height: 64px;
  margin: 3px 0 0 0;
  position: relative;
}

.rightside ul li .iconside span {
  line-height: 64px;
  z-index: 11;
  position: relative;
  font-size: 40px;
}

.rightside ul li .iconside:after {
  content: '';
  right: 50%;
  top: 50%;
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-top: 3px solid #82C341;
  border-right: 3px solid #82C341;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.rightside ul li:hover .iconside:after {
  right: -8px;
  top: -8px;
  opacity: 1
}

.rightside ul li .iconside:before {
  content: '';
  left: 50%;
  bottom: 50%;
  position: absolute;
  z-index: 0;
  width: 20px;
  height: 20px;
  border-bottom: 3px solid #82C341;
  border-left: 3px solid #82C341;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.rightside ul li:hover .iconside:before {
  left: -8px;
  bottom: -8px;
  opacity: 1
}



.rightside ul li .textside {
  float: right;
  width: calc(100% - 84px);
}

.rightside ul li .textside h5 {
  color: #000000;
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 10px;
  text-align: left;
  line-height: 24px;
}

.rightside ul li .textside p {
  color: #434343;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}


.tabstyleone {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1);
  ;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.10);
}

.tabstyleone .nav-tabs {
  width: 25%;
  float: left;
  border: none;
}

.tabstyleone .nav-tabs>li {
  display: block;
  width: 100%;
  margin: 0;
  opacity: 0.7
}

.tabstyleone .nav-tabs>li.active {
  opacity: 1
}

.tabstyleone .nav-tabs>li>a {
  display: block;
  border: none;
  border-radius: 0;
  position: relative;
}

.tabstyleone .nav-tabs>li>a img {
  display: block;
  margin: 5px auto;
  max-width: 90%
}

.tabstyleone .nav-tabs>li>a:hover {
  background: none;
}

.tabstyleone .nav-tabs>li.active>a,
.tabstyleone .nav-tabs>li.active>a:hover,
.tabstyleone .nav-tabs>li.active>a:focus {
  border: none;
  background: none;
}

.tabstyleone .nav-tabs>li>a:before {
  position: absolute;
  z-index: 11;
  right: -5px;
  top: 50%;
  bottom: 0;
  height: 0;
  width: 5px;
  border-radius: 999px;
  background: #82C341;
  content: '';
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.tabstyleone .nav-tabs>li.active>a:before {
  height: 100%;
  opacity: 1;
  top: 0
}

.tabstyleone .nav-tabs>li>a:after {
  content: '';
  bottom: 0;
  width: 100%;
  height: 1px;
  left: 0;
  position: absolute;
  z-index: 11;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}

.tabstyleone .nav-tabs>li:last-child>a:after {
  display: none;
}

.tabstyleone .imgsection img.img-responsive {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  max-height: 450px;
}

.testmnlsection .whitebground {
  background: #fff;
  padding: 25px;
  border-radius: 18px;
}

.testmnlsection .whitebground p {
  color: #4e4e4e;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 28px;
  margin: 0
}

.tabstyleone .tab-content {
  width: 75%;
  float: right;
  padding: 40px 0;
  border-left: 1px solid #E3E3E3;
}

.namesection {
  position: relative;
}

.namesection .icon {
  position: absolute;
  color: #fff;
  font-size: 120px;
  left: 0;
  z-index: 11;
  top: -30px;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.namesection .textsection {
  padding: 10px 0 0 170px;
}

.namesection .textsection img {
  border-radius: 50%;
  display: inline-block;
  max-width: 60px;
  max-height: 60px;
  float: left;
}

.namesection .textsection h5 {
  float: right;
  width: calc(100% - 80px);
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 8px 0 0
}

.namesection .textsection h5 span {
  display: block;
  color: #555;
  font-size: 15px;
  font-weight: 300
}

.btnsection {
  text-align: left;
  margin-top: 30px;
}

.testmnlsection .whitebground p.techpara {
  color: #222;
  font-size: 14px;
  line-height: 19px;
  margin-top: 10px;
  font-weight: 400;
  margin-bottom: 10px
}

.testmnlsection .whitebground p.techpara span {
  color: #82C341;
}

.appicons {
  text-align: left;
}

.btnsection .icon {
  display: inline-block;
  color: #82C341;
  font-size: 29px;
  text-align: center;
  height: 50px;
  margin: 0 10px 20px 0;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18)
}

.tabstyleonecontainer {
  width: 100%;
  margin: 0 auto;
  position: relative;
}


.tabstyletwo {
  background: #F6F6F6;
  padding: 20px 0;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.50)
}

.tabstyletwo h3 {
  text-align: center;
  color: #000000;
  font-size: 27px;
  font-weight: 500;
  margin: 0 0 20px
}

.tabstyletwo .nav-tabs {
  border: none;
  background: #404040;
  text-align: center;
}

.tabstyletwo .nav-tabs>li {
  float: left;
  display: block;
  margin: 0;
  width: 25%
}

.tabstyletwo .nav-tabs>li a {
  border: none;
  text-align: center;
  border-radius: 0;
  padding: 10px 0;
  position: relative;
}

.tabstyletwo .nav-tabs>li a:before {
  content: '';
  left: 50%;
  bottom: -3px;
  height: 6px;
  width: 0;
  border-radius: 999px;
  background: #82C341;
  position: absolute;
  z-index: 11;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.tabstyletwo .nav-tabs>li a .icon {
  display: inline-block;
  font-size: 35px;
  color: #fff;
}

.tabstyletwo .nav-tabs>li a h6 {
  display: inline-block;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: left;
  margin: 12px 0 12px 15px
}

.tabstyletwo .nav-tabs>li.active>a,
.tabstyletwo .nav-tabs>li.active>a:hover,
.tabstyletwo .nav-tabs>li.active>a:focus {
  border: none;
  background: #040404;
}

.tabstyletwo .nav-tabs>li.active>a:before {
  width: 100%;
  left: 0
}

.tabstyletwo .nav-tabs>li.active>a:after {
  width: 0;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  margin-left: -4px;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #82C341;
}

.tabstyletwo .nav-tabs>li a:hover {
  background: none;
}

.tabstyletwo .tab-content {
  padding: 30px 0 0;
  position: relative;
}

.tabstyletwo .imgdiv {
  padding-left: 0
}

.tabstyletwo .imgdiv img.img-responsive {
  width: auto;
  max-width: 100%;
}

.tabstyletwo .contentdiv {
  padding: 40px 30px 0
}

.tabstyletwo .contentdiv p {
  color: #4e4e4e;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 5px;
}

.tabstyletwo .redbtn {
  margin-top: 20px;
}

.tabstyletwo .nav-tabs>li.active a .icon {
  color: #82C341
}


.bloginsightTab {
  padding: 50px 0
}

.bloginsightTab .r-side {
  padding: 0 15px;
}

.bloginsightTab .l-slide {
  background: #F4F4F4;
  padding: 50px 30px
}

.bloginsightTab .l-slide p {
  color: #3F3F3F;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 1px;
  text-align: right;
  margin-bottom: 15px;
}

.bloginsightTab .nav-tabs {
  text-align: right;
  border: none;
  margin-bottom: 15px
}

.bloginsightTab .nav-tabs>li {
  display: inline-block;
  margin: 0;
  float: none;
  padding: 0 0 0 30px
}

.bloginsightTab .nav-tabs>li>a {
  display: block;
  border: none !important;
  color: #2C2C2C;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 0 0 5px;
  margin: 0
}

.bloginsightTab .nav-tabs>li>a:hover {
  background: none;
}

.bloginsightTab .nav-tabs>li>a:before {
  content: '';
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 0;
  position: absolute;
  z-index: 11;
  background-color: #82C341;
  border-radius: 999px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.bloginsightTab .nav-tabs>li.active>a,
.bloginsightTab .nav-tabs>li.active>a:hover,
.bloginsightTab .nav-tabs>li.active>a:focus {
  background: none;
  color: #82C341;
}

.bloginsightTab .nav-tabs>li.active>a:before {
  width: 100%;
  left: 0
}


.imgdiv {
  position: relative;
}

.imgdiv a {
  display: block;
  height: 42px;
  width: 42px;
  line-height: 42px;
  background: #82C341;
  position: absolute;
  ;
  right: 10px;
  bottom: 10px;
  z-index: 11;
  text-align: center;
}

.imgdiv a span {
  line-height: 42px;
  color: #fff;
  font-size: 20px;
}

.newOwl.owl-carousel .owl-wrapper .itemp {
  padding: 0 15px
}

.newOwl.owl-carousel .owl-controls {
  display: none !important
}

.newOwl.owl-carousel .owl-wrapper .itemp h4 {
  color: #232323;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  margin: 25px 0 5px;
  line-height: 22px;
}

.newOwl.owl-carousel .owl-wrapper .itemp ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

.newOwl.owl-carousel .owl-wrapper .itemp ul li {
  display: inline-block;
  text-align: left;
  color: #555;
  font-size: 14px;
  font-weight: 300;
  margin: 0 10px 10px 0
}

.newOwl.owl-carousel .owl-wrapper .itemp ul li .icon {
  color: #333;
  font-size: 16px;
  margin-right: 10px;
}

.newOwl.owl-carousel .owl-wrapper .itemp p {
  color: #333;
  font-size: 17px;
  line-height: 25px;
  margin: 0;
  font-weight: 400
}




.header .navbar-default {
  background: none;
}

.header .navbar-default .navbar-nav>.active>a,
.header .navbar-default .navbar-nav>.active>a:hover,
.header .navbar-default .navbar-nav>.active>a:focus {
  background: none;
}

.navbar-alt.navbar-default {
  background: rgb(67, 67, 67) !important;
  box-shadow: 0 0 11px 0px rgba(0, 0, 0, 0.16);
}

.bgones {
  background-color: #333;
}

.leftside {
  text-align: left;
}

.leftside .specialHead {
  color: #fff;
}

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

.graphtab .nav-tabs {
  text-align: center;
  border: none;
  margin-bottom: 15px
}

.graphtab .nav-tabs>li {
  display: inline-block;
  margin: 0;
  float: none;
  padding: 0 15px
}

.graphtab .nav-tabs>li>a {
  display: block;
  border: none !important;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 0 0 5px;
  margin: 0
}

.graphtab .nav-tabs>li>a:hover {
  background: none;
}

.graphtab .nav-tabs>li>a:before {
  content: '';
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 0;
  position: absolute;
  z-index: 11;
  background-color: #82C341;
  border-radius: 999px;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.graphtab .nav-tabs>li.active>a,
.graphtab .nav-tabs>li.active>a:hover,
.graphtab .nav-tabs>li.active>a:focus {
  background: none;
  color: #82C341;
}

.graphtab .nav-tabs>li.active>a:before {
  width: 100%;
  left: 0
}

.graphtab .tab-content>.tab-pane img {
  max-width: 300px;
  display: block;
  margin: 20px auto;
  border-radius: 10px;
}

.graphtab .tab-content>.tab-pane {
  margin-top: 40px;
}

.topbgshadow {
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.50);
  position: relative;
  z-index: 1
}

.relativepos {
  position: relative;
}

.btnpositionTop {
  top: -30px;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 0
}

.tabstyleone .nav-tabs>li {
  position: relative;
}

.tabstyleone .nav-tabs>li:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #82C341;
  margin-top: -10px;
  opacity: 0;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.tabstyleone .nav-tabs>li.active:before {
  opacity: 1;
}

.navstyl {
  position: fixed;
  z-index: 100;
  right: 10px;
  top: 50%;
  height: auto;
  width: 15px;
  background: none;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navstyl ul.navbar-nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navstyl ul.navbar-nav li {
  display: block;
  float: none;
  width: auto;
  margin: 20px 0;
  padding: 0
}

.navstyl ul.navbar-nav li a {
  display: block;
  background: none;
  padding: 0;
  margin: 0
}

.navstyl ul.navbar-nav li a span {
  display: block;
  width: 10px;
  height: 10px;
  background: #999;
  border-radius: 50%
}

.navstyl>ul.navbar-nav li a:before {
  display: none;
}

.navstyl>ul.navbar-nav li.active>a:after {
  display: none;
}

.navstyl ul.navbar-nav li.active a,
.navstyle ul.navbar-nav li.active a:hover,
.navstyle ul.navbar-nav li.active a:focus {
  background: none
}

.navstyl ul.navbar-nav li a.active span {
  background: #82C341;
  height: 30px;
  border-radius: 20px;
  width: 6px;
  margin-left: 2px
}


.liststyle2 {
  margin: 15px 0 30px;
  padding: 0 0 0 20px;
  list-style-type: none;
}

.liststyle2 li {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  margin: 3px 0;
  padding-left: 20px;
  position: relative;
}

.liststyle2 li:before {
  content: '';
  left: 0;
  top: 11px;
  position: absolute;
  z-index: 11;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #82C341
}

.list2 {
  margin: 15px 0 30px;
  padding: 0 0 0 20px;
  list-style-type: none;
}

.list2 li {
  display: block;
  color: #4e4e4e;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  margin: 3px 0;
  padding-left: 20px;
  position: relative;
}

.list2 li:before {
  content: '';
  left: 0;
  top: 11px;
  position: absolute;
  z-index: 11;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #82C341
}

.container-fluid>.container,
.container>.row {
  height: 100%;
}

/* nav */
nav {
  min-height: 3.5rem;
}

nav.fixed-top {
  padding: 0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000
}

nav.bg-primary li a {
  color: #fff !important;
}

nav li a.active {
  padding: .2rem .4rem;
  color: #0275d8 !important;
  background-color: #fff;
  border-radius: .2rem;
  margin: .3rem 0.6rem;
}

nav .navbar-collapse.collapsing ul,
nav .navbar-collapse.show ul {
  margin-top: 3rem;
}

nav .navbar-collapse.collapsing li a,
nav .navbar-collapse.show li a {
  padding: 0.5rem;
}

nav .navbar-collapse.show li a.active {
  margin: 0;
}


.tabstyleone .tab-content>.active {
  padding: 70px 0
}

p.parawidth strong {
  margin-bottom: 20px;
  display: block;
  font-weight: 500
}

.graphtab h3 {
  color: rgba(255, 255, 255, 0.56);
  text-align: center;
  font-size: 20px;
  font-weight: 400
}

.five-elements.tabstyletwo .nav-tabs>li {
  width: 20%
}

.three-elements.tabstyletwo .nav-tabs>li {
  width: 33.333%
}

.fullwidthsection .leftside h6 {
  text-align: left;
}

#blogpara {
  display: none;
}

.displaynone {
  display: none !important
}

.displayblock {
  display: block !important
}

.five-elements.tabstyletwo .nav-tabs>li a h6 {
  font-size: 13px;
}

.five-elements.tabstyletwo .nav-tabs>li a .icon {
  font-size: 24px;
}

h6 {
  text-transform: none;
}

.fullwidthsection h3 {
  color: #fff;
  text-align: left;
  font-size: 18px;
  letter-spacing: 2px;
}

.fullwidthsection h5 {
  color: #fff;
  text-align: left;
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 15px;
}

.fullwidthsection .leftside .specialHead {
  text-align: left;
}

.graphtab .nav-tabs>li>a:after {
  content: '';
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  position: absolute;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.38);
  border-radius: 999px;
}

.leftside .round {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  display: block;
  margin-bottom: 20px;
  margin-top: 25px;
}

.leftside .round .icon {
  color: #fff;
  font-size: 30px;
  line-height: 60px;
}



.redbtn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.redbtn:hover,
.redbtn:focus,
.redbtn:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


.forblocks {
  text-align: center;
  padding: 50px 30px 70px;
}

.forblocks img {
  max-width: 100%;
  margin: 30px auto 15px;
  display: inline-block;
}

.forblocks a {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  display: block;
  line-height: 25px;
  margin-bottom: 15px;
}

.forblocks a:hover {
  color: #82C341;
}

.forblocks p {
  color: #585858;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0
}

.whiteBg h5 {
  text-align: left;
  margin: 25px 0 20px;
  line-height: 25px;
}

.whiteBg p a {
  color: #82C341;
  cursor: pointer;
}

.whiteBg h3 {
  text-align: left;
  margin: 15px 0 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.whiteBg .icon {
  display: block;
  color: #333;
  font-size: 25px;
  margin: 25px 0 15px 0;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 48px;
  position: relative;
  font-family: arial;
  border: 2px solid #82C341
}

.border-tops {
  background: #f3f3f3
}

.bordernone {
  border: none !important;
}

.technologybanner.services-banner h1 {
  margin-bottom: 65px;
}

.iconstyle {
  display: block;
  color: #82C341;
  font-size: 53px;
  margin: 25px 0 15px;
  text-align: left;
}

.forblocks a.secondarybtn {
  display: inline-block;
  margin: 15px auto 0;
  background: #82C341;
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
  height: 40px;
  padding: 0 15px;
  text-transform: capitalize;
  border-radius: 5px;
  line-height: 40px;
}

.forblocks a.secondarybtn:hover {
  color: #fff;
  background: #518a18
}

.margin-cutom {
  margin-top: 50px;
  margin-bottom: 0;
}

.video-container {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.enterprisesections .tabstyleone .tab-content>.active {
  padding: 125px 0;
}

ul.technology {
  margin: 15px 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
}

ul.technology li {
  display: inline-block;
  margin: 0 15px 15px 0
}

ul.technology li img {
  max-width: 100px;
}

/*31-5-17*/
.aboutbanner .videoround {
  display: block;
  text-align: left;
  padding: 50px 15px 0
}

.videoround a {
  text-align: center;
}

.services-banner.aboutbanner {
  padding: 110px 0 65px;
  background-image: url(../images/mobile-application.jpg)
}

.services-banner.aboutbanner h1 {
  margin-top: 25px;
}

.margincustoms {
  margin-top: 25px;
}

.aboutsection2 h4.specialHead {
  text-align: center;
}

.wrap-programs {
  background-image: none url(../images/counterbg.png);
  min-height: 0;
  padding: 20px 0 0 0;
  margin-bottom: -35px;
}

.wrap-programs:before {
  display: none;
}

.wrap-programs .program-item canvas {
  border: 2px solid rgba(256, 256, 256, 0.29)
}

.wrap-programs .program-item .program-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 24px;
}

.wrap-programs .program-item .program-icon p {
  line-height: 130px;
  color: #E71E1E;
  font-size: 40px;
  font-weight: 800
}

.program-item .icon {
  position: absolute;
  left: 0;
  top: 32px;
  width: 100%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 35px;
}

.program-item .ptext {
  position: absolute;
  left: 0;
  top: 82px;
  width: 100%;
  text-align: center;
  display: block;
  color: #fff;
  font-size: 35px;
  font-weight: 600
}

/*horizontal timeline*/


/* -------------------------------- 

Primary style

-------------------------------- */


/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info a {
  display: inline-block;
  width: 200px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #7b9d6f;
  position: relative;
  font-size: 14px;
  border-radius: 50em;
  color: #ffffff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: fixed;
  z-index: 100;
  bottom: 40px;
  left: calc(50% - 100px);
}

.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}

.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}

.cd-nugget-info span svg {
  display: block;
}

.cd-nugget-info .cd-nugget-info-arrow {
  fill: #ffffff;
}

/* -------------------------------- 

xcarbonads 

-------------------------------- */
#carbonads-container,
#ui8ads-container {
  position: fixed;
  bottom: 40px;
  right: 5%;
  width: 180px;
  display: none;
  z-index: 100;
}

#carbonads-container .close-carbon-adv,
#carbonads-container .close-ui8-adv,
#ui8ads-container .close-carbon-adv,
#ui8ads-container .close-ui8-adv {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 100%;
  background: rgba(56, 56, 56, 0.4);
  text-indent: 100%;
  overflow: hidden;
  width: 32px;
  height: 32px;
}

#carbonads-container .close-carbon-adv:hover,
#carbonads-container .close-ui8-adv:hover,
#ui8ads-container .close-carbon-adv:hover,
#ui8ads-container .close-ui8-adv:hover {
  background: rgba(56, 56, 56, 0.6);
}

#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::after,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::after,
#ui8ads-container .close-ui8-adv::before {
  content: '';
  background-color: #fff;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 14px;
  left: 9px;
}

#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-ui8-adv::after,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-ui8-adv::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#carbonads-container .carbonad,
#carbonads-container .ui8ad,
#ui8ads-container .carbonad,
#ui8ads-container .ui8ad {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 100%;
  height: auto;
  padding: 14px;
  text-align: center;
  border-radius: 0 3px 3px 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

#carbonads-container .carbonad .carbon-img img,
#carbonads-container .ui8ad .carbon-img img,
#ui8ads-container .carbonad .carbon-img img,
#ui8ads-container .ui8ad .carbon-img img {
  margin: 0 10px 10px;
  width: 130px;
}

#carbonads-container .carbonad .carbon-text,
#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-text,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-text,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-text,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

#carbonads-container .carbonad .carbon-wrap,
#carbonads-container .ui8ad .carbon-wrap,
#ui8ads-container .carbonad .carbon-wrap,
#ui8ads-container .ui8ad .carbon-wrap {
  display: block;
  width: 100%;
  padding: 0;
}

#carbonads-container .carbonad .carbon-wrap a,
#carbonads-container .ui8ad .carbon-wrap a,
#ui8ads-container .carbonad .carbon-wrap a,
#ui8ads-container .ui8ad .carbon-wrap a {
  color: #7b9d6f;
  font-size: 13px;
  font-weight: bold;
}

.no-touch #carbonads-container .carbonad .carbon-wrap a:hover,
.no-touch #carbonads-container .ui8ad .carbon-wrap a:hover,
.no-touch #ui8ads-container .carbonad .carbon-wrap a:hover,
.no-touch #ui8ads-container .ui8ad .carbon-wrap a:hover {
  text-decoration: underline;
}

#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
  margin-top: 5px;
  color: #383838;
}

#carbonads-container .carbonad .carbonad-tag a,
#carbonads-container .carbonad .carbon-poweredby a,
#carbonads-container .ui8ad .carbonad-tag a,
#carbonads-container .ui8ad .carbon-poweredby a,
#ui8ads-container .carbonad .carbonad-tag a,
#ui8ads-container .carbonad .carbon-poweredby a,
#ui8ads-container .ui8ad .carbonad-tag a,
#ui8ads-container .ui8ad .carbon-poweredby a {
  color: #383838;
}

#carbonads-container .carbonad .carbonad-tag a:hover,
#carbonads-container .carbonad .carbon-poweredby a:hover,
#carbonads-container .ui8ad .carbonad-tag a:hover,
#carbonads-container .ui8ad .carbon-poweredby a:hover,
#ui8ads-container .carbonad .carbonad-tag a:hover,
#ui8ads-container .carbonad .carbon-poweredby a:hover,
#ui8ads-container .ui8ad .carbonad-tag a:hover,
#ui8ads-container .ui8ad .carbon-poweredby a:hover {
  color: #7b9d6f;
}

#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .carbon-poweredby {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
}

@media only screen and (min-width: 1100px) {

  #carbonads-container,
  #ui8ads-container {
    display: block;
  }
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 0 auto 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}

.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
  /*left: 0;
  background-image: -webkit-linear-gradient( left , #000, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #000, rgba(248, 248, 248, 0));*/
}

.cd-horizontal-timeline .events-wrapper::after {
  /*right: 0;
  background-image: -webkit-linear-gradient( right , #000, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #000, rgba(248, 248, 248, 0));*/
}

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 1px;
  /* width will be set using JavaScript */
  background: #4c4c4c;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  /*background-color: #82C341;*/
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  font-family: 'Lato', sans-serif;
  z-index: 2;
  text-align: center;
  font-size: 18px;
  padding-bottom: 15px;
  color: #fff;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -7px;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background-color: #4c4c4c;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #82C341;
  /*border-color: #82C341;*/
}

.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
  background-color: #82C341;
  border: 5px solid rgba(256, 256, 256, 0.2);
  height: 22px;
  width: 22px;
  bottom: -15px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
}

.cd-horizontal-timeline .events a.older-event::after {
  /*border-color: #82C341;*/
}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 0 auto;
  }

  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 57%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat center 0;
}

.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
  right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
  border-color: #82C341;
}

.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
  background-position: center -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0 0;
  /*overflow: hidden;*/
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  padding: 0 70px;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
  max-width: 100%;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  line-height: 1.2;
}

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
  color: #82C341;
}

.cd-horizontal-timeline .events-content em::before {
  content: '- ';
  color: rgba(255, 255, 255, 0.37);
}

.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}

.cd-horizontal-timeline .events-content em,
.cd-horizontal-timeline .events-content p {
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  font-size: 17px;
  margin: 15px 0;
  font-style: normal;
}

.cd-horizontal-timeline .events-content h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 24px;
  padding-left: 10px;
  position: relative;
  text-align: left;
  display: inline-block;
}

.cd-horizontal-timeline .events-content h5 span {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 400
}

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 25px;
  }

  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
    color: #82C341;
    font-style: normal;
  }

  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}


/*horizonal time line ends*/


#horizontaltimln h4.specialHead {
  text-align: center;
  color: #fff
}

#horizontaltimln {
  padding: 70px 0;
  /*background-image: url(../images/counterbg.png);*/
  background-size: cover;
  background-position: center center;
  background-color: #000;
  height: 570px;
}

#client-carousel .owl-buttons {
  display: none;
}

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

/*.border0{border: none !important}*/
.aboutgraphsection .bgones {
  background-image: url(../images/bgonesabout.png) !important;
}

.aboutgraphsection .leftside .specialHead {
  text-align: center;
}

.quicksteps {
  padding: 70px 0
}

.quicksteps h6 {
  text-align: left;
  color: #272727;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.stepsul {
  list-style-type: none;
  margin: 25px 0 10px;
  padding: 0
}

.stepsul li {
  display: block;
  margin: 0 0 20px;
}

.stepsul li .icon {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  border: 2px solid #82C341;
  color: #000;
  line-height: 56px;
  text-align: center;
  float: left;
}

.stepsul li .icon span {
  line-height: 53px;
  margin: 0;
  font-size: 30px;
}

.stepsul li .textsec {
  float: left;
  width: calc(100% - 78px);
  margin-left: 22px;
}

.stepsul li .textsec h3 {
  color: #424242;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 500;
  margin: 15px 0 10px;
  line-height: 25px;
  text-transform: uppercase;
}

.stepsul li .textsec p {
  line-height: 24px;
  color: #666565;
  font-size: 16px;
  margin: 0
}

.quicksteps .specialHead {
  margin-bottom: 12px;
}

.quicksteps img {
  margin: 50px 106px 19px
}

.aboutgraphsection .bgones {
  padding-left: 0;
  padding-right: 0
}

.abouticons .icon {
  color: #82c341;
  font-size: 60px;
  float: left;
  width: 80px;
  margin: 8px 10px 0 0;
}

.abouticons h5 {
  float: left;
  width: calc(100% - 90px);
  color: #fff;
  font-weight: 600;
  font-size: 55px;
  line-height: 57px;
}

.abouticons h5 span {
  font-weight: 500;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 19px;
}

.abouticons {
  margin-top: 30px;
}

.blackbg {
  /*background: #000 !important*/
}

.cd-horizontal-timeline .events-content li .leftside {
  float: left;
  width: 400px;
  padding: 0;
  text-align: left;
}

.cd-horizontal-timeline .events-content li .leftside h3 {
  font-weight: 300;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0
}

.cd-horizontal-timeline .events-content li .leftside h2 {
  font-weight: 700;
  font-size: 140px;
  color: #fff;
  font-family: 'Lato', sans-serif;
  line-height: 110px;
  letter-spacing: 0;
  margin: 0
}

.redcolor {
  color: #82C341
}

.cd-horizontal-timeline .events-content li .rightside {
  float: left;
  width: calc(100% - 400px);
  padding: 0px
}

.cd-horizontal-timeline .events-content li .rightside h4 {
  color: #fff;
  font-size: 25px;
  line-height: 31px;
  font-weight: 300;
  letter-spacing: 0
}

.cd-horizontal-timeline .events-content li .rightside p {
  color: #fff;
  font-size: 17.5px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0
}

.cd-horizontal-timeline .events-content li .rightside h5 {
  color: #fff;
  font-size: 25px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: 0;
  margin: 0
}

.cd-horizontal-timeline .events-content li .rightside h5 span {
  display: block;
  font-size: 14px;
}

.cd-horizontal-timeline .events-content li .rightside h6 {
  color: #fff;
  font-size: 19px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.corevalues {
  padding: 70px 0 145px;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F4F4 100%);
}

.corevalues h4.specialHead {
  text-align: center;
}

.corevalues h5 {
  font-size: 17px;
  text-transform: none;
  color: #494949;
  letter-spacing: 0.89px;
  line-height: 24px;
  font-weight: 400;
  width: 60%;
  margin: 0 auto 15px;
  text-align: center;
}

.corevalues ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.corevalues ul li {
  display: inline-block;
  padding: 15px 45px
}

.corevalues ul li img {
  display: inline-block;
}

.corevalues ul li h6 {
  font-size: 18px;
  color: #161616;
  letter-spacing: 0.95px;
  font-weight: 400;
  margin: 15px 0
}

.cd-horizontal-timeline .events-content li .rightside h6.bullets {
  position: relative;
  padding-left: 25px;
}

.cd-horizontal-timeline .events-content li .rightside h6.bullets:before {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 8px;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #eee;
}

.testimonialNew .owl-pagination {
  display: none
}

.testimonialNew .owl-buttons {
  text-align: center;
}

.testimonialNew .owl-theme .owl-controls .owl-buttons div {
  background-repeat: no-repeat;
  display: inline-block;
  opacity: 1;
  background-color: transparent;
  width: 50px;
  height: 50px;
  position: relative;
}

.testimonialNew .owl-theme .owl-controls .owl-buttons div.owl-next {
  background-image: url(../images/arrow-right.png);
}

.testimonialNew .owl-theme .owl-controls .owl-buttons div.owl-prev {
  background-image: url(../images/arrow-left.png);
  ;
}

.testimonialNew .owl-theme .owl-controls {
  margin: 0
}

.testimonialNew.testimonials {
  margin-bottom: 40px;
}

.rating-about {
  background: #333;
  padding: -1px 0 80px 0;
  text-align: center;
}

.rating-about .ratestars {
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: #fff;
  margin: 0;
  text-align: center;
  margin-top: -105px;
  display: inline-block;
}

.rating-about .ratestars h2 {
  color: #000;
  font-size: 74px;
  margin: 50px 0 0 0;
  position: relative;
  z-index: 111;
  font-family: arial;
}

.rating-about .ratestars p {
  margin: 0;
  position: relative;
  z-index: 112
}

.rating-about .ratestars p .fa {
  color: #82C341;
  display: inline-block;
  font-size: 22px;
  margin: 0 3px;
}

.rating-about .ratingpara {
  width: 100%;
  padding: 0 15px;
  padding-top: 60px
}

.rating-about .ratingpara p {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  line-height: 46px;
  margin: 0 0 25px 0
}

.rating-about .ratingpara p .numbertext {
  font-family: arial;
  color: #82C341;
  font-weight: bold;
  font-size: 40px
}

.rating-about .ratingpara a {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  height: 58px;
  background: #82C341;
  padding: 0 30px;
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  line-height: 58px;
  letter-spacing: 2px;
  border-radius: 10px;
}

.rating-about .ratingpara a:hover,
.rating-about .ratingpara a:focus,
.rating-about .ratingpara a:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.rating-about .ratingpara .blockstyle {
  display: block;
}

.coediv {
  text-align: right;
}

.coediv .inlinediv {
  display: inline-block;
  text-align: left;
}

.coediv .inlinediv img {
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0;
  vertical-align: top;
  border: 5px solid rgba(255, 255, 255, 0.17)
}

.iconspara {
  text-align: left;
  padding: 15px 0 0 0
}

.iconspara p {
  display: inline-block;
  margin: 0 25px 10px 0 !important;
  color: #ddd;
  font-size: 15px;
  letter-spacing: 1px
}

.iconspara p .fa {
  color: #fff;
  font-size: 26px;
  margin-right: 10px;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  line-height: 40px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.19);
  border-radius: 50%;
  text-align: center;
}

.iconspara p .fa.fa-building-o {
  font-size: 20px;
}

.iconspara p .imgicon {
  background: rgba(255, 255, 255, 0.19);
  height: 60px;
  border-radius: 50%;
  width: 60px;
  margin-right: 10px;
}

.cd-horizontal-timeline .events-content ul {
  margin: 0
}

/*27/7/17*/
h6.head3 {
  color: #fff;
  margin-top: -19px;
  font-size: 18px;
}

.StrategicBusinessUnits {
  padding: 50px 0;
  background: #e8e9ed52;
}

.StrategicBusinessUnits img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

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

#logoSlide .specialHead {
  text-align: center;
}

.quicksteps {
  background: #e8e9ed52;

}

.quicksteps .specialHead {
  color: #82c341
}

.quicksteps h6 {
  color: #333333
}

.stepsul li .icon span {
  color: #82c341
}

.stepsul li .textsec h3 {
  color: #82c341
}

.stepsul li .textsec p {
  color: #333333
}

/*SAP Page*/
.form-container.banner-form {
  background-color: #fff;
  padding: 25px;
  border-radius: 3px;
  position: absolute;
  display: block;
  top: 70px;
  z-index: 1020;
  width: 430px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
  margin: 0px 30px;
  min-height: 500px;
}

.form-container.banner-form .form-control {
  background: #EDEDED;
  border: 1px solid #E0DEDE;
  border-radius: 3px;
  padding: 9px 15px;
}

.form-container.banner-form .form-control.vaidate_error {
  border: 1px solid #e81e20;
}

.banner-form .success-div {
  top: auto;
  transform: none;
  padding: 15px;
}

.banner-form .success-div img {
  padding: 50px 0;
}

.banner-form .success-div h6 {
  color: #222;
}

.banner-form .success-div h6 span {
  color: #666;
  line-height: 25px;
  font-weight: 400;
  font-size: 15px;
  padding-top: 15px;
}

.banner-section {
  float: left;
}

.banner-left {
  width: calc(100% - 490px);
}

.banner-right {
  width: 490px;
  position: relative;
}

.banner-form h5 {
  margin-bottom: 0px;
  /*font-family: Kanit-Regular;*/
  font-size: 19px;
  color: #444444;
  letter-spacing: 0;
  font-weight: 400;
}

.banner-form .sub-text {
  font-size: 14px;
  color: #888888;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 0px;
}

.form-container.banner-form form {
  margin-top: 23px;
}

.btn-banner-form {
  background: #82C341;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  height: 50px;
  padding: 5px 10px;
  width: 100%;
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
}

.btn-banner-form:hover {
  color: #fff;
  transform: translateY(-2px);
  transition: all 300ms cubic-bezier(.175, .885, .32, 1.275) !important;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.50);
}

.btn-banner-form:focus,
.btn-banner-form:active {
  outline: 0;
  color: #fff;
}

.banner-form .g-recaptcha {
  margin-bottom: 35px;
}

.banner-form .form-group {
  margin-bottom: 20px;
}

.margin-bottom-zero {
  margin-bottom: 0px !important;
}

.custom-left-section {
  float: left;
  width: calc(100% - 490px);
}

.custom-right-section {
  float: left;
  width: 490px;
}

.section-inner {
  padding: 15px;
  text-align: center;
  overflow: hidden;
}

.first-card {
  width: 248px;
  height: 255px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
  border-radius: 3px;
  margin: 15px;
  padding: 16px;
  display: inline-block;
  vertical-align: top;
}

.first-card .number-section {
  font-size: 55px;
  background: -webkit-linear-gradient(#F26464, #82C341);
  letter-spacing: 0;
  font-weight: 400;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 83px;
  margin-bottom: 8px;
}

.first-card .title-section {
  font-size: 18px;
  color: #444444;
  letter-spacing: 0;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 10px;
}

.first-card .sub-text-section {
  font-weight: 100;
  font-size: 15px;
  color: #888888;
  letter-spacing: 0;
  line-height: 19px;
}

h2.saptitle {
  font-size: 23px;
  color: #1C1C1C;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 400;
}

h4.sapsubtitle {
  font-size: 19px;
  line-height: 27px;
  font-weight: 400;
  letter-spacing: 0;
  color: #1C1C1C;
}

.call-to-action {
  margin: 40px 0px;
  height: 58px;
}

.service-stack-listing .icon-wrapper,
.service-stack-listing .text-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.service-stack-listing .text-wrapper {
  padding-left: 15px;
}

.service-stack-listing .text-wrapper h5 {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 19px;
  font-weight: 400;
  text-align: left;
}

.icon-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #444444;
  position: static;
  display: block;
  font-size: 23px;
  line-height: 64px;
}

.service-stack-listing li {
  background: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
  margin-bottom: 20px;
  padding: 15px;
}

.phasesbg {
  background: url(../images/phasesbg.png);
  background-size: cover;
  background-position: center center;
}

.phasesofreplatforming {
  color: #fff;
  padding: 40px 50px;
}

.phasesofreplatforming .icon-circle {
  font-size: 24px !important;
  line-height: 59px !important;
}

.phasesofreplatforming .icon-circle span:before {
  color: #82C341 !important;
}

.phasesofreplatforming h2.saptitle {
  color: #fff;
}

.phasesofreplatforming .icon-wrapper,
.phasesofreplatforming .text-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.phasesofreplatforming .text-wrapper {
  padding-left: 15px;
}

.phasesofreplatforming .text-wrapper h5 {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 19px;
  font-weight: 400;
}

.phasesofreplatforming .icon-circle {
  background: url(../images/white-hexagon.png);
  border-radius: 0px;
  background-size: 60px 52px;
  background-repeat: no-repeat;
  height: 52px;
}

.phasesofreplatforming .section-inner .row {
  margin-bottom: 20px;
}

.potentialbenefits {
  padding: 40px 0 0 0;
}

.benefit-card {
  width: calc(33.3% - 40px);
  min-height: 319px;
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
  margin: 15px;
  padding: 20px;
  text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: auto;
}

.benefit-card .icon-section {
  height: 50px;
  width: 100%;
  font-size: 37px;
}

.benefit-card .icon-section span:before {
  color: #82C341;
}

.benefit-card .title-section h5 {
  font-weight: 400;
  font-size: 20px;
  color: #444444;
  letter-spacing: 0;
  line-height: 24px;
}

.benefit-card .desc-section {
  font-size: 16.5px;
  color: #555555;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}

.benefit-card:after {
  content: '';
  width: 70px;
  height: 68px;
  background-color: #444;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/grey-hexagon.png);
  background-size: 100% 100%;
  z-index: 0;
}

.benefit-card .count {
  width: 50px;
  height: 60px;
  position: absolute;
  top: 0px;
  right: 0px;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  z-index: 1;
  text-align: center;
  line-height: 60px;
}

.floating-panel {
  background-color: #fff;
  padding: 30px;
  width: 430px;
  float: right;
  margin-right: 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.20);
  border-radius: 3px;
  text-align: left;
  margin-top: 20px;
}

.greyBg {
  background-color: #f4f4f4;
}

.replatforming-service-stack {
  padding: 0px 50px;
}

.floating-panel h5 {
  font-weight: 400;
  font-size: 18px;
  color: #1C1C1C;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}

.floating-panel h5:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0px;
  height: 24px;
  width: 24px;
  background: url(../images/sm-hexagon.png);
  background-size: 19px 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.floating-panel h2 {
  margin-bottom: 15px;
}

.floating-panel p {
  color: #888;
  line-height: 22px;
}

.replatform-button-wrapper.call-to-action {
  margin: 60px 0px 40px 0;
}

.g-recaptcha.vaidate_error iframe {
  border: 1px solid red;
}

.real-estate-tile-wrapper .tile-wrapper {
  width: 100%;
  height: 300px;
  background: url(../images/realestate_tile.png);
  background-size: cover;
  position: relative;
  margin-top: 5px;
}

.real-estate-tile-wrapper .tile-wrapper h5 {
  font-weight: 400;
  font-size: 25px;
  color: #FFFFFF;
  margin: 0px;
  width: calc(100% - 40px);
  padding: 15px 20px;
  position: absolute;
  top: 100px;
}

.real-estate-tile-wrapper .tile-wrapper h5:before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 20px;
  width: 40px;
  height: 5px;
  border-radius: 5px;
  background-color: #e81e20;
}

.real-estate-tile-wrapper .tile-wrapper .ghost-btn {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 300ms ease-in-out;
}

.real-estate-tile-wrapper .tile-wrapper .ghost-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateX(-50%) translateY(-5px);
}

/*5/7/18*/
.talk-consultant-banner-form {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 0px 2px rgba(252, 244, 244, 1);
  -moz-box-shadow: 2px 2px 0px 2px rgba(252, 244, 244, 1);
  box-shadow: 2px 2px 0px 2px rgba(252, 244, 244, 1);
  width: 100%;
  position: relative;
  bottom: -85px;
  z-index: 8;
}

.talk-icon {
  margin-left: 0px;
  margin-right: 20px;
  margin-top: -1px;
  float: left;
}

.talk-consultant-header span {
  display: table-cell;
  padding-right: 30px;
}

.talk-consultant-header h2 {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  padding-top: 20px;
  margin-bottom: 6px;
}

.talk-consultant-header p {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0px;
  margin-bottom: 3px;
}

.talk-icon-append {
  position: absolute;
  top: 16px;
  width: 22px;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  right: 0;
}

.talk-consultant-formBlock {
  padding: 3px 30px;
}

.talk-consultant-formBlock .form-group {
  margin-bottom: 0px;
}

.talk-consultant-formBlock .form-group .form-control {
  margin-bottom: 5px;
  background-color: #fff;
  border-bottom: 1px solid #b0b0b0;
  border-radius: 0px;
  box-shadow: 0 0 0 0;
  height: 52px;
  line-height: 24px;
  padding-left: 0;
  color: #666666;
}

.talk-consultant-formBlock .form-group .form-control:focus {
  margin-bottom: 5px;
  background-color: #fff;
  border-bottom: 1px solid #b0b0b0;
  border-radius: 0px;
  box-shadow: 0 0 0 0;
  height: 52px;
  line-height: 24px;
  padding-left: 0;
  color: #666666;
}

.form-control.vaidate_error {
  border-bottom: 1px solid #82C341 !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.talk-consultant-formBlock label {
  position: relative;
  width: 100%;
  margin-bottom: 0px;
}

.talk-consultant-formBlock .form-group textarea {
  min-height: 80px;
  max-width: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
}

.talk-consultant-btn {
  background: #82C341;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 12px 25px;
  margin: 20px auto 40px;
  display: block;
  width: 171px;
}

.talk-consultant-btn:hover,
.talk-consultant-btn:focus,
.talk-consultant-btn:active {
  color: #fff;
}

.talk-consultant-formBlock .form-group .form-control::placeholder {
  color: #7d7d7d;
}

.talk-gutter {
  margin-left: -15px;
  margin-right: -15px;
}

.microsoft-real-estate-Smallbanner {
  width: 100%;
  height: 203px;
  background: url(../images/micro-realestate-banner.png);
  background-size: cover;
  position: relative;
  margin-top: 5px;
  background-position: bottom;
  border-radius: 20px;
}

.microsoft-real-estate-Smallbanner h5 {
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  float: left;
  width: 55%;
}

a.real-btn-lin {
  float: right;
  width: 132px;
  height: 43px;
  border-radius: 8px;
  border: 1px solid #82C341;
  text-align: center;
  background: transparent;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  padding: 3px;
  margin-top: 30px;
  line-height: 35px;
}

a.real-btn-lin:hover {
  color: #82C341;
}

.innovReal-title {
  position: absolute;
  bottom: 0px;
  padding: 0px 15px;
  width: 100%;
}

.success-div.enter-success {
  transform: none;
}

.success-div.enter-success h6 {
  color: #000;
  line-height: 27px;
}

.success-div.enter-success span {
  color: #666;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 25px;
}

.vaidate_error {
  border-bottom:  2px solid #82C341;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

/*13-9-18*/
.graphical-content {
  margin-bottom: 35px;
}

.graphical-content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.graphical-content ul:after {
  content: '';
  width: 100%;
  right: 0;
  top: 62px;
  height: 2px;
  background-color: #82C341;
  position: absolute;
  z-index: 0
}

.graphical-content ul li {
  padding: 20px 0;
  display: block;
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}

.graphical-content ul li:after {
  content: '';
  width: 30px;
  left: calc(50% - 80px);
  top: 48px;
  height: 30px;
  position: absolute;
  z-index: 7;
  border-right: 2px solid #82C341;
  border-bottom: 2px solid #82C341;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.graphical-content ul li:first-child:after {
  display: none
}

.graphical-content ul li:first-child:before {
  content: '';
  width: 50%;
  left: 0;
  top: 62px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  z-index: 2
}

.graphical-content ul li:last-child:before {
  content: '';
  width: 50%;
  right: 0;
  top: 62px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  z-index: 2
}

.graphical-content ul li img {
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #82C341;
  position: relative;
  z-index: 10;
  background: #fff;
  transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.graphical-content ul li h6 {
  margin: 15px 0;
  text-align: center;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  z-index: 10
}

ul.listingrealestate {
  margin: 0 0 0px 0;
  padding: 0;
  list-style-type: none
}

ul.listingrealestate li {
  padding: 10px 0 10px 30px;
  position: relative;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

ul.listingrealestate li:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: #82C341 2px solid;
}

.newstyle2 {
  margin-bottom: 0 !important;
  text-align: left !important
}

.roundedimg {
  display: block;
  margin: 0 0 15px;
  border-radius: 50%;
  border: 2px solid #82C341;
  position: relative;
  z-index: 10;
  background: #fff
}

.graphical-content .bgimg-section {
  width: 100%;
  height: 400px;
  background-image: url(../images/realestate/realestate7.png);
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 100
}

.graphical-content ul li:hover img,
.graphical-content ul li.active img {
  -webkit-box-shadow: 0 0 0px 4px #e81e1d, 0 0 27px 6px #e81e1d;
  box-shadow: 0 0 0px 4px #e81e1d, 0 0 27px 6px #e81e1d;
}


/*18-9-18*/
.realestate-tab .tab-content .tab-pane {
  padding: 30px 0
}

.realestate-tab .tab-content .tab-pane .imgsection {
  width: 400px;
  height: 200px;
  background-size: cover;
  background-position: center center;
  float: left;
  margin: 0 0 20px 0
}

.realestate-tab .tab-content .tab-pane .right {
  float: right;
  width: calc(100% - 430px);
}

.realestate-tab .nav>li {
  margin: 0;
}

.realestate-tab .nav-tabs>li>a {
  border: 0 !important;
  padding: 7px 38px 7px 15px;
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

.realestate-tab .nav-tabs>li>a img {
  width: 44px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
}

.realestate-tab .nav-tabs {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8
}

.realestate-tab .nav-tabs>li.active>a {
  color: #000;
  position: relative;
}

.realestate-tab .nav-tabs>li.active>a img {
  opacity: 1
}

.realestate-tab .nav-tabs>li>a:before {
  content: '';
  position: absolute;
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.realestate-tab .nav-tabs>li.active>a:before {
  left: 0;
  width: 100%;
  background: #82C341
}

.realestate-tab .nav-tabs>li>a:hover {
  color: #000
}

.realestate-tab .nav-tabs>li>a:hover img {
  opacity: 1
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}

@media (min-width: 1300px) {
  .container {
    width: 1200px;
  }
}

@media(max-width: 1370px) {
  .fourblocks {
    padding-bottom: 35px;
  }
}

@media(max-width: 1300px) {
  .tabstyletwo .contentdiv {
    padding-top: 30px
  }

  .logoseven .tab-content>.active {
    padding: 20px 0;
  }

  .cd-horizontal-timeline .events-content li.selected {
    padding: 0 37px;
  }

  .first-card {
    margin: 0px 0 15px 0;
    width: 100%;
  }

  .talk-consultant-banner-form {
    bottom: -105px;
  }

  .real-btn-lin {
    margin-top: 15px !important;
    margin-bottom: 15px;
    float: left !important;
  }

  .microsoft-real-estate-Smallbanner h5 {
    margin-bottom: 3px;
    width: 100%;
  }

  .realestate-tab .nav-tabs>li>a {
    padding: 7px 7px 7px 0;
    font-size: 14px;
  }
}

@media(max-width: 1200px) {
  .namesection .icon {
    font-size: 100px;
    top: -17px;
  }

  .namesection .textsection {
    padding-left: 150px;
  }

  .namesection .textsection img {
    max-width: 65px;
    max-height: 65px;
  }

  .namesection .textsection h5 {
    width: calc(100% - 80px)
  }

  .tabstyleonecontainer {
    width: 100%
  }

  .logoseven .tab-content>.active {
    padding: 0;
  }

  .rating-about .ratingpara p {
    font-size: 25px;
    line-height: 36px
  }

  .rating-about .ratingpara p .numbertext {
    font-size: 33px;
  }

  #horizontaltimln {
    height: 600px
  }
}


@media(max-width: 992px) {
  .overallrating .ratingTexts {
    text-align: center;
    line-height: 22px;
    margin-top: 10px;
    width: 100%
  }

  .leftside h6 {
    margin-bottom: 30px
  }

  .tabstyleone .panel {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
  }

  .tabstyleone .panel:before {
    content: '';
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
    position: absolute;
    z-index: 11;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 49%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  }

  .btnsection {
    margin-bottom: 0
  }

  .tabstyleone {
    background: #f2f2f2;
    margin-bottom: 0
  }

  .tabstyleone .panel-title {
    position: relative;
  }

  .tabstyleone .panel-title a {
    display: block;
    padding: 10px 0;
    position: relative;
  }

  .tabstyleone .panel-title a.collapsed:before {
    opacity: 0;
    width: 0;
    left: 50%
  }

  .tabstyleone .panel-title a:before {
    content: '';
    left: 25%;
    bottom: 0;
    position: absolute;
    z-index: 11;
    width: 50%;
    height: 5px;
    border-radius: 999px;
    background: #82C341;
    opacity: 1;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
  }

  .tabstyleone .panel-title a img {
    margin: 0 auto;
    display: block;
  }

  .tabstyleone .panel-default>.panel-heading {
    background: #fff;
    border: none;
    padding: 0
  }

  .tabstyleone .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 30px 0
  }

  .tabstyleone .panel-group .panel+.panel {
    margin-top: 0
  }

  .tabstyleone .panel-group {
    margin-bottom: 0
  }

  .tabstyletwo .nav-tabs>li a h6 {
    font-size: 14px;
    margin-left: 7px;
  }

  .tabstyletwo .panel-default>.panel-heading {
    padding: 0;
    background: none;
    border: none;
  }

  .tabstyletwo .panel-title>a {
    display: block;
    text-align: left;
    padding: 10px 15px;
    background: #040404;
    letter-spacing: 2px;
    position: relative;
  }

  .tabstyletwo .panel-title>a:before {
    content: '-';
    position: absolute;
    z-index: 11;
    right: 15px;
    top: 18px;
    color: rgba(256, 256, 256, 0.5);
    font-weight: 200;
    font-size: 33px;
  }

  .tabstyletwo .panel-title>a .icon {
    display: inline-block;
    color: #82C341;
    font-size: 35px;
  }

  .tabstyletwo .panel-title>a.collapsed .icon {
    color: #fff
  }

  .tabstyletwo .panel-title>a h6 {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    margin: 12px 0 12px 15px
  }

  .tabstyletwo .panel-title>a.collapsed {
    background: #404040;
  }

  .tabstyletwo .panel-title>a.collapsed:before {
    content: '+';
    top: 22px
  }

  .tabstyletwo .panel-group .panel+.panel {
    margin-top: 0;
    border: 0
  }

  .tabstyletwo .panel-group .panel {
    box-shadow: none;
    border: none;
  }

  .tabstyletwo .panel-body {
    padding: 30px 0
  }

  .tabstyletwo .panel-group {
    margin-bottom: 0
  }

  .tabstyletwo {
    padding-bottom: 0
  }

  .bloginsightTab .nav-tabs {
    text-align: left;
  }

  .bloginsightTab .nav-tabs>li {
    padding: 0 30px 0 0
  }

  .bloginsightTab .l-slide p {
    text-align: left;
  }

  .bloginsightTab .l-slide {
    margin-bottom: 30px;
    padding: 30px 15px;
  }

  .bloginsightTab .r-side {
    padding: 0
  }

  .bgones {
    padding: 50px 15px;
  }

  .tabstyleone .panel-title a:after {
    content: '';
    position: absolute;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #82C341;
    border-bottom: 0;
    top: auto;
    bottom: -10px;
    left: 50%;
    margin-top: auto;
    margin-left: -10px;
    right: auto;
    opacity: 1;
  }

  .tabstyleone .panel-title a.collapsed:after {
    opacity: 0
  }

  .graphtab {
    margin-top: 40px;
  }

  .testmnlsection {
    padding-bottom: 70px
  }

  .customNavigation {
    text-align: left;
  }

  .bloginsightTab .l-slide p {
    margin: 0
  }

  .customNavigation a {
    padding: 0 10px 0 0
  }

  .tabstyleone .panel-title a span {
    position: absolute;
    z-index: 11;
    right: 15px;
    top: 25px;
  }

  .tabstyleone .panel-title a span:before {
    content: '-';
    color: #666;
    font-weight: 200;
    font-size: 33px;
  }

  .tabstyleone .panel-title a.collapsed span:before {
    content: '+';
  }

  .cd-horizontal-timeline .events-content li .leftside h2 {
    font-size: 100px;
    line-height: 75px;
  }

  .cd-horizontal-timeline .events-content li .leftside {
    width: 300px;
  }

  .cd-horizontal-timeline .events-content li .rightside {
    width: calc(100% - 300px)
  }

  .cd-horizontal-timeline .events-content li .rightside h4 {
    font-size: 20px;
    line-height: 27px;
  }

  .cd-horizontal-timeline .events-content li .rightside p {
    font-size: 16px;
    line-height: 24px;
  }

  .cd-horizontal-timeline .events-content li .rightside h5 {
    font-size: 22px;
  }

  #horizontaltimln {
    height: auto;
  }

  .microsoft-real-estate-Smallbanner h5 {
    width: 55%;
    margin-bottom: 20px;
    line-height: 52px;
  }

  .real-btn-lin {
    float: right !important;
    margin-bottom: 20px;
    margin-top: 30px !important;
  }

}

@media(max-width: 991px) {

  /*27/7/17*/
  h6.head3 {
    text-align: center;
    margin: 10px 0;
  }

  .banner-left {
    width: 100%;
    padding: 0px 30px;
  }

  .banner-right {
    width: 100%;
  }

  .form-container.banner-form {
    position: static;
    margin: 0 auto;
  }

  .banner-form .col-md-6 {
    margin-bottom: 15px;
  }

  .banner-form .form-group {
    margin-bottom: 0px;
  }

  .banner-form .g-recaptcha {
    margin-top: 20px;
  }

  .custom-left-section {
    width: 100%;
  }

  .custom-right-section {
    width: 100%;
  }

  .floating-panel {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .floating-panel h5 {
    text-align: left !important;
  }

  .service-stack-listing .text-wrapper h5 {
    text-align: left;
  }

  .potentialbenefits .section-inner {
    text-align: center;
  }

  .potentialbenefits .benefit-card {
    display: inline-block;
    float: none;
  }

  .service-stack-listing {
    margin-bottom: 0px;
  }

  .phasesofreplatforming .section-inner .row {
    margin-bottom: 0px;
  }

  .phasesofreplatforming .section-inner .row .col-md-6 {
    margin-bottom: 10px;
  }

  .benefit-card {
    width: calc(50% - 40px);
  }

  .form-container.banner-form {
    width: calc(100% - 30px);
  }

  .real-estate-tile-wrapper .tile-wrapper h5 {
    text-align: center;
  }

  .real-estate-tile-wrapper .tile-wrapper h5:before {
    display: none;
  }

  .real-estate-tile-wrapper .tile-wrapper {
    height: 250px;
  }

  .real-estate-tile-wrapper .tile-wrapper h5 {
    top: 80px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .clearnexus10 {
    clear: both;
  }

  h6.head3.centersettings {
    text-align: left;
    padding-left: 25%
  }
}

@media(max-width: 768px) {
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .fourblocks {
    text-align: center;
  }

  .fourblocks p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .services-banner h1 {
    font-size: 25px;
    text-align: center;
  }

  .services-banner h1 span {
    font-size: 16px
  }

  .services-banner h1 span p {
    font-size: 18px;
    margin: 0 0 15px;
  }

  .footer-links h5 {
    text-align: center;
  }

  .footer-links li {
    text-align: center;
  }

  .services-banner {
    background-size: auto 100%;
    background-attachment: initial;
  }

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

  .abouticons .icon {
    display: block;
    margin: 25px auto 10px;
    float: none;
    text-align: center;
    width: 100%
  }

  .abouticons h5 {
    float: none;
    text-align: center;
    width: 100%
  }

  .cd-horizontal-timeline .events-content li .leftside {
    width: 100%;
    padding: 0 0;
    float: none;
  }

  .cd-horizontal-timeline .events-content li .rightside {
    width: 100%;
    padding: 30px 0 0;
    float: none;
  }

  .corevalues h5 {
    width: 100%;
    padding: 0 50px;
  }

  .rating-about .ratingpara {
    width: 100%;
    padding: 45px 0 0
  }

  #horizontaltimln {
    padding: 40px 0
  }

  .cd-horizontal-timeline .events-content {
    height: auto !important
  }

  .banner-section h1 {
    margin-top: 0px;
  }

  .replatforming-service-stack {
    padding: 0px 15px;
  }

  .phasesofreplatforming {
    padding: 40px 15px;
  }

  .whiteBg {
    padding: 40px 0px;
  }

  .the-need-for-replatforming .section-inner {
    padding: 15px;
  }

  #the-need-for-replatforming .customcontainer,
  #potentialbenefits .customcontainer,
  #potentialbenefits .section-inner {
    padding: 0px;
  }

  #replatforming-service-stack .customcontainer {
    /*padding:0px;*/
  }

  .replatforming-service-stack {
    padding: 0px;
  }

  .floating-panel {
    width: calc(100% - 30px);
    margin: 0px auto 40px auto;
  }

  .talk-consultant-header span {
    padding-right: 15px;
  }

  .talk-consultant-banner-form {
    position: static;
    bottom: auto;
  }

  .talk-gutter {
    margin-left: 0;
    margin-right: 0;
  }

  /*13-9-18*/
  .graphical-content ul:after,
  .graphical-content ul li:first-child:before,
  .graphical-content ul li:last-child:before {
    top: 45px
  }

  .graphical-content ul li img {
    width: 50px;
    height: 50px;
  }

  .graphical-content ul li:after {
    width: 15px;
    left: calc(50% - 42px);
    top: 39px;
    height: 15px;
  }

  .graphical-content ul li h6 {
    font-size: 13px;
  }

  .realestate-tab .tab-content .tab-pane .right {
    width: 100%;
    float: none
  }

  .realestate-tab .tab-content .tab-pane .imgsection {
    width: 100%;
    float: none
  }
}

@media(max-width: 767px) {

  .testmnlsection {
    padding-top: 30px
  }

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

  .btnsection {
    margin-top: 15px
  }

  .redbtn,
  .redbtn:hover {
    padding: 0 20px;
    font-size: 17px;
  }

  .tabstyletwo .contentdiv {
    padding: 30px 15px
  }

  .bgones {
    padding: 100px 0
  }

  .navstyl ul.navbar-nav {
    display: none;
  }

  .forblocks {
    padding-left: 0;
    padding-right: 0px;
  }

  .benefit-card {
    width: calc(100% - 40px);
  }

  .microsoft-real-estate-Smallbanner h5 {
    width: 55%;
    margin-bottom: 20px;
    text-align: left !important;
    line-height: 26px;
  }

  .real-btn-lin {
    margin-top: 28px;
  }
}

@media(max-width: 600px) {
  .namesection .icon {
    font-size: 80px;
  }

  .namesection .textsection {
    padding-left: 0;
    text-align: center;
  }

  .btnsection {
    padding-left: 0
  }

  .redbtn,
  .redbtn:hover {
    padding: 0 15px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
  }

  .rightside ul li .iconside {
    float: none;
    margin: 10px auto
  }

  .rightside ul li .textside {
    width: 100%;
    float: none;
  }

  .rightside ul li .textside h5,
  .rightside ul li .textside p {
    text-align: center;
  }

  .btnpositionTop {
    top: -25px;
  }

  .whiteBg p.parawidth,
  .whiteBg h5,
  .iconstyle {
    text-align: center;
  }

  .namesection .textsection img {
    display: inline-block;
    float: none;
    margin-top: -18px;
    margin-right: 10px;
  }

  .namesection .textsection h5 {
    display: inline-block;
    float: none;
    width: auto;
    text-align: left;
  }

  .appicons {
    text-align: center;
  }

  .specialHead,
  .leftside h6,
  .tabstyletwo .contentdiv p,
  .bloginsightTab .l-slide p,
  .newOwl.owl-carousel .owl-wrapper .itemp h4,
  .newOwl.owl-carousel .owl-wrapper .itemp ul,
  .newOwl.owl-carousel .owl-wrapper .itemp p,
  .leftside,
  .tabstyletwo .contentdiv,
  .bloginsightTab .nav-tabs,
  .customNavigation,
  .fullwidthsection .leftside h6,
  .fullwidthsection .leftside .specialHead,
  .fullwidthsection h3,
  .whiteBg h3 {
    text-align: center;
  }

  .aboutsection2 h4.specialHead {
    text-align: center;
  }

  .customNavigation {
    padding-top: 0
  }

  .leftside .round {
    margin: 25px auto 20px
  }

  .whiteBg .icon {
    margin-left: auto;
    margin-right: auto;
  }

  .abouticons .col-xs-6 {
    width: 100% !important;
    float: none !important;
  }

  .rating-about .ratingpara p {
    font-size: 20px;
  }

  .rating-about .ratingpara p .numbertext {
    font-size: 25px;
  }

  .rating-about .ratingpara .blockstyle {
    display: inline;
  }

  .phasesofreplatforming .text-wrapper h5 {
    text-align: left;
  }

  .red-coloured-btn,
  .red-coloured-btn:hover {
    padding: 0 15px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
  }

  /*13-9-18*/
  .graphical-content ul li {
    width: 100%;
    float: none;
    text-align: left;
  }

  .graphical-content ul:after {
    width: 2px;
    right: auto;
    left: 25px;
    top: 0;
    height: 100%;
  }

  .graphical-content ul li img {
    display: inline-block;
    margin-right: 15px;
  }

  .graphical-content ul li h6 {
    font-size: 15px;
    display: inline-block;
    text-align: left;
  }

  .graphical-content ul li:first-child {
    padding-top: 0
  }

  .graphical-content ul li:last-child:before {
    width: 2px;
    right: auto;
    top: 44px;
    left: 25px;
    height: 100%;
  }

  .graphical-content ul li:after {
    left: 18px;
    top: 3px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .graphical-content ul {
    margin: 0 auto;
    width: 250px;
  }

}

@media(max-width: 480px) {
  .namesection .icon {
    font-size: 50px;
    top: -11px;
  }

  .namesection .textsection img {
    max-width: 50px;
    max-height: 50px;
  }

  .testmnlsection {
    padding-bottom: 30px
  }

  .cd-horizontal-timeline .events-content li .rightside h5 span {
    font-size: 12px;
  }

  .cd-horizontal-timeline .events-content li .rightside h5 {
    line-height: 24px;
  }

  .corevalues h5 {
    padding: 0;
  }

  .rating-about .ratingpara a {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 16px;
  }

  .form-container.banner-form {
    width: 100%;
  }

  .first-card {
    width: calc(100% - 30px);
  }

  .section-inner {
    padding: 0px;
  }

  .the-need-for-replatforming .section-inner {
    padding: 0px;
  }

  .graphical-content .bgimg-section {
    height: 250px;
  }
}

@media(max-width: 385px) {
  .real-btn-lin {
    margin-top: 0px;
    margin-bottom: 15px;
    float: left !important;
    margin-top: 15px !important;
  }

  .microsoft-real-estate-Smallbanner h5 {
    margin-bottom: 3px;
    width: 100%;
  }
}

@media(max-width: 380px) {
  .corevalues ul li {
    display: block;
    padding: 15px 25px;
    width: 100%;
    text-align: center;
  }

}

@media(min-width: 991px) {
  body.float-active .floating-panel {
    position: fixed;
    top: 15px;
    bottom: 15px;
    height: calc(100vh - 30px);
    overflow: hidden;
    z-index: 9999;
    margin-left: 45px;
  }
}

/* --- Slider Alignment Fixes --- */
.testoouter {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.gerydiv {
  display: flex;
  align-items: center;
  border-bottom: none !important;
  margin: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.headleft {
  flex: 0 0 35%;
  max-width: 35%;
  width: 35%;
  padding-right: 30px;
  border-right: 1.5px solid #e5e7eb;
  box-sizing: border-box;
}

.headleft h3,
.headleft h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1f2937 !important;
  margin: 0 !important;
  text-transform: capitalize !important;
  text-align: left !important;
}

.headleft .bigicon {
  display: none !important;
  /* Hide quote icon to match screenshot aesthetics */
}

.headright {
  flex: 0 0 65%;
  max-width: 65%;
  width: 65%;
  padding-left: 30px;
  box-sizing: border-box;
}

.headright p {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111827 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.secondbox {
  display: flex;
  align-items: flex-start;
  padding: 0 !important;
  margin: 0 !important;
}

.rate-left {
  flex: 0 0 35%;
  max-width: 35%;
  width: 35%;
  padding-right: 30px;
  text-align: center;
  box-sizing: border-box;
}

.rate-left img {
  max-width: 80% !important;
  height: auto !important;
  display: inline-block !important;
  margin: 0 auto !important;
}

.test-text {
  flex: 0 0 65%;
  max-width: 65%;
  width: 65%;
  padding-left: 30px;
  box-sizing: border-box;
}

.test-text h6,
.test-text h2 {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #4b5563 !important;
  margin: 15px 0 20px 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-transform: none !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {

  .headleft h3,
  .headleft h2 {
    font-size: 20px !important;
  }

  .headright p {
    font-size: 22px !important;
  }
}

@media (max-width: 767px) {
  .testoouter {
    padding: 20px;
  }

  .gerydiv {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px !important;
  }

  .headleft {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    border-right: none;
    border-bottom: 1.5px solid #e5e7eb;
    padding-bottom: 15px;
    margin-bottom: 15px;
    width: 100%;
  }

  .headright {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    width: 100%;
  }

  .secondbox {
    flex-direction: column;
    align-items: center;
  }

  .rate-left {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .test-text {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    width: 100%;
  }

  .rate-left img {
    max-width: 50% !important;
  }
}