.resource_content h1.titlepage {
    background-color: #85cf58;
    margin: 0;
    padding: 0;
    text-align: left;
    background-image: url('../png/green%20banner.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    height: 56px;
    display: table;
    width: 100%;
    vertical-align: middle;
    line-height: 51px;
    margin-bottom: 15px;
    min-height: 56px
}

.resource_content h1.titlepage:before {
    content: url(../png/book_icon.png);
    height: 40px;
    width: 29px;
    text-align: left;
    padding: 4px 10px 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle
}

.resource_content .col-lg-9 {
    width: 78.2%
}

.resource_content .col-lg-3 {
    width: 21.8%
}

.resource_content .col-lg-9,.resource_content .col-lg-3 {
    height: 362px
}

.resource_content .box_preview .btn_preview a {
    display: block
}

.resource_content .btn_previewimg:hover {
    position: relative
}

.row_line.more-opt-two .col_line.part_icon {
    width: 65px
}

.row_line.more-opt .col_line.part_icon a,.row_line.more-opt-two .col_line.part_icon a {
    margin-right: 10px!important;
    margin-left: 0!important
}

.row_line.more-opt-two .row_line.subtitle {
    margin-left: 65px
}

.row_line.more-opt .col_line.part_icon {
    width: 130px
}

.row_line.more-opt .row_line.subtitle {
    margin-left: 130px
}

.row_line.more-opt .col_line.part_icon a,.row_line.more-opt-two .col_line.part_icon a {
    margin-right: 6px;
    float: left
}

.row_line.more-opt .col_line.part_icon a.doclink img,.row_line.more-opt-two .col_line.part_icon a.doclink img {
    margin: 0!important
}

#divpreviewinfo,.resource_content .btn_previewimg:hover,.resource_content .btn_previewimg:hover .box_preview {
    background-color: rgba(141,141,141,.5)
}

.resource_content .preview_script,.resource_content .box_preview {
    display: none
}

.resource_content .box_preview {
    position: absolute;
    text-align: center;
    z-index: 99;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.resource_content .btn_previewimg:hover .box_preview {
    display: block
}

.resource_content .cut-text {
    overflow: hidden;
    position: relative;
    line-height: 22px;
    max-height: 220px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1.2em;
    width: 100%;
    margin-bottom: 0
}

.resource_content .cut-text:before {
    content: "\f078";
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: fontawesome;
    color: #2195d3;
    cursor: pointer
}

.resource_content .uptext:before {
    z-index: 99;
    content: "\f077"
}

.resource_content .cut-text:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: .2em;
    background: #fff
}

.resource_content .row_line {
    display: table;
    vertical-align: middle;
    table-layout: fixed;
    width: 100%
}

.resource_content .col_line {
    display: table-cell;
    vertical-align: middle
}

.resource_content .row_aaa {
    display: table;
    vertical-align: middle;
    margin: 0;
    width: 100%
}

.resource_content .col_b_aa {
    border: 1px solid #dedede
}

.resource_content .border_2 {
    border-width: 2px
}

.resource_content .no_padd {
    padding: 0
}

.resource_content .padd_top_m {
    padding: 18px 24px 24px
}

.resource_content .no_border_l {
    border-left-width: 0
}

.resource_content .col_line:first-child {
    width: 66px
}

#divpreviewinfo {
    position: fixed;
    text-align: center;
    z-index: 99;
    display: table;
    width: 100%;
    height: 100%
}

#divpreviewinfo .bxcontent_pre {
    background-color: #fff;
    width: 346px;
    padding: 20px;
    border: 1px solid #dedede;
    z-index: 999;
    margin: auto;
    overflow: auto;
    min-height: 120px
}

#divpreviewinfo .iconclose {
    text-align: right;
    margin-right: -15px;
    margin-top: -20px;
    float: right;
    font-size: 18px;
    z-index: 999;
    display: block
}

#divpreviewinfo .iconclose:hover {
    cursor: pointer
}

.resource_content .part_icon a.btn_preview {
    display: none
}

.part_icon p {
    display: none
}

.resource_content .part_title h2 {
    margin-top: -29px!important
}

.resource_content .subtitle {
    margin-top: -20px;
    margin-left: 66px
}

.resource_content .main_title_bg {
    background-color: #f6f6f6
}

@media(min-width: 1200px) {
    .resource_content h1.titlepage {
        padding-top:2px
    }

    .resource_content h1.titlepage span {
    }
}

