body {
    font-family: "Open Sans", helvetica, arial, sans-serif;
	overflow-x: hidden;
}
.MobileAppIntroimg{
	width: 658px;
	height: 534px;
	display: block;
	margin: 0 auto;
	background: url("../images/mobile-application/intro-img.png") center center no-repeat;
}
.MobileAppIntroimgSlider{
	width: 237px;
	height: 457px;
	margin: 32px auto 0;
	position: relative;
}
.MobileAppIntroimgSlider .owl-stage-outer {
    padding: 0 0 0 0;
    display: block;
    clear: both;
    overflow: hidden;
}
.MobileAppIntroimgSlider .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.MobileAppIntroimgSlider .owl-item {
    min-height: 1px;
    float: left;
    position: relative;
}
.MobileAppIntroimgSlider .owl-nav, .MobileAppIntroimgSlider .owl-dots{
	display: none;
	
}
.H_banner_1{
background: rgb(46,109,199);
background: linear-gradient(52deg, rgba(46,109,199,1) 0%, rgba(84,129,220,1) 28%, rgba(84,129,220,1) 67%, rgba(46,109,199,1) 100%);
}
.BMobileApp_b_1{
	background: #104678;
	padding: 5px 20px;
	display: inline-block;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	 font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.BMobileApp_Title_b_1{
	padding: 5px 20px;
	display: inline-block;
	 font-family: 'Poppins', sans-serif;
	font-weight: 800;
	color: #fff;
	padding: 5px 20px;
}
.BMobileApp_Text_b_1{
	padding: 5px 20px;
	display: inline-block;
	 font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: #fff;
	padding: 5px 20px;
	font-size: 18px;
}
.BMobileApp_Button_1{
	background: #fff;
	padding: 12px 50px 12px 20px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
	font-size: 16px;
	text-transform: uppercase;
	color: #333333;
	font-family: 'Poppins', sans-serif;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.BMobileApp_Button_1:hover{
	background: #005789;
	padding: 12px 50px 12px 20px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.BMobileApp_Button_1:after{
	position: absolute;
	top: 17px;
	right: 24px;
	width: 15px;
	height: 15px;
	background: url("../images/mobile-application/mobile-app-sprite.png") -11px -405px no-repeat;
	content: '';
	display: block;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.BMobileApp_Button_1:hover:after{
	position: absolute;
	top: 17px;
	right: 24px;
	width: 15px;
	height: 15px;
	background: url("../images/mobile-application/mobile-app-sprite.png") -11px -388px no-repeat;
	content: '';
	display: block;
	    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.BSOMobileApp_b_1{
	background: #50c3ee;
	padding: 5px 20px;
	display: inline-block;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	 font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.BMobileApp_AppstoreIcon_1{
}
.MobileAppDriveMobilitySection{
	padding: 30px 0;
	background: url("../images/mobile-application/clients-banner-bg.jpg") center center no-repeat;
	background-size: cover;
	
}
.MobileAppDriveMobilitySection h2{
font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #FFFFFF;
    padding: 0 0 10px 0;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
.MobileAppDriveMobilitySection h2:after{
	width: 100px;
	height: 1px;
	overflow: hidden;
	background: #fff;
	margin: 15px auto;
	display: block;
	content: '';
}
.MobileAppDriveMobilitySection h5{
font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    padding: 0 0 10px 0;
    font-weight: 300;
    margin: 0;
    text-align: center;
}
.MobileAppDriveMobilitySection .DriveMobilityNumbr{
	padding: 15px 0;
}
.MobileAppDriveMobilitySection .DriveMobilityFeatures{
	padding: 15px 0;
}

.MobileApplicationSection1{ 
	padding: 40px 0;
	background: rgb(243,248,255);
background: linear-gradient(0deg, rgba(243,248,255,1) 0%, rgba(255,255,255,1) 100%);
}
.MobileApplicationSection2{
	padding: 30px 0 0;
	background: #edf4ff;
}
.MobileApplicationSection2 h2{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #333333;
    padding: 0 0 10px 0;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
.MobileApplicationSection2 h2:after{
	width: 100px;
	height: 1px;
	display: block;
	margin: 15px auto;
	content: '';
	background: #134b84;
}
.MobileApplicationTab{
	text-align: center;
	margin-top: 0px;
}
.MobileApplicationTab {
position: relative;
}
.AppTabListBox{
	border-right: 1px solid #7cadd7;
	width: 100%;
	padding: 10px 0px;
	text-align: left;
}
.AppTabListBox.AppTabListBoxBorderNone{
	border-right: none;

}
.AppTabListBox h4{
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	color: #333;
	text-align: left;
	padding: 0px 0px 10px;
	margin: 0;
	font-weight: 700;
	display: inline-block;
}
.MobileApplicationTab h2{
	font-size: 30px;
	color: #fff;
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: 600;
}
.MobileApplicationTab  ul.resp-tabs-list {
	background: #fff;
	padding: 5px 15px 0;
	display: inline-block;
	-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
	border: 1px solid #c7ccd7;
	border-top: 5px solid #c7ccd7;
	border-bottom: none;
	position: relative;
	z-index: 2;
}
.MobileApplicationTab  ul.resp-tabs-list li{
width: 135px;
	height: 135px;
	display: inline-block;
	margin: 3px 5px;
	position: relative;
	transition: transform .2s; /* Animation */
}
.MobileApplicationTab  ul.resp-tabs-list li.z-active{
transform: scale(1.1);
	transition: transform .2s; /* Animation */
}
.MobileApplicationTab  ul.resp-tabs-list li a{
width: 135px;
	height: 135px;
	background: #fff;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	display: inline-block;
	
	overflow: hidden;
	border: 1px solid #d9dada;
border-bottom: 8px solid #d9dada;
	cursor: pointer;
}
.MobileApplicationTab  ul.resp-tabs-list li.z-active a{
width: 125px;
	height: 125px;
	background: #fff;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
	display: inline-block;
	
	overflow: hidden;
	border: 1px solid #087eaf;
	border-bottom: 8px solid #087eaf;

	cursor: pointer;
}
.MobileApplicationTab  ul.resp-tabs-list li a:focus{
	outline: none;
	border: none;
}
.MobileApplicationTab  ul.resp-tabs-list li.z-active:after{
	width: 0px;
    height: 0px;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid #087eaf;
	content: '';
	margin: -10px auto 0;
	display: block;
}
.MobileApplicationTab  ul.resp-tabs-list li.ui-state-active a{
}
.MobileApplicationTab  ul.resp-tabs-list li.resp-tab-active{
	
	
}
.MobileApplicationTab  ul.resp-tabs-list li p{
font-size: 13px;
	color: #333333;
	font-weight: 500;
	padding: 5px 5px 0;
	text-align: center;
	line-height: 14px;
}

.MobileApplicationTab  ul.resp-tabs-list li.z-active p.Twoline{
font-size: 12px;
	color: #333333;
	font-weight: 500;
	padding: 2px 5px 0;
	text-align: center;
	line-height: 12px;
}
.MobileApplicationTab  ul.resp-tabs-list li i{
height: 86px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.MobileApplicationTab  ul.resp-tabs-list li i:after{
	height: 86px;
	width: 90px;
	margin: 0 auto;
	background-image: url("../images/mobile-application/mobile-app-sprite.png");
	background-repeat: no-repeat;
	content: '';
	display: block;
}
.MobileApplicationTab  ul.resp-tabs-list li i.HazardReportingApp{
	background-color: #3a3b73;
}
.MobileApplicationTab  ul.resp-tabs-list li i.HazardReportingApp:after{
	background-position: -8px -6px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.BBSApp{
	background-color: #00aa87;
}
.MobileApplicationTab  ul.resp-tabs-list li i.BBSApp:after{
	background-position: -92px -8px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.SiteinspectionApp{
	background-color: #992856;
}
.MobileApplicationTab  ul.resp-tabs-list li i.SiteinspectionApp:after{
	background-position: -189px -6px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.NearmissincidentApp{
	background-color: #992856;
}
.MobileApplicationTab  ul.resp-tabs-list li i.NearmissincidentApp:after{
	background-position: -280px -8px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.TBTApp{
	background-color: #ff7755;
}
.MobileApplicationTab  ul.resp-tabs-list li i.TBTApp:after{
	background-position: -373px -6px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.CAPAApp{
	background-color: #087eaf;
}
.MobileApplicationTab  ul.resp-tabs-list li i.CAPAApp:after{
	background-position: -463px -7px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.SafetyObservationApp{
	background-color: #607d8b;
}
.MobileApplicationTab  ul.resp-tabs-list li i.SafetyObservationApp:after{
	background-position: -929px -7px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.PermitApp{
	background-color: #00a0e3;
}
.MobileApplicationTab  ul.resp-tabs-list li i.PermitApp:after{
	background-position: -558px -7px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.ScaffoldinginspectionApp{
	background-color: #fcbc5a;
}
.MobileApplicationTab  ul.resp-tabs-list li i.ScaffoldinginspectionApp:after{
	background-position: -652px -9px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.EquipmentinspectionApp{
	background-color: #3a6073;
}
.MobileApplicationTab  ul.resp-tabs-list li i.EquipmentinspectionApp:after{
	background-position: -742px -4px;
}
.MobileApplicationTab  ul.resp-tabs-list li i.GatepassverificationApp{
	background-color: #005789;
}
.MobileApplicationTab  ul.resp-tabs-list li i.GatepassverificationApp:after{
	background-position: -835px -3px;
}

.MobileApplicationTab .MobileApplicationRight{
	width: 100%;
	padding: 30px 0px;
	border-top: 1px solid #c7ccd7;
background: rgb(230,240,254);
background: linear-gradient(0deg, rgba(230,240,254,1) 0%, rgba(255,255,255,1) 93%);
	animation: gradient 10s ease infinite;
	overflow: hidden !important;
	    margin: -1px 0 0 0;
	position: relative;
	z-index: 1;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.z-content {
    display: none;
    width: 100%;
    height: 100%;
}
.MobileApplicationTab .MobileApplicationRight h3{
	font-size: 40px;
	color: #333333;
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: left;
	font-weight: 800;
}
.MobileApplicationTab .MobileApplicationRight h5{
	font-size: 17px;
	color: #333333;
	padding: 10px 0 15px 0;
	margin: 0;
	line-height: 24px;
	text-align: left;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
}
h3.resp-accordion{
	display: none;
}
ul.AppFeatureList{
	 padding: 0;
	margin: 0;
}
ul.AppFeatureList li{
	padding: 0 0 0 65px;
	margin: 10px 0;
	min-height:40px; 
	position: relative;
	font-size: 17px;
	font-weight: 600;
	color: #333;
}
ul.AppFeatureList li:after{
	width: 50px;
	height: 50px;
	display: block;
	background-color:#fff;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../images/mobile-application/mobile-app-sprite.png");
	background-repeat: no-repeat;
	content: '';
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba(39,97,181,0.25);
-webkit-box-shadow: 0px 0px 5px 0px rgba(39,97,181,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(39,97,181,0.25);
}
ul.AppFeatureList li.Realtimeincident:after{
	 background-position: -2px -112px;
}
ul.AppFeatureList li.EasytoCapture:after{
	 background-position: -57px -113px;
}
ul.AppFeatureList li.SendNotifications:after{
	 background-position: -109px -113px;
}
ul.AppFeatureList li.VoicetoText:after{
	 background-position: -162px -113px;
}
ul.AppFeatureList li.AccessAndEdit:after{
	 background-position: -212px -112px;
}
ul.AppFeatureList li.suggestions:after{
	 background-position: -265px -113px;
}
ul.AppFeatureList li.checklist:after{
	 background-position: -310px -113px;
}
ul.AppFeatureList li.PictureLocation:after{
	 background-position: -354px -111px;
}
ul.AppFeatureList li.StatusTrack:after{
	 background-position: -399px -111px;
}
ul.AppFeatureList li.Signeture:after{
	 background-position: -444px -112px;
}
ul.AppFeatureList li.Conduct:after{
	 background-position: -489px -112px;
}
ul.AppFeatureList li.Description:after{
	 background-position: -536px -112px;
}
ul.AppFeatureList li.AttachFile:after{
	 background-position: -581px -112px;
}
ul.AppFeatureList li.MonitorResult:after{
	 background-position: -623px -112px;
}
ul.AppFeatureList li.schedules:after{
	 background-position: -671px -112px;
}
ul.AppFeatureList li.References:after{
	 background-position: -724px -111px;
}
ul.AppFeatureList li.AlertNotification:after{
	 background-position: -777px -110px;
}
ul.AppFeatureList li.EscalationMatrix:after{
	 background-position: -828px -110px;
}
ul.AppFeatureList li.RequestPermits:after{
	 background-position: -878px -109px;
}
ul.AppFeatureList li.IdentifyRisks:after{
	 background-position: -927px -109px;
}
ul.AppFeatureList li.EnforceControlMeasures:after{
	 background-position: -975px -109px;
}
ul.AppFeatureList li.MonitorNonCompliances:after{
	 background-position: -1024px -105px;
}




.VerticalAlignMiddle {
  height: 100%;
  width: 100%;
	display: block;
  position: relative;
	min-height: 50px;
}

.VerticalAlignMiddleContent {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.MobileAppEnquiryButton {
  cursor: pointer;
  outline: none;
  -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	position: relative;
	display: inline-block;
	background: #1f8ceb;
	padding: 10px 20px 12px 20px;
	font-size: 17px;
	color: #fff;
	white-space: nowrap;
}
.MobileAppEnquiryButton:hover {
  -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background: #2f62d5;
	color: #fff;
	padding: 10px 45px 12px 20px;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.MobileAppEnquiryButton:before{
	width: 0;
	height: 1px;
	background: #fff;
	content: '';
	display: block;
	 -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	position: absolute;
	bottom: 0;
	left: 0;
}
.MobileAppEnquiryButton:hover:before{
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	 -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.MobileAppEnquiryButton:after{
	width: 0;
	content: '';
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background: url("../images/mobile-application/mobile-app-sprite.png") -11px -388px no-repeat;
	top: 17px;
	right: -38px;
}
.MobileAppEnquiryButton:hover:after{
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	background: url("../images/mobile-application/mobile-app-sprite.png") -11px -388px no-repeat;
	content: '';
	top: 17px;
	right: 18px;
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

/*.MobileAppEnquiryButton{
	background: rgb(2,0,36);
    background: linear-gradient(90deg, rgb(57 93 210) 0%, rgb(22 155 236) 46%, rgb(56 95 211) 100%);
	padding: 11px 40px 12px 20px;
	margin: 10px 0;
	font-size: 17px;
	color: #fff;
	position: relative;
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	display: inline-block;
	moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.MobileAppEnquiryButton:hover{
	background: rgb(22 155 236);
    background: linear-gradient(90deg, rgb(57 93 210) 0%, rgb(22 155 236) 46%, rgb(22 155 236) 100%);
	color: #fff;
	moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.MobileAppEnquiryButton:hover:after{
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	background: url("../images/mobile-application/mobile-app-sprite.png") -10px -284px no-repeat;
	content: '';
	top: 17px;
	right: 18px;
}*/
.MobileappTechanologySection{
	padding: 30px 0 30px;
	background: #ffffff;
}
.MobileappTechanologySection h2.heading_2 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    color: #333333;
    padding: 0 0 10px 0;
	font-weight: 700;
    margin: 0;
    text-align: center;
}
.MobileappTechanologySection h2.heading_2:after {
width: 100px;
	height: 1px;
	display: block;
	background: #134b84;
	content: '';
	margin: 15px auto;
}
.MobileappTechanologySection ul.TechnologyList{
	padding: 0px 0;
	margin: 0;
	text-align: center;
}
.MobileappTechanologySection ul.TechnologyList li{
	width: 195px;
	height: 180px;
	display: inline-grid;
	background: #fff;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	position: relative;
	
}
.MobileappTechanologySection ul.TechnologyList li:hover{
-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background: #fff;
}
.MobileappTechanologySection ul.TechnologyList li svg{
position: absolute;
	top: 0;
	left: 0;
}
.shape1,
.shape2 {
  stroke-dasharray: 1020;
  stroke-width: 5px;
  fill: transparent;
  stroke: #51a9f5;
  border-bottom: 5px solid black;
  transition-timing-function: linear;
  transition: stroke-dashoffset 2s, stroke-dasharray 2s;

}
.shape1 {
  stroke-dashoffset: 1020;
}
.shape2 {
  stroke-dashoffset: -1020;
}
.MobileappTechanologySection ul.TechnologyList li:hover .shape1,
.MobileappTechanologySection ul.TechnologyList li:hover .shape2 {
  stroke-dashoffset: 0;
  stroke-dasharray: 1020;
}
.MobileappTechanologySection ul.TechnologyList li:hover i{
transform: scale(1.1);
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.MobileappTechanologySection ul.TechnologyList li i{
width: 100px;
	height: 100px;
	display: block;
	margin: 5px auto 0;
	background-image: url("../images/mobile-application/mobile-app-sprite.png");
	background-repeat: no-repeat;
	transform: scale(1);
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.MobileappTechanologySection ul.TechnologyList li i.AlertPushNotification{
	background-position: 0 -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.GeoLocationCapturing{
	background-position: -113px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.BarcodeQRCodeScan{
	background-position: -225px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.ImageAnnotation{
	background-position: -333px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.RestrictImageGalleryusage{
	background-position: -440px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.Capturesignature{
	background-position: -547px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.VoicetoTextConversion{
	background-position: -655px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.AudioVideoRecordingattachment{
	background-position: -767px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.CentralizedDataRepository{
	background-position: -877px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.SynchwithWebApplication{
	background-position: -987px -171px;
}
.MobileappTechanologySection ul.TechnologyList li i.IntegrationWithAzure{
	background-position: -1093px -171px;
}
.MobileappTechanologySection ul.TechnologyList li p{
font-size: 16px;
	color: #333;
	padding: 0px 15px;
	margin: 0;
	font-weight: 500;
	line-height: 22px;
	-moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.MobileappTechanologySection ul.TechnologyList li:hover p{
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	color: #005789;
	margin-top: -12px;
}
.S_Testimonial .owl-nav .owl-next, .report_slider .owl-nav .owl-next:hover { background: #00baff; -webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px 1px rgba(255,255,255,1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.S_Testimonial .owl-nav .owl-prev { background: #238ce9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; outline: none; width: 38px; height: 37px; display: inline-block; margin: 0 25px; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #FFF; }
.S_Testimonial .owl-nav .owl-prev:hover { box-shadow: 0px 8px 20px 0px rgba(0, 27, 103, 0.3); -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #89bbe4; background: #b5deff; }
.S_Testimonial .owl-nav .owl-next { background: #238ce9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; outline: none; width: 38px; height: 37px; display: inline-block; margin: 0 25px; border: 1px solid #FFF; }
.S_Testimonial .owl-nav .owl-next:hover { box-shadow: 0px 8px 20px 0px rgba(0, 27, 103, 0.3); -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid #bff8fe; border: 1px solid #89bbe4; background: #b5deff; }
.S_Testimonial .owl-stage-outer:after { width: 33px; height: 26px; display: block; position: absolute; top: -25px; left: 4px; font-family: 'Poppins', sans-serif; font-size: 100px; color: #238ce9; content: ''; }
#layerslider .Banner1{
	width: 100% !important;
	display: block;
	left: 0 !important;
	text-align: center;
}
#layerslider .Banner1 img{
	margin: 0 auto;
}













.white_wraper{
 padding:30px 0;
}
h2.SoftwareHome-heading-2{
 background:url(../images/near-miss/heading-2-sap.png) bottom center no-repeat;
 font-size:36px;
 color:#000000;
 font-weight:300;
 padding:0 0 20px 0;
 margin:0 0 20px 0;
 text-align:center;	
}
h2.SoftwareHome-heading-2_White{
 background:url(../images/near-miss/heading-2-sap.png) bottom center no-repeat;
 font-size:40px;
 color:#FFFFFF;
 font-weight:300;
 padding:0 0 20px 0;
 margin:0 0 40px 0;
 text-align:center;	
}
h2.SoftwareHome-heading-2_White span{
font-size:18px;
color:#FFF;
display:block;
padding:15px 0 10px 0;	
}

/*----------------Clientel Section Start---------------*/
.Clientel_section{
 background:url(../images/clintel-section-bg.jpg) center center no-repeat;
 background-size:cover;
 padding:40px 0;
}
.ClientelBox{
 padding:0 10px 0 0;
}
.ClientelBox h2{
font-size:30px;
color:#333333;
padding:0 0 20px 0;
text-transform:uppercase;
margin:0;
font-weight:300; 
}
.ClientelBox h2 span{
background:#333f48;
color:#FFF;
padding:7px 10px; 
}
.ClientelBox ul{
 padding:0;
margin:0;
}
.ClientelBox ul li{
 width:170px;
 float:left;
  border:1px solid #b8d3e5;
  margin:9px;
}
.ClientelBox .Clientele_ViewAll{
 border:1px solid #333f48;
 padding:10px 25px;
 display:block;
 margin:15px auto 0;
 width:150px;
 font-size:14px;
 color:#333f48;
 text-align:center;
 font-weight:600;
}
.ClientelBox .Clientele_ViewAll:hover{
 border:1px solid #333f48;
 background:#333f48;
 color:#FFFFFF;
 text-align:center;
 font-weight:600;
}

/*----------------Clientel Section End---------------*/
.bradecome_wrapper{
 background:#FFF;
 -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.25);
    position: relative;
    z-index: 15;
    border-top: 1px solid #e2e2e2;
}
.bradecome_wrapper .bradecome{
 padding:9px 10px 11px;
}
.bradecome_wrapper .bradecome ul{
 font-size:13px;
}
.bradecome_wrapper .bradecome ul li{
 display:inline-block;
 position:relative;
}
.bradecome_wrapper .bradecome ul li+li:before{
 content:'/';
 color:#CCC;
 font-size:15px;
 position:absolute;
 top:-1px;
 left:0;
}
.bradecome_wrapper .bradecome ul li a{
  padding:0 8px 0 13px;
  color:#777;
 display:inline-block;
}
.bradecome_wrapper .bradecome ul li a.selected{
  padding:0 8px 0 13px;
  color:#999;
 display:inline-block;
}
/*----------------Get Free Trial Access Section Start---------------*/
.GetFreeTrialAccess_section{
 background:#e6ebed;
 padding:60px 0 30px;
}
p.GetFreeTrialAccess_text{
 font-size:16px;
 padding:10px 0 20px;
 text-align:center;
 margin:0;
 color:#666666;
}
.GetFreeTrialAccess_input{
 border:1px solid #b7b7b7;
 height:42px;
 padding:5px 10px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:14px;
color:#666;
width:100%;
margin:0 0 20px 0;
outline:none;
}
.GetFreeTrialAccess_input:focus{
 border:1px solid #03a9f4;

}
.GetFreeTrialAccess_selectbox{
 border:1px solid #b7b7b7;
 height:42px;
 padding:5px 10px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:14px;
color:#666;
width:100%;
margin:0 0 20px 0;
outline:none;
}
.GetFreeTrialAccess_textarea{
 border:1px solid #b7b7b7;
 height:142px;
 padding:5px 10px;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:14px;
color:#666;
width:100%;
margin:0 0 20px 0;
outline:none;
}
.GetFreeTrialAccess_submit{
 background:#448e0d;
 outline:none;
 border:4px solid #c6d8c0;
 padding:13px 20px;
 display:block;
 width:172px;
 text-align:center;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin:0 auto 20px;
font-size:18px;
color:#FFF;
font-weight:600;
}
/*----------------Get Free Trial Access Section End---------------*/
.z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu {
    opacity: 0;
    height: 0;
    visibility: hidden;
}
.z-tabs.mobile > ul.z-tabs-desktop {
    position: absolute;
    top: inherit;
    margin-top: 0px;
    left: 2%;
    top: 92px;
    z-index: 1000;
    width: 96%;
    box-shadow: 0 2px 1px rgb(51 51 51 / 10%);
}
ul.z-tabs-nav.z-tabs-mobile{
	background: rgb(96,187,242);
background: linear-gradient(42deg, rgba(96,187,242,1) 0%, rgba(52,89,209,1) 100%);
	font-size: 22px;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	padding: 20px 20px 10px;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
ul.z-tabs-nav.z-tabs-mobile a{
	color: #fff;
	cursor: pointer;
}
ul.z-tabs-nav.z-tabs-mobile a:after{
	width: 28px;
	height: 24px;
	display: block;
	background: url("../images/mobile-application/mobile-app-sprite.png") -43px -389px no-repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	content: '';
}
ul.z-tabs-nav.z-tabs-mobile, .z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile > li, .z-tabs.mobile > .z-container {
    width: 100%;
    float: none;
    display: block;
    width: 100%;
	position: relative;
}
.MobileApplicationTab.mobile ul.resp-tabs-list {
    background: #fff;
    padding: 5px 0px 0;
	margin: 0 0px;
    display: inline-block;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c7ccd7;
    z-index: 2;
}
.MobileApplicationTab.mobile  {
position: relative;
	padding: 20px;
}
.MobileApplicationTab.mobile ul.resp-tabs-list li.z-active:after {
	display: none;
}
.BlogSection{
 background:#e9e9e9;
 padding:30px 0;
}
.BlogSection .BlogSection_heading {
    font-size: 24px;
    color: #000000;
    padding: 10px 0 15px 0;
    margin: 0;
    font-weight: 600;
}
.BlogSection .BlogSection_NormalText {
    font-size: 16px;
    color: #2b2b2b;
    padding: 0px 0 20px 0;
    margin: 0;
    font-weight: normal;
}
.SoftwareBlogBox {
    background: #FFF;
    padding: 0px;
    margin: 10px 0;
}
.SoftwareBlogBox .SoftwareBlogImg{
}
.SoftwareBlogBox .SoftwareBlogImg img{
 width:100%;
}
.SoftwareBlogBox .SoftwareBlogBoxContent{
 padding:15px;
}
.SoftwareBlogBox .SoftwareBlogBoxContent .RecentBlogs_date{
 font-size: 13px;
    font-style: italic;
    color: #969696;
    padding: 0 0 5px;
}
.SoftwareBlogBox .SoftwareBlogBoxContent h3 {
    font-size: 18px;
    color: #173c8d;
    padding: 0 0 15px 0;
    margin: 0;
    line-height:25px;
    font-weight: 500;
}
.SoftwareBlogBox .SoftwareBlogBoxContent h3 a{
    color: #173c8d;
}
.SoftwareBlogBox .SoftwareBlogBoxContent p {
    font-size: 15px;
    color: #575757;
    padding: 0 0 0px 0;
    margin: 0;
    line-height: 26px;
    font-weight: normal;
}
a.ClientStoriesViewButton{
 width:30px;
 height:30px;
 display:inline-block;
 background:url(../images/icon-sprite.png) -93px -627px no-repeat;
}
.ViewAllCaseStudiesButton{
 display:inline-block;
 background:#173c8d;
 font-size:16px;
 color:#FFF;
 margin:20px 0 0 0;
 padding:12px 60px 12px 20px;
 position:relative;
}
.ViewAllCaseStudiesButton:hover{
 display:inline-block;
 background:#ff5722;
 font-size:16px;
 color:#FFF;
 margin:20px 0 0 0;
 padding:12px 60px 12px 20px;
 position:relative;
}
.ViewAllCaseStudiesButton:after{
 position:absolute;
 top:8px;
 right:15px;
 content:'';
  width:30px;
 height:30px;
 display:inline-block;
 background:url(../images/icon-sprite.png) -93px -660px no-repeat;
}
h2.Inner_Center_heading_2 {
    background: url(../images/near-miss/heading-2-sap.png) bottom center no-repeat;
    font-size: 36px;
    color: #000000;
    font-weight: 300;
    padding: 0 0 20px 0;
    margin: 0 0 10px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.PresentationSection {
    background: #ffffff;
    padding: 40px 0;
}
.modal-header .close {
    margin-top: -20px !important;
}
.PresentationBox {
    text-align: center;
    margin: 10px 0;
    background: #e4eff5;
    padding-bottom: 20px;
}
.PresentationBox h3 {
    font-size: 15px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin: 0;
    font-weight: 400;
    color: #374056;
    line-height: 22px;
    min-height: 65px;
}
.PPTDownloadButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #1f8ceb;
    padding: 10px 20px 10px 50px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
	position: relative;
	cursor:pointer;
}
.PPTDownloadButton:after {
    background: url(../images/icon-sprite.png) -10px -332px no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    top: 8px;
    left: 15px;
    position: absolute;
    content: '';
}
.PPTDownloadButton:hover {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff9800;
    padding: 10px 20px 10px 50px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
	position: relative;
}
@media only screen and (max-width: 1600px) and (min-width: 1367px) {
.BMobileApp_b_1{
	padding: 5px 20px;
	left: 50px !important;
}
.BMobileApp_Title_b_1{
	padding: 5px 0px !important;
	left: 50px !important;
	width: 550px !important;
	font-size: 42px !important;
}
.BMobileApp_Text_b_1{
	font-weight: 300;
	padding: 5px 0px !important;
	left: 50px !important;
	width: 550px !important;
	font-size: 17px !important;
}
.BMobileApp_Button_1{
	left: 50px !important;
}
.BMobileApp_Button_1:hover{
}
.BMobileApp_Button_1:after{
}
.BMobileApp_Button_1:hover:after{
}

.BMobileApp_AppstoreIcon_1{
	left: 50px !important;
}
.BSOMobileApp_b_1 {
	left: 50px !important;
}
.BMobileApp_img_1{
	left: 650px !important;
}
.BMobileApp_img_2{
	left: 1030px !important;
}
.Banner2_img_1{
	left: 700px !important;
}
.Banner2_img_2{
	left: 1030px !important;	
}
.Banner3_img_1{
	left: 700px !important;
}
.Banner3_img_2{
	left: 1030px !important;	
}
}

@media only screen and (max-width: 1366px) and (min-width: 992px) {
.MobileApplicationTab ul.resp-tabs-list li {
    width: 115px !important;
    height: 135px;
    display: inline-block;
    margin: 3px 2px;
    position: relative;
    transition: transform .2s;
}
.MobileApplicationTab ul.resp-tabs-list li.z-active a {
    width: 115px;
    height: 125px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #087eaf;
    border-bottom: 8px solid #087eaf;
    cursor: pointer;
}
	.MobileApplicationTab ul.resp-tabs-list li a {
    width: 115px;
    height: 135px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #d9dada;
    border-bottom: 8px solid #d9dada;
    cursor: pointer;
}
.MobileApplicationTab ul.resp-tabs-list {
    background: #fff;
    padding: 5px 5px 0;
    display: inline-block;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #c7ccd7;
    border-top: 5px solid #c7ccd7;
    border-bottom: none;
    position: relative;
    z-index: 2;
}
.MobileAppIntro{
	
}
	
.MobileAppIntro .VerticalAlignMiddleContent {
    position: inherit !important;
    top: inherit !important;
    transform:none;
}
.MobileAppIntroimg{
		padding: 0px 0 0 0;
}
.BMobileApp_b_1{
	padding: 5px 20px;
	left: 12% !important;
	font-size: 22px;
}
.BMobileApp_Title_b_1{
	padding: 5px 0px !important;
	left: 12% !important;
	width: 35% !important;
	font-size: 30px !important;
}
.BMobileApp_Text_b_1{
	font-weight: 300;
	padding: 5px 0px !important;
	left: 12% !important;
	width: 35% !important;
	font-size: 16px !important;
	top: 150px !important;
}
.BMobileApp_Text_b_1.BannerSiteInspection{
font-size: 15px !important;
}
.BMobileApp_Button_1{
	left: 12% !important;
}
.BMobileApp_Button_1:hover{
}
.BMobileApp_Button_1:after{
}
.BMobileApp_Button_1:hover:after{
}

.BMobileApp_AppstoreIcon_1{
	left: 12% !important;
	
}
.BSOMobileApp_b_1 {
	left: 12% !important;
}
.BMobileApp_img_1{
	left: 50% !important;
	width: 350px;
	top: 85px !important;
}
.BMobileApp_img_2{
	left: 70% !important;
	width: 210px !important;
	top: 50px !important;
}
.Banner2_img_1{
	left: 50% !important;
	width: 350px;
	top: 60px !important;
}
.Banner2_img_2{
	left: 70% !important;
	width: 210px !important;
	top: 50px !important;
}
.Banner3_img_1{
	left: 50% !important;
	width: 300px;
	top: 60px !important;
}
.Banner3_img_2{
	left: 70% !important;
	width: 210px !important;
	top: 50px !important;
}
.Banner4_img_1{
	left: 50% !important;
	width: 350px;
	top: 50px !important;
}
	
	#layerslider{
		height: 500px !important;
	}
}
@media only screen and (max-width: 1366px) and (min-width: 1092px) {
.MobileApplicationRight .main {
    width: 100%;
	padding: 0 45px;
    margin: 0 auto;
}
.MobileApplicationTab ul.resp-tabs-list li {
    width: 125px !important;
    height: 135px;
    display: inline-block;
    margin: 3px 2px;
    position: relative;
    transition: transform .2s;
}
.MobileApplicationTab ul.resp-tabs-list li.z-active {
    transform: scale(1.04);
    transition: transform .2s;
}
.MobileApplicationTab ul.resp-tabs-list li.z-active a {
    width: 125px;
    height: 125px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #087eaf;
    border-bottom: 8px solid #087eaf;
    cursor: pointer;
}
	.MobileApplicationTab ul.resp-tabs-list li a {
    width: 125px;
    height: 135px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #d9dada;
    border-bottom: 8px solid #d9dada;
    cursor: pointer;
}
.MobileApplicationTab ul.resp-tabs-list {
    background: #fff;
    padding: 5px 5px 0;
    display: inline-block;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #c7ccd7;
    border-top: 5px solid #c7ccd7;
    border-bottom: none;
    position: relative;
    z-index: 2;
}
}
@media only screen and (max-width: 991px) and (min-width: 840px) {

.MobileApplicationTab .MobileApplicationRight {
    border-top:none;
}
	.MobileApplicationTab {
		padding: 0 20px;
	}
.VerticalAlignMiddleContent {
    position: inherit;
    top: inherit;
    transform:none ;
	padding: 20px 0 0 0;
}	
.MobileApplicationTab .MobileApplicationRight {
    background: none;

}
	
.BMobileApp_b_1{
	padding: 5px 20px;
	left: 10% !important;
	font-size: 22px;
}
.BMobileApp_Title_b_1{
	padding: 5px 0px !important;
	left: 10% !important;
	width: 370px !important;
	font-size: 30px !important;
}
.BMobileApp_Text_b_1{
	font-weight: 300;
	padding: 5px 0px !important;
	left: 10% !important;
	width: 425px !important;
	font-size: 16px !important;
	top: 140px !important;
	line-height: 25px;
}
.BMobileApp_Text_b_1.BannerSiteInspection{
font-size: 15px !important;
}
.BMobileApp_Button_1{
	left: 10% !important;
	top: 325px !important
}
.BMobileApp_Button_1:hover{
}
.BMobileApp_Button_1:after{
	top: 14px;
}
.BMobileApp_Button_1:hover:after{
}

.BMobileApp_AppstoreIcon_1{
	left: 10% !important;
	display: none !important;
}
.BSOMobileApp_b_1 {
	left: 10% !important;
}
.BMobileApp_img_1, .Banner2_img_1, .Banner3_img_1{
	display:  none !important;
}
.BMobileApp_img_2{
	left: 65% !important;
	width: 210px !important;
	top: 30px !important;
}

.Banner2_img_2{
	left: 55%  !important;
	width: 210px !important;
	top: 50px !important;
}

.Banner3_img_2{
	left:65%  !important;
	width: 210px !important;
	top: 50px !important;
}
.Banner4_img_1{
	left: 62%  !important;
	width: 320px;
	top: 50px !important;
}
	
	#layerslider{
		height: 450px !important;
	}
	
.bradecome_wrapper{
 z-index:0;
}
h2.SoftwareHome-heading-2_White {
    background: url(../images/near-miss/heading-2-sap.png) bottom center no-repeat;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 300;
    padding: 0 0 20px 0;
    margin: 0 0 40px 0;
    text-align: center;
}
}
@media only screen and (max-width: 839px) and (min-width: 600px) {
.VerticalAlignMiddleContent {
    position: inherit;
    top: inherit;
    transform: none;
	padding: 20px 0 0 0;
}
.BMobileApp_b_1{
	padding: 5px 20px;
	left: 12% !important;
	font-size: 22px;
}
.BMobileApp_Title_b_1{
	padding: 5px 0px !important;
	left: 12% !important;
	width: 500px !important;
	font-size: 30px !important;
}
.BMobileApp_Text_b_1{
	font-weight: 300;
	padding: 5px 0px !important;
	left: 12% !important;
	width: 500px !important;
	font-size: 16px !important;
	top: 140px !important;
	line-height: 25px;
}
.BMobileApp_Text_b_1.BannerSiteInspection{
font-size: 15px !important;
}
.BMobileApp_Button_1{
	left: 12% !important;
	padding: 12px 20px 12px 20px;
}
.BMobileApp_Button_1:hover{
}
.BMobileApp_Button_1:after{
	display: none;
}
.BMobileApp_Button_1:hover:after{
}

.BMobileApp_AppstoreIcon_1{
	display: none !important;
	
}
.BSOMobileApp_b_1 {
	left: 12% !important;
}
.BMobileApp_img_1, .Banner2_img_1, .Banner3_img_1{
	display:  none !important;
}
.BMobileApp_img_2, .Banner2_img_2, .Banner3_img_2, .Banner4_img_1{
	display: none;
}	
#layerslider{
height: 400px !important;
}
.bradecome_wrapper{
 z-index:0;
}

.TestimonialsSection .T-Navigation-Panel ul {
    padding: 0;
    margin: 0;
    display: block;
}
.TestimonialsSection .T-Navigation-Panel ul li {
    position: relative;
    display: block;
    width:100%;
    margin: 0;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy, .TestimonialsSection .T-Navigation-Panel ul li.Blog, .TestimonialsSection .T-Navigation-Panel ul li.Resource  {
    width: auto;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy a {
 padding: 0 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 5px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Blog a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 10px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Resource a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    margin:0 0 0px;
}

}
@media only screen and (max-width: 599px) and (min-width: 420px) {
 .BMobileApp_b_1{
	padding: 5px 20px;
	left: 50px !important;
	font-size: 22px;
	 top: 20px !important;
}
.BMobileApp_Title_b_1{
	padding: 5px 0px !important;
	left: 50px !important;
	width: 500px !important;
	font-size: 30px !important;
	top: 45px !important;
}
.BMobileApp_Text_b_1{
	font-weight: 300;
	padding: 5px 0px !important;
	left: 50px !important;
	width: 400px !important;
	font-size: 14px !important;
	top: 90px !important;
	line-height: 30px;
}
.BMobileApp_Text_b_1.BannerSiteInspection{
font-size: 14px !important;
}
.BMobileApp_Button_1{
	left: 50px !important;
	padding: 12px 25px 12px 25px;
	top: 220px !important;
	font-size: 13px !important;
}
.BMobileApp_Button_1:hover{
}
.BMobileApp_Button_1:after{
	display: none;
}
.BMobileApp_Button_1:hover:after{
}

.BMobileApp_AppstoreIcon_1{
	display: none !important;
	
}
.BSOMobileApp_b_1 {
	left: 50px !important;
}
.BMobileApp_img_1, .Banner2_img_1, .Banner3_img_1{
	display:  none !important;
}
.BMobileApp_img_2, .Banner2_img_2, .Banner3_img_2, .Banner4_img_1{
	display: none;
}	
#layerslider{
height: 300px !important;
}
    .Clientel_section {
    background: #e5f0f6;
    background-size: cover;
    padding: 40px 0;
}
.ClientelBox ul li {
    width: 150px;
    float: left;
    border: 1px solid #b8d3e5;
    margin: 5px 5px;
}
.FeedbackFromClient_box {
 background:#FFF;
 padding:20px;
 margin:20px 0 0 0;
}
.FeedbackFromClient_box h2 {
    font-size: 26px;
    text-align: left;
    padding: 0 0 20px 0;
    margin: 0;
    font-weight: 300;
}

.TestimonialsSection .T-Navigation-Panel ul {
    padding: 0;
    margin: 0;
    display: block;
}
.TestimonialsSection .T-Navigation-Panel ul li {
    position: relative;
    display: block;
    width:100%;
    margin: 0;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy, .TestimonialsSection .T-Navigation-Panel ul li.Blog, .TestimonialsSection .T-Navigation-Panel ul li.Resource  {
    width: auto;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy a {
 padding: 0 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 5px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Blog a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 10px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Resource a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    margin:0 0 0px;
}

}
@media only screen and (max-width: 419px) and (min-width: 100px) {
    .Clientel_section {
    background: #e5f0f6;
    background-size: cover;
    padding: 40px 0;
}
.ClientelBox ul li {
    width: 150px;
    float: left;
    border: 1px solid #b8d3e5;
    margin: 5px 5px;
}
.FeedbackFromClient_box {
 background:#FFF;
 padding:20px;
 margin:20px 0 0 0;
}
.FeedbackFromClient_box h2 {
    font-size: 26px;
    text-align: left;
    padding: 0 0 20px 0;
    margin: 0;
    font-weight: 300;
}

h2.SoftwareHome-heading-2_White {
    background: url(../images/near-miss/heading-2-sap.png) bottom center no-repeat;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 300;
    padding: 0 0 20px 0;
    margin: 0 0 40px 0;
    text-align: center;
}

.TestimonialsSection .T-Navigation-Panel ul {
    padding: 0;
    margin: 0;
    display: block;
}
.TestimonialsSection .T-Navigation-Panel ul li {
    position: relative;
    display: block;
    width:100%;
    margin: 0;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy, .TestimonialsSection .T-Navigation-Panel ul li.Blog, .TestimonialsSection .T-Navigation-Panel ul li.Resource  {
    width: auto;
}
.TestimonialsSection .T-Navigation-Panel ul li.CaseStudy a {
 padding: 0 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 5px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Blog a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    border-bottom:1px solid #CCC;
    margin:0 0 10px;
}
.TestimonialsSection .T-Navigation-Panel ul li.Resource a {
 padding: 15px 20px 20px 95px;
    border-right: none;
    margin:0 0 0px;
}
}

@media (max-width: 992px){
	.AppTabListBox {
    border-right: none;
    width: 100%;
    padding: 10px 0px;
    text-align: left;
}
.MobileApplicationTab .MobileApplicationRight {
    width: 100%;
    padding: 30px 0px;
    border-top: none;
    background: none;
    background: none;
    animation: gradient 10s ease infinite;
    overflow: hidden !important;
    margin: -1px 0 0 0;
    position: relative;
    z-index: 1;
}
}
@media (max-width: 1366px){
.MobileappTechanologySection ul.TechnologyList li{
	
	width: 165px;
	height: 160px;
	display: inline-grid;
	background: #fff;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(93,119,165,0.35);
    box-shadow: 0px 0px 10px 0px rgb(93 119 165 / 35%);
	position: relative;
	
}
.MobileappTechanologySection ul.TechnologyList li:hover{
-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background: #fff;
}
.MobileappTechanologySection ul.TechnologyList li svg{
position: absolute;
	top: 0;
	left: 0;
	width: 165px !important;
	height: 160px !important;
}
	.MobileappTechanologySection ul.TechnologyList li svg rect{
		width: 165px !important;
		height: 160px !important;
	}
.shape1,
.shape2 {
  stroke-dasharray: 1020;
  stroke-width: 5px;
  fill: transparent;
  stroke: #51a9f5;
  border-bottom: 5px solid black;
  transition-timing-function: linear;
  transition: stroke-dashoffset 2s, stroke-dasharray 2s;

}
.shape1 {
  stroke-dashoffset: 1020;
}
.shape2 {
  stroke-dashoffset: -1020;
}
.MobileappTechanologySection ul.TechnologyList li:hover .shape1,
.MobileappTechanologySection ul.TechnologyList li:hover .shape2 {
  stroke-dashoffset: 0;
  stroke-dasharray: 1020;
}
.MobileappTechanologySection ul.TechnologyList li:hover i{
transform: scale(1.1);
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.MobileappTechanologySection ul.TechnologyList li i{
width: 80px;
	height: 80px;
	display: block;
	margin: 5px auto 0;
	background-image: url("../images/mobile-application/mobile-app-sprite.png");
	background-repeat: no-repeat;
	transform: scale(1);
	-moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	background-size: 1177px ;
}
	
.MobileappTechanologySection ul.TechnologyList li i.AlertPushNotification{
	background-position: 0 -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.GeoLocationCapturing{
	background-position: -92px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.BarcodeQRCodeScan{
	background-position: -180px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.ImageAnnotation{
	background-position: -265px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.RestrictImageGalleryusage{
	background-position: -352px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.Capturesignature{
	background-position: -438px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.VoicetoTextConversion{
	background-position: -526px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.AudioVideoRecordingattachment{
	background-position: -613px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.CentralizedDataRepository{
	background-position: -698px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.SynchwithWebApplication{
	background-position: -783px -136px;
}
.MobileappTechanologySection ul.TechnologyList li i.IntegrationWithAzure{
	background-position: -874px -136px;
}
.MobileappTechanologySection ul.TechnologyList li p{
font-size: 14px;
	color: #333;
	padding: 0px 10px;
	margin: 0;
	font-weight: 500;
	line-height: 20px;
	-moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.MobileappTechanologySection ul.TechnologyList li:hover p{
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	color: #005789;
	margin-top: -12px;
}
	.MobileappTechanologySection .main, .MobileApplicationSection1 .main{
		width: 100% !important;
		padding: 0 50px;
	}
}





















































