@charset "utf-8";
/* CSS Document */
.Inner_header { background-size: contain; position: relative; z-index: 1; }
.CLMS_banner { background: url(../images/clms/clms-banner-bg.jpg) top right no-repeat; background-size: cover; min-width: 560px; padding: 20px 0 0; }
h1.IntroHeading_1 { color: #ff9c00; padding: 60px 0 0px 0; margin: 0; font-size: 80px; font-weight: 600; font-family: 'Roboto', sans-serif; }
.IMS_banner .BannerContent { min-height: 490px; }
P.IntroHeading_SubText { font-family: 'Poppins', sans-serif; font-size: 30px; color: #FFFFFF; padding: 18px 0 25px; font-weight: 400; margin: 0; line-height: 33px; }
.S_DownloadBrochure_button {
    background: #13aeff;
    padding: 15px 20px 15px 55px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    margin:0 10px 50px 0;
}
.S_DownloadBrochure_button:hover {
    background: #5c6bc0;
    color: #FFF;
}
.S_DownloadBrochure_button:after {
    width: 38px;
    height: 38px;
    display: block;
    background: url(../../images/common-icon-sprite.png) -42px -420px no-repeat;
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
}


















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

.CLMS_feature_section_1 { background: #FFF; padding: 40px 0px 40px 0; }
.CLMS_feature_section_1 .CLMS_feature_right{ background: #eaf2f8; padding: 30px 25px; margin:30px 0 0 0 }
.CLMS_feature_section_1 .CLMS_feature_right h2{ font-size:32px; color:#1a3b9c; padding:5px 0 15px 0; margin:0; font-weight:600; }
ul.CLMS_S_normal_list {
    padding: 20px 0 0 0;
    margin: 0;
}
ul.CLMS_S_normal_list li {
    padding: 3px 0 14px 25px;
    margin: 0;
    font-size: 17px;
    color: #374056;
    background: url(../images/s_normal_list_icon.png) 0 3px no-repeat;
}
.MobilitySolution_section { background: #f5f7fb; padding: 40px 0 0px; position: relative; z-index:0; }
.MobilitySolution_section .KeyFunctional_section { position:relative; padding:20px 0 0 0}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {width:480px; margin:0 auto; }
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left { width:390px; position:absolute; top:30px; left:0;}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right { width:390px;  position:absolute; top:30px; right:0;}
.MobilitySolution_section .KeyFunctional_section ul{ padding:0; margin:0; font-family: 'Roboto', sans-serif;}
.MobilitySolution_section .KeyFunctional_section ul li{
 padding:10px 0 0px 78px;
 margin:30px 0 5px;
 position:relative;
 font-size:16px;
 color:#333333;
 min-height:62px;
}
.MobilitySolution_section .KeyFunctional_section ul li.OneLine{
 padding-top:18px;
 margin-bottom:15px;
}
.MobilitySolution_section .KeyFunctional_section ul li h3{
 font-size:18px;
 font-weight:600;
 color:#1a3b9c;
 padding:0 0 5px 0;
 margin:0;
}
.MobilitySolution_section .KeyFunctional_section ul li p{
 font-size:15px;
 font-weight:400;
 color:#333333;
 padding:0 0 5px 0;
 margin:0;
 line-height:26px;
}
.MobilitySolution_section .KeyFunctional_section ul li i.HazardReporting {
 background:url(../images/clms/CLMS-sprite.png) 0px 0px no-repeat;
}
.MobilitySolution_section .KeyFunctional_section ul li i.Indicators{
 background:url(../images/clms/CLMS-sprite.png) -61px 0px no-repeat;
}
.MobilitySolution_section .KeyFunctional_section ul li i.IdBadgeSystem {
 background:url(../images/clms/CLMS-sprite.png) -124px 1px no-repeat;
}
.MobilitySolution_section .KeyFunctional_section ul li i.MenuOptions{
 background:url(../images/clms/CLMS-sprite.png) -185px 1px no-repeat;
}
.MobilitySolution_section .KeyFunctional_section ul li i.SafetyInspection{
 background:url(../images/clms/CLMS-sprite.png) -248px 1px no-repeat;
}
.MobilitySolution_section .KeyFunctional_section ul li i.SafetyPerformance{
 background:url(../images/clms/CLMS-sprite.png) -311px 0px no-repeat;
}


.MobilitySolution_section .KeyFunctional_section ul li i{
 width:62px;
 height:62px;
 background:#FFF;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    position:absolute;
    top:9px;
     left:0;
}

.MobilitySolution_content { padding: 30px 0; }
.MobilitySolution_section h2:after{ width:120px; display:block;  height:2px; background:#238ce9; content:''; margin:20px auto; overflow:hidden;}

.MobilitySolution_section h2 { font-size: 36px; color: #000000; text-align:center; padding: 0 0 5px 0; margin: 0; font-weight: 300; font-family: 'Nunito', sans-serif; }
.MobilitySolution_section h4 { font-size: 24px; text-align:center; color: #238ce9; padding: 0 0 8px 0; margin: 0; font-weight: 300; font-family: 'Nunito', sans-serif; }

.ServedAt_section{
 background:#FFF;
 padding:40px 0;
 margin:0;
}

.ServedAt_section h2 {
    font-size: 36px;
    color: #000000;
    text-align: center;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: 300;
    font-family: 'Nunito', sans-serif;
}
.ServedAt_section h2:after {
    width: 120px;
    display: block;
    height: 2px;
    background: #238ce9;
    content: '';
    margin: 20px auto;
    overflow: hidden;
}
.ServedAt_section ul.CLMS_S_normal_list {
    padding: 20px 0 0 0;
    margin: 0;
}
.ServedAt_section ul.CLMS_S_normal_list li {
    padding: 3px 0 14px 25px;
    line-height:28px;
    margin: 0;
    font-size: 15px;
    color: #374056;
    background: url(../images/s_normal_list_icon.png) 0 3px no-repeat;
}

.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: 900px; 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: 30px 0px 0 40px; }
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {
    width: 420px;
    margin: 0 auto;
    padding:20px 30px 30px 0;
}
.MobilitySolution_section .KeyFunctional_section ul li {
    padding: 8px 0 0px 75px;
    margin: 20px 0 5px;
    position: relative;
    font-size: 15px;
    color: #333333;
    min-height: 62px;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 340px;
    position: absolute;
    top: 30px;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 340px;
    position: absolute;
    top: 30px;
    right: 20px;
}
.CLMS_banner {
    background: url(../images/clms/clms-banner-bg.jpg) top right no-repeat;
    background-size: cover;
    min-width: 560px;
    padding: 20px 0 0 45px;
}
}
@media only screen and (max-width: 991px) and (min-width: 840px) {
.MobilitySolution_section { padding: 20px 15px 0 15px; }
.mobile_app_img { display: none; }
.MobilitySolution_content { padding: 30px 0 20px 80px; }
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {
    width: 440px;
    margin: 0 auto;
    padding:20px 10px 30px 0;
}
.MobilitySolution_section .KeyFunctional_section ul li {
    padding: 8px 0 0px 75px;
    margin: 20px 0 5px;
    position: relative;
    font-size: 15px;
    color: #333333;
    min-height: 62px;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 340px;
    position: absolute;
    top: 30px;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 340px;
    position: absolute;
    top: 30px;
    right: 0;
}
.Report_Section_2 h2 {
    background: none;
    display: block;
    position: inherit;
    margin:0 auto;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 0px 50px 40px;
    text-align: center;
    -webkit-border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
}
.Report_Section_2:before {
display:none;
}
.CLMS_banner {
    background: url(../images/clms/clms-banner-bg.jpg) top right no-repeat;
    background-size: cover;
    min-width: 560px;
    padding: 20px 0 0 45px;
}
}
@media only screen and (max-width: 839px) and (min-width: 600px) {
.MobilitySolution_content { padding: 30px 0 20px 90px; }
.MobilitySolution_section { padding: 30px 15px 30px 15px; }
.mobile_app_img { display: none; }
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {
    width: 440px;
    margin: 0 auto;
    padding:20px 10px 30px 0;
}
.MobilitySolution_section .KeyFunctional_section ul li {
    padding: 8px 0 0px 75px;
    margin: 20px 0 5px;
    position: relative;
    font-size: 15px;
    color: #333333;
    min-height: 62px;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 340px;
    position: absolute;
    top: 30px;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 340px;
    position: absolute;
    top: 30px;
    right: 0;
}
.Report_Section_2 h2 {
    background: none;
    display: block;
    position: inherit;
    margin:0 auto;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 0px 50px 40px;
    text-align: center;
    -webkit-border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
}
.Report_Section_2:before {
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; }
.IMS_feature_section_1 .IMS_LeftImg img { height: 100%; margin: 0 auto; width: 100%; }
.report_slider { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
}
@media (max-width: 992px) {
.IMS_introduction .IMS_intro_rightImg { position: absolute; top: 0px; height: 100%; width: 50%; right: 0; text-align: right; }
.IMS_process {
display:none;
}
.IMS_banner {
    background: url(../images/incident-near-miss-management/banner-bg.png) top left no-repeat;
    background-size: cover;
    min-width: inherit;
    padding: 20px 0 0;
}
.IMS_feature_section_1 .IMS_feature_left {
    position: inherit;
    height: 100%;
    width: 100%;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {
display:none;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 500px;
    position: inherit;
    margin:auto;
    top: 0;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 500px;
    position: inherit;
    top: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom:20px;
}
}
@media (max-width: 768px) {
.IMS_introduction .IMS_intro_rightImg, .floatedQuoteForm { display: none; }
.IMS_introduction { padding: 30px 0 20px; }
.report_slider { width: 100%; overflow: hidden; padding: 0 0 10px 0; margin: 0 auto; }
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_center {
    width: 440px;
    margin: 0 auto;
    padding:20px 10px 30px 0;
}
.MobilitySolution_section .KeyFunctional_section ul li {
    padding: 8px 0 0px 75px;
    margin: 20px 0 5px;
    position: relative;
    font-size: 15px;
    color: #333333;
    min-height: 62px;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 340px;
    position: absolute;
    top: 30px;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 340px;
    position: absolute;
    top: 30px;
    right: 0;
}
.Report_Section_2 h2 {
    background: none;
    display: block;
    position: inherit;
    margin:0 auto;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 55px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 50px;
    padding: 0px 50px 40px;
    text-align: center;
    -webkit-border-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    -moz-box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
    box-shadow: 0px 0px 13px 0px rgba(21,131,228,0.3);
}
.Report_Section_2:before {
display:none;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_left {
    width: 100%;
    position: inherit;
    margin:auto;
    top: 0;
    left: 0;
}
.MobilitySolution_section .KeyFunctional_section .KeyFunctional_section_right {
    width: 100%;
    position: inherit;
    top: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom:20px;
}
}