.bdr-right-5{border-right:5px #fff solid}
.bdr-left-5{border-left:5px #fff solid}
.bdr-right-g-5{border-right:5px #f7f7f7 solid}
.bdr-left-g-5{border-left:5px #f7f7f7 solid}
.bdr-right{border-right:1px #CCCCCC solid}
.bdr-left{border-left:1px #CCCCCC solid}
.bdr-lr{border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid}
.bdr{border:1px #ccc solid}
.bdr-red{border-color:#FF8D71}
.nbdr{border:0px!important}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}
.pt55{padding-top:55px}
.pt150{padding-top:100px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}
.pb55{padding-bottom:55px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}
.pl50{padding-left:50px}
.pl55{padding-left:55px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}
.pr50{padding-right:50px}
.pr55{padding-right:55px}
.nlm{margin-left:0px!important}
.nrm{margin-right:0px!important}
.nlp{padding-left:0!important}
.nrp{padding-right:0!important}
.mrl0{margin-right:10px}
.color-black{color:#000!important}
.content-boxes-in-v4 h2{margin-bottom:0}
.ehw{margin-bottom:-99999px;padding-bottom:99999px;background-color:#fff}
.ehg{margin-bottom:-99999px;padding-bottom:99999px;background-color:#f7f7f7}
.ehlg{margin-bottom:-99999px;padding-bottom:99999px;background-color:#F9F9F9}
.equalheight{overflow:hidden;margin:0 0px 0 15px}
.white_bg{background:#fff;border:5px #f7f7f7 solid}
.light-grey{background:#f7f7f7;border:5px #fff solid}
.vc{vertical-align:middle}
.bglg{background-color:#EAEAEA;border:0px #CCCCCC solid}
.bglb{background-color:#eaf2ff}
.sm-margin-top-10{margin-top:10px}
.xs-margin-top-10{margin-top:0px}
.md-margin-bottom-100{margin-bottom:100px}
.sm-margin-bottom-100{margin-bottom:100px}
.xs-margin-bottom-0{margin-bottom:0px}
.home-slider{height:400px;background-position:center center;background-size:cover}
.home-slider1{height:400px;background-position:center center;background-size:cover}
.home-slider2{height:400px;background-position:center center;background-size:cover}
.home-slider3{height:400px;background-position:center center;background-size:cover}
.bs-banner{padding:85px 0;position:relative;background:url(/assets/img/banners/Banking_solution.jpg) center no-repeat;background-size:cover;}
.bts-banner{padding:85px 0;position:relative;background:url(/assets/img/banners/dealer-solution.jpg) center no-repeat;background-size:cover;}
.page-banner{height:175px;background-position:center center;background-size:cover}
.breadcrumbs h4{margin-left:-0px;margin:0px;font-size:14px;}
.breadcrumbs h1{margin-left:1px}
.breadcrumbs li{color:#0f70b7}
.ssh{margin:0px 0 0px -10px;color:#000!important;font-weight:bold}
.sssh{margin:0 0 0 9px;padding:4px 0;color:#687074!important; font-weight:bold}
.hpb1{padding:100px 0 0 150px; width:500px; line-height:40px;font-size:30px; color:#fff; text-align:right; color:#fff!important}
.hpb2{padding:75px 0px 0 0; font-size:30px; width:500px; margin-right:100px; color:#fff; text-align:center; border:0px solid #fff}
.hpb3{padding:75px 0px 0 50px; font-size:30px; width:560px; margin-right:0px; color:#fff; text-align:center; border:0px solid #fff}
.center{text-align:center}
.topbdr{
padding:30px 0 0 0; border-top:2px #e0e0e0 solid;
}
.text-color-brown{
color:#9f0101;
}
.description{
font-style:italic;
color:#9f0101;
text-align:center
}
.italic{
font-style:italic;
}
#ul{
FONT-SIZE: 14px;
padding:0px;
margin:0px auto;
text-align:center;
}
#ul li{
list-style-type:none;
display:inline-block;
text-align:center;
background:url(/assets/img/arrow.png) no-repeat;
background-position:left center;
padding:0px 30px;
COLOR: #fff!important;
}
#ul li a
{
color:#999;
text-decoration:none;
}
#ul li a:hover
{
color:#000;
text-decoration:underline;
}
@media (max-width:1920px){#mcontact{display:none}}
@media (max-width:1280px){#mcontact{display:none}}
@media (max-width:991px){
.hpb2{padding:50px 50px 0 0100px; font-size:28px; width:620px; margin-right:0px; color:#fff; text-align:center; line-height:36px; border:0px solid #fff}
.hpb3{padding:100px 70px 0 70px; font-size:28px; width:520px; margin-right:0px; color:#fff; text-align:center; line-height:34px; border:0px solid #fff}
}
@media (max-width:1024px){.page-banner{background-position:-360px 0px !important;}
.sm-padding-bottom-30{padding-bottom:30px;}
.sm-padding-left-10{padding-left:10px;}
.sm-padding-right-10{padding-right:10px;}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:445px;background:#fff;position:absolute}
.hpb3{padding:100px 70px 0 30px; font-size:28px; width:500px; margin-right:0px; color:#fff; text-align:center; line-height:34px; border:0px solid #fff}
.hpb2{padding:70px 0px 0 0; font-size:28px; width:485px; margin-right:20px; color:#fff; text-align:center; border:0px solid #fff}
}
@media (max-width:768px){.page-banner{background-position:-390px 0px !important;height:150px}
.home-slider{height:300px;background-position:-200px 0px!important;background-size:cover}
.service{margin-top:-100px;margin-bottom:30px;}
.sm-padding-bottom-30{padding-bottom:30px;}
.content-sm{padding-top:10px;padding-bottom:10px}
.bdr-right-5{border-right:5px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:5px #fff solid;border-top:5px #fff solid!important}
.sm-no-border{border:0!important}
.sm-border-top{border-top:10px solid #fff;border-left:0}
.ssh{margin:0px!important;padding:0!important;color:#555!important;font-weight:bold}
.sssh{margin:0 0 0 40px;padding:4px 0;color:#000!important}
.bdr-lr{border-left:1px #CCCCCC solid;border-right:1px #CCCCCC solid}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:350px;background:#fff;position:absolute}
.hpb1{padding:50px 0 0 0px; width:562px; line-height:30px;font-size:35px; color:#fff; text-align:right; color:#fff!important}
.hpb2{padding:70px 0px 0 0; font-size:20px; width:655px; margin-right:20px; color:#fff; text-align:center; border:0px solid #fff}
.home-slider3{background-position:-160px -0px!important;background-size:cover}
.hpb3{padding:100px 70px 0 70px; font-size:28px; width:520px; margin-right:0px; color:#fff; text-align:center; line-height:34px; border:0px solid #fff}
.carousel-indicators{display:none}
.hpb2{padding:50px 50px 0 0100px; font-size:28px; width:620px; margin-right:0px; color:#fff; text-align:center; line-height:36px; border:0px solid #fff}
.bdr-right-5{border-right:0px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:0px #fff solid;border-top:5px #fff solid!important}
.bdr-right-g-5{border-right:2px #f9f9f9 solid;border-bottom:5px #f9f9f9 solid!important}
.bdr-left-g-5{border-left:2px #f9f9f9 solid;border-top:5px #f9f9f9 solid!important}
.sm-bdr-bottom-g-5{border-bottom:5px #f9f9f9 solid}
.sm-bdr-top-g-5{border-top:5px #f9f9f9 solid}
.c1{width:1px!important}
.c4{display:none!important}
}
@media (max-width:640px){.page-banner{background-position:-390px 0px !important;height:150px}
.home-slider{height:250px;background-position:-150px 0px!important;background-size:cover}
.service{margin-top:20px;margin-bottom:10px;padding:15px 10px;}
.xs-border-bottom{border-bottom:1px #ccc solid;border-left:0;border-right:0}
.bdr-left{border-left:0px #CCCCCC solid}
.content-sm{padding-top:5px;padding-bottom:5px}
.sm-pull-center{text-align:center;}
.service-block-v8{padding:10px}
.sm-margin-bottom-0{margin-bottom:0px;}
.bdr-right-5{border-right:0px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:0px #fff solid;border-top:5px #fff solid!important}
.bdr-right-g-5{border-right:5px #F9F9F9 solid;border-bottom:5px #F9F9F9 solid!important}
.bdr-left-g-5{border-left:5px #F9F9F9 solid;border-top:5px #F9F9F9 solid!important}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:280px;background:#fff;position:absolute}
.hpb2{padding:70px 50px 0 050px; font-size:20px; width:470px; margin-right:0px; color:#fff; text-align:center; line-height:24px; border:0px solid #fff}
.home-slider3{height:250px;background-position:-160px -0px!important;background-size:cover}
.hpb3{padding:135px 70px 0 70px; font-size:26px; width:620px; margin-right:0px; color:#fff; text-align:center; line-height:34px; border:0px solid #fff}
.carousel-indicators{display:none}
.c1{display:none!important}
.c4{display:none!important}
}
@media (max-width:480px){
.page-banner{background-position:-390px 0px !important;height:150px}
.home-slider{height:250px;background-position:-250px 0px!important;background-size:cover}
.hpb2{padding:70px 20px 0 100px; font-size:20px; width:430px; margin-right:0px; color:#fff; text-align:center; line-height:22px; border:0px solid #fff}
.home-slider3{height:250px;background-position:-75px 0px!important;background-size:cover}
.hpb3{padding:70px 50px 0 30px; font-size:20px; width:350px; margin-right:0px; color:#fff; text-align:center; line-height:22px; border:0px solid #fff}
.xs-border-bottom{border-bottom:1px #ccc solid;border-left:0;border-right:0}
.bdr-left{border-left:0px #CCCCCC solid}
.content-sm{padding-top:5px;padding-bottom:5px}
.sm-pull-center{text-align:center;}
.service-block-v8{padding:10px}
.sm-margin-bottom-0{margin-bottom:0px;}
.sm-padding-top-10{padding:5px 0 0 0}
.bdr-right-5{border-right:0px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:0px #fff solid;border-top:5px #fff solid!important}
.bdr-right-g-5{border-right:0px #fff solid;border-bottom:5px #F9F9F9 solid!important}
.bdr-left-g-5{border-left:0px #fff solid;border-top:5px #F9F9F9 solid!important}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:200px;background:#fff;position:absolute}
.carousel-indicators{display:none}
#wcontact{display:none}
.c1{display:none}
.c2{display:none}
.c3{display:none}
.c4{display:none}
}
@media (max-width:360px){.bdr-right-5{border-right:0px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:0px #fff solid;border-top:5px #fff solid!important}
.bdr-right-g-5{border-right:0px #fff solid;border-bottom:10px #F9F9F9 solid!important}
.bdr-left-g-5{border-left:0px #fff solid;border-top:10px #F9F9F9 solid!important}
.home-slider{height:250px;background-position:-370px 0px!important;background-size:cover}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:150px;background:#fff;position:absolute}
.hpb1{padding:50px 0 0 0px; width:300px; line-height:30px;font-size:35px; color:#fff; text-align:right; color:#fff!important}
.hpb2{padding:70px 0px 0 0; font-size:20px; width:300px; margin-right:20px; color:#fff; text-align:center; border:0px solid #fff}
.home-slider3{height:250px;background-position:-370px 0px!important;background-size:cover}
.hpb3{padding:150px 0px 0 30px; font-size:20px; width:330px; margin-right:0px; color:#fff; text-align:center; line-height:22px; border:0px solid #fff}
.carousel-indicators{display:none}
#wcontact{display:none}
.c1{display:none}
.c2{display:none}
.c3{display:none}
.c4{display:none}
}
@media (max-width:320px){.page-banner{position:relative;background-position:-450px!important center;background-size:cover}
.xs-border-bottom{border-bottom:1px #ccc solid;border-left:0;border-right:0}
.bdr-left{border-left:0px #CCCCCC solid}
.content-sm{padding-top:5px;padding-bottom:5px}
.sm-pull-center{text-align:center;}
.service-block-v8{padding:10px}
.sm-margin-bottom-0{margin-bottom:0px;}
.sm-padding-top-10{padding:5px 0 0 0}
.bg-light1{padding:2px 2px}
h1{font-size:24px!important}
.bdr-right-5{border-right:0px #fff solid;border-bottom:5px #fff solid!important}
.bdr-left-5{border-left:0px #fff solid;border-top:5px #fff solid!important}
.bdr-right-g-5{border-right:0px #fff solid;border-bottom:5px #F9F9F9 solid!important}
.bdr-left-g-5{border-left:0px #fff solid;border-top:5px #F9F9F9 solid!important}
.header .logo img{width:80%;left:-10px;top:-20px}
.headline-center-v2 span.bordered-icon:before,.headline-center-v2 span.bordered-icon:after{top:20px;height:1px;content:" ";width:130px;background:#fff;position:absolute}
.home-slider{height:250px;background-position:-410px 0px!important;background-size:cover}
.home-slider3{height:250px;background-position:-410px 0px!important;background-size:cover}
.hpb1{padding:50px 0 0 0px; width:300px; line-height:30px;font-size:35px; color:#fff; text-align:right; color:#fff!important}
.hpb2{padding:70px 0px 0 0; font-size:20px; width:300px; margin-right:20px; color:#fff; text-align:center; border:0px solid #fff}
.home-slider3{height:250px;background-position:-410px 0px!important;background-size:cover}
.hpb3{padding:150px 0px 0 0; font-size:20px; width:300px; margin-right:0px; color:#fff; text-align:center; line-height:22px; border:0px solid #fff}
.carousel-indicators{display:none}
#wcontact{display:none}
.c1{display:none}
.c2{display:none}
.c3{display:none}
.c4{display:none}
}
<!-- Video Link -->
.video {
border: 0px sold #15306a;
padding: 0;
margin: 0;
}
div.Section1 {
page: Section1;
}
.layerBanner {
text-align: center;
vertical-align: top;
position: absolute;
left: 0px;
top: 100px;
right: 0px;
bottom: 0px;
width: 100%;
margin-left: 0px;
z-index: 999;
}
.vid-area {
background: #fff;
float: left;
border-radius: 0px;
margin: 0 0 0 0px;
border: 0px navy solid;
padding: 0px;
}
.vid-links ul {
list-style-type: none none outside !important;
list-style-image: none !important;
padding: 0;
margin: 0;
width: 100%;
float: left;
}
.vid-links ul li {
margin: 0;
padding: 0!important;
text-align: left;
display: block;
}
.vid-links ul li span {
font-size: 12px;
font-weight: bold;
display: block;
border-bottom: 1px dashed #ccc;
padding: 3px 0 3px 3px;
margin: 0 0 8px 0;
}
.vid-links ul li a {
padding: 5px 0 5px 30px!important;
text-decoration: none;
border-bottom: 1px solid #8ba2c2;
color: #003366;
background: url('/assets/img/video_icon.gif') no-repeat left 6px #fff;
display: block;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}
.vid-links li a:hover {
color: #FF0000;
background: #FFF url('/assets/img/video_icon_on.gif') no-repeat left 6px;
}
.vid-links a{
padding: 0 0 0 30px!important;
text-decoration: none;
color: #003366;
background: url('/assets/img/video_icon.gif') no-repeat left 0px #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}
.vid-links a:hover {
color: #000;
background: #FFF url('/assets/img/video_icon_on.gif') no-repeat left 0px;
}
.vid-links-on {
color: #FF0000 !important;
background: #FFF url('/assets/img/video_icon_on.gif') no-repeat left 6px !important;
padding: 0 0 0 30px;
font-weight:bold
}
.vid-stage {
float: right;
background: #000;
height: 385px;
}
/* Video CSS END */
.hypertextdbl{
font-size:9pt!important;
}
.style3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #003366;
line-height: 16px;
text-decoration: none;
}
.rowheader{font-size:14px!important}
/*
* Row with equal height columns
* --------------------------------------------------
*/
.row.is-flex {
display: flex;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
.is-flex .box {
background: none;
position: static;
}
.is-flex [class*="col-"] {
/* background: #fff;*/
}
.is-flex.row{margin-left:-5px;}
/*Style for Grid in Bootrap*/
.pagination-ys {
/*display: inline-block;*/
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination-ys table > tbody > tr > td {
display: inline;
}
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #dd4814;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
}
.pagination-ys table > tbody > tr > td > span {
position: relative;
float: left;
padding: 8px 12px;
line-height: 1.42857143;
text-decoration: none;
margin-left: -1px;
z-index: 2;
color: #aea79f;
background-color: #f5f5f5;
border-color: #dddddd;
cursor: default;
}
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
color: #97310e;
background-color: #eeeeee;
border-color: #dddddd;
}
/*End style for Grid in bootrap*/