/* COMMON STYLE
--------------------------------------------------------- */

html, body, form, fieldset {
    margin: 0;
    padding: 0;
}
body {
    /*  color: #000000;*/
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 100%;
}
/* CSS Document */

body {
    margin: 0 auto;
}
body#bd {
    /*  color: #333333;*/
    /*background: #F2F2F2;*/
}
/* CSS Document */

body {
    margin: 0 auto;
}
.Main_learn {
    background: url(../images/top_bg.jpg) repeat-x top #ffffff;
    width: 876px;
    height: auto;
    margin: 0 auto;
}
.VideoTour {
    height: 129px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    width: 100%;
}
.VideoClickHere {
  background: transparent url("../images/videobanner.png") no-repeat scroll 0 0;
  height: 100%;
  max-height: 122px;
  width: 100%;
}
.ActCertification {
    width: 100%;
    margin: 0 auto;
    min-height: 173px;
}
h1.BlueHeading {
    color: #0A2A59 !important;
    font-family: Arial;
    font-size: 21px;
    margin-bottom: 27px;
    margin-left: 11px;
    margin-top: 29px;
    text-align: justify;
    text-transform: uppercase;
    word-spacing: 3px;
}
.MainContent {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
}
.LeftContent {
    float: left;
    padding-left: 8px;
    padding-right: 10px;
    width: 50%;
}
.GetStartedButton {
    float: left;
    width: 50%;
    padding-top: 7px;
}
.ContentPanel p {
    padding-top: 9px;
}
.LeftContent p {
    font-family: Arial;
    color: black;
    font-size: 18px;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 0px;
    padding: 0px;
}
.GetEducation, .NeedSuccess, .ImpressClient {
    margin: 0 auto 30px;
    min-height: 293px;
    width: 100%;
    background: url(../images/mainbox_bg.jpg);
}
.Ncca_Accreditation {
    margin: 0 auto 21px;
    min-height: 270px;
    width: 100%;
    background: url(../images/mainbox_bg.jpg);
}
h1.WhiteHeading {
    color: white;
    font-family: arial;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 13px;
    padding-left: 44px;
    padding-top: 26px;
}
.clear {
    clear: both;
}
.ImagePanel {
    float: left;
    padding-left: 18px;
    padding-top: 18px;
    width: 40%;
}
.ContentPanel {
    color: #464646;
    float: left;
    font-family: arial;
    font-size: 15px;
    font-weight: normal;
    padding-left: 20px;
    width: 58%;
}
ul.Bullet {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}
ul.Bullet li {
    background: url(../images/bullet.png) no-repeat;
    margin-bottom: 9px;
    font-size: 13px;
    padding-left: 19px;
}
ul.BulletOut {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}
ul.BulletOut li {
    background: url(../images/bullet.png) no-repeat scroll 0 0 transparent;
    color: #464646;
    font-family: arial;
    font-size: 13px;
    margin-bottom: 9px;
    margin-left: 21px;
    padding-left: 19px;
}
div.BlackContent {
    color: black;
    font-size: 15px;
}
.GetStartedBtn {
    margin-left: 46px;
    color: #464646;
    font-family: Arial;
    font-size: 14px;
}
.GetStartedBtn p {
    line-height: 20px;
}
body.contentpane {
    width: auto;
    /* Printable Page */
    
    margin: 1em 2em;
    line-height: 1.3em;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #333;
}
body.fs1 {
    font-size: 10px;
}
body.fs2 {
    font-size: 11px;
}
body.fs3 {
    /*  font-size: 12px;*/
}
body.fs4 {
    font-size: 13px;
}
body.fs5 {
    font-size: 14px;
}
body.fs6 {
    font-size: 15px;
}
/* Normal link */

a {
    color: #006699;
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    color: #333333;
    text-decoration: underline;
}
/* Title text */

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
/* Small text */

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
    color: #666666;
    font-size: 92%;
}
/* Heading */

h1 {
    font-size: 180%;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 125%;
}
h4 {
    font-size: 100%;
    text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
    margin: 1em 0;
    padding: 0;
}
ul {
    list-style: none;
}
ul li {
    padding-left: 30px;
    /*background: url(../images/bullet.gif) no-repeat 18px 8px;*/
    
    line-height: 180%;
}
ol li {
    margin-left: 35px;
    line-height: 180%;
}
th {
    padding: 5px;
    font-weight: bold;
    text-align: left;
}
fieldset {
    border: none;
    padding: 10px 5px;
    background: url(../images/hdot2.gif) repeat-x top;
}
fieldset a {
    font-weight: bold;
}
hr {
    border-top: 1px solid #CCCCCC;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    height: 1px;
}
td, div {
    font-size: 100%;
}
img {
    border: none;
}
/* FORM



--------------------------------------------------------- */

form {
    margin: 0;
    padding: 0;
}
form label {
    cursor: pointer;
}
input, select, textarea, .inputbox {
    padding: 3px 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
}
.button {
    padding: 3px 5px;
    border: 1px solid #333333;
    background: url(../images/grad1.gif) repeat-x top #333333;
    color: #CCCCCC;
    font-size: 85%;
    text-transform: uppercase;
}
.button:hover, .button:focus {
    border: 1px solid #999999;
    background: #333333;
    color: #FFFFFF;
}
* html .button {
    padding: 2px 0 !important;
    /*IE 6*/
}
*+html .button {
    padding: 2px 0 !important;
    /*IE 7*/
}
.inputbox {
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
    background: #FFFFCC;
}
/* BONUS TYPOGRAPHY STYLES



--------------------------------------------------------- */

pre, .code {
    padding: 10px 15px;
    margin: 5px 0 15px;
    border-left: 5px solid #999999;
    background: #FFFFFF;
    font: 1em/1.5 "Courier News", monospace;
}
blockquote {
    padding: 1em 40px 1em 15px;
}
blockquote span.open {
    padding: 0 0 0 20px;
    background: url(../images/so-q.gif) no-repeat left top;
}
blockquote span.close {
    padding: 0 20px 0 0;
    background: url(../images/sc-q.gif) no-repeat bottom right;
}
/* Quote hilight */

.quote-hilite {
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #CACACC;
    background: #FFFFFF;
}
/* Small quote */

.small-quote {
    margin: 0;
    padding: 0;
    background: none;
}
.small-quote span.open-quote {
    margin: 0;
    padding-left: 20px;
    background: url(../images/so-q.gif) no-repeat center left;
}
.small-quote span.close-quote {
    margin: 0;
    padding-right: 20px;
    background: url(../images/sc-q.gif) no-repeat center right;
}
.small-quote span.author {
    padding: 2px 5px 2px 20px;
    border-top: 1px solid #DCDDE0;
    margin: 0.5em 0 0;
    display: block;
    background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
    font-size: 90%;
    text-transform: uppercase;
}
/* Rropcap */

.dropcap {
    float: left;
    padding: 4px 8px 0 0;
    display: block;
    color: #999999;
    font: 50px/40px Georgia, Times, serif;
}
/* Tips, Error, Message, Hightlight*/

p.error {
    padding-left: 25px;
    color: #BF0000;
    background: url(../images/icon-error.gif) no-repeat top left;
}
p.message {
    padding-left: 25px;
    color: #006699;
    background: url(../images/icon-info.gif) no-repeat top left;
}
p.tips {
    padding-left: 25px;
    color: #EE9600;
    background: url(../images/icon-tips.gif) no-repeat top left;
}
.highlight {
    padding: 1px 5px;
    background: #FFFFCC;
    font-weight: bold;
}
/* Note Style */

p.stickynote {
    padding: 10px 0px 10px 40px;
    border: 1px solid #CACACC;
    background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}
p.download {
    padding: 10px 0px 10px 40px;
    border: 1px solid #CACACC;
    background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}
.blocknumber {
    clear: both;
    padding: 5px 15px 10px;
    position: relative;
}
/* Check list */

ul.checklist {
    list-style: none;
}
ul.checklist li {
    margin-left: 15px;
    padding: 0 0 5px 20px;
    background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}
/* Small checklist */

ul.small-checklist {
    list-style: none;
}
ul.small-checklist li {
    margin-left: 15px;
    padding: 0 0 5px 20px;
    background: url(../images/icon_list.gif) no-repeat 0 3px;
}
/* Check list */

ul.stars {
    list-style: none;
}
ul.stars li {
    margin-left: 15px;
    padding: 0px 0 5px 20px;
    background: url(../images/star-bg.gif) no-repeat 0 3px;
}
/* Bignumber */