@media(max-width: 1199px) {
    .resource_content .padd_top_m {
        padding:15px
    }

    .resource_content h1.titlepage {
    }

    .resource_content .col-lg-9 {
        width: 100%
    }

    .resource_content .col-lg-3 {
        width: 100%
    }

    .resource_content .col-lg-9,.resource_content .col-lg-3 {
        height: auto!important
    }

    .resource_content .cut-text {
        overflow: visible!important;
        max-height: 100%!important
    }

    .resource_content .part_title h2 {
        margin-top: 0!important
    }

    .resource_content .subtitle {
        margin-top: -20px;
        margin-left: 0!important;
        padding-right: 124px
    }

    .resource_content .col_new_block .part_title .subtitle {
        padding: 0
    }

    .row_line.more-opt-two .col_line.part_icon {
        width: 58px!important
    }

    .resource_content .subtitle h3 {
        line-height: 24px
    }

    .resource_content .part_icon {
        float: right
    }

    .resource_content .part_title {
        float: left
    }

    .btn_previewimg {
        display: none
    }

    .resource_content .part_icon {
        width: 124px!important;
        text-align: right
    }

    .resource_content .col_line.part_icon.col_line_two {
        width: 200px!important
    }

    .row_line.more-opt .col_line.part_icon a,.row_line.more-opt-two .col_line.part_icon a {
        margin-right: 0!important;
        margin-left: 10px!important;
        float: right
    }

    .resource_content .part_icon a {
        display: inline-flex;
        float: none
    }

    .resource_content .part_icon a.btn_preview {
        display: inline-block;
        margin-right: 0;
        height: 52px;
        width: 52px;
        background-color: #ddd
    }

    .resource_content .part_title {
        width: 80%
    }

    .resource_content .col_new_block .part_title {
        width: 69%
    }

    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        line-height: normal;
        display: table-cell;
        vertical-align: middle
    }

    .resource_content h1.titlepage {
        line-height: normal
    }

    .resource_content h1.titlepage span {
        display: table-cell!important;
        width: 100%!important;
        vertical-align: middle!important
    }
}

@media(max-width: 1024px) {
    .resource_content h1.titlepage {
    }
}

@media(max-width: 1023px) {
    .resource_content h1.titlepage span,.resource_content h1.titlepage {
        font-size:20pt!important
    }
}

@media(max-width: 992px) {
    .resource_content h1.titlepage span,.resource_content h1.titlepage {
        font-size:24px!important
    }

    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        font-size: 21px!important
    }
}

@media(max-width: 991px) {
    .resource_content .padd_top_m {
        padding:10px
    }

    .resource_content h1.titlepage {
        margin-bottom: 15px;
        text-align: center!important
    }

    .resource_content h1.titlepage {
        background-image: none!important
    }

    .resource_content .subtitle p {
        margin-right: 130px
    }

    #divpreviewinfo .bxcontent_pre {
        width: 80%;
        height: auto
    }
}

@media(max-width: 980px) {
    .resource_content h1.titlepage span,.resource_content h1.titlepage {
    }
}

@media(max-width: 768px) {
    .resource_content h1.titlepage {
    }

    .resource_content h1.titlepage {
    }

    .resource_content h1.titlepage {
    }

    .resource_content h1.titlepage:before {
        display: none!important
    }
}

@media(max-width: 767px) {
    .resource_content .subtitle {
        margin-top:0
    }

    .resource_content .subtitle p {
        margin-right: 0
    }

    .resource_content .part_title h2 {
        /* min-height:51px; */
        /* line-height:51px; */
    }

    .resource_content .part_title {
        width: 65%
    }
}

@media(max-width: 620px) {
}

@media(max-width: 600px) {
    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        font-size:20px!important
    }

    .resource_content h1.titlepage {
    }
}

@media(max-width: 550px) {
}

@media(max-width: 530px) {
}

