@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway);
/*@import url(include.css);*/
@import url(style.css);

body {margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif !important;}
ul {margin: 0; padding: 0; list-style-type: none;}
a {text-decoration: none;}
.containerr {width: 100%; float: left;}
.mt {margin-top: 15px !important;}
.mr {margin-right: 15px !important;}
.mb {margin-bottom: 15px !important;}
.ml {margin-left: 15px !important;}

.pull-right {float: right !important;}
.pull-left {float: left !important;}

.btn-red {background: #222; border: 1px solid #222 !important; color: #fff !important; width: 100%; font-size: 22px !important;}
.btn-green {background: #efad29; border: 1px solid #efad29 !important; color: #000 !important; width: 100%; font-size: 22px !important;}

.bor-rgt {border-right: 1px solid #333;}
.clear {clear: both;}
.half {width: 48%; padding: 1%; float: left;}
/*.container {width: 100%; float: left;}*/
.cnt {width: 1170px; margin: 0 auto;}
.navbar {margin-bottom: 0 !important;}
.main {width: 100%; float: left;}
.page-title {background: #222222 /*url(../images/title_bg.jpg) left top repeat-x*/; padding: 0; border-bottom: 5px solid #ccc; margin-bottom: 15px;}
.page-title h2 {font-size: 36px; font-weight: 400; color: #fff; border-bottom: 5px solid #efad29; display: block; float: left; padding: 20px 0; margin: 0; position: relative; bottom: -5px;}

.main .lft {float: left; text-align: justify; font-family: Arial, Helvetica, sans-serif !important;}
.main .lft h3 {font-size: 26px; font-weight: normal; color: #2d3e50;}
.main .lft h4 {font-size: 20px; font-weight: normal; color: #000; border-left: 5px solid #efad29; padding-left: 10px; margin: 15px 0;}
.main .lft>p {color: #333; line-height: 22px; margin: 0; font-size: 13px; margin-bottom: 15px;}
.main .lft>strong, .main>.cnt>.lft>b {color: #666; margin: 0; font-size: 15px; margin-top: 15px !important; display: block; }
.main .lft>ul.list {margin-bottom: 15px; margin-left: 30px;}
.main .lft>ul.list>li {display: block; color: #333; font-size: 13px; padding: 6px 0; text-indent: -15px; line-height: 20px;}
.main .lft>ul.list>li: before {content: '\f0da'; padding-right: 10px; font-family: fontAwesome; color: #efad29;}

ul.list1 {margin-bottom: 15px; margin-left: 30px; margin-top: 15px;}
ul.list1>li {display: block;}
ul.list1>li>a { color: #777; font-size: 13px; padding: 6px 0; text-indent: -15px; line-height: 20px;}
ul.list1>li>a: hover {color: #efad29}
ul.list1>li: before {content: '\f0da'; padding-right: 10px; font-family: fontAwesome; color: #efad29;}


.main #sidebar>.rgt>.get-started {float: left; text-align: left; padding: 30px 0;}
.main #sidebar>.rgt>.get-started>h4 {margin: 0 0 15px 0; padding: 0; color: #032d39; font-size: 26px;}
.main #sidebar>.rgt>.get-started>p {font-size: 14px; color: #777; line-height: 20px; margin-top: 15px;}
.main #sidebar>.rgt>.get-started>i {color: #032d39; margin: 0 20px 0 0;}
.main #sidebar>.rgt>.get-started>.btn a {width: 100% !important;}

.table {width: 100%; color: #666; font-size: 12px; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;  margin-bottom: 30px;}
.table>tbody>tr>th {background: #000; color: #fff; text-align: left; padding: 10px; border-right: 1px solid #e8e8e8;}
.table>tbody>tr>td {border-bottom: 1px solid #e8e8e8; padding: 8px 4px; border-right: 1px solid #e8e8e8;}
.table>tbody>tr: hover {background: #f8f8f8;}

.cfd {background: #bbb !important; color: #000 !important;}

.table>tbody>tr>td: first-child {font-weight: bold; color: #666;}
.table>tbody>tr: nth-child(odd) {background: #f8f8f8 !important;}

.download {width: 40%; float: left; margin-top: 15px; margin-right: 30px;}
.download>ul>li>a {display: block; color: #666; background: #f8f8f8; margin-bottom: 5px; padding: 15px; border-left: 5px solid #efad29; transition: all 0.5s ease;}
.download>ul>li>a: hover {background: #efad29; color: #fff; padding-left: 25px;}
.download>strong {color: #333; margin: 0; font-size: 15px; margin-top: 15px !important; display: block;}
.download>p {color: #777; line-height: 24px; margin: 0; font-size: 15px; margin-bottom: 15px;}


.main .lft1 {float: left; font-family: Arial, Helvetica, sans-serif !important;}
.main .lft1>h3 {font-size: 26px; font-weight: normal; color: #2d3e50;}
.main .lft1>p {color: #777; line-height: 22px; margin: 0; font-size: 13px; margin-bottom: 15px;}

.accordion>p {font-size: 13px; color: #898989; color: #777 !important}
.accordion>b {margin-left: 10px; font-size: 13px; color: #666;}

#accordion section, #accordion .pointer, #accordion h1, #accordion p {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#accordion {
  margin-bottom: 30px;
}
#accordion h1 {
  line-height: 1.2;
  font-size: 12px;
  background-color: #f5f5f5; color: #efad29 !important;
  margin: 0;
  padding: 10px 10px 10px 30px;
}

#accordion h1 a {
  color: #efad29;
}
#accordion section {
  overflow: hidden;
  /*height: 220px;*/
  border: 1px #e8e8e8 solid;
}
#accordion p {
  padding: 0 10px;
  color: black;
}
#accordion section.ac_hidden p: not(.pointer) {
  /*color: #03f !important;*/
}

#accordion section.ac_hidden {
  height: 33px;
}
#accordion .pointer {
  padding: 0;
  margin: 10px 0 0 6px;
  line-height: 20px;
  width: 13px;
  position: absolute; color: #efad29 !important;
}
#accordion section: not(.ac_hidden) h1>a {color: #fff;}
#accordion section: not(.ac_hidden) h1 {
  background-color: #efad29; 
}

#accordion section: not(.ac_hidden) .pointer {
  display: block; color: #fff !important;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  padding: 0;
}
.accp>p  {font-size: 13px; color: #898989; color: #777 !important}
.btnx {background: #efad29; display: inline-block; padding: 6px 15px; color: #fff; margin-bottom: 15px;}
.btnx: hover {background: #9f1a14;}

hr {border: 0; height: 2px; background: #eee}
.box1 {width: 23%; float: left; padding: 7px; box-sizing: border-box; border: 1px solid #eee; border-radius: 5px; margin: 0 8px; text-align: center;}
.box1>strong {color: #fff; background: #cc0000; padding: 3px 6px; display: block; margin-top: 6px;}
.box1>p {font-size: 12px; color: #898989; font-weight: bold;}
.box1>p>span {display: block; color: #cc0000; font-size: 16px;}
.box1>img {width: 100%;}

.enquireTb {margin-top: 15px;}
.enquireTb td {font-size: 12px; font-weight: bold; color: #898989; padding: 6px 0;}
.inputWl {border: 1px solid #ccc; height: 24px; padding: 0 6px; width: 100%; line-height: 24px; box-sizing: border-box;}
.term {background: #f5f5f5; padding: 15px; display: none;}
.term>p {font-size: 11px; color: #898989; padding: 0 !important; line-height: 14px}
.term>p>em {color: #cc0000;}

/*add Common*/

.borBt {border-bottom: 1px solid #a94442 !important;}

#gritter-notice-wrapper  {position: fixed; top: 120px; right: 20px; width: 301px; z-index: 9999;}
	.gritter-item-wrapper  {margin-bottom: 15px !important; color: #fff; padding: 15px;}
	.gritter-bottom {margin-bottom: 15px;}
	
	.red {background: #d9534f !important; border: 1px solid #d43f3a;}
	.green {background: #5cb85c !important; border: 1px solid #4cae4c;}
    .greenText {color: #5cb85c !important; }

.greenText {color: #5cb85c !important; }

/*.loadx {position: absolute; width: 100%; height: 100%; background: rgba(255,255,255,0.5) url(../images/loader.gif) center no-repeat; top: 0; left: 0;}*/

.lblCliLoading {position: absolute; z-index: 99; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(255,255,255,0.4);}
.lblCliLoading>img {position: relative; top: 50%; margin-top: -11px; width: 30px;}

ul.ctabber {width: 100%; float: left; border-bottom: 2px solid #eee}   
ul.ctabber>li {float: left; margin-right: 1px; color: #fff; background: #000;}   
ul.ctabber>li>a {display: block; color: #fff; padding: 15px 20px;}   
ul.ctabber>li.active {background: #000 !important}

.paytab-panel {padding: 15px 0; display: block; width: 100%; float: left;}

.paytab-panel>p {color: #777; font-size: 13px; }
ul.list {margin-bottom: 15px; margin-left: 15px;}
ul.list>li {display: block; color: #777; font-size: 13px; padding: 6px 0; text-indent: -15px; line-height: 20px;}
ul.list>li: before {content: '\f0da'; padding-right: 10px; font-family: fontAwesome; color: #efad29;}
.expand>div>h2 {color: #333; font-size: 14px; font-weight: normal; background: #f5f5f5; padding: 0 6px; border-bottom: 1px solid #ddd; line-height: 38px; margin: 0;}
#integration-list>ul {}
#integration-list>ul > li  {list-style: none; display: block; padding: 0px; overflow: hidden; margin-bottom: 5px; border: 1px solid #ddd}
.expand  {display: block; text-decoration: none; cursor: pointer;}
.detail>p {font-size: 12px; color: #666}
.detail {
    display: none;
    line-height: 22px;
	padding: 10px;
	float: left; width: 98%;
}
.right-arrow {
    margin-top: 8px;
    margin-right: 10px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}