.bignumber {
    float: left;
    margin-right: 8px;
    padding: 6px 7px;
    display: block;
    background: url(../images/ol-bg.gif) no-repeat top left;
    color: #7BA566;
    font: bold 20px/normal Arial, sans-serif;
}
/* Talking box. Thinking box. */

div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
    margin: 15px 0;
}
div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author {
    padding-left: 15px;
    margin-left: 15px;
    background: url(../images/author.gif) no-repeat center left;
    font-weight: bold;
}
div.bubble1 div {
    margin: 0;
    width: 100%;
    background: url(../images/bub1-br.gif) no-repeat bottom right;
}
div.bubble1 div div {
    background: url(../images/bub1-bl.gif) no-repeat bottom left;
}
div.bubble1 div div div {
    background: url(../images/bub1-tr.gif) no-repeat top right;
}
div.bubble1 div div div div {
    background: url(../images/bub1-tl.gif) no-repeat top left;
}
div.bubble1 div div div div div {
    margin: 0;
    padding: 15px 15px 30px 15px;
    width: auto;
}
div.bubble2 div {
    margin: 0;
    width: 100%;
    background: url(../images/bub2-br.gif) no-repeat bottom right;
}
div.bubble2 div div {
    background: url(../images/bub2-bl.gif) no-repeat bottom left;
}
div.bubble2 div div div {
    background: url(../images/bub2-tr.gif) no-repeat top right;
}
div.bubble2 div div div div {
    background: url(../images/bub2-tl.gif) no-repeat top left;
}
div.bubble2 div div div div div {
    margin: 0;
    padding: 15px 15px 35px 15px;
    width: auto;
}
div.bubble3 div {
    margin: 0;
    width: 100%;
    background: url(../images/bub3-br.gif) no-repeat bottom right;
}
div.bubble3 div div {
    background: url(../images/bub3-bl.gif) no-repeat bottom left;
}
div.bubble3 div div div {
    background: url(../images/bub3-tr.gif) no-repeat top right;
}
div.bubble3 div div div div {
    background: url(../images/bub3-tl.gif) no-repeat top left;
}
div.bubble3 div div div div div {
    margin: 0;
    padding: 15px 15px 50px 15px;
    width: auto;
}
div.bubble4 div {
    margin: 0;
    width: 100%;
    background: url(../images/bub4-br.gif) no-repeat bottom right;
}
div.bubble4 div div {
    background: url(../images/bub4-bl.gif) no-repeat bottom left;
}
div.bubble4 div div div {
    background: url(../images/bub4-tr.gif) no-repeat top right;
}
div.bubble4 div div div div {
    background: url(../images/bub4-tl.gif) no-repeat top left;
}
div.bubble4 div div div div div {
    margin: 0;
    padding: 15px 15px 55px 15px;
    width: auto;
}
/* Legend */

.legend-title {
    margin: 0;
    padding: 0 3px;
    float: left;
    display: block;
    background: #F6F6F6;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: 7px;
}
.legend {
    margin: 20px 0;
    padding: 0 10px;
    border: 1px solid #CACACC;
    background: #FFFFFF;
    position: relative;
}
/* JOOMLA STYLE



--------------------------------------------------------- */

table.blog {} .article_separator {
    clear: both;
    display: block;
    height: 20px;
}
.article_column {} .column_separator {
    padding: 0 25px;
}
/* content tables */

td.sectiontableheader {
    padding: 4px;
    border-right: 1px solid #fff;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
    padding: 4px;
}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
    padding: 3px;
}
table.contentpane {
    border: none;
    width: 100%;
}
table.contentpaneopen {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
table.contenttoc {
    margin: 0 0 10px 10px;
    padding: 0;
    width: 35%;
    float: right;
}
table.contenttoc a {
    text-decoration: none;
}
table.contenttoc td {
    padding: 1px 5px 1px 25px;
    background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}
table.contenttoc th {
    padding: 0 0 3PX;
    border-bottom: 1px solid #CCCCCC;
    text-indent: 5px;
}
table.poll {
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
table.pollstableborder {
    padding: 0;
    width: 100%;
    border: none;
    text-align: left;
}
table.pollstableborder img {
    vertical-align: baseline;
}
table.pollstableborder td {
    padding: 4px!important;
    border-collapse: collapse;
    border-spacing: 0;
}
table.pollstableborder tr.sectiontableentry1 td {
    background: #ECECEC;
}
table.searchintro {
    padding: 10px 0;
    width: 100%;
}
table.searchintro td {
    padding: 5px!important;
}
table.adminform {} .adminform .inputbox {} .blog_more {
    padding: 10px 0;
    background: url(../images/hdot.gif) repeat-x top;
}
.blog_more strong {
    margin: 0 0 5px;
    display: block;
    font-size: 125%;
}
.blog_more ul {
    margin: 0;
    padding: 0;
}
.blog_more ul li {
    margin: 0;
    padding: 0 0 0 17px;
    background: url(../images/bullet.gif) no-repeat 6px 8px;
}
.category {
    font-weight: bold;
}
h1.componentheading
/*, .componentheading*/

{
    padding: 5px 0 15px;
    margin: 0 0 10px;
    background: url(../images/hdot.gif) repeat-x bottom;
}
.componentheading_outerbox {
    background: url(../images/insde_header_bg.jpg) repeat-x;
    height: 68px;
    margin-top: 59px;
}
div.componentheading_outerbox div.componentheading_insidebox {
    text-align: center;
    margin: auto;
    background: url(../images/inside_header_bg_center.jpg) no-repeat center bottom;
    height: 67px;
    padding-top: 13px;
    font-size: 34px;
    color: #d7e8fb;
    font-weight: bold;
}
.componentheading {
    font-size: 200%;
    font-weight: bold;
    display: none;
}
.contentdescription {
    padding-bottom: 30px;
}
h2.contentheading, .contentheading {
    padding: 5px 0 8px;
    margin: 0;
    font-weight: normal;
}
table.blog .contentheading {
    font-size: 150%;
}
.contentheading {
    font-size: 200%;
}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {
    text-decoration: none !important;
}
a.readon {
    float: left;
    margin-top: 10px;
    padding: 1px 5px 1px 14px;
    border: 1px solid #F6F6F6;
    display: block;
    background: url(../images/arrow.png) no-repeat 5px 48%;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
a.readon:hover, a.readon:active, a.readon:focus {
    border: 1px solid #ECECEC;
    background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}
table.contentpaneopen td, table.contentpane td {} table.contentpaneopen, table.contentpane, table.blog {
    width: 100%;
}
.moduletable {
    padding: 0;
}
ul.pagination {
    margin: 15px auto;
    padding: 10px 0;
    background: url(../images/hdot.gif) repeat-x top;
}
ul.pagination li {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
}
ul.pagination li span {
    padding: 2px 5px;
}
ul.pagination a {
    padding: 2px 5px;
    border: 1px solid #F6F6F6;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
    border: 1px solid #ECECEC;
    background: #FFFFFF;
}
.pagenavbar {
    padding-left: 14px;
}
.pagenavcounter {
    padding: 8px 14px 0 14px;
}
.sectiontableheader {
    padding: 8px 5px;
    background: #444444;
    color: #FFFFFF;
}
.sectiontableheader a {
    color: #FFFFFF;
}
tr.sectiontableentry1 td {
    padding: 8px 5px;
    background: url(../images/hdot2.gif) repeat-x bottom;
}
tr.sectiontableentry2 td {
    padding: 8px 5px;
    background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
    background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}
.smalldark {
    text-align: left;
}
div.syndicate div {
    text-align: center;
}
.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td {
    background: none;
}
/* META



--------------------------------------------------------- */

.article-tools {
    border-top: 1px solid #DDDDDD;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 15px;
    display: block;
    background: #ECECEC;
}
.article-meta {
    padding: 5px;
    width: 80%;
    float: left;
}
.createby {
    padding: 3px 3px 3px 20px;
    background: url(../images/icon-user.gif) no-repeat 0 2px;
}
.createdate {
    padding: 3px 3px 3px 20px;
    background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.modifydate {
    width: 100%;
    float: left;
}
div.buttonheading {
    float: right;
    width: 15%;
}
.buttonheading img {
    margin: 7px 5px 0 0;
    border: 0;
    float: right;
}
/* MAIN LAYOUT DIVS



--------------------------------------------------------- */

#ja-wrapper {
    width: 100%;
    margin: 0;
    /*background: #F2F2F2;*/
    /* overflow: hidden;*/
    /*width:1350px;*/
}
#ja-containerwrap {
    background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}
#ja-containerwrap2 {
    background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}
#ja-container {
    background: url(../images/c-bg1.gif) repeat-y 18% 0;
}
#ja-container2 {
    padding: 0;
    background: url(../images/c-bg2.gif) no-repeat 18% 0;
}
#ja-mainbody-fr #ja-col1 {
    width: 31%;
}
#ja-mainbody-fr #ja-contentwrap {
    width: 80%;
}
#ja-mainbody, #ja-mainbody-fl {
    float: left;
    width: 64%;
    padding: 0 0 0 30px;
}
#ja-mainbody #ja-contentwrap {
    float: right;
    width: 75%;
}
#ja-mainbody-fl #ja-contentwrap {
  float: left;
  max-width: 836px;
}
#ja-mainbody-f, #ja-mainbody-fr {
    float: none;
    width: 100%;
}
#ja-mainbody-fr #ja-contentwrap {
    width: 74.8%;
    float: right;
}
#ja-mainbody-fr #ja-col1 {
    width: 20%;
    float: left;
}
#ja-mainbody-fr #ja-contentwrap {
    width: 80%;
}
#ja-content {
    padding: 0 20px 0 40px;
}
#ja-contentwrap {
    min-height: 300px;
    height: auto;
}
* html #ja-contentwrap {
    height: 300px;
}
#ja-mainbody-fl #ja-content {
    padding-left: 0;
}
#ja-mainbody-f #ja-content {
    padding: 0;
}
/* Full */

