@charset "utf-8";
/*----------intial declartaion of css----------*/
*{ /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing:border-box;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {/*list-style: none;*/}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table {	border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img	{ border:0 none; max-width:100%; }
a	{ outline:none; cursor:pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
a,button,.btn{ outline: none !important; -ms-transition:all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration:none !important;}
body { font-size:14px;  -webkit-font-smoothing: antialiased; font-family: 'PT Sans', sans-serif; border-left:1px solid #e5e4e0; border-right:1px solid #e5e4e0; font-weight:normal}
/*--------sticky footer or vertical footer------------*/
/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.main {max-width:1170px; margin: 0 auto}
.contact-form :-moz-placeholder {color:#444;}
.contact-form ::-webkit-input-placeholder {color:#444;}
.contact-form ::-moz-placeholder {color:#444; opacity:1;}
.contact-form :-ms-input-placeholder {opacity:1; color:#444;}

p{font-size:15px; font-family:inherit; line-height:24px; font-weight:normal;}
h2{ font-size:28px; font-family:inherit; line-height:18px; color:#444;}
.preloader{ display:none;}
a.button{display:inline-block; background:#ef6e00 url(../images/button-bg.jpg) repeat-x left top; vertical-align:top; color:#fff; font-weight:bold; font-size:16px; line-height:20px; font-family:inherit; border-radius: 3px;}
a.button:hover{background:#de8031 url(../images/btn-hover.jpg) repeat-x left top !important;}


/*-----------header section styles goes here---------------*/
header{ padding:13px 0 18px 0; position:fixed; width:100%; background:#fff; left:0; top:0; z-index:1000;box-shadow: 0 1px 2px #ccc;}
#logo{ float:left;}
#logo a{ display:inline-block; margin-top:10px;}
#fintech_logo  {height: 100%;  width: auto; position: absolute; display: inline-block;}
#fintech_logo img { height: 100%; float: left; margin: -15px 0 -15px 20px}

.head-right{ float:right;}
ul.head-top-link{ list-style:none; margin:0 0 10px 0; padding:0; display:block; text-align:right}
ul.head-top-link > li{ display:inline-block; vertical-align:top; margin:0 6px 0 9px; text-align:left}
ul.head-top-link > li > a{ display:block; color:#333333; font-size:14px; font-family:inherit; font-weight:normal;}
ul.head-top-link > li > a:hover{ color:#48a5e0;}
ul.head-top-link > li .sbHolder{ width:85px; position:relative}
ul.head-top-link > li .sbToggle{ background:url(../images/top-arrow.png) no-repeat left top; width:7px; height:5px; position:absolute; right:0; z-index:99; top:8px;}
ul.head-top-link > li .sbSelector{ width:100%; display:block;  color:#333333; font-size:14px; font-family:inherit; padding-left:4px; text-transform:capitalize; font-weight:normal;} 
ul.head-top-link > li .sbSelector:hover{ color:#48a5e0;}
ul.head-top-link .sbOptions{ margin:0px; list-style:none; padding:0; position:absolute; left:0; width:100%; background:#fff; z-index:99; border:1px solid #2e8bb1;}
ul.head-top-link .sbOptions > li{ display:block; border-bottom:1px solid #2e8bb1}
ul.head-top-link .sbOptions > li:last-child{ border-bottom:0}
ul.head-top-link .sbOptions > li > a{ display:inline-block; color:#333333; font-size:14px; font-family:inherit; padding:4px; text-transform:capitalize}
ul.head-top-link .sbOptions > li > a:hover{ color:#48a5e0;}

nav ul{ margin:0px; padding:11px 0 0 0; list-style:none; display:inline-block; vertical-align:top}
nav li{ display:inline-block; vertical-align:top; margin:0 11px;}
nav li > a{ display:block; text-transform:uppercase; color:#48a5e0; background-color:transparent; border-bottom:1px solid transparent; font-size:17px; font-weight:bold;}
nav li > a:hover,nav li > a.menu-active{border-bottom-color:#48a5e0;}
nav a.button{padding:9px 22px; margin:0 6px 0 6px;}

.menu-icon{ display:none;}
/*-----------header section styles ends here----------------*/
/*-----------mid section styles goes here-----------*/
#mid-container{ margin-top:100px;}
.banner .main{ position:relative}
.banner .bx-wrapper{ margin-bottom:0}
.banner .bx-wrapper .bx-viewport{ border:0; box-shadow:none; background-color:transparent; left:0}
.banner .bxslider li{ height:398px;}
.banner .bxslider li .main{ position:relative}
.banner .bxslider li img{ width:100%;}
.banner .bx-controls-direction{ display:none}
.banner .bx-wrapper .bx-pager{ right: -250px; bottom:137px; padding-top:0; z-index:999}
.banner .banner-box{ border-radius: 3px; background-color:#fff; position:absolute; right:0; width:420px;  height: 231px; z-index:9;  color:#000; top:83px; padding:30px 30px 30px 28px ;}
.banner .banner-box h4{ font-size:18px; font-weight:normal; line-height:36px; color:#333; margin-bottom:26px;}
.banner .banner-box a{ display:inline-block;font-size:16px; color:#fff; line-height:20px; font-family:inherit; border-radius: 3px; background:#ef6e00 url(../images/button-bg.jpg) repeat-x left top; padding:7px 23px; vertical-align:top}
.banner .videoplaybutton-box{ background-color:transparent; position:absolute; right:50px; z-index:9;  color:#000; top:83px; text-align:center}
.banner .videoplaybutton-box a{ font-size:36px; font-weight:bold; color:#fff; font-family:inherit; text-align:center; text-shadow: 2px 2px #000; line-height:160%}
.
.banner .bx-wrapper .bx-pager{ max-width:560px; margin:0 auto; position:relative}
.banner .bx-wrapper .bx-pager{ text-align:right}
.bx-wrapper .bx-pager .bx-pager-item{ font-size:0}


.features{ text-align:center; padding:28px 0 0  0;}
.features h1{ font-size:36px; line-height:40px; color:#444444; font-family:inherit; font-weight:normal; margin-bottom:40px;}
.features-tab{ margin:0 0 48px 0; padding:0; list-style:none;}
.features-tab li{ display:inline-block; vertical-align:top; width:25%; margin-left:-4px; text-align:center}
.features-icon{ display:inline-block; vertical-align:top; width:70px; height:70px; text-align:center; border:2px solid #48a5e0; border-radius:50%; padding-top:11px; margin-bottom:16px;}
.features-tab li h3 > a{ font-size:18px; color:#48a5e0; display:inline-block;  margin-bottom:10px; font-weight:bold}
.features-tab li h3 > a:hover{ color:#333}
.features-tab li p{ color:#444;}
.features-details{ background:#48a5e0;}
.features-details ul{ margin:0; padding:0px; list-style:none; text-align:center;  }
.features-details .tab-border{border-bottom:1px solid #2e8bb1;}
.features-details li{ width:25%; border-right:1px solid  #2e8bb1 !important; position:relative; float:left; background-color:transparent !important}
.tab-arrow{ position:absolute; bottom:-12px; width:29px; height:12px; left:50%; margin-left:-15px; opacity:0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; background:url(../images/tab-arrow.png) no-repeat center center}
.features-details li a:hover .tab-arrow{ opacity:1}
.features-details li.resp-tab-active a .tab-arrow{ opacity:1}
.features-details li.resp-tab-active a{ background:#3a84b3;}


 
.features-details li:last-child{ border-right:0 !important}
.features-details li a{ font-size:18px; font-family:inherit; color:#fff; display:block; padding:21px 0 20px; font-weight:bold}
.features-details li a:hover{ background:#3a84b3;}
.features-details h2{ text-align:left; color:#fff; font-weight:normal; margin-bottom:35px; text-transform:uppercase}
.features-details p{ text-align:left; color:#fff; line-height:26px; margin-bottom:40px;}
.features-details .widecolumn{ float:left; width:69%; text-align:left; padding-top:45px;}
.features-details .widecolumn a.button{  padding:7px 17px 7px; border-bottom:1px solid #c95c00;}
.features-details .narrowcolumn{ float:right;}
.features-details .narrowcolumn img{ display:block}

.versions{ padding:52px 0 58px 0; text-align:center}
.versions h2{ text-transform:uppercase; color:#444; font-weight:normal; margin-bottom:25px; }
.versions p{ color:#444; line-height:22px; }
.versions p a{ display:inline-block; color:#48a5e0; font-weight:bold}
.versions p a:hover{ color:#444}
.versions .price-block{ border:1px solid #dfdfdf; border-radius: 6px; box-shadow:0px 1px 1px 0px rgba(0, 1, 1, 0.1); width:369px; display:inline-block; margin:40px 17px 0 10px; vertical-align:top}
.versions .price-block h3{ font-size:28px; color:#fff; background:#4fa9e1; text-align:center; border-bottom:1px solid #2784a5; font-weight:normal; border-radius:5px 5px 0 0 ; padding:17px 0;  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);}

.versions .price-block h5{ font-size:35px; color:#ef6e00; font-family:inherit; padding-top:5px; font-weight:bold}
.versions .price-block h5 b{ font-size:28px; padding-top:6px; vertical-align:top; margin:0 6px; display:inline-block}
.versions .price-block span{ display:block; text-align:center; font-size:16px; font-family:inherit; color:#999; margin:-5px 0 15px 0; font-weight:normal}
.versions .price-block ul{ background:#ededed; margin:0 0 28px 0; padding:7px 0 7px 0; list-style:none; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; min-height:484px;}
.versions .price-block li{ display:block; text-align:center; line-height:36px; font-size:15px; font-family:inherit; color:#444444; font-weight:normal}
.versions .price-block a.button{font-size:22px;padding:13px 22px 12px; vertical-align:top; border-bottom:1px solid #c95c00; min-width:308px; text-transform:uppercase;}
.versions .price-block .note{ font-size:14px; color:#8f8f8f; margin:14px 0 12px 0; display:block}

.versions.col3 .price-block  { width: 339px; margin: 40px 12px; }

.soft-update h2{ font-size:28px; text-transform:uppercase; color:#444;margin-bottom:38px; font-weight:normal}
.soft-update-table{ background:url(../images/update-top-bg.png) no-repeat center top; padding-top:61px;}
.soft-update-table p{ font-size:22px; color:#444; display:inline-block; }
.soft-update-table b{ font-weight:normal; display:block; text-align:right; font-size:14px; font-family:inherit; color:#8f8f8f; margin:10px 0 29px}
.soft-update .support{ background:#f2f2f2; border:1px solid #dfdfdf; padding:16px 18px 16px; margin-bottom:53px;}
.soft-update .support p{ font-size:18px; color:#444; line-height:22px; float:left; font-weight:bold; padding-top:8px;}
.soft-update .support a{ display:inline-block; color:#48a5e0; font-weight:bold}
.soft-update .support a:hover{ color:#444}
.soft-update p{ margin-bottom: 53px; font-size:15px; line-height:24px; color:#444;}
.soft-update ul{ margin:0 0 58px 0; padding:0; list-style:none}
.soft-update li{ display:inline-block; margin-right:-4px; width:33.3%; vertical-align:top}
.soft-update li h4{ font-size:22px; color:#444; font-weight:normal; margin-bottom:14px;}
.soft-update li p{ font-size:15px; line-height:24px; color:#444;}

.price-table{ width:100%; margin-top:-36px; margin-bottom:36px;}
.price-table td{ vertical-align:middle}
.price-table .number{ font-size:24px; font-family:inherit; color:#fff; width:50px; text-align:center; font-weight:bold; padding:9px 0}
.price-table .item{ font-size:16px; color:#444; font-family:inherit; width:746px; border:1px solid #dfdfdf; border-right:0; padding:0 13px; font-weight:normal}
.price-table .item2,.price-table .item-price2{ background:#ededed;}
.price-table .number1{ background:#91c9ec; border-top:1px solid #84bce0 ; border-left:1px solid #84bce0}
.price-table .number2{background:#6db7e6;border-left:1px solid #66b1e0}
.price-table .number3{background:#48a5e0; border-left:1px solid #48a5e0}
.price-table .item-price{ font-size:20px; font-family:inherit; font-weight:bold; color:#ef6e00; text-align:center; border:1px solid #dfdfdf; border-left:0; width:183px}
.price-table .price-type{ text-align:center; background:#48a5e0; color:#fff; font-size:18px; font-weight:bold; border:1px solid #48a5e0; padding:14px 0}
.price-table .price-type1{ border-right:1px solid #fff;}


.ibanc-problem{ background:#48a5e0; padding:46px 0 46px  0}
.ibanc-problem .widecolumn{ float:left; width:68%; text-align:left; padding-top:4px;}
.ibanc-problem .widecolumn > h2{ color:#fff; font-weight:normal; display:inline-block; font-size:26px; margin-bottom:30px;}
.ibanc-problem .widecolumn p{ color:#fff; display:inline-block; margin-bottom:30px;}
.ibanc-problem .widecolumn a.button{  border-bottom:1px solid #c95c00; text-transform:uppercase; padding:8px 18px;}
.ibanc-problem .narrowcolumn{ float:right;}
.ibanc-problem .narrowcolumn img{ display:block}

.demo-form { display:none;}
.ibanc-problem .disclaimer { color: #fff; float: left;}

.contact{ background:#ededed; padding:59px 0 54px 0; border-top:1px solid #fff;}
.contact h2 { text-transform:uppercase; color:#444; font-weight:normal; text-align:center; margin-bottom:23px; font-size:26px;}
.contact p{ color:#444; text-align:center; margin-bottom:23px;}
.contact p a{ color:#48a5e0; font-weight:bold}
.contact p a:hover{ color:#444;}
.contact-form{ width:571px; margin:0 auto;}
.contact-form .text-box{ font-size:16px; font-family:inherit; padding:12px 12px 13px; color:#444; width:100%; border:1px solid #d7d7d7; background:#fff; margin:5px 0; border-radius:5px; text-align:left; font-weight:normal}
.contact-form .sbHolder{ position:relative}
.contact-form .sbHolder:focus .sbSelector{ border-color:#48a5e0}
.contact-form a.sbSelector{font-size:16px; font-family:inherit; padding:12px 12px 13px; color:#444; width:100%; border:1px solid #d7d7d7; background:#fff; margin:5px 0; border-radius:5px; text-align:left; width:100%; display:block; font-weight:normal}
.contact-form .sbToggle{background:url(../images/arrow.png) no-repeat left top; width:15px; height:7px; float:right; margin:22px 18px 0  0;}
.contact-form .sbToggleOpen{ background-position:left bottom;}
.contact-form .sbOptions{ width:100%; list-style:none; margin:0px; padding:0; position:absolute; top:47px !important; left:0; background:#fff;}
.contact-form .sbOptions li{ color:#444; width: 100%; display: inherit;}
.contact-form .sbOptions li > span{/*color:#444; font-size:16px; line-height:normal; padding:12px 12px 13px; display:block; border:1px solid #d7d7d7;*/ display:none}
.contact-form .sbOptions li a{color:#444; font-size:16px; padding:12px 12px 13px; display:block; border:1px solid #d7d7d7}
.contact-form .sbOptions li:last-child a{ border-radius:0 0 5px 5px}
.contact-form .sbOptions li a:hover{background:#f2f2f2}
.contact-form .text-message{font-size:16px; font-family:inherit; padding:12px 12px 13px; color:#444; width:100%; border:1px solid #d7d7d7; background:#fff; margin:5px 0 15px; border-radius:3px; resize:none; box-sizing:border-box; text-align:left;  overflow:auto; height:187px; font-weight:normal}
.contact-form span{ color:#8f8f8f; font-size:15px; line-height:24px; display:inline-block; font-weight:normal}
.contact-form .btn-submit,.contact-form .btn-demo-submit{ text-transform:uppercase; font-family:inherit; color:#fff; font-weight:bold; font-size:16px; border:0; float:right;border-radius: 5px; background:#ef6e00 url(../images/button-bg.jpg) repeat-x left top;  border-bottom:1px solid #c95c00; padding:9px 30px;}
#license-key{display:none;}
#subject{display:none;}
.contact-form .btn-submit:hover,.contact-form .btn-submit:focus,.contact-form .btn-demo-submit:hover,.contact-form .btn-demo-submit:focus{background:#de8031 url(../images/btn-hover.jpg) repeat-x left top;  outline:none !important}
.contact-form .text-message:focus,.contact-form .text-box:focus{ border-color:#48a5e0}
.contact-form #successmsg{ display:none; font-size:20px; text-align:center; color:green; margin-bottom:15px; font-family:inherit; font-weight:bold}
.contact-form .errormsg{ font-size:13px;font-family:inherit; color:red; display:none; margin-bottom:8px;}
.contact-form .error{ border-color:red !important;}
.contact-form .error a.sbSelector{  border-color:red !important; transition:none}
.contact-form textarea.error{ margin-bottom:5px;}

.features-block {margin-top: 20pt; text-align: left; clear: both; overflow: auto;}
.features-block h1 {text-align: left; font-size: 1.66667em; }
.features-block .right {padding: 20px; clear: none; width: 50%; float: right;}
.features-block .left {clear: none; padding: 20px; width: 50%; float: left;}
iframe { max-width: 100%; }
.fluid-video-wrapper { margin-top: 18px; }
/*----------------mid section styles ends here-------*/



/*----------------footer section  styles goes here-----------*/
.footer-top{ color:#fff; padding:60px 0 54px;}
.footer-top h2{ text-transform:uppercase; font-weight:normal; color:#444; text-align:center; margin-bottom:40px; font-size:26px;}
.footer-top ul{ display:inline-block; vertical-align:top; width:16.6%; margin:0 -3px 0 0; padding:0; font-weight:normal}
.footer-top li a{ display:inline-block; font-size:15px; font-family:inherit; line-height:24px; vertical-align:top; color:#48a5e0; font-weight:normal}
.footer-top li a:hover{ color:#444;}
.footer-bottom{ background:#ededed; padding:44px 0 50px;}
.footer-bottom h5{ font-size:15px; font-family:inherit; color:#444; margin-bottom:18px; font-weight:bold}
.footer-bottom .ftr-block{ display:inline-block; vertical-align:top;  margin-right:-4px;}
.footer-bottom p{font-size:14px; font-family:inherit; color:#444; line-height:22px}
.footer-bottom .block1{ width:34%;}
.footer-bottom .block2{ width:24.5%;}
.footer-bottom .block2 h5,.footer-bottom .block3 h5{ margin-bottom:12px;}
.footer-bottom .block2 p{ margin-bottom:13px;}
.footer-bottom .block3{ width:18%;}
.footer-bottom .block1 p{ margin-top:23px;}
.footer-bottom .block1 p a{color:#444; display:inline-block; vertical-align:top; margin-left:15px; font-weight:normal}
.footer-bottom .block1 p a:hover,.footer-bottom .block2 a:hover{ color:#48a5e0;}
.footer-bottom .block2 a{color:#444; display:inline-block;line-height:21px; font-weight:normal}
.footer-bottom .block3 a{ color:#48a5e0; display:inline-block; line-height:21px; font-weight:normal}
.footer-bottom .block3 a:hover{ color:#444;} 
.footer-bottom .block4 ul{ list-style:none; margin:0px; padding:0}
.footer-bottom .block4 li{ display:inline-block; vertical-align:top; margin-right:6px;}
.footer-bottom .block4 li:last-child{ margin-right:0}
.footer-bottom .block4 li a{ display:block; width:32px; height:30px; background:url(../images/social-icon.png) no-repeat left top;  font-weight:normal}
.footer-bottom .block4 li a:hover{ opacity:0.6}
.footer-bottom .block4 li.facebook a{ background-position:left top;}
.footer-bottom .block4 li.linkedin a{ background-position:-40px top;}
.footer-bottom .block4 li.twitter a{ background-position:-80px top;}
.footer-bottom .block4 li.Google_plus a{background-position:-121px top;}



/*----------------footer section styles ends here--------*/


.terms{ margin: 0 auto; text-align:center; padding-top:28px; width: 96%; max-width: 1008px; padding-bottom: 2em; text-align: left; }
.terms p { color:#444; line-height:22px; text-align:left; margin: 0 0 0.7em; }

#note-banner {
    position: absolute;
    padding: 5px;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

#note-banner-close {
    color: #ffffff;
    background-color: #de8031;
    padding: 3px;
    margin: 5px;
}

.cssanimations.csstransforms #note-banner {
    -webkit-transform: translateY(-0px);
    -webkit-animation: slideDown 2.5s 2.0s 1 ease forwards;
    -moz-transform:    translateY(-0px);
    -moz-animation:    slideDown 2.5s 2.0s 1 ease forwards;
}

.cssanimations.csstransforms #note-banner-close {
/*  display: none; */
}

input#username {
    display: none;
}