@media(max-width: 480px) {
    .resource_content h1.titlepage span,.resource_content h1.titlepage {
        font-size:22px!important
    }

    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        font-size: 20px!important
    }

    .resource_content h1.titlepage {
    }

    .resource_content .part_title {
    }

    .row_line.main_title_bg.padd_top_m.more-opt .part_title,.row_line.main_title_bg.padd_top_m.more-opt-two .part_title {
        width: 64%!important
    }

    .row_line.more-opt .col_line.part_icon a,.row_line.more-opt-two .col_line.part_icon a {
        float: left;
        height: 50px;
        width: 51px;
        margin-bottom: 5px;
        margin-right: 0!important
    }

    .resource_content .subtitle {
        margin-top: 0;
        padding-right: 0!important
    }

    .row_line.main_title_bg.padd_top_m.more-opt .part_icon,.row_line.main_title_bg.padd_top_m.more-opt-two .part_icon {
        width: 125px!important
    }

    .row_line.main_title_bg.padd_top_m.more-opt-two .part_icon {
        width: 58px!important
    }
}

@media(max-width: 380px) {
    .resource_content .part_title {
        width:55%
    }
}

@media(max-width: 320px) {
    .resource_content h1.titlepage span,.resource_content h1.titlepage {
        font-size:19px!important
    }

    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        font-size: 17px!important
    }

    .resource_content h1.titlepage {
    }

    .resource_content .part_title h2 {
    }

    .resource_content .part_title h2 span {
    }

    .resource_content .part_title h2 strong span,.resource_content .part_title h2 span strong {
        line-height: 20px;
        height: auto
    }

    .resource_content h1.titlepage span {
    }

    .resource_content .part_title {
        width: 50%
    }
}

.main_contentbox .row_bbb {
    display: table;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #dedede;
    width: 100%
}

.main_contentbox h1.titlepage:before {
    content: url(../png/book_icon.png);
    height: 40px;
    width: 29px;
    text-align: left;
    padding: 4px 10px 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle
}

.main_contentbox h1.titlepage {
    background-color: #85cf58;
    margin: 0;
    padding: 0;
    text-align: left;
    background-image: url(../png/green%20banner.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    height: 56px;
    display: table;
    width: 100%;
    vertical-align: middle;
    line-height: 51px;
    margin-bottom: 15px;
    min-height: 56px;
    font-size: 21pt
}

.main_contentbox .main_title_bg {
    background-color: #f6f6f6
}

.main_contentbox .row_line {
    padding: 18px 24px 24px
}

.main_contentbox .main_title_bg h2 {
    margin-top: 0;
    margin-bottom: 0
}

.main_contentbox .main_title_bg h2,.main_contentbox .main_title_bg h2 a {
    font-size: 17pt
}

.main_contentbox .textjustify {
    text-align: justify
}

.sp-boxgray {
    border: 1px solid #dedede;
    margin-top: 15px
}

.sp-boxgray .sp-boxgray {
    border-width: 0;
    margin-top: 0
}

#sp-right .sp-column>.sp-boxgray:first-child {
    margin-top: 5px
}

#sp-right .sp-column>.sp-boxgray:last-child {
    margin-bottom: 30px
}

.sp-boxgray .sp-module-title,#sp-component .sp-boxgray h3 {
    background-color: #f6f6f6;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    margin: 0
}

#sp-component .sp-boxgray h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px
}

#sp-component .sp-boxgray {
    margin-bottom: 30px
}

.sp-boxgray .custom {
    padding: 20px 30px
}

#sp-component .sp-boxgray form.pwebcontact-form {
    padding: 30px
}

#sp-component .sp-boxgray form.pwebcontact-form input.pweb-input,#sp-component .sp-boxgray form.pwebcontact-form select,#sp-component .sp-boxgray form.pwebcontact-form textarea,#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #f6f6f6;
    border-width: 0!important;
    height: auto!important;
    border-radius: 0!important
}

#sp-component .sp-boxgray form.pwebcontact-form input.pweb-input,#sp-component .sp-boxgray form.pwebcontact-form select,#sp-component .sp-boxgray form.pwebcontact-form textarea,#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader,#sp-component .sp-boxgray form.pwebcontact-form .pweb-label {
    padding: 10px 5px
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-label {
    text-transform: uppercase!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field {
    width: 100%!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .pweb-label,#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .pweb-uploader {
    width: auto!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .pweb-label {
    float: left!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .pweb-uploader {
    float: right!important
}

#sp-component .sp-boxgray form.pwebcontact-form button[type=button] {
    color: #fff!important;
    background-image: none!important;
    background-color: #85cf58!important;
    border-radius: 0!important;
    text-transform: uppercase;
    border-color: #85cf58!important;
    padding: 15px 50px;
    font-size: 20px
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .fileinput-button {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #f6f6f6;
    border-width: 0!important;
    background-image: none!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .fileinput-button>span {
    display: none!important
}

#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .fileinput-button [class^=icon-],#sp-component .sp-boxgray form.pwebcontact-form .pweb-field-uploader .fileinput-button [class*=" icon-"] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #d1d1d1
}

@media(max-width: 991px) {
    .itemid-984 #sp-component,.itemid-984 #sp-right {
        width:100%!important
    }
}

.error_page .sp-boxgray .custom {
    padding: 80px 30px
}

#osm-singup-page .bg_boxgray {
    border: 1px solid #dedede;
    margin-bottom: 15px
}

#osm-singup-page .sp_boxtitle {
    line-height: normal;
    background-color: #f6f6f6;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    margin: 0
}