#ja-containerwrap-f {
    background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}
#ja-containerwrap-f #ja-containerwrap2 {
    background: none;
}
#ja-containerwrap-f #ja-container, #ja-containerwrap-f #ja-container2 {
    background: none;
}
/* Full left */

#ja-containerwrap-fl {
    background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}
#ja-containerwrap-fl #ja-containerwrap2, #ja-containerwrap-fl #ja-container, #ja-containerwrap-fl #ja-container2 {
    background: none;
}
/* Full right */

#ja-containerwrap-fr {
    background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}
#ja-containerwrap-fr #ja-containerwrap2 {
    background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}
/* HEADER



--------------------------------------------------------- */

#ja-headerwrap {
    background: #333333;
    color: #CCCCCC;
    line-height: normal;
    height: 80px;
}
#ja-header {
    position: relative;
    height: 80px;
}
.ja-headermask {
    width: 602px;
    display: block;
    background: url(../images/header-mask.png) no-repeat top right;
    height: 80px;
    position: absolute;
    top: 0;
    right: -1px;
}
#ja-header a {
    color: #CCCCCC;
}
h1.logo, h1.logo-text {
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 180%;
    text-transform: uppercase;
}
h1.logo a {
    width: 208px;
    display: block;
    background: url(../images/logo.png) no-repeat;
    height: 80px;
    position: relative;
    z-index: 100;
}
h1.logo a span {
    position: absolute;
    top: -1000px;
}
h1.logo-text a {
    color: #CCCCCC !important;
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: 40px;
    left: 5px;
}
p.site-slogan {
    margin: 0;
    padding: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    background: #444444;
    font-size: 92%;
    position: absolute;
    bottom: 20px;
    left: 0;
}
/* Search */

#ja-search {
    padding-left: 20px;
    background: url(../images/icon-search.gif) no-repeat center left;
    position: absolute;
    bottom: 15px;
    right: 0;
}
#ja-search .inputbox {
    width: 120px;
    border: 1px solid #333333;
    padding: 3px 5px;
    color: #999999;
    background: #444444;
    font-size: 92%;
}
/* MAIN NAVIGATION



--------------------------------------------------------- */

#ja-pathway {
    font-size: 92%;
}
#ja-pathway strong {
    margin-right: 5px;
    font-weight: normal;
}
#ja-pathway a {
    text-decoration: none;
}
#ja-pathway img {
    margin: 1px 5px;
}
/* MODULE



--------------------------------------------------------- */

div.moduletable, div.moduletable_menu, div.moduletable_text {
    padding: 0 0 20px;
    margin-bottom: 15px;
    background: url(../images/hdot.gif) repeat-x bottom;
}
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3 {
    padding: 0 0 8px;
    margin: 0;
    color: #7BA566;
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
}
/* Module rounded */

div.module h3 {
    /*  margin: 0 -15px 10px;
 padding: 8px 15px 5px;
  border-bottom: 2px solid #F6F6F6;
*/
   color: #7BA566;
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
}
div.module_black, div.module_green, div.module_blue, div.module_red,
/*div.module */

{
    margin-bottom: 20px;
    float: left;
    clear: both;
    width: 100%;
    background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}
div.module {
    /*  background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
*/
 
   /* padding: 0 20px 0 20px;*/
}
div.module div {
    /*  background: url(../images/b-bl.gif) no-repeat bottom left;

*/
}
div.module div div {
    /*  background: url(../images/b-tr.gif) no-repeat top right;

*/
}
div.module div div div {
    /*  padding: 0 15px 10px;
  background: url(../images/b-tl.gif) no-repeat top left;

*/
}
div.module_black div div div div, div.module_green div div div div, div.module_blue div div div div, div.module_red div div div div, div.module_text div div div div, div.module div div div div {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
    background: none;
}
div.module_text h3 {
    margin: 0 0 10px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
}
div.module_text span {
    padding: 0 3px 0 0;
    float: left;
    clear: both;
    display: block;
    background: #F6F6F6;
    font-weight: bold;
}
div.module_text {
    margin-bottom: 20px;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}
div.module_text div {
    background: url(../images/bt-bl.gif) no-repeat bottom left;
}
div.module_text div div {
    background: url(../images/bt-tr.gif) no-repeat top right;
}
div.module_text div div div {
    padding: 0 15px 10px;
    display: block;
    background: url(../images/bt-tl.gif) no-repeat top left;
}
div.banneritem_text {
    padding: 5px 0 !important;
}
/* red */

div.module_black h3, div.module_green h3, div.module_blue h3, div.module_red h3 {
    margin: 0 -15px 10px;
    padding: 8px 15px 5px;
    border-bottom: 1px solid #F6F6F6;
    color: #FFFFFF;
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
}
div.module_red {
    background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
    color: #FFFFFF;
}
div.module_red div {
    background: url(../images/br-bl.gif) no-repeat bottom left;
}
div.module_red div div {
    background: url(../images/br-tr.gif) no-repeat top right;
}
div.module_red div div div {
    padding: 0 15px 10px;
    background: url(../images/br-tl.gif) no-repeat top left;
}
/* blue */

div.module_blue {
    background: url(../images/bb-br.gif) no-repeat bottom right #006699;
    color: #FFFFFF;
}
div.module_blue div {
    background: url(../images/bb-bl.gif) no-repeat bottom left;
}
div.module_blue div div {
    background: url(../images/bb-tr.gif) no-repeat top right;
}
div.module_blue div div div {
    padding: 0 15px 10px;
    background: url(../images/bb-tl.gif) no-repeat top left;
}
/* green */

div.module_green {
    background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
    color: #FFFFFF;
}
div.module_green div {
    background: url(../images/bg-bl.gif) no-repeat bottom left;
}
div.module_green div div {
    background: url(../images/bg-tr.gif) no-repeat top right;
}
div.module_green div div div {
    padding: 0 15px 10px;
    background: url(../images/bg-tl.gif) no-repeat top left;
}
/* black */

div.module_black {
    background: url(../images/bl-br.gif) no-repeat bottom right #333333;
    color: #FFFFFF;
}
div.module_black div {
    background: url(../images/bl-bl.gif) no-repeat bottom left;
}
div.module_black div div {
    background: url(../images/bl-tr.gif) no-repeat top right;
}
div.module_black div div div {
    padding: 0 15px 10px;
    background: url(../images/bl-tl.gif) no-repeat top left;
}
div.module_blue ul, div.module_blue ol, div.module_red ul, div.module_red ol, div.module_black ul, div.module_black ol, div.module_green ul, div.module_green ol {
    margin: 0;
    padding: 0;
}
div.module_blue li, div.module_red li, div.module_black li, div.module_green li {
    margin-left: 20px;
    padding: 0;
    line-height: 150%;
}
div.module_blue a, div.module_red a, div.module_black a, div.module_green a {
    color: #FFFFFF;
}
div.advs {
    float: left;
    width: 100%;
    clear: both;
    display: block;
}
/* LEFT COLUMN + RIGHT COLUMN

--------------------------------------------------------- */

#ja-col1 {
    float: left;
    width: 24.99%;
    padding-top: 10px;
    overflow: hidden;
}
.right_bottom_bg{width: 51%;float: right;margin-top: 50px;}
.action-form .form-actions{margin: 0 auto; display: table;}

