#saGroupsCont{display:block;clear:both}
#saGroupsCont ul{margin:0;display:block;clear:both;list-style:none}
#saGroupsCont li{background:#fff;width:30%;display:inline-block;margin-left:2%;margin-bottom:1%;min-width:192px; overflow: hidden; padding-top:0;max-width: 400px}
#saGroupsCont li img {width: auto;min-width: 100%;height: 160px;margin: 0 auto;vertical-align: middle}
#saGroupsCont h3{ width:100%; margin:0;font-size:13px;padding:10px 4%;font-weight:400;line-height:18px;background:#d73830;text-align:center; display: table; height: 60px;}
#saGroupsCont h3 a{text-decoration:none;color:#fff;text-shadow:none;box-shadow:none; vertical-align: middle; display: table-cell;}
.saGroupMeta,.saGroupFooter{display:block}
.saGroupMeta{font-size:12px;display:block;clear:both;overflow:hidden;width:92%;margin:10px auto}
.saGroupMeta span{display:inline-block;float:left}
.saGroupMeta i,.saGroupMeta b{display:block;clear:both}
.saPrice{width:25%}
.saPrice b{color:#22d700}
.saDate{width:50%}
.saDate b{color:#d74d3a;min-height:35px}
.saSeat{width:25%}
.sagrpf2{text-align:center}
.sagrpf3{text-align:right}
/* Enrollment Defualt form CSS */
.enrollSpan{display:block;clear:both}
.enrollSpan span{display:block;clear:both;margin-bottom:10px }
.sa_enroll label{display:inline-block;clear:left;width:100%}
.saEnrollSubmit{display:inline-block;padding:10px 15px;text-align:center;text-decoration:none;border:1px solid #ddd;margin-top:15px;background:#ddd;color:#333;box-shadow:none !important}
.saEnrollSubmit:hover{background:#5675b9;color:#fff}
/*** Modal css **********/
.saenrollForm .myBtn_enroll_submit {background: #3498db; box-shadow:none;     border: none; border-radius: 0px; color: #fff; background-image: -webkit-linear-gradient(top, #3498db, #2980b9);background-image: -moz-linear-gradient(top, #3498db, #2980b9);
                                    background-image: -ms-linear-gradient(top, #3498db, #2980b9);background-image: -o-linear-gradient(top, #3498db, #2980b9);background-image: linear-gradient(to bottom, #3498db, #2980b9);
                                    font-family: Arial;color: #ffffff;font-size: 30px;padding: 12px 28px 12px 28px;text-decoration: none;
}
.saenrollForm  .myBtn_enroll_submit:hover {
    background: #3cb0fd;
    box-shadow:none;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
.saenrollForm .myBtn_group_enroll_submit {background: #3498db; color: #fff; background-image: -webkit-linear-gradient(top, #3498db, #2980b9);background-image: -moz-linear-gradient(top, #3498db, #2980b9);
                                          background-image: -ms-linear-gradient(top, #3498db, #2980b9);background-image: -o-linear-gradient(top, #3498db, #2980b9);background-image: linear-gradient(to bottom, #3498db, #2980b9);
                                          font-family: Arial;color: #ffffff;font-size: 30px;padding: 12px 28px 12px 28px;text-decoration: none;
}
.saenrollForm  .myBtn_group_enroll_submit:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}


.entry-title{
    margin-top: 40px;
}
.modal-title {
    color: #3498db;
    font-size: 26px;
    text-decoration: none;
}
.modal-body {
    color: #3c3c3c;
    font-size: 18px;
    text-decoration: none;
}
#saEnrollForm {
    /*    background: #83cdfc;*/
    color: #7f7e7e;
    font-size: 18px;
    padding: 12px 28px 12px 28px;
    /*    border: 1px dotted blue;*/
    text-decoration: none;
}
.term_condition_sec {
    margin: 10px 0;
    width: 100%;
    float: left;
}
input.term_condition {
    margin-right: 10px;
}
.button {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 22px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.enrollSpanSubmit .enroll_submit {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    font-size: 22px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.sagroupcat_page .sagroupcat_cats{
    box-sizing: border-box;
    float: left;
    margin-bottom: 70px;
    padding: 0 15px;
}
/*.sagroupcat_page .col-md-4{
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    width: 33.33%
}*/
.sagroupcat_page .sagroup{
    border: 1px solid #ccc;
    padding: 20px;
}
.sagroupcat_page .sagroup img.wp-post-image{
    max-width: 30%
}
.sagroupcat_page .sagroup .entry-title{
    margin-top: auto;
}
.tax-sagroupcat .page-header .page-title {
    font-size: 28px;
}
.myBtn1 {
    clear: both;
    display: inline-block;
    margin-top: 10px;
}
.sagroupcat_page artical.sagroup{ }
@media only screen  and (min-width:1824px) {}
@media only screen  and (min-width:1224px) {}
@media only screen  and (max-width:990px) {.sagroup_main{width: 100% !important;} .sagroup_right_area .widget-area{padding-left: 0px !important;}}
@media only screen and (max-width :768px){#saGroupsCont li{ width: 46% !important} .sagroupcat_page .col-md-8 , .sagroupcat_page .col-md-4{width: 100% !important;}}
@media only screen and (max-width:420px) {#saGroupsCont li{ width: 98% !important}}
@media only screen and (max-width:320px) {#saGroupsCont li{ width: 98% !important }}
.list_title {
  background: #ccc none repeat scroll 0 0;
  color: #000;
  float: left;
  padding: 10px;
  width: 100%;
}
li.list_sec_li {
  display: block;
}
li.list_sec_li {
  border: 1px solid #efefef;
  display: block;
  float: left;
  width: 100%;
}
li.list_sec_li .active {
  display: block !important;
}
.list_sec_li table {
  margin: 0;
}
.list_sec_div {
  float: left;
  margin: 0;
  padding: 20px;
  width: 100%;
}
a.list_sec {
    width: 100%;
    float: left;
    color: #000;
}
.field_list {
    width: 100%;
    float: left;
    margin: 10px 0;
}
.field_list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.course_list {
    width: 100%;
    float: left;
}
.course_list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.field_list ul li {
    list-style: none;
    width: 100%;
    float: left;
}
.field_list ul li label {
    width: 100%;
    float: left;
    margin: 5px 0;
}
.course_enroll_btn {
    padding: 10px 20px;
    background: #ccc;
    color: #000;
    margin: 20px 0px;
    width: auto;
    float: left;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    opacity: 0.7;
}
.se-pre-con img {
    margin-left: 45%;
    margin-top: 20%;
    width: 150px;
    height: 150px;
}