@charset "utf-8";
/* CSS Document */
.Inner_header { background-size: contain; position: relative; z-index: 1; }
.SiteInspection_banner { background: url(../images/site-inspection/banner-bg.jpg) top right no-repeat; background-size: cover; min-width: 560px; padding: 20px 0 0; }
h1.IntroHeading_1 { color: #1f8ceb; padding: 40px 0 10px 0; margin: 0; font-size: 45px; font-weight: 500; font-family: 'Roboto', sans-serif; }
.SiteInspection_banner .BannerContent { min-height: 490px; }
.SI_process { position: relative; width: 410px; height: 550px }
.SI_process .ChecklistConfigure_icon { 
width: 92px; 
height: 92px; 
display: block; 
position: absolute; 
left: 10px; 
top: 10px; 
-webkit-border-radius: 92px; 
-moz-border-radius: 92px; 
border-radius: 92px; 
background: url(../images/site-inspection/SI_process_icon.png) 0px 0 no-repeat #FFF; 
border: 1px solid #FFF; 
-webkit-animation: ChecklistConfigure_icon_a 0.9s infinite; 
animation: ChecklistConfigure_icon_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
}
.SI_process .ChecklistConfigure_toltip { 
display: inline-block; 
background: #FFF; 
padding: 8px 10px; 
position: absolute; 
top: 10px; 
left: 108px; 
-webkit-animation: ChecklistConfigure_toltip_a 0.9s infinite; 
animation: ChecklistConfigure_toltip_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s;
color:#000; 
font-family: 'Nunito', sans-serif;
font-size:16px;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);

}
.SI_process .ChecklistConfigure_toltip:before { border-top: 40px solid #FFF; }
.SI_process .toltip_bottom:before { content: ""; position: absolute; border-left: 0px solid transparent; border-right: 15px solid transparent; top: 26px; left: 15px; margin-left: -10px; height: 37px; display: block; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari */ transform: rotate(45deg); /* Standard syntax */ }
.SI_process .toltip_top:before { content: ""; position: absolute; border-left: 0px solid transparent; border-right: 15px solid transparent; top: -22px; left: 10px; margin-left: -10px; height: 37px; display: block; -ms-transform: rotate(115deg); /* IE 9 */ -webkit-transform: rotate(115deg); /* Safari */ transform: rotate(115deg); /* Standard syntax */ }
.SI_process .UserRuleConfigure_icon { 
width: 92px; 
height: 92px; 
display: block; 
position: absolute; 
left: 147px; 
top: 92px; 
-webkit-border-radius: 92px; 
-moz-border-radius: 92px; 
border-radius: 92px; 
background: url(../images/site-inspection/SI_process_icon.png) -92px 0 no-repeat #FFF; 
-webkit-animation: UserRuleConfigure_icon_a 0.9s infinite; 
animation: UserRuleConfigure_icon_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
}

.SI_process .UserRuleConfigure_toltip { 
display: block; 
background: #FFF; 
padding: 8px 10px; 
position: absolute; 
top: 95px; 
left: 246px; 
-webkit-animation: UserRuleConfigure_toltip_a 0.9s infinite; 
animation: UserRuleConfigure_toltip_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
color:#000; 
font-family: 'Nunito', sans-serif;
font-size:16px;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
}
.SI_process .UserRuleConfigure_toltip:before { border-top: 40px solid #FFF;
    -webkit-animation: UserRuleConfigure_toltip 0.9s infinite;
    animation: UserRuleConfigure_toltip 0.9s infinite;
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
 }
.SI_process .SchedulePlanningForInspection_icon { 
width: 92px; 
height: 92px; 
display: block; 
position: absolute; 
left: 0px; 
top: 165px; 
-webkit-border-radius: 92px; 
-moz-border-radius: 92px; 
border-radius: 92px; 
background: url(../images/site-inspection/SI_process_icon.png) -184px 0 no-repeat #FFF; 
-webkit-animation: SchedulePlanningForInspection_icon_a 0.9s infinite; 
animation: SchedulePlanningForInspection_icon_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s;  

}
.SI_process .SchedulePlanningForInspection_toltip { 
display: inline-block; 
background: #FFF; 
padding: 8px 10px; 
position: absolute; 
top: 237px; 
left: 100px; 
-webkit-animation: SchedulePlanningForInspection_toltip_a 0.9s infinite; 
animation: SchedulePlanningForInspection_toltip_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s;
color:#000; 
font-family: 'Nunito', sans-serif;
font-size:16px;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);

}
.SI_process .SchedulePlanningForInspection_toltip:before { border-top: 40px solid #FFF; }
.SI_process .ConductInspection_icon { 
width: 92px; 
height: 92px; 
display: block; 
background: #FFF; 
position: absolute; 
left: 140px; 
top: 304px; 
-webkit-border-radius: 92px; 
-moz-border-radius: 92px; 
border-radius: 92px; 
background: url(../images/site-inspection/SI_process_icon.png) -276px 0 no-repeat #FFF; 
-webkit-animation: ConductInspection_icon_a 0.9s infinite; 
animation: ConductInspection_icon_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 

}
.SI_process .ConductInspection_toltip { 
display: inline-block; 
background: #FFF; 
padding: 8px 10px; 
position: absolute; 
top: 366px; 
left: 240px; 
-webkit-animation: ConductInspection_toltip_a 0.9s infinite; 
animation: ConductInspection_toltip_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
color:#000; 
font-family: 'Nunito', sans-serif;
font-size:16px;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);

}
.SI_process .ConductInspection_toltip:before { border-top: 40px solid #FFF; }
.SI_process .TrackNoneConfirmatives_icon { 
width: 92px; 
height: 92px; 
display: block; 
background: #FFF; 
position: absolute; 
left: 15px; 
top: 415px; 
-webkit-border-radius: 92px; 
-moz-border-radius: 92px; 
border-radius: 92px; 
background: url(../images/site-inspection/SI_process_icon.png) -368px 0 no-repeat #FFF; 
-webkit-animation: TrackNoneConfirmatives_icon_a 0.9s infinite; 
animation: TrackNoneConfirmatives_icon_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
}
.SI_process .TrackNoneConfirmatives_toltip { 
display: inline-block; 
background: #FFF; 
padding: 8px 10px; 
position: absolute; 
top: 485px; 
left: 115px; 
-webkit-animation: TrackNoneConfirmatives_toltip_a 0.9s infinite; 
animation: TrackNoneConfirmatives_toltip_a 0.9s infinite; 
-webkit-animation-duration: 15s; 
animation-duration: 15s; 
color:#000; 
font-family: 'Nunito', sans-serif;
font-size:16px;
-webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.4);

}
.SI_process .TrackNoneConfirmatives_toltip:before { border-top: 40px solid #FFF; }
.SI_process .step_1 { width: 100px; height: 42px; position: absolute; top: 95px; display: block; left: 56px; }
.SI_process .step_1:before { border-left: 2px dashed #CCCCCC; height: 100%; content: ''; display: block; }
.SI_process .step_1:after { border-bottom: 2px dashed #CCCCCC; width: 100%; content: ''; display: block; }
.SI_process .step_1_h { width: 100px; height: 42px; position: absolute; top: 95px; display: block; left: 56px; }
.SI_process .step_1_h:before { border-left: 2px solid #1f8ceb; height: 0; content: ''; display: block; -webkit-animation: S1_1 0.9s infinite; animation: S1_1 0.9s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_1_h:after { border-bottom: 2px solid #1f8ceb; width: 0; content: ''; display: block; -webkit-animation: S1_2 1s infinite; animation: S1_2 1s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_2 { width: 106px; height: 32px; position: absolute; top: 181px; display: block; left: 92px; }
.SI_process .step_2:before { border-right: 2px dashed #CCCCCC; height: 100%; content: ''; display: block; }
.SI_process .step_2:after { border-bottom: 2px dashed #CCCCCC; width: 100%; content: ''; display: block; }
.SI_process .step_2_h { width: 106px; height: 34px; position: absolute; top: 181px; display: block; left: 92px; overflow: hidden; }
.SI_process .step_2_h:before { border-right: 2px solid #1f8ceb; height: 0; content: ''; display: block; -webkit-animation: S2_1 0.9s infinite; animation: S2_1 0.9s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_2_h:after { border-bottom: 2px solid #1f8ceb; width: 100%; height: 34px; position: absolute; right: -100%; bottom: 0; content: ''; display: block; -webkit-animation: S2_2 1s infinite; animation: S2_2 1s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_3 { width: 90px; height: 95px; position: absolute; top: 257px; display: block; left: 50px; }
.SI_process .step_3:before { border-left: 2px dashed #CCCCCC; height: 100%; content: ''; display: block; }
.SI_process .step_3:after { border-bottom: 2px dashed #CCCCCC; width: 100%; content: ''; display: block; }
.SI_process .step_3_h { width: 90px; height: 95px; position: absolute; top: 257px; display: block; left: 50px; }
.SI_process .step_3_h:before { border-left: 2px solid #1f8ceb; height: 0; content: ''; display: block; -webkit-animation: S3_1 0.9s infinite; animation: S3_1 0.9s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_3_h:after { border-bottom: 2px solid #1f8ceb; width: 0; content: ''; display: block; -webkit-animation: S3_2 1s infinite; animation: S3_2 1s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_4 { width: 90px; height: 65px; position: absolute; top: 396px; display: block; left: 97px; }
.SI_process .step_4:before { border-right: 2px dashed #CCCCCC; height: 100%; content: ''; display: block; }
.SI_process .step_4:after { border-bottom: 2px dashed #CCCCCC; width: 100%; content: ''; display: block; }
.SI_process .step_4_h { width: 90px; height: 67px; position: absolute; top: 396px; display: block; left: 97px; overflow: hidden; }
.SI_process .step_4_h:before { border-right: 2px solid #1f8ceb; height: 0; content: ''; display: block; -webkit-animation: S4_1 0.9s infinite; animation: S4_1 0.9s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
.SI_process .step_4_h:after { border-bottom: 2px solid #1f8ceb; width: 100%; position: absolute; right: -100%; bottom: 0; content: ''; display: block; -webkit-animation: S4_2 1s infinite; animation: S4_2 1s infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }
 @-webkit-keyframes S1_1 { 
0% {height:0; opacity:1}
5% {height:0; opacity:1}
9% {height:100%; opacity:1}
80% {height:100%; opacity:1}
96% {height:100%; opacity:1}
100% {height:100%; opacity:0}
}
@keyframes S1_1 { 
0% {height:0; opacity:1}
5% {height:0; opacity:1}
9% {height:100%; opacity:1}
80% {height:100%; opacity:1}
96% {height:100%; opacity:1}
100% {height:100%; opacity:0}
}
@-webkit-keyframes S1_2 { 
0% {width:0%; opacity:1}
9% {width:0%; opacity:1}
13% {width:100%; opacity:1}
80% {width:100%; opacity:1}
96% {width:100%; opacity:1}
100% {width:100%; opacity:0}
}
@keyframes S1_2 { 
0% {width:0%; opacity:1}
9% {width:0%; opacity:1}
13% {width:100%; opacity:1}
80% {width:100%; opacity:1}
96% {width:100%; opacity:1}
100% {width:100%; opacity:0}
}
@-webkit-keyframes S2_1 { 
0% {height:0%; opacity:1}
22% {height:0%; opacity:1}
26% {height:100%; opacity:1}
80% {height:100%; opacity:1}
97% {height:100%; opacity:1}
100% {height:100%; opacity:0}
}
@keyframes S2_1 { 
0% {height:0%; opacity:1}
22% {height:0%; opacity:1}
26% {height:100%; opacity:1}
80% {height:100%; opacity:1}
97% {height:100%; opacity:1}
100% {height:100%; opacity:0}
}
@-webkit-keyframes S2_2 { 
0% {right:-100%; opacity:1;}
26% {right:-100%; opacity:1;}
30% {right:0%; opacity:1;}
80% {right:0%; opacity:1;}
97% {right:0%; opacity:1;}
100% {right:0%; opacity:0}
}
@keyframes S2_2 {  
0% {right:-100%; opacity:1;}
26% {right:-100%; opacity:1;}
30% {right:0%; opacity:1;}
80% {right:0%; opacity:1;}
97% {right:0%; opacity:1;}
100% {right:0%; opacity:0}
}
@-webkit-keyframes S3_1 { 
0% {height:0%; opacity:1;}
38% {height:0%; opacity:1;}
41% {height:100%; opacity:1;}
80% {height:100%; opacity:1;}
98% {height:100%; opacity:1;}
100% {height:100%; opacity:0}
}
@keyframes S3_1 { 
0% {height:0%; opacity:1;}
38% {height:0%; opacity:1;}
41% {height:100%; opacity:1;}
80% {height:100%; opacity:1;}
98% {height:100%; opacity:1;}
100% {height:100%; opacity:0}
}
@-webkit-keyframes S3_2 { 
0% {width:0%; opacity:1;}
41% {width:0%; opacity:1;}
45% {width:100%; opacity:1;}
80% {width:100%; opacity:1;}
98% {width:100%; opacity:1;}
100% {width:100%; opacity:0;}
}
@keyframes S3_2 { 
0% {width:0%; opacity:1;}
41% {width:0%; opacity:1;}
45% {width:100%; opacity:1;}
80% {width:100%; opacity:1;}
98% {width:100%; opacity:1;}
100% {width:100%; opacity:0;}
}
@-webkit-keyframes S4_1 { 
0% {height:0; opacity:1;}
53% {height:0; opacity:1;}
57% {height:100%; opacity:1;}
80% {height:100%; opacity:1;}
99% {height:100%; opacity:1;}
100% {height:100%; opacity:0}
}
@keyframes S4_1 { 
0% {height:0; opacity:1;}
53% {height:0; opacity:1;}
57% {height:100%; opacity:1;}
80% {height:100%; opacity:1;}
99% {height:100%; opacity:1;}
100% {height:100%; opacity:0}
}
@-webkit-keyframes S4_2 { 
0% {right:-100%; opacity:1;}
57% {right:-100%; opacity:1;}
61% {right:0%; opacity:1;}
80% {right:0%; opacity:1;}
99% {right:0%; opacity:1;}
100% {right:0%; opacity:0}
}
@keyframes S4_2 { 
0% {right:-100%; opacity:1;}
57% {right:-100%; opacity:1;}
61% {right:0%; opacity:1;}
80% {right:0%; opacity:1;}
99% {right:0%; opacity:1;}
100% {right:0%; opacity:0}
}
@keyframes ChecklistConfigure_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
2% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
5% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
8% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
30% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
95% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
}
@-webkit-keyframes ChecklistConfigure_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
2% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
5% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
8% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
30% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
95% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF;box-shadow:none; opacity:0; transform: scale(0);}
}
@keyframes UserRuleConfigure_icon_a { 
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
13% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);  }
17% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1.08);  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
24% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1);  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
96% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);  }
}
@-webkit-keyframes UserRuleConfigure_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
13% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);  }
17% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1.08);  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
24% {border:2px solid #FFF;background-color:#eaf1ff; opacity:1; transform: scale(1);  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
96% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);  }
}
@keyframes SchedulePlanningForInspection_icon_a { 
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
30% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
35% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
40% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
80% {border:2px slid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
97% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@-webkit-keyframes SchedulePlanningForInspection_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
30% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
35% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
40% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
80% {border:2px slid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
97% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@keyframes ConductInspection_icon_a { 
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
15% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
45% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
50% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
55% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
98% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@-webkit-keyframes ConductInspection_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
15% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
45% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
50% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
55% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
98% {border:2px solid #FFF; background-color:#eaf1ff;opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@keyframes TrackNoneConfirmatives_icon_a { 
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
15% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
60% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
65% {border:2px solid #FFF ;background-color:#eaf1ff;opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
70% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
99% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@-webkit-keyframes TrackNoneConfirmatives_icon_a {  
0% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
15% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0;}
60% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
65% {border:2px solid #FFF ;background-color:#eaf1ff;opacity:1; transform: scale(1.08); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
70% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
99% {border:2px solid #FFF; background-color:#eaf1ff; opacity:1; transform: scale(1); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);}
100% {border:2px solid #FFF; background-color:#FFFFFF; box-shadow:none; opacity:0; transform: scale(0);}
}
@keyframes ChecklistConfigure_toltip_a { 
0% {opacity:0;   }
3% {opacity:0;   }
13% {opacity:1;  }
20% {opacity:1; }
95% {opacity:1;  }
100% {opacity:0;  }
}
@-webkit-keyframes ChecklistConfigure_toltip _a {  
0% {opacity:0;   }
3% {opacity:0;   }
13% {opacity:1;  }
20% {opacity:1; }
95% {opacity:1;  }
100% {opacity:0;  }
}
@keyframes UserRuleConfigure_toltip_a { 
0% {opacity:0;  }
17% {opacity:0;}
22% {opacity:1; }
96% {opacity:1; }
100% {opacity:0; }
}
@-webkit-keyframes UserRuleConfigure_toltip_a {  
0% {opacity:0;  }
17% {opacity:0;}
22% {opacity:1; }
96% {opacity:1; }
100% {opacity:0; }
}
@keyframes SchedulePlanningForInspection_toltip_a { 
0% {opacity:0; }
34% {opacity:0;}
39% {opacity:1;}
97% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes SchedulePlanningForInspection_toltip_a {  
0% {opacity:0; }
34% {opacity:0; }
38% {opacity:1;}
97% {opacity:1; }
100% {opacity:0;}
}
@keyframes ConductInspection_toltip_a { 
0% {opacity:0; }
48% {opacity:0; }
53% {opacity:1;}
98% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes ConductInspection_toltip_a {  
0% {opacity:0; }
48% {opacity:0; }
53% {opacity:1; }
98% {opacity:1; }
100% {opacity:0;}}

@keyframes TrackNoneConfirmatives_toltip_a { 
0% {opacity:0; }
64% {opacity:0;}
69% {opacity:1;}
99% {opacity:1;}
100% {opacity:0;}}
@-webkit-keyframes TrackNoneConfirmatives_toltip_a {  
0% {opacity:0;}
64% {opacity:0;}
69% {opacity:1;}
99% {opacity:1;}
100% {opacity:0;}}

.WatchVideo_button span { width: 50px; height: 50px; display: block; position: absolute; top: 0px; right: 0; color: #FFF; text-align: center; font-size: 36px; line-height: 50px; background: #b55dc4; background: -moz-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: -webkit-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;/*-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);*/
}
.WatchVideo_button span:after { position: absolute; width: 50px; height: 50px; position: absolute; top: 0; right: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: ''; z-index: 1; border: 1px solid #ff896f; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-clip: padding-box; -webkit-animation: waves 2s ease-in-out infinite; animation: waves 2s ease-in-out infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }
.WatchVideo_button span:before { position: absolute; width: 50px; height: 50px; position: absolute; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 0; right: 0px; content: ''; z-index: 1; border: 1px solid #b55dc4; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-clip: padding-box; -webkit-animation: waves 2s ease-in-out infinite; animation: waves 2s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }
@-webkit-keyframes waves {  0% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
 100% {
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes waves {  0% {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 50% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
 100% {
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
P.IntroHeading_SubText { font-family: 'Poppins', sans-serif; font-size: 25px; color: #404a60; padding: 18px 0 40px; font-weight: 400; margin: 0; line-height: 33px; }
P.IntroNormal_text {     
padding: 0 0 20px 0;
margin: 0;
font-family: 'Roboto', sans-serif;
color: #374056;
line-height: 25px;
font-size: 15px;
font-weight:400;
}

.SiteInspection_feature_section_1 { background: #FFF; padding: 40px 0px 40px 0; }
.SiteInspection_feature_section_1 .SiteInspection_feature_left { }
.SiteInspection_feature_section_1 .SiteInspection_feature_left p { font-size: 16px; padding: 0 0 20px; font-family: 'Roboto', sans-serif; color: #404a60; line-height: 28px; font-weight: normal; }
.SiteInspection_feature_section_1 .SiteInspection_feature_left h2 { font-size: 26px; padding: 0px 0 12px; line-height: 32px; margin: 0; font-weight: 700; color: #1f8ceb; font-family: 'Nunito', sans-serif; }
.ForBox_process { border: 1px solid #ebebeb; }
.ForBox_process .col-md-6 { padding-right: 0px; padding-left: 0px; }
.ForBox_process .row { margin-right: 0px; margin-left: 0px; }
.ForBox_process .ProcessText { width: 100%; padding: 10px 20px 10px; }
.ForBox_process .ProcessImg { width: 100%; }
.ForBox_process .ProcessText p { font-family: 'Nunito', sans-serif; font-size: 14px; color: #747474; padding: 0 0 8px; margin: 0; line-height: 18px; }
.ForBox_process ul li:nth-of-type(n) { clear: none; border-left: none; }
.ForBox_process ul li:nth-of-type(2n+1) { clear: both; }
.MobilitySolution_section { background: #f5f7fb; padding: 0 15px 0 350px; position: relative; }
.MobilitySolution_section .mobile_app_img { position: absolute; bottom: 0px; left: 0; }
.MobilitySolution_content { padding: 30px 0; }
.MobilitySolution_content h2 { font-size: 28px; color: #238ce9; padding: 0 0 20px 0; margin: 0; font-weight: 300; font-family: 'Nunito', sans-serif; }
.MobilitySolution_content h2 span { font-weight: 700; }
.MobilitySolution_content h4 { font-size: 20px; color: #238ce9; padding: 0 0 8px 0; margin: 0; font-weight: 300; font-family: 'Nunito', sans-serif; }
.MobilitySolution_content h4 span { font-weight: 700; }
.Report_Section { background: #238ce9; }
.Report_Section_2 { padding: 20px; width:100%; }
.Report_Section_2 h2 { color: #FFF; font-size: 50px; font-family: 'Roboto', sans-serif; font-weight: 300; padding: 0 0 25px 0; margin: 0; text-align: center; }
.Report_box i.InspectionPlanner { background-position: -814px -293px; }
.Report_box:hover i.InspectionPlanner { background-position: -814px -387px; }
.Report_box i.MyInspections { background-position: -894px -293px; }
.Report_box:hover i.MyInspections { background-position: -894px -387px; }
.Report_box i.SearchPastInspections { background-position: -571px -293px; }
.Report_box:hover i.SearchPastInspections { background-position: -571px -387px; }
.Report_box i.InspectionSummary { background-position: -652px -293px; }
.Report_box:hover i.InspectionSummary { background-position: -652px -387px; }
.Report_box i.ObservationRecommendationReport { background-position: -490px -293px; }
.Report_box:hover i.ObservationRecommendationReport { background-position: -490px -387px; }
.Report_box:hover .Report_round { width: 114px; height: 119px; background-position: 0 -293px; background: #f6f6f6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); -moz-box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); box-shadow: 14px 14px 1px 0px rgba(255,255,255,0.8); border: 1px solid #FFF; margin: 0 auto 20px; position: relative; background: #056ac3; background: -moz-linear-gradient(70deg, #238ce9 0%, #056ac3 100%); background: -webkit-linear-gradient(70deg, #238ce9 0%, #056ac3 100%); background: linear-gradient(70deg, #238ce9 0%, #056ac3 100%); -webkit-transition: all .5s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.report_slider .owl-nav .owl-prev: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-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: '“'; }
.RelatedSoftware_box:hover { background: #238ce9; border: 1px solid #FFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 9; }
.RelatedSoftware_box:hover i { background-color: #FFF !important; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; overflow: hidden; }
.RelatedSoftware_box:hover i:after { background: #FFFFFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; display: block; width: 100%; height: 100%; content: ''; top: 0; left: 0; position: absolute; z-index: -1; }
.CallBack_Submit { background: #b55dc4; background: -moz-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: -webkit-linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); background: linear-gradient(70deg, #b55dc4 0%, #ff896f 100%); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; text-align: center; width: 130px; font-family: 'Nunito', sans-serif; font-size: 20px; font-weight: 300; vertical-align: central; color: #FFF; border: none; outline: none; height: 100%; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CallBack_Submit:hover { -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.4); border: 1px solid #FFF; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.S_RequestForCallBack_section h2.heading_2 { font-family: 'Nunito', sans-serif; font-size: 35px; color: #238ce9; padding: 0 0 30px 0; margin: 0; text-align: center; font-weight: normal; }
.QuickInquiryBtn {
 background:#1f8ceb;
    }
.S_Testimonial .Testimonial_UserName { font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 600; color: #238ce9; padding: 10px 0 4px 0; line-height: 28px; }
.report_slider { width: auto; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.Report_box:hover .Report_round a.dekstop:hover { background: #00baff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.Report_box:hover .Report_round a.mobile:hover { background: #00baff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: scale(1.08); }
@media only screen and (max-width: 1600px) and (min-width: 1367px) {
}
@media only screen and (max-width: 1366px) and (min-width: 992px) {
.mobile_app_img { display: none; }
.MobilitySolution_section { padding: 0 15px 0 70px; }
.report_slider { width: auto; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.SiteInspection_banner {
    background: url(../images/site-inspection/banner-bg.jpg) top center no-repeat;
}
.SI_process{
 margin-left:-30px;
}
}
@media only screen and (max-width: 991px) and (min-width: 840px) {
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
.MobilitySolution_content { padding: 30px 0 20px 80px; }
.ProcessBox_section2 { padding: 0 0 0 30px; }
}
@media only screen and (max-width: 839px) and (min-width: 600px) {
.MobilitySolution_content { padding: 30px 0 20px 90px; }
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
}
@media only screen and (max-width: 599px) and (min-width: 100px) {
.MobilitySolution_content { padding: 30px 0 20px 0px; }
.MobilitySolution_section { padding: 0 15px 0 15px; }
.mobile_app_img { display: none; }
.report_slider { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.ForBox_process{
 width:100% !important;
 margin:15px auto 0;
}
.ForBox_process .ProcessText p {
    font-size: 13px;
    color: #747474;
    padding: 0 0 5px;
    margin: 0;
    line-height: 18px;
}
}
@media (max-width: 992px) {
.SiteInspection_introduction .SiteInspection_intro_rightImg { position: absolute; top: 0px; height: 100%; width: 50%; right: 0; text-align: right; }
.SI_process{
 display:none;
}
.SiteInspection_banner {
    background: #e7f5ff;
    background-size: cover;
    min-width: inherit;
    padding: 20px 0 0;
}
.SiteInspection_banner .BannerContent {
    min-height: inherit;
}
.ForBox_process{
 width:588px;
 margin:15px auto 0;
}
.ForBox_process .ProcessText {
    width: 100%;
    padding: 10px 20px 0px;
}
}
@media (max-width: 768px) {
.SiteInspection_introduction .SiteInspection_intro_rightImg, .floatedQuoteForm { display: none; }
.SiteInspection_introduction { padding: 30px 0 20px; }

}