#ja-col2 {
    /*background: url(../images/inside_right_bg.jpg) repeat-y top left;*/
    padding-top: 15px;
    float: right;
    width: 30%;
    overflow: hidden;
}
div#ja-container2 div#ja-col2 div.right_bottom_bg div.module_border {
    background: transparent url(../images/h_line.jpg) repeat-x left bottom;
    padding-left: 15px;
}
#ja-col1 table, #ja-col2 table {
    border-collapse: collapse;
    border-spacing: 0;
}
#ja-col1 ul li, #ja-col2 ul li {
    padding-left: 15px;
    margin: 0;
    background: url(../images/bullet.gif) no-repeat 5px 50%;
}
#ja-col1 ul, #ja-col2 ul {
    margin: 0;
}
#ja-col1 ol, #ja-col2 ol {
    margin-left: 5px;
}
#ja-col1 .article_separator, #ja-col2 .article_separator {
    display: none;
}
/* SPOTLIGHT



--------------------------------------------------------- */
/* Spotlight Box Style */

.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
    float: left;
    overflow: hidden;
}
.ja-box-left div.moduletable, .ja-box-full div.moduletable {
    padding-right: 30px;
    background: none;
}
.ja-box-right div.moduletable {
    padding-left: 30px;
    background: url(../images/vdot2.gif) repeat-y left;
}
.ja-box-center div.moduletable {
    padding: 0 30px;
    background: url(../images/vdot2.gif) repeat-y left;
}
#ja-botsl h3 {
    background: none;
}
#ja-botslwrap {
    border-top: 5px solid #CCCCCC;
    background: #444444;
    color: #CCCCCC;
}
#ja-botsl {
    padding: 15px 0;
}
#ja-botsl div.moduletable {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}
#ja-botsl h3 {
    margin: 0 0 12px;
    padding: 0;
    color: #FFFFFF;
}
#ja-botsl a {
    color: #CCCCCC;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
    color: #FFFFFF;
}
#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
    padding: 0;
    margin: 0 !important;
}
#ja-botsl ul li {
    padding: 0 0 0 15px;
    margin: 0;
    background: url(../images/bullet2.gif) no-repeat 3px 8px;
}
#ja-botsl ol li {
    margin-left: 25px;
    padding: 0 !important;
}
#ja-botsl td {
    padding: 0;
}
#ja-botsl .article_separator {
    display: none;
}
#ja-botsl table {
    border-spacing: 0;
    border-collapse: collapse;
}
/* FOOTER



--------------------------------------------------------- */

#ja-footerwrap {
    border-top: 5px solid #CCCCCC;
    padding: 20px 0 30px;
    clear: both;
    background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}
#ja-footer {
    padding: 0;
    color: #666666;
    background: url(../images/vdot.gif) repeat-y 22% 0;
    position: relative;
}
#ja-footer .copyright {
    clear: both;
    display: block;
    padding-left: 25%;
    color: #666666;
    font-style: normal;
    font-size: 92%;
}
#ja-footnav {
    padding-left: 25%;
}
#ja-footer ul {
    margin: 0 0 5px;
    padding: 0;
}
#ja-footer li {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
}
#ja-footer li a {
    padding: 0 15px 0 0;
    display: inline;
    color: #666666;
    font-weight: bold;
    font-size: 92%;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
}
#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
    color: #333333;
    text-decoration: none;
}
.ja-cert {
    font-size: 92%;
    position: absolute;
    right: 0;
    top: 18px;
}
.ja-cert a {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    border: none;
    text-decoration: none;
}
.ja-cert a span {
    display: none;
}
.ja-cert a img {
    border: none;
}
.banneritem {
    display: block;
    margin-top: 15px;
}
/* MISCELLANOUS



----------------------------------------------------------- */

ul.accessibility {
    position: absolute;
    top: -100%;
}
/*usertool*/

ul.ja-usertools-font {
    font-size: 11px;
    position: absolute;
    top: 8px;
    right: 70px;
}
ul.ja-usertools-font li {
    padding: 0;
    margin: 0;
    display: inline;
    background: none;
}
/*collapsible h3*/

h3.show {
    /*  background: url(../images/arrow2.png) no-repeat 90% 60%;


*/
    
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
h3.hide {
    /*  background: url(../images/arrow3.png) no-repeat 90% 60%;*/
    
    cursor: pointer;
}
/*others*/

#ja-banner {
    margin: 15px 0;
    text-align: center;
}
div.back_button a, div.back_button a:hover, div.back_button a:active {
    margin: 10px 0;
    display: block;
    background: none!important;
    text-decoration: none!important;
}
#form-login p {
    margin: 0 0 5px;
}
#form-login ul {
    margin: 10px 0 0;
}
#form-login .inputbox {
    width: 90%;
}
.clr {
    clear: both;
}
.hasTip img {
    margin: 10px 5px 0 0;
    border: none;
}
/* Tooltips */

.tool-tip {
    float: left;
    border: 1px solid #D4D5AA;
    padding: 5px;
    background: #FFFFCC;
    max-width: 200px;
}
.tool-title {
    padding: 0;
    margin: 0;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 5px;
    background: url(../../system/images/selector-arrow.png) no-repeat;
    font-size: 100%;
    font-weight: bold;
}
.tool-text {
    margin: 0;
    font-size: 100%;
}
#system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul {
    padding: 0;
    margin: 0;
}
#system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li {
    background: none;
    padding: 5px;
    margin: 0;
    color: #FFFFFF;
}
/* System Standard Messages */

#system-message dd.message ul {
    background: #006699;
    border: none;
}
/* System Error Messages */

#system-message dd.error ul {
    background: #BF0000;
    border: none;
}
/* System Notice Messages */

#system-message dd.notice ul {
    background: #EE9600 !important;
    border: none !important;
}
/* Clearfix */