#osm-singup-page .osm-heading {
    margin-top: 10px;
    margin-bottom: 20px
}

#osm-singup-page .sp_boxcontent {
    padding: 30px
}

#osm-singup-page form .sp_boxcontent {
    margin: 0 auto;
    max-width: 100%;
    padding: 30px 50px
}

#osm-singup-page form #membership-login .sp_boxcontent {
    max-width: 534px;
    padding: 30px 15px
}

#osm-singup-page #membership-register-paymeent label[for=stripe-card-element] {
    padding-top: 0
}

#osm-singup-page #membership-register-paymeent input[type=radio] {
    margin-top: 0
}

#osm-singup-page form #membership-register-paymeent .sp_boxcontent {
    max-width: 504px;
    padding: 30px 0
}

#osm-singup-page #btn-actions-button .sp_boxcontent {
    padding: 15px 50px
}

#osm-singup-page form #membership-register-paymeent .sp_boxcontent {
    margin-left: 50px
}

#membership-type-info {
}

#membership-type-info .sp_boxcontent .membershiptitle {
    font-size: 29.42px;
    font-weight: 700;
    margin: 20px 0;
    color: #1b628c;
    text-transform: uppercase;
    padding: 0;
    text-align: center
}

#membership-type-info .sp_boxcontent .membershiptitle {
    margin: 0
}

form[name=os_form] .bg_boxgray .controls {
    margin-bottom: 15px
}

#osm-singup-page .bg_boxgray .sp_boxcontent .control-group {
    position: relative
}

#osm-singup-page .sp_boxcontent .control-group:last-child {
    margin-bottom: 0!important
}

#osm-singup-page .bg_boxgray .sp_boxcontent .control-group .control-label {
}

#osm-singup-page #membership-register-terms .sp_boxcontent .control-group .control-label {
}

#osm-singup-page #membership-register-terms .osm-privacy-policy .control-label {
    padding-top: 20px
}

#osm-singup-page #membership-register-terms input[type=checkbox] {
    margin-right: 5px
}

#osm-singup-page #membership-register-terms .osm-privacy-policy-message {
}

#osm-singup-page .bg_boxgray .sp_boxcontent .control-group .controls {
    max-width: 100%;
    margin-bottom: 0
}

#osm-singup-page .sp_boxcontent .control-group .control-label {
    width: 145px
}

#osm-singup-page .sp_boxcontent .control-group .controls {
    margin-left: 145px
}

#osm-singup-page #membership-login .sp_boxcontent .control-group .control-label {
}

#osm-singup-page #membership-login .sp_boxcontent .control-group .controls {
}

#osm-singup-page #membership-login .sp_boxcontent .control-group:last-child .controls {
    margin-left: 0
}

#osm-singup-page #membership-register-default .sp_boxcontent .control-group {
}

#osm-singup-page #membership-register-default .sp_boxcontent .control-group:nth-child(2n+1) {
}

#osm-singup-page .bg_boxgray .sp_boxcontent input[type=text],#osm-singup-page .bg_boxgray .sp_boxcontent input[type=email],#osm-singup-page .bg_boxgray .sp_boxcontent input[type=password],#osm-singup-page .bg_boxgray .sp_boxcontent select,#osm-singup-page .bg_boxgray .sp_boxcontent textarea {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #f6f6f6;
    border: 1px solid #f6f6f6!important;
    height: auto;
    border-radius: 0!important;
    width: 100%;
    padding: 9px 10px;
    font-size: 14px;
}

