@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
/*+++++++++++++++++++++ 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(https://www.fingent.com/assets/css/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(https://www.fingent.com/assets/css/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: #7ABB56;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/web-application.jpg) ;padding: 110px 0 40px;
background-repeat: no-repeat;background-attachment: fixed;

    background-position: center top;

    background-size: cover;
    background-color: #000;
}
.enterprener-banner {
background-image: url(../images/web-application.jpg);
padding: 40px 0 40px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
background-size: cover;
background-color: #000;
}
.enterprener-banner.enterprise {
background-image: url(../images/software-development.jpg);
}
.testimonial-banner {
background-image: url(../images/web-application.jpg);
padding: 40px 0 40px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
background-size: cover;
background-color: #000;
}
.testimonial-banner.aboutbanner {
background-image: url(../images/software-development.jpg);
}
.testimonial-banner h1{color: #fff;font-size: 35px;font-weight: 500;text-align: left;letter-spacing: 2px;margin: 65px 0 25px 0}
.testimonial-banner h1 span{display: block;font-size: 18px;font-weight: 400;margin-top: 7px; letter-spacing: 0;line-height: 30px;text-transform: none;}
.enterprener-banner.enterprise h1{color: #fff;font-size: 35px;font-weight: 500;text-align: left;letter-spacing: 2px;margin: 65px 0 25px 0}
.enterprener-banner.enterprise h1 span{display: block;font-size: 18px;font-weight: 400;margin-top: 7px; letter-spacing: 0;line-height: 30px;text-transform: none;}
.services-banner.mobapp{background-image:url(../images/mobileapp.jpg) }
.services-banner.enterprise{background-image:url(../images/software-development.jpg) }
.services-banner.data-visulisation{background-image:url(../images/data-visulisation.jpg) }
.services-banner.digital-transformation{background-image:url(../images/digital-transformation.jpg) }
.services-banner.internetofthings{background-image:url(../images/internetofthings.jpg) }
.services-banner.businesstechnology{background-image:url(../images/businesstechnology.jpg) }
.services-banner.productdevelopment{background-image:url(../images/productdevelopment.jpg) }
.services-banner.infrastucture{background-image:url(../images/infrastucture.jpg) }
.services-banner.microsoftbg{background-image:url(../images/microsoftbg.jpg)}
.services-banner.aibg{background-image:url(../images/service-banner-bg.jpg)}
.services-banner.opensourcebg{background-image:url(../images/opensourcebg.jpg)}
.services-banner.sapbg{background-image:url(../images/sap-bg-image.png)}
.services-banner h1{color: #fff;font-size: 35px;font-weight: 500;text-align: left;letter-spacing: 2px;margin: 65px 0 25px 0}
.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: #7ABB56;
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: #7ABB56;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: 16px;font-weight: 300;line-height: 24px;margin: 0 auto 15px;text-align: left; }
.redbtn , .redbtn, .redbutn:hover{height: 58px;background:#7ABB56;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: #7ABB56}*/
.whiteBg .leftside{text-align: left;}
.leftside h6{color: rgba(256,256,256,0.8);font-size: 16px;font-weight: 300;line-height: 24px;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:#7ABB56;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 #7ABB56;border-right: 3px solid #7ABB56;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 #7ABB56;border-left: 3px solid #7ABB56;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:#7ABB56;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: 16px;font-weight: 300;line-height: 24px;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: #7ABB56;}
.appicons{text-align: left;}
.btnsection .icon{display: inline-block;
    color: #7ABB56;
    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: #7ABB56;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 #f00;}
.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: 16px;font-weight: 300;line-height: 24px;margin-bottom: 5px;}
.tabstyletwo .redbtn{margin-top: 20px;}
.tabstyletwo .nav-tabs > li.active a .icon{color: #7ABB56}


.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: 16px;font-weight: 300;line-height: 21px;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:#7ABB56;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: #7ABB56;}
.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:#7ABB56;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: 16px;line-height: 21px;margin: 0;font-weight: 300}




.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(255 255 255 / 50%) !important;box-shadow: none !important;}
.bgones{background: url(../images/bgones.png) center center;background-size: cover;background-attachment: fixed;padding: 50px 5%}
.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:#7ABB56;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: #7ABB56;}
.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}
.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: 9;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 #7ABB56;
   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: #7ABB56;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 #7ABB56}

.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 #7ABB56}

.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);
}

.redbutn {
    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;

    height: 58px;
    background: #7ABB56;
    padding: 0 30px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 2px;
    border-radius: 10px;

}
.redbutn:hover, .redbutn:focus, .redbutn: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);
   height: 58px;
    background: #7ABB56;
    padding: 0 30px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 2px;
    border-radius: 10px;
}


.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: #7ABB56;}
.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: #7ABB56;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 #7ABB56}

.border-tops{background: #f3f3f3}
.bordernone{border: none !important;}
.technologybanner.services-banner h1 {margin-bottom: 65px;}
.iconstyle{display: block;color: #7ABB56;font-size: 53px;margin: 25px 0 15px;text-align: left;}

.forblocks a.secondarybtn{display: inline-block;margin: 15px auto 0;background: #333;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: #000}

.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/aboutbanner.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: #7ABB56;*/
  -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: #7ABB56;
  /*border-color: #7ABB56;*/
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7ABB56;
  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: #7ABB56;*/
}
@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: #7ABB56;
}
.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:#7ABB56;
}

.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: #7ABB56;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 #7ABB56;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:86px 0 25px}

.aboutgraphsection .bgones{padding-left: 0;padding-right: 0}
.abouticons .icon{color: #7ABB56;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: #7ABB56}
.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: 17px;line-height: 28px;font-weight: 300;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: 300;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: #111;padding: 0 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: #7ABB56;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: #7ABB56;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: #7ABB56;
    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: #eee}
.StrategicBusinessUnits img{display: block;margin: 0 auto;max-width: 100%;}
.StrategicBusinessUnits .specialHead{text-align: center;}
#logoSlide .specialHead{text-align: center;}
.quicksteps{background: #111;}
.quicksteps .specialHead{color: #fff}
.quicksteps h6{color: #bababa}
.stepsul li .icon span{color: #fff}
.stepsul li .textsec h3{color: #fff}
.stepsul li .textsec p{color: #b6b6b6}

/*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: #7ABB56;
  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, #7ABB56);
  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:#7ABB56 !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:#7ABB56;
}
.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: 15px;
  color: #888888;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 300;
}
.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(https://www.fingent.com/assets/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 #E81F1F !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: #E81F1F;
    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;
}
.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 #E81F1F;
    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: #E81F1F;
}
.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 #E81F1F;
    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:#7ABB56;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 #7ABB56;
    border-bottom: 2px solid #7ABB56;
-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 #7ABB56;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: #7ABB56 2px solid;}
.newstyle2{margin-bottom: 0 !important;text-align: left !important}
.roundedimg{display: block;margin:0 0 15px;border-radius: 50%;border:2px solid #7ABB56;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: #7ABB56}
.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:#7ABB56;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: #7ABB56;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 #7ABB56;  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, .redbutn: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, .redbutn: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;
  }
}