.clearfix:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}
* html > body .clearfix {
    width: 100%;
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */

html {
    margin-bottom: 1px;
    height: 100%!important;
    height: auto;
}
/* footer nav overload */

ul.joomla-nav-foot-nav {
    text-align: left;
}
ul.joomla-nav-foot-nav li {
    display: inline;
    padding: 10px;
    list-style-type: none!important;
}
#footermenu {
    text-align: center;
    color: #fff;
}
#footermenu li {
    display: inline;
    list-style-type: none;
    border-left: 1px solid #fff;
    padding-left: 7px;
}
#footermenu li a {
    color: #fff;
}
#footermenu li.item48 {
    border-left: none;
}
.login-fields {
    margin: 10px 0;
}
.login-fields label {
    float: left;
    width: 9em;
}
#ja-content div.article-content, #ja-content div.joomla-version-25 {
    margin-top: 15px;
}
.akeebasubs-awesome-header {
    background-color: #1F77A7;
    padding: 0.5em 0;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #092857), color-stop(0.8, #1F77A7)) !important;
    background-image: -moz-linear-gradient( center top, #7D7D7D 10%, #29262C 80%) !important;
}
.akeebasubs-awesome-level {
    margin-bottom: 0.5em;
    border-top: 1px solid #222;
    border-bottom: 1px solid #606060;
    background: #1F77A7;
    text-align: center;
}
div.akeebasubs-awesome-column:hover div.akeebasubs-awesome-header {
    background-color: #092857;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, #1F77A7), color-stop(0.8, #092857)) !important;
    background-image: -moz-linear-gradient( center top, #7D7D7D 10%, #292699 80%) !important;
}
div.akeebasubs-awesome-column:hover .akeebasubs-awesome-level {
    background: #092857;
}
#system-message dt {
    display: none;
}
ul.menu-foot-nav a {
    color: #FFF;
}
ul.menu-foot-nav {
    margin: auto;
    height: auto;
    color: #FFF;
    /*display: none;*/
}
.menu-foot-nav li {
    background: none;
    display: inline-block;
    padding: 10px;
    line-height: 100%;
}
/*********************** Pricing Table ****************************/

.pricing-table ul li {
    padding: 5px 0 0 0;
    /*list-style: none;
    padding: 5px 0;
    background: none;*/
}
.pricing-table ul {
   /* padding: 0;
    float: left;*/
}
.text-center {
    text-align: center;
}
.row-header {
    padding: 0 !important;
}
.pricing-table h3 {
    background: none repeat scroll 0 0 #3e91b5;
    bottom: 0;
    color: #fff;
    display: block;
    padding: 19px 0;
    position: absolute;
    width: 100%;
}
.table-heading .row-header {
    background: none repeat scroll 0 0 #fff !important;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 0 !important;
    position: relative;
    text-align: center;
}
.basic-plan, .platinum-plan {
    border-left: 1px solid #7ac3e3;
}
.table-heading {
    width: 39%;
    color: #555;
}
.basic-plan, .platinum-plan, .professional-plan {
    width: 20%;
}
.basic-plan .row-header {
    background: #7ac3e3 !important;
}
.basic-plan h4, .platinum-plan h4 {
    color: #145f80;
    margin: 0;
    padding: 10px 0;
}
.basic-plan h4 + h1, .platinum-plan h4 + h1 {
    background: none repeat scroll 0 0 #3e91b5;
    color: #fff;
    display: block;
    overflow: hidden;
    padding: 12px 0;
}
.platinum-plan h4 + h1 {
  padding: 0;
}
.platinum-plan span {
    color: #FFF;
    background: none repeat scroll 0 0 #3e91b5;
    display: block;
    overflow: hidden;
    padding: 3px 0;
}
.platinum-plan .row-header {
    background: #7ac3e3 !important;
}
.platinum-plan .row-header h3 {
    background: #3e91b5 !important;
}
.basic-plan li:nth-child(2n), .platinum-plan li:nth-child(2n) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #86cbef;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
}
.basic-plan li:nth-child(2n+1), .platinum-plan li:nth-child(2n+1) {
    /*background: none repeat scroll 0 0 #f2f6f8;*/
}
.professional-plan li:nth-child(2n) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #fff;
    border-color: #b9e088;
    border-image: none;
    border-style: solid none;
    border-width: 1px 0;
}
.professional-plan li:nth-child(2n+1) {
    /* background: none repeat scroll 0 0 #eef8e1;*/
}
.professional-plan {
    border: 1px solid #74b223;
    box-shadow: 0 0 6px #555;
    margin-top: -3px;
    overflow: hidden;
    padding-bottom: 5px !important;
    position: relative;
}
.professional-plan h4 {
    margin: 0;
    padding: 10px 0;
    color: #406c07;
}
.professional-plan h1, .professional-plan span {
    background: none repeat scroll 0 0 #74b223;
    color: #fff;
    display: block;
    overflow: hidden;
    padding: 3px 0;
}
.professional-plan h1, .basic-plan h1, .platinum-plan h1 {
    margin: 0;
    padding: 0;
}
.professional-plan li:last-child {
    border-bottom: medium none !important;
    padding-top: 10px;
}
.professional-plan .row-header {
    background: #a8d86b !important;
}
.professional-plan .row-header, .basic-plan .row-header, .platinum-plan .row-header {
    line-height: normal !important;
}
.basic-plan li, .professional-plan li, .platinum-plan li {
    line-height: 2.5;
}
.platinum-plan {
    border-right: 1px solid #7ac3e3;
}
.table-heading li:first-child, .professional-plan li:first-child, .platinum-plan li:first-child, .basic-plan li:first-child {
    height: 100px;
}
.table-heading li, .basic-plan li, .professional-plan li, .platinum-plan li {
    height: 50px;
}
.table-heading li:first-child {
    border-left: medium none !important;
}
.table-heading li {
    border-left: 1px solid #ddd !important;
    line-height: 1.5;
}
.table-heading li {
    padding-left: 10px !important;
    padding-right: 5px !important;
}
.table-heading li:nth-child(2n) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd -moz-use-text-color #ddd #ddd;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
}
/*.platinum-plan.text-center > li:last-child {

    height: 56px;

}

.professional-plan.text-center > li:last-child {

    height: 55px;

}

.basic-plan.text-center > li:last-child {

    height: 57px;

}

.table-heading > li:last-child {

    height: 57px;

}*/

.table-heading li:nth-child(odd) {
    /*background: #eee;*/
}
.row-title {
    background: none repeat scroll 0 0 #bee4f4 !important;
    color: #555;
    font-weight: bold;
    line-height: 2.5 !important;
}
.btn-plan {
  border: 2px solid #fff;
  border-radius: 5px;
  color: #555;
  padding: 8px 7%;
  text-decoration: none;
}
.btn-plan a {
    color: #fff;
    text-decoration: none;
}
.btn-plan a:hover, .btn-plan a:focus .btn-plan a:active {
    color: #3e91b5;
    text-decoration: none;
}
.btn-blue {
    background: none repeat scroll 0 0 #3e91b5;
    color: #fff;
}
.btn-green {
    background: none repeat scroll 0 0 #74b223;
    color: #fff;
    font-weight: bold;
}
.btn-green:hover {
    background: none repeat scroll 0 0 #fff;
    color: #74b223;
    border: 2px solid #74b223;
}
.btn-blue:hover {
    background: none repeat scroll 0 0 #fff;
    color: #3e91b5;
    border: 2px solid #3e91b5;
}
.box {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #106f9f;
    border-radius: 15px;
    box-sizing: border-box;
    float: left;
    margin-right: 4%;
    padding: 40px 20px;
    text-align: center;
    width: 48%;
}
.box:last-child {
    margin-right: 0;
}
.box > p {
    margin-bottom: 0px;
}
/*prograss bar start*/

.checkout-bar li:first-child:after {
    display: none;
}
@-webkit-keyframes myanimation {
    from {
        left: 0%;
    }
    to {
        left: 50%;
    }
}
h1 {
    text-align: center;
    font-family: 'PT Sans Caption', sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding: 20px 0;
    color: #777;
}
.checkout-wrap {
    color: #444;
    font-family: 'PT Sans Caption', sans-serif;
    margin: 7px auto;
    max-width: 1200px;
    position: relative;
}
ul.checkout-bar li {
    color: #ccc;
    display: block;
    font-size: 11px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}
ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 20px;
    line-height: 37px;
    height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    top: 4px;
    width: 35px;
    z-index: 999;
}
ul.checkout-bar li.active {
    color: #8bc53f;
    font-weight: bold;
}
ul.checkout-bar li.active:before {
    background: #8bc53f;
    z-index: 99999;
}
ul.checkout-bar li.visited {
    background: #ECECEC;
    color: #57aed1;
    z-index: 99999;
}
ul.checkout-bar li.visited:before {
    background: #57aed1;
    z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
    content: "1";
}
ul.checkout-bar li:nth-child(2):before {
    content: "2";
}
ul.checkout-bar li:nth-child(3):before {
    content: "3";
}
ul.checkout-bar li:nth-child(4):before {
    content: "4";
}
ul.checkout-bar li:nth-child(5):before {
    content: "5";
}
ul.checkout-bar li:nth-child(6):before {
    content: "6";
}
ul.checkout-bar a {
    color: #57aed1;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        right: 50%;
        position: absolute;
        top: -28px;
        z-index: 0;
    }
    .checkout-wrap {
        /*margin: 80px auto;*/
    }
    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 84%;
    }
    ul.checkout-bar:before {
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        content: " ";
        height: 15px;
        left: 0;
        position: absolute;
        width: 10%;
    }
    ul.checkout-bar li {
        display: inline-block;
        margin: 28px 0 0;
        padding: 0;
        text-align: center;
        width: 15%;
    }
    ul.checkout-bar li:before {
        height: 30px;
        left: 40%;
        line-height: 31px;
        position: absolute;
        top: -38px;
        width: 30px;
        z-index: 99;
    }
    ul.checkout-bar li.visited {
        background: none;
    }
    ul.checkout-bar li.visited:after {
        background-size: 35px 35px;
        background-color: #57aed1;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        left: 50%;
        position: absolute;
        top: -28px;
        width: 100%;
        z-index: 99;
    }
}
#baciplan ul.checkout-bar:before {
    width: 14%;
}
.checkout-bar li.active:last-child:after {
    /*  border-radius: 0 8px 8px 0;
  width: 53%;*/
    border-radius: 0 8px 8px 0;
    right: -3px;
    width: 165%;
}
/*prograss bar end*/

.update_btn img {
    width: 50%;
}
/*new progreass bar start*/
/**, *:after, *:before {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Open Sans";

}*/
/* Form Progress */