#osm-singup-page .bg_boxgray .sp_boxcontent input[type=text]:focus,#osm-singup-page .bg_boxgray .sp_boxcontent input[type=email]:focus,#osm-singup-page .bg_boxgray .sp_boxcontent input[type=password]:focus,#osm-singup-page .bg_boxgray .sp_boxcontent select:focus,#osm-singup-page .bg_boxgray .sp_boxcontent textarea:focus {
    border: 1px solid #85cf58!important
}

#osm-singup-page .bg_boxgray .sp_boxcontent .osm-addon-container.input-group .input-group-text {
    height: 40px;
    border-width: 0;
    line-height: 33px;
    font-size: 20px;
    float:left;
}

#btn-actions-button {
    padding-left: 0!important;
    margin-top: 15px
}

#osm-singup-page .bg_boxgray input[type=submit] {
    color: #fff!important;
    background-image: none!important;
    border-radius: 0!important;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 16px;
    background-color: #85cf58!important;
    border-color: #85cf58!important
}

#osm-singup-page #membership-login.bg_boxgray input[type=submit] {
}

#osm-singup-page #btn-actions-button.bg_boxgray input[type=submit] {
    padding: 10px 20px
}

#osm-singup-page .bg_boxgray input[type=submit] {
    text-align: center;
    margin: 0 auto;
    display: block
}

#osm-singup-page .bg_boxgray label,#membership-register-terms strong {width: auto;}

#osm-singup-page .bg_boxgray input #osm-singup-page .bg_boxgray select #osm-singup-page .bg_boxgray textarea {
}

#osm-singup-page #membership-register-default .sp_boxcontent textarea {
    max-height: 100px
}

@media(max-width: 991px) {
}

@media(max-width: 800px) {
    body.com-osmembership #sp-main-body {
        padding-top:30px!important
    }
}

@media(max-width: 550px) {
    #osm-singup-page #membership-register-terms .osm-privacy-policy .control-label {
        padding-top:0
    }

    #osm-singup-page form .sp_boxcontent,#osm-singup-page form #membership-register-paymeent .sp_boxcontent {
        max-width: 100%!important;
        width: 100%!important;
        padding-left: 10px!important;
        padding-right: 10px!important
    }

    #osm-singup-page form #membership-register-paymeent .sp_boxcontent {
        margin-left: 0
    }

    #osm-singup-page #btn-actions-button.bg_boxgray input[type=submit] {
        padding: 10px
    }

    #osm-singup-page .sp_boxcontent .control-group .control-label,#osm-singup-page .sp_boxcontent .control-group .controls,#osm-singup-page #membership-login .sp_boxcontent .control-group .control-label,#osm-singup-page #membership-login .sp_boxcontent .control-group .controls {
        float: none!important;
        width: 100%!important
    }

    #osm-singup-page .sp_boxcontent .control-group .controls,#osm-singup-page #membership-login .sp_boxcontent .control-group .controls {
        margin-left: 0
    }
}

.quik-nav {
    background: #f1f1f1;
    padding: 10px;
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.quik-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: table;
    width: 100%
}

.quik-nav ul li {
    display: inline-block;
    display: table-cell;
    margin: 2px;
    width: 20%;
    text-align: center;
    border: 0
}

.quik-nav ul li a {
    background: #21618b;
    padding: 0 10px;
    color: #fff!important;
    padding: 0;
    font-size: 15px;
    display: block;
    margin: 3px
}

.quik-nav ul li.a1 a {
    background: #ffc800
}

.quik-nav ul li.a12 a {
    background: #ce82ff
}

.quik-nav ul li.a2 a {
    background: #1cb0f6
}

.quik-nav ul li.b1 a {
    background: #78c800
}

.quik-nav ul li.b2 a {
    background: #ff4b4b
}

.resource_content .subtitle h3 {
    line-height: 24px
}

.mooaccordioncontainer>strong {
    color: #2195d3;
    font-size: 16px;
    line-height: 26px;
    margin-top: 12px;
    display: block;
    cursor: pointer
}

.mooaccordioncontainer>div>p {
    padding: 15px;
    padding-top: 5px
}

.mooaccordioncontainer>strong .mooaccordionicon {
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 20px;
    position: relative;
    top: 4px;
    background: url(../svg/next.svg);
    background-position: center;
    background-repeat: no-repeat
}

.mooaccordioncontainer>strong.mooaccordionopen .mooaccordionicon {
    transform: rotate(90deg)
}

#divpreviewinfo .tbl {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    overflow: auto
}

@media screen and (max-width: 1024px) {
    .quik-nav ul li a>span {
        display:none
    }
}