.progress2 {
  margin: -13px auto -4px;
  max-width: 1000px;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.progress2 .circle, .progress2 .bar {
    display: inline-block;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #d5d5da;
    text-align: center;
    line-height: 29px;
}
.progress2 .bar {
    position: relative;
    width: 10%;
    height: 6px;
    margin: 0 -10px 0px -10px;
    border-left: none;
    border-right: none;
    border-radius: 0;
  margin-bottom: 0px !important;
}
.progress2 .circle .prog-label {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 36px;
    border-radius: 32px;
    margin-top: 3px;
    color: #b5b5ba;
    font-size: 17px;
    text-align: center;
}
.progress2 .circle .title {
    color: #b5b5ba;
    font-size: 12px;
    line-height: 30px;
    margin-left: -5px;
}
/* Done / Active */

.progress2 .bar.done, .progress2 .circle.done {
    background: #8bc435;
}
.progress2 .bar.active {
    background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progress2 .circle.done .prog-label {
    color: #FFF;
    background: #8bc435;
    /* box-shadow: inset 0 0 2px rgba(0,0,0,.2);*/
    
    text-align: center;
}
.progress2 .circle.done .title {
    color: #8bc435
}
.progress2 .circle.active .prog-label {
    color: #FFF;
    background: #0c95be;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.progress2 .circle.active .title {
    color: #ffffff;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    span.bar {
        margin-bottom: 40px !important;
    }
}
#akeebasubs-subscribe-level {
    display: none !important;
}
/* Generated by less 2.2.0 */
/*******************************************************************************/
/* LESS Variables */
/*******************************************************************************/
/*******************************************************************************/
/* General */
/*******************************************************************************/

.container-950 {
    clear: both;
    display: table;
    margin: 0 auto;
    width: 950px;
}
a {
    color: #28759b;
}
a, a:hover {
    text-decoration: none;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.color-dark-blue {
    color: #092857;
}
.color-light-blue {
    color: #28759b;
}
.bg-gray {
    background: #f1f1f1;
}
.bg-light-gray {
    background: #fdfcfc;
}
/*******************************************************************************/
/* Home Page */
/*******************************************************************************/

header {
   /* margin: 0;
    padding: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 5;
    text-align: center;*/
}
.home-banner-bg {
    background: url("../images/home-banner.jpg") no-repeat scroll 50% 50% / cover rgba(0, 0, 0, 0);
    height: 850px;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateZ(0px);
    width: 100%;
    z-index: 0;
}
.banner-text {
    /*padding: 150px 0;
    margin: 0 170px;
    text-align: center;
    position: relative;
    overflow: hidden;*/
    margin: 0 33px 0 0;    overflow: hidden;    padding: 30px 0;    position: relative;    text-align: center;    width: 627px;}
.banner-text h2 {
    color: #f2f177;
    font-size: 40px;
    font-weight: normal;
    margin-top: 0;
    text-align: left;
}
.banner-text p {
    color: #fff;
    font-size: 14px;
    margin: 0 50px;
    text-align: left;
}
.btn-learn {
    background: none repeat scroll 0 0 #092857;
    color: #fff;
    display: inline;
    float: left;
    font-weight: bold;
    font-size: 22px;
    margin: 30px 10px;
    padding: 15px 70px;
    text-decoration: none;
}
.btn-learn:hover {
    text-decoration: none;
    background: #0e3d85;
}
.dp {
    background: none repeat scroll 0 0 #fdfcfc;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
    z-index: 2;
}
.dp:nth-child(even) {
    background: #f1f1f1;
}
.dp-pic {
    display: table;
    float: left;
    padding: 0 20px;
    position: relative;
    width: -moz-fit-content;
    z-index: 0;
    box-sizing: border-box;
}
.dp-pic img {
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #c6c6c6;
    position: relative;
    box-sizing: border-box;
    margin-top: 1px;
}
.dp-pic:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 20px;
    box-shadow: -13px 22px 11px rgba(0, 0, 0, 0.2), 0 15px 10px rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    height: 35px;
    right: 33px;
    position: absolute;
    transform: rotate(7deg);
    width: 149px;
    z-index: 0;
}
.dp-pic.center-block {
    float: none;
}
.dp-pic-right {
    float: right;
}
.dp-pic-right:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 20px;
    box-shadow: -13px 22px 11px rgba(0, 0, 0, 0.2), 0 15px 10px rgba(0, 0, 0, 0.4);
    content: "";
    display: block;
    height: 35px;
    left: 33px;
    position: absolute;
    transform: rotate(-7deg);
    width: 149px;
    z-index: 0;
}
.dp-pic-right + .dp-details {
    float: left;
}
.dp-pic-right + .dp-details p {
    text-align: left;
}
.dp-details {
    float: right;
    text-align: center;
    width: 43%;
    padding: 0 20px;
    box-sizing: border-box;
}
.dp-details p {
    text-align: left;
}
footer {
    background: none repeat scroll 0 0 #0a2958;
    overflow: hidden;
}
/*******************************************************************************/
/* Learn More */
/*******************************************************************************/

#learn-more-page .section-title {
    margin: 20px 0;
    position: relative;
}
#learn-more-page .section-title:before {
    border-bottom: 2px solid #28759b;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 100%;
    z-index: 0;
}
#learn-more-page .section-title h2 {
    background: none repeat scroll 0 0 #fff;
    color: #3c3c3c;
    display: table;
    font-size: 24px;
    font-weight: normal;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
#learn-more-page .dp {
    background: #fff;
}
#learn-more-page .dp-details {
    width: 60%;
}
#learn-more-page ul {
    padding-left: 24px;
}
#learn-more-page ul li {
    list-style: outside url("../images/point-arrow.png") disc;
    margin-bottom: 5px;
    padding-left: 10px;
}
#learn-more-page .dp-pic {
    width: 40%;
}
#learn-more-page .dp-pic img {
    width: 100%;
}
#learn-more-page .dp-pic-right + .dp-details p {
    text-align: left;
}
#learn-more-page .compare-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
#learn-more-page .compare-table table thead tr {
    background: #0595b1 !important;
    color: #fff;
}
#learn-more-page .compare-table table thead tr th {
    height: 60px;
    padding: 10px 5px;
    text-align: center;
}
#learn-more-page .compare-table table thead tr th:nth-child(2) {
    background: #085f84;
}
#learn-more-page .compare-table table tbody tr td {
    padding: 10px 20px;
    height: 60px;
    color: #036798;
    text-align: center;
}
#learn-more-page .compare-table table tbody tr td:nth-child(2) {
    background: rgba(8, 124, 175, 0.1);
}
#learn-more-page .compare-table table tbody tr td:first-child {
    text-align: left;
}
#learn-more-page .compare-table table tbody tr:nth-child(even), #learn-more-page .compare-table table tbody tr:last-child {
    background: #f4f4f4;
}
#learn-more-page .compare-table table tbody tr:nth-last-of-type(2) {
    background: #ffffff;
}
#learn-more-page .compare-table table tbody tr:nth-last-of-type(2) td {
    color: #5e5e5e!important;
    font-weight: bold;
    text-align: center;
}
#learn-more-page .compare-table table tbody .total-cost {
    background: #fbc9cd;
}
#learn-more-page .compare-table table tbody .total-cost td:nth-child(2) {
    background: #f9afb4;
}
.btn-learn:hover { color: #fff; }
.home-banner {/*margin-top: 45px;*/}
.banner-text2 {    display: table;    margin: 10px auto 0; }
.pricing-table.style1.row {  padding-bottom: 43px; }

@media (min-width: 300px) and (max-width: 640px) {
 .table-font {
  font-size: 12px;
} 
.interactive_class {
  height: 252px;
}
div.componentheading_outerbox div.componentheading_insidebox {
  font-size: 18px;
  line-height: 35px;

}
}

@media (max-width: 640px){
.LeftContent, .GetStartedButton, .ContentPanel, .ImagePanel {
  width: 100%;
}

}

#Kunena h1, #Kunena h2 {
  padding-top: 22px !important;
}
.langswitcher{background: rgba(0, 0, 0, 0) url("../images/top_v_line.jpg") no-repeat scroll left center;    display: inline;  padding: 0 0 0 8px !important;    vertical-align: top;}
.langswitcher select{width: 141px;}
.login_link{padding: 16px 0 0 4px !important;}
.col-md-9{width:69% !important;}
.col-md-3{width:302px !important; padding-left: 0 !important; padding-right: 0 !important; }
/*.not-loggedin ul{width:131px !important}
.login_link ul{width:145px; float:left;}*/

#price_m_table02 .container-900{margin: 0 auto;}
.akeeba-bootstrap{/*width:900px;*/ margin: 0 auto;}
.container-900-updated{margin: 0 auto; max-width:900px;}

#ja-container{min-height: 770px !important;}
.fitness-band-video{background: transparent url("../images/hand.png") no-repeat scroll 0 0; height:600px; display:inline-block; width:501px;}
.fitness-band-video iframe {    margin-left: 70px;    margin-top: 69px;}
.menu-tab {text-align:left  !important;display: contents;}
.menu-tab ul li a span{padding:10px 14px 12px 5px !important;}
.menu-tab ul li a, .menu-tab ul li a:visited{margin-right:0px !important; }
.form_inner{width:786px;}
.form_inner .textBox[type="text"] {    border: 1px solid rgba(0, 0, 0, 0.13);    border-radius: 2px;    padding: 10px;    width: 100%;}
.form_inner label{font-size:12px; margin-bottom:0px; }
.form_inner ul li{padding-bottom:20px;}
.form_inner select, .form_inner textarea{ border: 1px solid rgba(0, 0, 0, 0.13);  border-radius: 2px;    padding: 10px;    width: 100%;}
.form_inner .error{background:none;}
.successmsg {    color: #78a300;    display: inline-block;    padding: 10px 0 10px 30px;    width: 100%;}
span.required{color:#ff0000; padding: 0 0 0 2px;}
.container-1150 {    width: 1150px;}
ul.changetoplan{font-size:12px;}
ul.changetoplan li{padding: 2px 0 0 16px;}
.lastfeature {    border-bottom: 1px solid #ddd; }
.lastplatinum, .lastbasic{border-bottom:1px solid #86cbef}
.lastprefessional{border-bottom:1px solid #b9e088}
.trackerimg img{padding-left:10px;}
.health-tracker .dp-pic-right::before{box-shadow:none;}
 .health-tracker .dp-pic img{border:0px; box-shadow:none;}
 .form_inner li.pagination a{padding: 0 3px 0 3px;}
 .form_inner li.pagination a.active{color:#000;}
 .careers .dataField a { background-color: #092856;    color: #fff;    padding: 3px 8px; }
 .careers ul li{padding:0 4px 0 4px;}
 ul.career-form{}
 ul.career-form li{display:inline-block; width: 330px; line-height:100%}
 ul.career-form li input[type="text"]{height:41px;}
 ul.career-form li.careersubmitbtn{width:87px; padding:16px 0 0; vertical-align:top; line-height:180%;}
 .careers .careerheading{padding:10px 0 0 0;}
 .career-form span{font-size:10px;}
 .banner-text2 .btn-group{display:block;}
 
 .col-md-2{width:14.667% !important;}
 .col-md-10{width:85.333% !important;}
 .col-md-9{width:65% !important}
 .col-md-3{width:35% !important}
 #chngcurrency{width:70px; margin-left:10px;}
 .container{width:1270px !important}
 .affiliateLink {    font-weight: bold;}
 .page-header h1{color:#636b75;}
 .platinummonthly{margin:0 auto; width:1000px;}
 .pivotalliving h1{font-size:20px; text-align:left;}
 .pivotalliving p{text-align:left;}
 .topimgcover {    display: inline-flex;}
 .topimg_right {    background: #2e81ae none repeat scroll 0 0;    color: #fff;    float: right;    font-size: 10px;    padding: 0 12px;    text-align: left;    width: 418px;}
 .pivotalmiddlecontain ul{display:inline-flex;}
 .pivotalmiddlecontain ul .pivotalmiddleleft{width: 50%; padding:0; margin:0;}
 .pivotalmiddlecontain ul .pivotalmiddleleft ul{ display: inline;    width: 100%;}
 .pivotalmiddlecontain ul .pivotalmiddleleft ul li{width: 100%; padding:0; margin:0px 0 0 18px;}
 .pivotalmiddlecontain ul .pivotalmiddlelright{width: 50%;}
 .tests-all .items-row{width:716px;}
 .tests-all .item{width:716px;}
 /******************Gift Cards*****************************/
.gift_div{width:700px;}
.gift_div  li{list-style-type: none;}
.gift_div  li.black,.gift_div  li.white{background: rgba(0, 0, 0, 0) url("../images/hdot.gif") repeat-x scroll center bottom;
    margin-bottom: 15px;
padding: 0 0 20px;
}
.gift_div  .giftcardwrapper{display: inline-block; width: 100%;}
.gift_div  .giftcardwrapper .giftcardwprleft{ display: inline-block;    padding: 10px 0 0;    vertical-align: top;    width: 27%;}
.gift_div  .giftcardwrapper .giftcardwprright{display: inline-block;  width: 70%;}
.gift_div  .giftcardwrapper .giftcardwprright .giftcardwprrightlft{display: inline-block;  width: 35%;}
.gift_div  .giftcardwrapper .giftcardwprright .giftcardwprrightrgt{ display: inline-block;    vertical-align: top;    width: 60%;}

.gift_div  .giftcardwrapper .giftcardwprright  ul.giftcardwprrightcontent{}
.gift_div  .giftcardwrapper .giftcardwprright  ul.giftcardwprrightcontent li{list-style-type: none;}
.gift_div  .giftcardwrapper .giftcardwprright  ul.giftcardwprrightcontent li label{font-weight: bold;}
.gift_div  .giftcardwrapper .giftcardwprright  ul.giftcardwprrightcontent li span{}
.gift_div .giftbtn, .gift_div .giftbtn:hover{ background-color: #1574a4 !important;    color: #fff;}
.giftcardwrapperbottom {    padding-left: 30px;}
.giftcardwrapperbottom {    padding-left: 30px;}
.giftcardwrapperbottom .inputprice{ display: inline-block;    width: 100%;}
.giftcardwrapperbottom .inputprice label{ display: inline-block;    padding-right: 20px;    vertical-align: top;}
.giftcardwrapperbottom .inputprice span{  display: inline-flex; width:50%;}
.giftcardwrapperbottom .inputprice input{ width: 100px; margin-left:12px;}
.invalid {
    border: 1px solid #FF0000 !important;
    border-radius: 7px 7px 7px 7px  !important;
}

.pricecontainer{display: inline-flex;
    width: 100%;}
.pricecontainer .pricecontainerleft{ width: 40%; }
.pricecontainer .pricecontainerright{  width: 60%; padding: 100px 0;}
.priceplan {    width: 130px !important;}
/******************Gift Cards*****************************/
/*partner page*/

.stayfitcontainer{display:block; width:100%;}
.stayfitimg{width: 46%; float: left; display: inline;}
.stayfittext{width: 54%; float: right; display: inline;}

/*// partner*/
.loginwrapper{margin: 0 auto; box-shadow: 0px 0px 10px #ddd;margin-top: 50px !important;padding: 30px;background: #fff;overflow: hidden;}
.loginwrapper .login{width: 500px; margin: 0 auto;}
.loginwrapper .login ul{width: 500px; margin: 0 auto;}
.home-banner p{color: #fff !important}
.action-footer .top-footer .action-search .action-search-btn{    max-height: 38px;    background: #35A5D7;    cursor: pointer;}
.action-footer .top-footer .action-search{float: right;}
.plan-nav ul li{padding:0 !important; line-height: normal !important;}
.mcSignupResult{color:#0D7CC0;}
.chooseoptions a{color:#fff !important;}
.container-chooseoption{width:100% !important;}
.akeeba-bootstrap h2, .akeeba-bootstrap h4{color: #023F75;}
.action-form fieldset{width: 78%; margin:0 auto;}
.action-form select, .action-form input{width: 100%;    font-family: "Muli",sans-serif;    text-align: left !important;}
.action-form select, .action-form input[type="submit"]{text-align: center !important;}
.action-form fieldset legend{font-size: 20px !important; color: #023F75 !important;}
.selectionsummary table{width: 50%; margin:0 auto; }
.payment-details label{display: inline !important;}
a.action-btn{color: #fff;}
a.action-btn:visited{color: #fff;}
a.action-btn:hover{color: #fff;}
a.action-btn:active{color: #fff;}
.loggedin ul.menulogg{width:50%; float: right;}
.loggedin ul{width:50%; float: left;     color: #fff;    font-family: "Muli",sans-serif;    font-weight: bold;    font-size: 14px  !important; clear: inherit !important;}
.loggedin ul li{}
.update_btn{    float: right;    margin-top: 0;    margin: 0 76px 0 0;}
.update_btn .action-btn{padding: 5px 5px;    min-width: 170px;}
.default #ja-content{width: 1170px; margin:0 auto;}
.home-features li {    font-family: muli,sans-serif;    text-align: left;    line-height: 1.15;    color: #505050;    padding: 10px 15px;}
.home-features li:before {    content: "\f058";    color: #2bc159;    font-family: FontAwesome;    display: inline-block;    margin-left: -1.3em;    width: 1.3em;}
.credentialleft{background-color: #dae3f3;}
.credentialtable h4{font-size: 16px;padding: 17px 0 0px 0;margin-bottom: 7px;}
.credentialtable td{width: 40%}
.credentialtable td img{margin: 0 auto; float: right;}
.credentialtable{border:1px solid #fff;}
.credentialleftcontent{width: 79%;margin: 0 auto;padding: 0 17px;}
.credentialrightcontent{ width: 68%;    padding: 0 17px; float: left; background-color: #fff;}
.credentialleftcontentTD{background-color: #dae3f3;}
.credentialright{background-color: #8faadc;}
.credentialfullbottom{background-color: #8faadc;  float: right;display: inline;width: 26%;}
.credentialtable td{ border-top:0px !important;   }
.credentialleftcontent{background-color: #fff;}
.credentialfullbottom .small{font-size: 13px;}

.platinumoffer .action-pricing-tables .pricing-table{max-width: 100%; margin: 26px 0 0 0;}
.platinumoffer .action-pricing-tables .pricing-table .table-header{padding: 41px 0 41px}
.platinumoffer .action-pricing-tables .pricing-table .table-header .title{font-size: 39px;}
.platinumoffer .action-table .table{text-align: left;}
.platinumoffer .action-pricing-tables .pricing-table .table-body{padding:32px 0 51px 0;}
.platinumoffer #action-carousel .action-carousel-content{height: 596px;}


.couponcode input[type="text"]{width:375px}
.couponcode input[type="submit"]{color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
background-color: #006dcc;
*background-color: #04c;
background-image: -moz-linear-gradient(top, #08c, #04c);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from( #08c), to( #04c));
background-image: -webkit-linear-gradient(top, #08c, #04c);
background-image: -o-linear-gradient(top, #08c, #04c);
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
border-color: #04c #0044cc #002a80;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
filter: progid: dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid: dximagetransform.microsoft.gradient(enabled=false); padding: 2px 18px 4px;font-weight: 700;line-height: 20px;text-transform: uppercase;}
.group-exercise .caption-one p, .group-exercise .caption-two p{color: #fff;}
.talentlmsactivateuser{margin:0 auto; padding: 50px 0 0 0;}
.talentlmsactivateuser .activateusermessage{}
.talentlmsactivateuser .validate-email{width: 86%;}
.talentlmsactivateuser label{font-family: muli,sans-serif; font-size: 14px;}
.talentlmsactivateuser .error{ color: #f00;padding: 19px 0 12px 29px; display: inline-block;}
.talentlmsactivateuser .success{ color: #023F75; padding: 19px 0 12px 29px; display: inline-block;}
.frmmessage{display: inline;    float: right;    width: 50%;}
.action-pricing-tables .pricing-table .table-header .monthlyPrice {
  margin: 0;
  color: #fff;
  font-family: muli,sans-serif;
  padding: 0;
  line-height: 0;
}

nav.plan-nav > .container-fluid {
    display: none !important;
}


/****************  09-08-2021   ********************/


/*0-------------desktop css--------*/
section.page-banner .container-fluid {
    width: 100%;
    margin: 0px auto;
    padding: 0px 15px;
}
section.page-banner .container-fluid .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 767px) {

#ja-content .loginwrapper .login, #ja-content .loginwrapper .links {
    width: 100% !important;
}

.default #ja-content {
    width: 100% !important;
}
.page-banner h2 , div#ja-contentwrap div#ja-content .article-content .row .col-12 h2{
    font-size: 33px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.module nav.plan-nav {
    margin-bottom: 50px;
}
.action-pricing-tables .pricing-table .table-header .price {
    font-size: 40px !important;
   
}
.action-pricing-tables .pricing-table .table-body {
    min-height: auto !important;
}
.action-pricing-tables .pricing-table .table-body li br {
    display: none !important;
}

.action-pricing-tables .pricing-table .table-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    padding: 25px !important;
}
section.mb-5, section.my-5 {
    margin-bottom: 2rem !important;
}

.default #ja-content section.mb-5 .container-fluid .row .container .row.justify-content-center
{
    padding: 15px;
}

.default #ja-content section.mb-5 .container-fluid .row .container .row.justify-content-center .col-12.text-center .action-pricing-tables .row.justify-content-center
{
     padding: 0px;
}

.default #ja-content section.mb-5 .container-fluid .row .container .row.justify-content-center .col-12.text-center .action-pricing-tables .row.justify-content-center .col-lg-4 {
    padding: 0px;
}

.action-footer .top-footer .action-logo {
    margin-bottom: 0px !important;
}

.action-pricing-tables .pricing-table {
    margin: 0 auto 50px !important;
}
footer.action-footer .social-nav .custom ul.nav li {
    padding: 0;
}
.default #ja-content .action-pricing-tables {
    margin: 0px !important;
}


/**************second page------------*/
#ja-content div.article-content .container-fluid.h-100 .payment-table {
    max-width: 100%;
}
#ja-content div.article-content .container-fluid.h-100 .payment-table ul.table-header {
    margin: 0;
    text-align: left;
}
#ja-content div.article-content .container-fluid.h-100 .payment-table h4 {
    text-align: left !important;
}

#ja-content div.article-content .container-fluid.h-100 .payment-table ul.table-header li {
    display: block;
    padding-left: 0px;

}

#ja-content div.article-content .container-fluid.h-100 .payment-table ul.table-header li.price {
    font-size: 40px;
}
#ja-content div.article-content .container-fluid.h-100 .payment-table ul.table-body {
    width: 100%;
    margin: 0 auto 20px;
}

p input#checkbox-t-2a {
   margin-right: 10px;
}

/********third page**********/

.container-fluid.container-chooseoption .row ,.akeeba-bootstrap .row {
    margin: 0px -15px;
}

.row.chooseoptions .col-12.text-center a.action-btn:not(:last-child) {
    margin-bottom: 20px !important;
    margin-top: 20px;
    max-width: 75%;
    display: block;
    margin-left:auto;
    margin-right:auto;
}

.row.chooseoptions .col-12.text-center a.action-btn {
    max-width: 75%;
    display: block;
    margin: 0px auto;
}
h2.mb-5 {
    margin-bottom: 1.5rem !important;
}

/********************fifth page--------------*/
.action-form fieldset {
    width: 100%;
    margin: 0 auto;
}

.selectionsummary table {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem !important;
}

div#paymentmethod-container .control-group {
    margin-top: 0;
}

/*0-------------css for toogle menu------------*/
nav.action-nav.fixed-top .container {
    width: 100% !important;
}

nav.action-nav.fixed-top .container .row .col-12.p-0 nav.navbar.p-0 {
    padding: 5px 15px !important;
}

nav.action-nav.fixed-top .container .row .col-12.p-0 nav.navbar.p-0 .col-6.p-0 {
    flex: 0 0 100%;
    max-width: 100%;
}

nav.action-nav.fixed-top .container .row .col-12.p-0 nav.navbar.p-0 .col-6.p-0 ul.nav {
    justify-content: space-between;
}

nav.action-nav.fixed-top .container .row .col-12.p-0 nav.navbar.p-0 .col-6.p-0 div#header-menu-right ul.menumain {
    justify-content: center !important;
    padding: 5px;
}
nav.action-nav.fixed-top .container .row .col-12.p-0 nav.navbar.p-0 .col-6.p-0 div#header-menu-right ul.menumain li {
    padding: 0 15px;
}
.navbar-dark .navbar-toggler
{
    outline: 0;
}
/******************css for table 17-08-21------------*/
/* table.table.credentialtable tbody tr { */
    /* display: flex; */
    /* flex-flow: row; */
/* } */

table.table.credentialtable tbody tr td ,
table.table.credentialtable tbody tr td.credentialfullbottom {
    width: 50%;
}
table.table.credentialtable tbody tr td .credentialleftcontent {
    width: 100%  !important;
}

table.table.credentialtable tbody tr td>div {
    width: 100%;
    padding: 0px 15px;
}
/* table.table.credentialtable tbody tr td>div img { */
    /* max-width: 50%; */
    /* margin: 0px auto; */
    /* width: 100%; */
    /* display: block; */
    /* float: none; */
/* } */
table.table.credentialtable tbody tr td p {
    color: #000;
}

#action-carousel .action-carousel-content .carousel-caption h2 ,section.action-section h2 {
    font-size: 33px;
}
.action-section .action-text-column {
   padding: 0px;
}

section.action-section.background-1 {
    padding: 60px 0px;
}

.home-banner div#action-carousel {
    margin-bottom: 50px;
}

.home-features li {
    padding: 8px 0px 8px 10px;
}
}

/*-----------css for tablet view----------*/
/*// Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) and (max-width: 991.98px) { 
    .default #ja-content {
    width: 100% !important;
}

}*/

/*// Large devices (desktops, 992px and up)*/
/*@media (min-width: 992px) and (max-width: 1199.98px) { 
.default #ja-content {
    width: 100% !important;
}

 }*/