@charset "utf-8";
.avatar_img .descr-p,
.blog-post .post-item .summary p,
.blog-post .summary p span,
.comment-list .comm blockquote p,
.content-layout,
.content-right p,
.course_view_author_bio p,
.course_view_feedback_content .course_view_feedback_desc,
.editdescription p,
.forum-b .description,
.media.profile p,
.message-block .viewMessageTitle,
.photography_section .activity-content.w3c-default,
.su_course_curriculam .lc_details p,
.su_course_curriculam .quescount,
.usercomment-block p.desc-p,
.usercomments .feedback-comment p,
.viewMessageContent p {
    word-wrap: break-word
}

.footer_menu,
.step-method ul,
ul li {
    list-style: none
}

.avatar_img .created-block,
.course-list-section .owl-carousel,
.pricing-alert .btn.btn-color,
.stripe-desc,
.text_area-b {
    clear: both
}

.user_profile ul.dropdown-menu {
    left: auto;
    right: 0
}

body #page-wrapper-full {
    min-height: 0
}

body a:focus {
    outline: 0;
    text-decoration: none
}

header .logo h1 {
    margin: 0
}

.home_menu.list-unstyled.list-inline.pull-right li a {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 16px;
    line-height: 70px;
    display: block;
    text-decoration: none;
    background: url(../images/pipe.png) left no-repeat
}

.browse_block a,
.footer_menu li a,
.user_profile .user_name {
    text-transform: capitalize
}

.home_menu.list-unstyled.list-inline.pull-right li,
section.banner_section .banner .tp-banner ul {
    padding: 0
}

.home_menu.list-unstyled.list-inline.pull-right {
    margin-bottom: 0;
    margin-left: 0
}

body.home header.expert.hasbackground {
    background: #fff;
    border-bottom: none;
    box-shadow: none
}

header.expert .logo a {
    background-position: 0 center;
    margin: 10px 0;
    display: block
}

.dropdown.user_profile .dropdown-menu li.mobile,
.hide-s {
    display: none
}

header.expert {
    box-shadow: 0 8px 6px -6px #aaa;
    background: #fff
}

.create-course.get-start,
.modal-dialog.course_popup {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.courses_block .course_b .detail_block h4 {
    line-height: normal
}

.home_menu.list-unstyled.list-inline.pull-right li:first-child a {
    background: 0 0
}

.home_menu.list-unstyled.list-inline.pull-right li:last-child a {
    padding-right: 0
}

.home_menu.list-unstyled.list-inline.pull-right li a:focus {
    outline: 0
}

.notification i {
    padding-right: 7px
}

.notification em {
    background: #d8d8d8;
    border-radius: 30px;
    color: #fff;
    font-style: normal;
    padding: 5px 6px
}

.home_menu.list-unstyled.list-inline li.user_profile ul li a {
    background: 0 0;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 3px;
    color: #333
}

.home_menu.list-unstyled.list-inline.pull-right li.user_profile ul li a i {
    margin-right: 2px;
    width: 15px
}

.user_profile ul {
    margin-top: 0
}

.user_profile .user_name {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.browse_block ul.dropdown-menu {
    border: 1px solid #ddd;
    left: 0
}

.browse_block ul.dropdown-menu li a {
    background: rgba(0, 0, 0, 0);
    padding: 0 10px
}

li.hide-s .search_s {
    margin: 0 13px;
    width: 90%
}

.seach_alone_courses .dropdown-menu {
    border-radius: 10px;
    margin: 0;
    padding: 10px 15px;
    width: 100%
}

.user_profile .profile_pic {
    padding-left: 10px;
    padding-right: 5px
}

.user_profile ul.dropdown-menu li:first-child {
    border-bottom: 1px solid #ddd
}

.expert .browse_block,
.expert .logo {
    float: left
}

.browse_block a {
    text-decoration: none;
    background: url(../images/btn-img.png) 18px center no-repeat #e8e8e8;
    border-radius: 5px;
    color: #5c5c5c;
    display: block;
    font-family: open sans;
    font-size: 14px;
    margin: 0;
    padding: 7px 16px 7px 40px
}

.user_profile .my_course.mob,
body.course-body .breadcrumb {
    display: none
}

.search_s input[type=submit] {
    background: url(../images/search-i.png) 6px center no-repeat rgba(0, 0, 0, 0);
    border: none;
    float: left;
    height: 30px;
    padding: 3px 0;
    text-indent: -9999px;
    width: 15%
}

.search_s {
    border: 1px solid #ccc;
    border-radius: 7px;
    float: left;
    margin-left: 3%;
    width: 55%
}

.search_s input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    float: left;
    height: 30px;
    padding-left: 6px;
    width: 85%
}

.browse_block ul.dropdown-menu li a {
    margin: 8px 0
}

.browse_block ul.dropdown-menu li a:hover {
    color: #7b8a8b
}

.browse_block ul.dropdown-menu {
    padding: 0 2px;
    border-radius: 0
}

.left_block {
    float: left;
    margin: 18px 0;
    padding-left: 5.3%;
    width: 65%
}

.footer_menu,
body #page-wrapper-full.gray-bg,
body.home header.expert .logo {
    padding: 0
}

body .gray-bg {
    position: static!important;
    background: 0 0
}

.user_profile span.profile_img img {
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.user_profile .profile_pic img {
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 45px;
    width: 45px
}

body.home {
    padding-top: 0
}

body.home header.expert.nobackground {
    border-bottom: medium none
}

body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
    background: url(../images/white-pipe.png) left center no-repeat;
    color: #fefefe
}

body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li:first-child a {
    background: 0 0
}

body.home header.expert.nobackground .search_s input[type=search] {
    color: #fff
}

header.expert.nobackground .home_menu.list-unstyled.list-inline li.user_profile ul li a {
    color: #333
}

.content-layout {
    min-height: 250px
}

.content-layout p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

.content-layout h1,
.content-layout h2,
.content-layout h3,
.content-layout h4,
.content-layout h5 {
    color: #333;
    font-family: open sans;
    text-transform: capitalize
}

.seach_alone_courses .dropdown-menu.ul_width li a {
    box-shadow: none
}

.progress-bar.active,
.progress.active .progress-bar {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes
}

body.course_body {
    background: #f5f5f5
}

body {
    padding-top: 70px
}

body.course-body #page-wrapper-full {
    background: rgba(0, 0, 0, 0)
}

.footer_menu li {
    float: left;
    margin-left: 15px
}

.footer_menu {
    margin: 0;
    float: right
}

footer {
    background: #414147
}

footer #footer {
    background: 0 0;
    padding: 0
}

footer #footer p {
    margin: 0
}

footer p,
footer ul li a {
    color: #e8e8e8;
    line-height: 47px;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600
}

.footer_menu li:first-child {
    margin-left: 0
}

.footer_menu li a:focus,
.footer_menu li a:hover {
    color: #e8e8e8;
    text-decoration: none;
    outline: 0
}

.button_footer {
    padding: 20px 0;
    border-bottom: none
}

.footer_menu li a:hover {
    text-decoration: underline
}

.gray-bg .breadcrumb {
    background: #eaeaea;
    margin-top: 10px
}

body.home .expert-plus {
    margin-top: 0
}

.detail_block h4 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reg_form.new_reg_form.my-course-block h2.top-title {
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase
}

#image_prograss,
#video_prograss,
.banner-content,
.block4,
.block_course .image,
.course_b img,
.course_info p.alert.alert-danger,
.easier_course h2,
.easier_course p,
.mycourse_block .nav-tabs li,
.our_clients_section h3,
.our_clients_section p,
.profile_image,
.promo_block h2,
.promo_block p,
.remove_account,
.steps-bar,
.steps-bar li,
.tab_block ul.nav-tabs li,
.text_block strong,
.txt,
.update_account h2,
.video_b,
.watch_listen_coursing_one h3,
.watch_listen_coursing_one p {
    text-align: center
}

.reg_form.new_reg_form.my-course-block .feature.follow_b {
    background: #428bca;
    border: none;
    border-radius: 2px;
    color: #fff;
    float: right;
    padding: 4px 10px;
    text-transform: capitalize
}

.reg_form.new_reg_form.my-course-block .pot_lik a {
    display: block;
    height: 200px;
    margin-bottom: 10px
}

.reg_form.new_reg_form.my-course-block .business_office {
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, .2);
    border: none
}

.business_office .course_title a {
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.business_office .feature_btn {
    float: right
}

.business_office .course_title {
    float: left
}

.business_office .dollar_rupess {
    float: right
}

.rate-block {
    margin-top: 7px
}

body.sxim-init.course-body .gray-bg {
    background: #f5f5f5
}

.business_office .dollar_rupess p {
    color: #000;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.business_office .image span.DraftCourse {
    background: #f9a530;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.business_office .image span.Publish {
    background-color: #62cf65;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.mycourse_block .star_rating {
    margin: 3px 0
}

.mycourse_block .block_course .course_detail h4 {
    min-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mycourse_block .block_course .business_office {
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 #aaa;
    margin-bottom: 0
}

.mycourse_block .block_course .image a img {
    max-height: 100%
}

.mycourse_block .business_office .btn.favoritebtn.heart_align {
    padding: 6px 0
}

.mycourse_block .business_office .btn.favoritebtn.heart_align i {
    font-size: 20px
}

.banner img {
    width: 100%
}

.block_img {
    position: relative
}

.block4 img.box1,
.easier_course,
.easier_course .caret,
.learn_block {
    position: absolute;
    right: 0
}

.block4:hover img.box1,
.block_img:hover img.box1 {
    display: block
}

.block4 a img.box1 {
    background: #f58e4e;
    border-radius: 50%
}

.block4 img.box1 {
    display: none;
    left: 0;
    margin: 0 auto;
    top: 0
}

.block_img img {
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.block4 img {
    transform: rotate(0);
    transition: all .5s ease 0s
}

.block4:hover img.ibgwhite {
    border-color: #fff
}

.banner-content h3 {
    font-family: roboto;
    font-size: 34px
}

.banner-content h3 span {
    font-weight: 300
}

.banner-content p {
    font-size: 16px;
    font-family: roboto;
    font-weight: 300
}

.block4 h3,
.block4 h3 a {
    font-size: 22px;
    text-transform: uppercase
}

.block4 h3,
.block4 h3 a,
.block4 p {
    font-family: open sans
}

.block4 a img.ibgwhite {
    background: #fff;
    border-radius: 50%
}

.block4 a img.ibgorange {
    background: #f58e4e;
    border-radius: 50%
}

.authorized_section {
    background-color: #f58e4e;
    height: 130px;
    margin: 0
}

.block4 h3 a {
    color: #fff;
    text-decoration: none;
    font-weight: 600
}

.block4 h3 {
    color: #262626;
    margin-bottom: 14px;
    margin-top: 14px
}

.block4 h3 span {
    font-weight: 300
}

.block4 p {
    color: #fff;
    font-size: 14px;
    line-height: 25px
}

.watch_listen_coursing_one h3 {
    color: #262626;
    font-family: Open Sans;
    margin-top: 0;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: uppercase
}

.watch_listen_coursing_one span {
    font-weight: 300
}

.watch_listen_coursing_one p {
    color: #333;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400
}

.dump_text_added a.btn,
.dump_text_added p,
.dump_text_added span {
    font-size: 14px;
    font-family: Open Sans
}

.imack {
    margin: 48px 0 0
}

.mac iframe {
    height: 245px;
    margin: 20px 73px;
    width: 400px
}

.dump_text_added span {
    color: #333;
    display: inline-block;
    font-weight: 600;
    line-height: 24px;
    margin-top: 11px
}

.dump_text_added p {
    color: #333;
    font-weight: 400;
    line-height: 31px;
    margin: 25px 0 10px
}

.dump_text_added a.btn {
    background-color: #fff;
    border: 1px solid #158d8e;
    border-radius: 0;
    color: #158d8e;
    font-weight: 600;
    margin-top: 15px;
    outline: 0;
    padding: 14px 32px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.our_clients_section .post_only h3 {
    margin-bottom: 15px;
    margin-top: 0
}

.our_clients_section span {
    font-weight: 300
}

.our_clients_section {
    margin-top: 35px
}

.our_clients_section p {
    color: #333;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 32px
}

.our_clients_section h3 {
    color: #262626;
    font-family: Open Sans;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 42px
}

.easier_course h2,
.easier_course p {
    font-family: Roboto
}

.easier_course {
    display: table;
    float: none;
    left: 0;
    margin: 0 auto;
    top: 150px;
    width: 100%;
    z-index: 55
}

.easier_course h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 21px;
    margin-top: 0
}

.learn_block {
    bottom: 15px;
    left: 0;
    z-index: 56
}

.block4.learn {
    background: #3c99df
}

.block4 p {
    margin-bottom: 0
}

.block4 {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    padding: 15px 10px
}

.block4.communicate {
    background: #9ec22a
}

section.banner_section .learn_block .block_img img {
    height: auto;
    width: auto
}

section.banner_section .block4.learn .block_img a {
    background: url(../images/replace.png) -50px -145px no-repeat #fff;
    border: 4px solid #7ec0f2;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

section.banner_section .block4.communicate .block_img a {
    background: url(../images/replace.png) -433px -61px no-repeat #fff;
    border: 4px solid #bedf54;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

.block4.experts {
    background: #111
}

section.banner_section .fadeInDown .block4.experts .block_img a {
    background: url(../images/replace.png) -685px -68px no-repeat #fff;
    border: 4px solid #757575;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

.block_img {
    display: table;
    margin: -60px auto 0
}

.easier_course .caret {
    background: url(../images/dropdownarrow.png) no-repeat rgba(0, 0, 0, 0);
    border: none;
    height: 56px;
    top: 2px;
    width: 50px
}

.banner,
.course_searching {
    position: relative
}

.seach_alone_courses .dropdown-menu.ul_width li a {
    background: rgba(0, 0, 0, 0);
    color: #8d8d8d;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.easier_course p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px
}

.seach_alone_courses {
    background: #f5f5f5;
    padding: 23px 0
}

.seach_alone_courses.clearfix h3 {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-transform: uppercase;
    margin: 13px 0;
    font-weight: 400
}

.seach_alone_courses .dropdown {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    float: left;
    height: 50px;
    margin: 0 1.4%;
    padding: 0;
    width: 21%
}

.easier_course .dropdown a {
    background: url(../images/catg_btn.png) 15px 23px no-repeat rgba(0, 0, 0, 0);
    color: #8d8d8d;
    display: inline-block;
    font-family: Open Sans;
    font-size: 20px;
    padding: 16px 30px 14px 45px;
    text-decoration: none
}

.user_profile .dropdown-menu {
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: none;
    margin: 0;
    padding: 10px 8px;
    width: 240px
}

.easier_course h2 span {
    font-weight: 300
}

.course_searching {
    float: left;
    width: 45%;
    margin: 0 0 0 2%
}

.course_searching .btn.btn-primary {
    background: url(../images/search_icon.png) 14px center no-repeat #fff;
    border-color: #8d8d8c #8d8d8c #8d8d8c -moz-use-text-color;
    border-image: none;
    border-radius: 0 10px 10px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    height: 58px;
    padding: 0;
    width: 10%
}

.watch_listen_practice_section {
    margin-top: 15px
}

.well_one p {
    width: 270px
}

.demo_slides_one #owl-demo .item {
    padding: 5px 0;
    border: 1px solid #f1f1f1
}

.learn_remeber .btn.btn-primary {
    background-color: #3c99df;
    border: none;
    border-radius: 0;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    outline: 0;
    padding: 10px 20px
}

.seach_alone_courses .dropdown a {
    background: url(../images/replace.png) -312px -247px no-repeat rgba(0, 0, 0, 0);
    color: #8d8d8d;
    display: block;
    font-family: open sans;
    font-size: 16px;
    padding: 12px 31px;
    box-shadow: 2px 2px 11px 4px #eee inset;
    text-decoration: none
}

.block_img img {
    display: none
}

.select_arrow {
    background: url(../images/replace.png) -592px -252px no-repeat rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    position: absolute;
    right: 15px;
    top: 6px;
    width: 37px
}

.seach_alone_courses .dropdown a b.caret {
    display: none
}

.seach_alone_courses button {
    background: #3c99df;
    border: none;
    font-family: roboto;
    font-size: 18px;
    height: 49px;
    padding: 0 2.6%;
    text-transform: uppercase;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}

.search-block {
    padding: 0 0 0 5%
}

.seach_alone_courses button:hover {
    background: #3c99df
}

.course_searching input[type=text] {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: 2px 2px 11px 4px #eee inset;
    color: #8d8d8d;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    height: 50px
}

.learn_remeber {
    display: table;
    float: none;
    margin: 25px auto 0
}

.tab_block,
.txt {
    margin-top: 28px
}

.course_searching .more_one_portiion {
    border: 1px solid #8d8d8d;
    border-radius: 8px 0 0 8px;
    float: left;
    color: #8d8d8d;
    font-family: Open Sans;
    font-size: 20px;
    height: 58px;
    outline: 0;
    text-indent: 20px;
    width: 100%
}

.watch_listen_practice_section {
    background: #f5f5f5;
    padding: 35px 0
}

.tab_block ul.nav-tabs li a {
    color: #262626;
    font-family: open sans;
    text-decoration: none;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0;
    background: 0 0
}

.tab_block .nav-tabs>li.active>a,
.tab_block .nav-tabs>li.active>a:focus,
.tab_block .nav-tabs>li.active>a:hover {
    background: 0 0
}

.tab_block ul.nav-tabs li.active a {
    color: #158d8e
}

.courses_block h4 a,
.txt {
    color: #333;
    font-family: open sans
}

.tab_block ul li a span {
    font-weight: 300
}

.txt {
    font-size: 18px;
    margin-bottom: 35px
}

.tab_block ul {
    border-bottom: medium none;
    margin-bottom: 0;
    padding: 0
}

.courses_block h4 a {
    font-size: 16px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 600;
}

.courses_block p.rate,
.user-img-b p {
    font-weight: 600;
    font-family: open sans
}

.courses_block p.rate {
    color: #000;
    float: right;
    font-size: 16px;
    margin-bottom: 0
}

.course_b {
    border: 1px solid #e1e1e1;
    padding: 8px;
    margin-bottom: 30px
}

.user-img-b {
    left: 15px;
    position: absolute;
    top: 25px;
    display: none
}

.img_hover:hover .bg,
.img_hover:hover .user-img-b {
    display: block
}

.user-img-b p {
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-transform: capitalize
}

.categ .sidebar_block ul li a,
.sidebar-user.menu .sidebar_block ul li a,
.sidebar_block ul li h4 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course_b .img_hover {
    position: relative
}

#magic-line,
.course_b .bg {
    position: absolute;
    right: 0;
    left: 0
}

.course_b .bg {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: none;
    top: 0
}

.course_b img {
    width: 100%
}

.detail_block .star_rating {
    float: left
}

.courses_block .course_b {
    box-shadow: 1px 2px 7px -1px #aaa;
    border: none
}

#example-one {
    position: relative
}

#example-one li {
    display: inline-block
}

#magic-line {
    bottom: -1px;
    width: 16%;
    height: 1px;
    background: #158d8e;
    margin: 0
}

.ie6 #example-one li,
.ie7 #example-one li {
    display: inline
}

.ie6 #magic-line {
    bottom: -3px
}

.tab_block ul.nav-tabs li a,
.tab_block ul.nav-tabs li a:hover,
.tab_block ul.nav-tabs li.active a:hover {
    border: none!important;
    margin: 0;
    line-height: normal;
    border-radius: 0
}

.tab_block ul li {
    position: static
}

.tab_block ul.nav-tabs li {
    padding: 0 4.95%
}

.tab_block ul.nav-tabs {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0 14% 20px
}

.sidebar_left .categories_block ul li span.category-name {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.sidebar_left .categories_block ul {
    padding: 0 10px
}

.sidebar_left .categories_block {
    margin-bottom: 15px
}

.sidebar-user.menu .sidebar_block ul li a {
    color: #919191;
    display: block;
    font-family: open sans;
    padding: 4px 15px;
    text-transform: capitalize
}

.sidebar-user.menu .sidebar_block ul li {
    margin: 0 0 5px;
    position: relative
}

.sidebar-user.menu .sidebar_block ul li.active span.r-arrow,
.sidebar-user.menu .sidebar_block ul li:hover span.r-arrow {
    display: block
}

.sidebar-user.menu .sidebar_block ul li span.r-arrow {
    background: url(../images/arrow-clr.png) right center no-repeat rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    top: 0;
    width: 20px
}

.sidebar-user.menu .sidebar_block ul li a:hover {
    color: #fff;
    text-decoration: none
}

.sidebar-user.menu .sidebar_block ul li:last-child,
.sidebar-user.menu ul {
    margin-bottom: 0
}

.sidebar_block ul {
    list-style: none;
    padding: 0
}

.subblock {
    padding-top: 30px
}

.categ .sidebar_block ul li a {
    color: #919191;
    display: block;
    padding: 4px 15px;
    text-transform: capitalize;
    font-family: open sans
}

.categ .sidebar_block ul li span.r-arrow {
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    width: 20px;
    top: 0;
    background: url(../images/arrow-clr.png) right center no-repeat
}

.categ .sidebar_block ul li {
    position: relative;
    margin: 0 0 5px
}

.sidebar_block ul li.active span.r-arrow,
.sidebar_block ul li:hover span.r-arrow {
    display: block
}

.sidebar_block ul li a:hover {
    background: #158d8e;
    text-decoration: none;
    color: #fff
}

.course_info {
    background: #f5f5f5;
    padding-bottom: 20px;
    padding-top: 35px
}

.sidebar_block ul li h4 {
    color: #7f8689;
    padding: 0 15px;
    font-weight: 700;
    margin: 18px 0 6px;
    font-family: open sans
}

.promo_block h2,
.promo_block p {
    color: #555;
    font-family: open sans
}

.course_info .sidebar_block {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff
}

.course_info .block2 {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px
}

.promo_block a,
.promo_block a:hover {
    background: #158d8e
}

.promo_block h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    padding-top: 15px
}

.promo_block p {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 0 2px
}

.promo_block a,
.video_block label {
    font-weight: 700;
    font-family: open sans
}

.promo_block a {
    line-height: 35px;
    text-align: center;
    color: #fff;
    display: table;
    padding: 0 10px;
    margin: 0 auto;
    border-radius: 3px;
    text-decoration: none
}

.lach_dev.course_sidebar .leftnopad span {
    color: #259596;
    text-transform: uppercase
}

.promo_block {
    padding: 0 0 12px
}

.video_block {
    margin: 0 auto;
    width: 70%
}

.video_block label {
    display: block;
    color: #526075;
    font-size: 13px
}

.video_block p,
.video_block p b {
    color: #444;
    font-family: open sans
}

.video_block p b {
    font-size: 14px;
    margin-top: 10px;
    display: block
}

.video_block p {
    font-size: 13px
}

.block3 {
    border: 1px solid #a9a9a9;
    padding: 15px 20px
}

.fileUpload {
    position: relative;
    overflow: hidden
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%
}

.fileUpload.btn.btn-primary span {
    font-size: 14px;
    font-family: open sans
}

.fileUpload.btn.btn-primary {
    background: #17aa1c;
    border: none;
    padding: 5px 12px;
    border-radius: 3px;
    float: left
}

.format {
    border: 1px solid #e1e1e1;
    height: 35px;
    position: relative;
    font-family: open sans;
    padding: 0;
    margin-right: 2%
}

.upload_type {
    margin-bottom: 13px;
    margin-top: 20px
}

.fileUpload.btn.btn-primary:hover {
    background: #42943f
}

.video_block .block3 a:hover {
    color: #428bca
}

.active a:focus {
    outline: 0;
    text-decoration: none
}

.sidebar-user.menu .sidebar_block ul li.active a {
    background: #158d8e;
    color: #fff;
    text-decoration: none
}

.mobile_menu .icon-close,
.mobile_menu .jumbotron {
    display: none
}

.block3 span {
    color: #428bca
}

.course_info.danger_zone .image_sec.subblock {
    padding-top: 0
}

.video_b {
    display: table-cell;
    font-size: 18px;
    height: 250px;
    text-decoration: underline;
    vertical-align: middle
}

.text_block {
    border: 1px dotted;
    position: relative
}

.video_b.video_upload {
    display: block;
    height: auto
}

.tip p {
    font-size: 12px
}

.image_sec .tip b {
    font-family: open sans;
    font-size: 11px;
    font-weight: 600
}

.image_sec .tip {
    margin-top: 12px
}

.upload_type .format_type {
    float: left;
    width: 72%
}

.button-block {
    float: left;
    width: 28%
}

.progress.progress-striped.progress_upload {
    left: 0;
    position: absolute;
    right: 0;
    border-radius: 0
}

.upload_type .fileUpload.btn.btn-primary {
    background: #428bca;
    border-radius: 3px;
    width: 100%;
    padding: 0 12px;
    line-height: 35px
}

.image_sec .fileUpload.btn.btn-primary span {
    display: block;
    font-size: 13px
}

.image_sec button,
.image_sec input[type=submit] {
    border-radius: 5px;
    border-color: #4cae4c;
    background: #5cb85c;
    display: table;
    float: none;
    font-family: open sans;
    font-size: 14px;
    padding: 6px 14px
}

.subblock .text_block a:hover {
    color: #335d82
}

.image_sec button:hover,
.image_sec input[type=submit]:hover {
    background-color: #47a447;
    border-color: #398439
}

.image_container {
    display: block;
    height: 300px;
    width: 100%
}

.tip a {
    color: #428bca
}

.save_btn {
    margin: 0 auto 15px
}

.upload_type .error_msg {
    background: red;
    color: #fff
}

#cropContainerPreload.image_container {
    border: 1px solid #ccc;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#cropContainerPreloadCourse.image_container {
    border: 1px solid #ccc;
    height: 402px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#cropContainerPreloadCourse.image_container img {
    height: 100%
}

.text_block strong {
    display: block;
    font-size: 15px;
    padding: 0 16px;
    position: absolute;
    top: 45%;
    color: #428bca
}

#image_prograss,
#video_prograss {
    font-size: 20px;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    right: 0
}

.video_change button {
    background: #f39c12;
    border: none;
    border-radius: 3px;
    padding: 6px 0;
    width: 100%;
    color: #fff
}

.video_b video {
    width: 100%
}

.video_change {
    float: right;
    width: 20%
}

#image_prograss {
    color: #00ced1;
    margin: 0 auto;
    top: 45%;
    z-index: 999
}

#video_prograss {
    color: #C30
}

.progress.progress-striped.progress_upload {
    height: 100%;
    margin: 0
}

.btn.btn-color.save_btn {
    margin-top: 35px
}

.format span {
    display: block;
    line-height: 32px;
    padding: 1px 10px;
    width: 100%
}

.change_btn br,
.video_b.video_upload #video_prograss {
    display: none
}

.progress.progress-striped.progress_upload p {
    left: 10px;
    margin: 0;
    position: absolute;
    text-transform: capitalize;
    top: 7px
}

.cropImgWrapper {
    width: 100%!important
}

.format p {
    margin: 0
}

.change_btn button,
.change_btn input[type=button] {
    background: #f39c12;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 7px 14px;
    width: 100%
}

.change_btn button,
.change_btn input[type=button]:hover {
    background: #f39c12!important
}

.video_b {
    padding: 5px 0
}

.profile_image {
    padding: 10px 0 0
}

.profile_image img {
    border-radius: 80px;
    height: 150px;
    width: 150px
}

.profile_image h3 {
    border-bottom: 1px solid #d8d8d8;
    color: #353535;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 12px 0;
    text-transform: capitalize
}

.change_btn.button_block .fileUpload.btn.btn-primary {
    width: 100%
}

.button_footer .btn.btn-color {
    display: table;
    margin: 0 auto;
    width: 130px
}

.course_info.account-b .button_footer .btn.btn-color {
    width: 160px
}

.account_block {
    margin: 0 auto;
    width: 70%
}

.account_block .form-group input[type=password] {
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    box-shadow: none;
    min-height: 30px;
    width: 100%
}

.account_block .form-group {
    margin: 0 0 12px
}

.email_edit i {
    float: right;
    font-size: 21px
}

.email_edit p span {
    font-weight: 700;
    text-transform: uppercase;
}

.page-content.account_block label {
    display: block
}

.page-content.account_block textarea {
    width: 100%
}

.email_edit p {
    font-family: open sans;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize
}

.email_edit {
    border: 1px solid #a8a8a8;
    padding: 10px 8px
}

.modal-dialog.edit_popup input[type=email],
.modal-dialog.edit_popup input[type=password] {
    border: 1px solid #a8a8a8;
    min-height: 30px;
    text-indent: 10px;
    width: 100%
}

.modal-dialog.edit_popup h4 {
    font-family: open sans;
    text-transform: uppercase
}

.edit_popup .modal-body {
    margin: 0 auto;
    padding: 6px 10px
}

.edit_popup .modal-footer {
    border: none;
    display: table;
    margin: 0 auto 10px;
    padding: 0
}

.btn.btn-color:focus {
    outline: 0
}

.btn.btn-color {
    background: #158d8e;
    color: #fff;
    padding: 7px 20px;
    text-transform: capitalize;
    border-radius: 3px;
    border: none
}

.btn.btn-color:hover {
    background: #e59859
}

.course_info p.alert.alert-danger,
.edit_popup .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    border-radius: 0
}

.image_sec.subblock p i {
    display: block;
    float: left;
    margin: 0 10px 0 0
}

section.services.editor_block .text_area-b .redactor_box {
    margin-bottom: 20px;
    height: auto
}

.image_sec.subblock .alert.alert-success.fade.in.block-inner {
    margin: 0 1% 20px
}

.account_block .btn.btn-color {
    margin: 0 auto
}

.edit_popup .alert-danger {
    margin: 0 0 8px;
    padding: 4px
}

body.modal-open {
    padding-right: 17px
}

.modal-dialog.edit_popup {
    width: 400px;
    top: 210px
}

.course_info p.alert.alert-danger {
    margin: 3px 4% 5px;
    padding: 5px 6px
}

.modal-dialog.blog-popup textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 120px
}

.modal-dialog.blog-popup .row {
    margin: 0
}

.curriculam-block .modal-body ul {
    padding: 0
}

.page-content.account_block span.input-group-addon {
    border: 1px solid #a8a8a8;
    border-radius: 0;
    padding: 0 10px;
    border-left: none
}

.page-content.account_block input[type=text],
.page-content.account_block select {
    border: 1px solid #a8a8a8;
    min-height: 30px;
    text-indent: 10px;
    width: 100%;
    border-radius: 3px
}

.select select {
    padding: 5px 0
}

.page-content.account_block .input-group input[type=text] {
    border-radius: 0;
    height: 30px;
    padding: 0
}

.page-content.account_block .input-group {
    margin-bottom: 12px
}

.page-content.account_block .input-group span.input-group-addon {
    border-left: 1px solid #a8a8a8;
    border-right: medium none
}

.course_info.profile .btn.btn-color {
    display: table;
    margin: 0 auto
}

.account_block .input-group-addon {
    background: #ccc;
    color: #555;
    font-family: open sans;
    font-size: 14px
}

.account_block .title {
    color: #555;
    font-family: open sans
}

.input-group #headline {
    border-right: medium none
}

.course_info .input-group.head_line span.input-group-addon {
    border-right: 1px solid #a8a8a8
}

.course_info.profile .input-group input[type=text] {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.course_info.profile .input-group span.input-group-addon,
.course_info.profile .input-group.head_line input[type=text] {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.course_info.profile.profile_block .input-group.head_line span.input-group-addon {
    border-radius: 0 3px 3px 0
}

.course_info.profile .input-group.head_line input[type=text] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.section_notification .image_sec.subblock {
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 0 20px
}

.section_notification {
    display: table;
    margin: 0 auto;
    padding: 0 20px
}

.section_notification ul {
    padding: 0;
    margin: 0
}

.section_notification h4 {
    font-family: open sans;
    font-size: 16px;
    margin-top: 20px
}

.warning_note {
    border: 1px solid #ddd;
    margin-top: 20px;
    padding: 12px 20px;
    margin-bottom: 20px
}

.section_notification .image_sec.subblock ul li {
    margin: 12px 0
}

.course_info .section_notification label {
    margin-bottom: 0
}

.section_notification .image_sec.subblock ul li label,
.warning_note label {
    font-weight: 400
}

.section_notification ul li .icheckbox_square-green,
.warning_note .icheckbox_square-green {
    margin-right: 5px
}

.btn.alert-danger.save_btn {
    background: red;
    border: none;
    border-radius: 0;
    color: #fff;
    width: 80px
}

.btn.alert-danger.save_btn:focus {
    outline: 0
}

.confirm_account .modal-body p {
    font-family: open sans;
    font-size: 14px;
    padding-bottom: 0;
    margin: 0;
    text-transform: capitalize
}

.confirm_account .modal-footer {
    border: none;
    margin-top: 0;
    padding-top: 0
}

.modal-dialog.confirm_account h4 {
    font-family: open sans;
    text-transform: capitalize
}

.confirm_account .modal-footer button {
    padding: 5px 20px;
    margin-right: 3px
}

.modal-dialog.confirm_account {
    width: 400px;
    top: 200px
}

.course_info.danger_zone .sidebar_block {
    border-right: 1px solid #ddd
}

.course_info.danger_zone .promo_block {
    border-left: none;
    border-right: none
}

.premium_inst .promo_block ul li a {
    background: rgba(0, 0, 0, 0);
    color: #000;
    line-height: normal;
    padding: 0
}

.steps-bar {
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative
}

.steps-bar li::after,
.steps-bar li::before {
    content: "";
    position: absolute;
    top: 50%
}

.steps-bar ul {
    height: 44px
}

.steps-bar li:first-child::before {
    display: none
}

.steps-bar li.on::before {
    background: #869f5b;
    transform-origin: right top 0
}

.steps-bar li.off {
    background: #869f5b
}

.steps-bar li::before {
    background: #6b6f77;
    height: 10px;
    left: 0;
    margin: -5px 0 0 -114px;
    width: 115px
}

.steps-bar li.on::after {
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 7px #e4e4e4, 0 1px 1px rgba(0, 0, 0, .5) inset
}

.steps-bar li::after {
    background: url(../images/sprites.png) -56px -565px #cecece;
    border-radius: 99em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    height: 12px;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px
}

.steps-bar li:first-child {
    margin-left: 0
}

.steps-bar li.on {
    background: #869f5b
}

.steps-bar li {
    background: #6b6f77;
    border-radius: 99em;
    display: inline-block;
    height: 36px;
    margin-left: 108px;
    position: relative;
    width: 36px
}

.steps-bar li.on a,
.steps-bar li.on span {
    color: #567c1b
}

.steps-bar li a,
.steps-bar li span {
    color: #636b6f;
    font-weight: 700;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    top: 50px;
    white-space: nowrap;
    width: 140px
}

.steps-bar li.off::before {
    background: #869f5b
}

.steps-bar li.off::after {
    height: 26px;
    margin: -13px 0 0 -13px;
    width: 26px
}

.instructor_terms textarea {
    border: 1px solid #ddd;
    height: 300px;
    margin: 0 0 15px;
    padding: 0 8px;
    width: 100%
}

.image_container img {
    max-width: none;
    width:100%;
}

.blog-img img,
.course_b .img_hover img,
.demo_slides_one .bx-wrapper ul.bxslider li img,
.user_image img,
img {
    max-width: 100%
}

.instructor_terms {
    display: table;
    margin: 0 auto 20px;
    padding: 0 20px;
    width: 70%
}

.instructor_terms label.conditions {
    font-family: open sans;
    font-size: 15px;
    font-weight: 400
}

.instructor_terms label {
    font-family: open sans;
    font-size: 13px;
    color: #526075
}

.instructor_block {
    margin: 0 auto;
    width: 70%
}

.instructor_block input[type=email],
.instructor_block input[type=text] {
    border: 1px solid #a8a8a8;
    box-shadow: none;
    height: 30px;
    width: 100%
}

.instructor_block .form-group {
    margin: 0 0 16px
}

.instructor_block label {
    color: #555;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

.instructor_block select {
    border: 1px solid #a8a8a8;
    box-shadow: none;
    height: 30px;
    border-radius: 4px;
    width: 40%
}

.update_account h2 {
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    margin: 70px 0 30px
}

.mycourse_block.instructor-b .course-list-section .block_course .business_office .image a {
    display: table-cell;
    height: 170px;
    vertical-align: middle;
    width: 1%
}

.mycourse_block.instructor-b .course-list-section .block_course .business_office a img {
    height: auto;
    width: 100%
}

.recent_block h3 {
    color: #000;
    font-family: open sans;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 42px
}

.desc span a,
.recent_sub h4 {
    text-transform: capitalize
}

.recent_block h3 span {
    font-weight: 300;
    margin-left: 4px
}

.recent_sub h4 a {
    color: #158d8e;
    font-family: open sans;
    text-decoration: none
}

.recent_sub h4 {
    font-size: 16px;
    margin: 0;
    line-height: normal
}

.comments,
.recent_sub .desc,
.view_more {
    font-size: 13px;
    font-family: open sans
}

.recent_sub .desc {
    color: #4b4b4b;
    line-height: 22px;
    margin: 4px 0
}

.comments {
    color: #a7a7a7
}

.desc span a,
.view_more {
    color: #158d8e;
    text-decoration: none
}

.user-img img {
    height: auto;
    width: 80px
}

.recent_sub {
    border-bottom: 1px dotted #d8d8d8;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.adv_block {
    display: table;
    margin: 0 auto
}

.recent_block,
.recent_sub .comments {
    margin-bottom: 0
}

.recent_block {
    background: #e8e8e8;
    padding-bottom: 30px;
    padding-top: 40px
}

body #page-wrapper-full.gray-bg,
body.course-body {
    background: #f5f5f5
}

.recent_sub h4 a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.categ_list .title_sec h4 {
    color: #353535;
    font-family: open sans;
    font-size: 16px;
    padding: 0 18px;
    font-weight: 700;
    margin: 18px 0
}

.format span#test_error {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar_left .title_sec {
    border-bottom: 1px solid #d8d8d8
}

.sidebar_left .title_sec:last-child {
    border-bottom: none
}

.course-list-section h2.list_title {
    color: #030404;
    font-family: open sans;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 14px 0;
    text-transform: uppercase
}

.categ_list .mang_develop li {
    margin-bottom: 10px
}

.course-list-section {
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8
}

.view_block {
    float: right;
    margin-right: 80px;
    margin-bottom: 12px
}

.view_block a {
    background: #158d8e;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: open sans;
    font-size: 13px;
    font-weight: 700;
    line-height: 37px;
    padding: 0 10px;
    text-transform: uppercase
}

.block_course .course_detail h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin: 7px 0;
    text-transform: capitalize
}

.block_course .course_detail h4 a {
    color: #333;
    font-family: open sans;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-transform: capitalize;
}

.block_course .course_detail p {
    color: #4d4d4d;
    font-family: open sans;
    font-size: 13px
}

.block_course .course_detail p.rate {
    color: #000;
    padding-bottom: 0;
    min-height: 0;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.block_course .item {
    padding: 10px
}

.block_course .owl-pagination,
.block_course .ratings input[type=range] {
    display: none
}

.block_course {
    position: relative
}

.block_course .owl-buttons {
    position: absolute;
    right: 0;
    top: -49px
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/white_arrow.png) 9px center no-repeat #158d8e;
    border-radius: 3px 0 0 3px;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px
}

.view_block i {
    margin-left: 4px
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    background-color: #1b7a7b
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right_white_arrow.png) 14px center no-repeat #158d8e;
    border-radius: 0 3px 3px 0;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px;
    border-left: 1px solid #1f9fa0
}

.block_course .owl-wrapper-outer {
    border-top: 1px solid #d8d8d8;
    padding-top: 18px
}

.course-list-section .mycourse_block .block_course,
.star_rating ul {
    padding: 0
}

.course-list-section:last-child {
    border-bottom: none
}

.develpoment_this_sec.categ_list {
    margin-top: 40px
}

.block_course {
    margin-bottom: 20px
}

body {
    background: #f5f5f5!important
}

.image img {
    width: 100%
}

.sidebar_left .mang_develop li span.category-count {
    float: right;
    margin-left: 8px
}

.course_detail p.description {
    height: 37px;
    overflow: hidden
}

.star_rating ul li img {
    height: 15px;
    width: 15px
}

.block_course .item {
    box-shadow: 0 2px 5px 0 #aaa;
    background: #fff;
    border-radius: 0
}

body.minimize-sidemenu #page-wrapper,
body.minimize-sidemenu #page-wrapper-full {
    margin: 0
}

.trendieng .newest_coursing {
    margin-top: 0
}

.trendieng .course_detail p.rate {
    min-height: 0
}

.trendieng.search .course_detail p {
    margin-bottom: 10px
}

.trendieng .ratings {
    margin-bottom: 4px
}

.trendieng .course_detail p.descrip {
    height: 38px;
    overflow: hidden
}

.course-list-section .course_detail p.rate {
    margin-bottom: 0
}

.course-list-section .newest_coursing {
    margin-bottom: 25px;
    border-bottom: 1px solid #d8d8d8
}

.trendieng .business_trend .treaty_trick {
    margin: 20px 1%;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, .2)
}

.curriculam-block {
    margin-top: 30px
}

.create-course.instructors input[type=text] {
    float: left;
    width: 80%
}

.create-course.instructors input[type=button] {
    height: 38px;
    margin-left: 2%;
    width: 18%
}

.create-course.detail-block .form-group input[type=submit] {
    margin-top: 35px
}

.course-list-section .mycourse_block .block_course .business_office a img {
    height: 160px
}

.photography_section .ajax-comments #openreplybox {
    color: #e59859;
    display: block;
    font-size: 13px;
    font-weight: 700
}

.photography_section ul.pagination {
    margin: 20px 0 0
}

.course-list-section .mycourse_block .col-xs-6 {
    padding: 0 10px
}

.mycourse_block h2.title {
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 0;
    line-height: 35px
}

.course_b .img_hover img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 255px
}

.mycourse_block .TeachingCourse_create p.discover_courses a {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 12px;
    text-transform: uppercase;
    background: #158d8e;
    border-radius: 3px;
    color: #fff
}

.reg_form.new_reg_form.mycourse_block .head_block {
    border-bottom: 1px solid #dedede;
    padding: 0 0 6px
}

.mycourse-p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    margin: 27px 0
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
    color: #a2a2a2;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 45px;
    background: 0 0
}

.head_block.learning-b select {
    height: 35px
}

.mycourse_block .block_course {
    margin-bottom: 30px
}

.mycourse_block .block_course .business_office a img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
    width: 250px
}

.mycourse_block .course-list-section .block_course .business_office a img {
    height: 160px
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a:hover {
    color: #333
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
    border: 1px solid #e1e1e1;
    color: #333;
    border-bottom: none;
    background: #f5f5f5
}

.mycourse_block .nav-tabs>li.active>a,
.mycourse_block .nav.nav-tabs li,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active {
    border-bottom: medium none
}

.mycourse_block .tab-block-mycourse ul.nav.post.nav-tabs.usernavbar {
    float: left
}

.course-list-section .item .image img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 155px;
    width: 194px;
    display: block
}

.categ_list .course-list-section .item .image img {
    width: 100%
}

.reg_form.new_reg_form.mycourse_block .block_course {
    padding: 0
}

.mycourse_block .block_course .image a {
    height: auto
}

.mycourse_block .tab-block-mycourse {
    margin: 10px 0 20px;
    padding-right: 15px
}

.head_block {
    padding: 10px 0
}

.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li {
    padding: 0
}

.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li a {
    margin: 0
}

.mycourse_block .nav-tabs,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active a,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active a:hover {
    border-bottom: none
}

.modal-dialog.course_popup,
.mycourse_block .nav-tabs>li.active,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li a:hover {
    border: none
}

.mycourse_block .sidebar_left ul li a:hover {
    color: #f9a530
}

.mycourse_block .tab-block-mycourse ul li a {
    padding: 0 20px
}

body #page-wrapper-full.gray-bg {
    padding-bottom: 20px
}

.mycourse_block .tab-block-mycourse ul li {
    position: static
}

.course_popup .modal-header .close span {
    display: block;
    font-size: 20px;
    margin-top: -3px
}

.block_course .item {
    margin: 5px
}

.head_block .TeachingCourse_create {
    float: right;
    width: auto
}

.head_block h2.title {
    float: left
}

.mycourse_block .nav-tabs>li>a:hover {
    background: 0 0;
    color: #1ab394;
    font-weight: 400
}

.head_block .TeachingCourse_create a:hover {
    background: #158d8e
}

.course-my.breadcrumb {
    margin-top: 35px
}

.create-course.help-s .lach_dev.resp-tab-content.course_tab h3.title_block {
    color: #000;
    margin: 5px 0 15px
}

.create-course.help-s .details {
    color: #333;
    font-size: 14px;
    margin: 5px 0 15px
}

.reg_form.new_reg_form.mycourse_block .TeachingCourse_create p.discover_courses {
    margin: 0;
    padding: 0
}

.reg_form.new_reg_form.mycourse_block .tab-block-mycourse {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 30px;
    padding: 0
}

.reg_form.new_reg_form.mycourse_block .select-section {
    float: right
}

.reg_form.new_reg_form.mycourse_block .select-section select {
    margin: 0
}

.usercomments .feedback-comment p {
    color: #2f3945;
    font-family: open sans;
    font-size: 13px;
    margin: 2px 0 10px;
    line-height: 25px
}

.feedback .usercomments .details h4.user_name {
    color: #2f3945;
    font-family: open sans;
    font-size: 15px;
    margin-top: 0;
    padding: 0
}

.feedback .usercomments .details.user-block h4.user_name {
    margin-bottom: 4px
}

.usercomments.odd .user-block,
.usercomments.sec2.odd .col-sm-10,
.usercomments.sec2.odd .col-sm-2 {
    float: left
}

.usercomments.odd .user-block h4,
.usercomments.odd .user-block span.time {
    margin-left: 0
}

.feedback .usercomments.odd .details .time,
.feedback .usercomments.odd .feedback-comment p {
    text-align: left
}

.feedback .usercomments.sec2 {
    background: 0 0;
    border: 1px solid #dedede;
    margin-bottom: 5px
}

.usercomments.feedback-b .replyto {
    color: #259596;
    display: block;
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 5px
}

.feedback .usercomments .details .time {
    color: #158d8e;
    font-family: open sans
}

.usercomments.feedback-b .btn.btn-color.cancel {
    background: red
}

.course_sidebar h4.tabtitle {
    font-size: 16px;
    padding: 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: open sans;
    color: #259596;
    font-weight: 600;
    text-transform: uppercase
}

.create-course .block2 {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 6px
}

.course_sidebar .tabtitlemang.mang_develop li span {
    color: #919191;
    font-family: open sans;
    font-size: 14px
}

.course_sidebar .multi_development h4 i {
    margin-right: 3px
}

.course_sidebar .tabtitlemang.mang_develop li {
    padding: 4px 0 4px 30px;
    margin: 0;
    position: relative
}

.course_sidebar .lach_dev_at {
    margin: 0
}

.course_sidebar .tabtitlemang.mang_develop {
    padding: 0
}

.reg_form.new_reg_form.mycourse_block {
    margin-top: 30px
}

.course_sidebar .tabtitlemang.mang_develop li a span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course_sidebar .tabtitlemang.mang_develop li:hover {
    background: #158d8e
}

.course_sidebar .tabtitlemang.mang_develop li a span.r-arrow {
    background: url(../images/arrow-clr.png) right center no-repeat rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    top: 0;
    width: 19px
}

.course_sidebar .tabtitlemang.mang_develop li:hover .r-arrow {
    display: block
}

.course_sidebar .tabtitlemang.mang_develop li:hover a span {
    color: #fff
}

.create-course .course_basic.course_newbasic p {
    font-size: 13px;
    font-family: open sans;
    color: #848383;
    font-weight: 400
}

.create-course .course_basic.course_newbasic h4 {
    color: #333;
    margin-top: 0;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    padding: 0
}

.create-course .lach_dev.resp-tab-content.course_tab .form-group label {
    font-family: open sans;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    padding-left: 0
}

.create-course .course_basic.course_newbasic {
    margin-top: 12px;
    margin-bottom: 34px
}

.create-course .form-group input[type=text],
.create-course .form-group select {
    border: 1px solid #d9d9db;
    border-radius: 6px!important;
    font-size: 14px!important;
    height: 40px
}

.create-course .form-group textarea {
    border: 1px solid #d9d9db;
    border-radius: 6px!important;
    font-size: 14px!important
}

.create-course .form-group {
    margin: 0 0 35px
}

.create-course .video_block {
    width: 80%;
    padding-bottom: 20px
}

.create-course .image_sec.subblock.curriculam_upload .video_block {
    width: 65%
}

.create-course.detail-block .form-group input[type=text] {
    float: left;
    width: 85%
}

.create-course.detail-block .form-group input[type=button] {
    height: 38px;
    margin-left: 2%;
    padding-bottom: 0;
    padding-top: 0;
    width: 13%
}

.create-course.detail-block .form-group .col-xs-12.text-a {
    padding: 0
}

.create-course .lach_dev {
    margin-top: 0
}

.create-course {
    margin-top: 35px
}

.develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3 {
    padding: 0 4px
}

.discover_courses {
    margin: 10px 0;
    padding: 5px 0
}

.block_course .feature.follow_b {
    background: red;
    border: none;
    color: #fff;
    left: 10px;
    padding: 4px 8px;
    position: absolute;
    text-transform: capitalize;
    top: 10px
}

.modal-open header.expert {
    padding-right: 17px
}

.block_course .business_office .btn.favoritebtn.heart_align {
    right: 5px;
    top: 3px
}

.create-course.privacy .privacy_tabs.nav.nav-tabs.tab_public {
    margin-bottom: 2px
}

.create-course.privacy .tip_privacy {
    line-height: 23px;
    margin-top: 12px
}

.create-course.privacy .tab_ul li {
    float: left;
    margin-right: 10px
}

.create-course.privacy .tab_ul {
    margin-bottom: 10px
}

.create-course.privacy .des_margin {
    margin-bottom: 20px
}

.not_publish {
    color: red
}

.publish_txt {
    color: #158d8e
}

.course-header.well .lead a.btn.btn-primary {
    background: #158d8e;
    border: 1px solid #158d8e;
    border-radius: 3px;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    padding: 0 10px;
    text-transform: uppercase
}

.mycourse_block .HomeScroll.tab-content #WishlistCourse {
    padding-top: 0
}

.course-header.well .btn-block p.lead {
    margin-bottom: 0
}

.well.course-header .btn-block {
    float: right;
    margin: 25px 0;
    width: auto
}

.well.course-header {
    padding: 15px;
    margin-bottom: 30px
}

.well.course-header .btn-block .btn.btn-primary:hover {
    background: #158d8e;
    border: 1px solid #158d8e
}

.course-header.well .image img {
    background-size: contain;
    height: 150px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center center
}

.course-header.well .detail h4 {
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.curriculam-block .lach_dev.resp-tab-content.course_tab,
.lach_dev.course_sidebar {
    margin-top: 0
}

.lach_dev.course_sidebar ul.mang_develop li h4 span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-header.well .detail p {
    font-size: 14px
}

.course-header {
    background: #fff;
    box-shadow: none
}

.course-header.well .detail {
    float: left;
    margin: 16px 0;
    width: auto
}

.well.course-header .image img {
    height: 76px;
    width: 100px;
    margin-top: 7px
}

.course-header.well .btn-block p.lead {
    float: right
}

section.user-profile-block .user-info h3 {
    font-family: open sans;
    font-size: 24px;
    margin: 25px 0 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400
}

section.user-profile-block .user-info p {
    font-family: open sans;
    font-size: 18px;
    margin-bottom: 28px;
    font-weight: 400;
    color: #fff
}

section.user-profile-block .user-info {
    background: #158d8e;
    margin-bottom: 30px
}

section.user-profile-block {
    background: #f5f5f5
}

section.user-profile-block .msg {
    background: #158d8e;
    color: #fff;
    display: table;
    font-family: open sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    margin: 25px auto 0;
    padding: 0 50px;
    text-align: center;
    text-transform: uppercase
}

.content-right h5,
.student-course ul li p,
.title-l {
    text-transform: capitalize
}

.reg_form.new_reg_form.mycourse_block {
    padding: 0 15px
}

.content-right>ul,
.social-b {
    padding: 0
}

.social-b {
    margin-top: 25px
}

.social-b li {
    float: left;
    margin: 0 12px
}

.content-right h5 {
    color: #353535;
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0
}

.content-right .desc-1,
.desc-2 li,
.desc-3,
.student-course ul li p {
    color: #333;
    font-size: 16px;
    font-family: open sans
}

.content-right .desc-1 {
    line-height: 30px;
    margin-bottom: 35px
}

.desc-2 li {
    font-weight: 700;
    margin-bottom: 15px
}

.desc-2 li span,
.desc-3 {
    font-weight: 400
}

.desc-3 {
    line-height: 25px;
    margin: 25px 0 40px
}

.student-course ul {
    padding: 0;
    margin: 0
}

.student-course ul li {
    border-left: 1px solid #e3e3e3;
    float: left;
    padding: 0 20px;
    text-align: center
}

.content-section {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px
}

.title-l {
    color: #158d8e;
    font-family: open sans;
    font-size: 24px;
    text-align: center;
    margin: 28px 0
}

.student-course ul li h4 {
    color: #333;
    font-family: open sans;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0
}

.social-b li a {
    background: url(../images/social-sprites.png) no-repeat rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px
}

.social-b li:first-child+li a {
    background-position: -52px 0
}

.social-b li:first-child+li+li a {
    background-position: -102px 0
}

.social-b li:first-child+li+li+li a {
    background-position: -154px 0
}

.create-course .danger-zone h4 {
    padding-left: 0
}

.create-course.dangerzone .col_space p {
    font-family: open sans;
    font-size: 14px;
    text-align: center
}

.create-course.dangerzone .danger-zone p {
    text-align: left
}

.danger-zone a.btn.btn-danger {
    background: red;
    border: none;
    border-radius: 4px;
    display: inline-block;
    margin-top: 15px;
    padding: 7px 20px;
    text-shadow: none
}

.demo_slides_one .bx-pager.bx-default-pager,
.demo_slides_one .owl-pagination {
    display: none
}

.danger-zone a.btn.btn-color {
    font-family: open sans;
    font-size: 14px;
    margin-top: 10px
}

.create-course.get-start .status-tabs-content h4 {
    padding: 0
}

.create-course.get-start .GetStartedTitle {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    font-size: 20px;
    padding: 12px;
    color: #000;
    font-weight: 400
}

.create-course.get-start .slider_divsblocks .arr {
    border-top: 10px solid #000;
    margin: 8px 0
}

.create-course.get-start .status-tabs-content {
    background: 0 0
}

.demo_slides_one .owl-carousel.clearfix.owl-theme {
    padding: 0
}

.demo_slides_one .bx-controls-direction .bx-prev {
    background: url(../images/replace.png) -342px -148px no-repeat #e5e5e5;
    border-radius: 0;
    height: 74px;
    left: 0;
    margin-left: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 18px;
    width: 40px
}

.demo_slides_one .bx-controls-direction .bx-next {
    background: url(../images/replace.png) -24px -232px no-repeat #e5e5e5;
    border-radius: 0;
    margin-right: 0;
    opacity: 1;
    padding: 0;
    right: 0;
    top: 18px;
    position: absolute;
    width: 40px;
    height: 74px
}

.demo_slides_one .bx-controls-direction .bx-next:hover,
.demo_slides_one .bx-controls-direction .bx-prev:hover {
    background-color: #a6a6a6
}

.demo_slides_one .bx-wrapper ul.bxslider li {
    border: 1px solid #f1f1f1;
    padding: 0
}

.demo_slides_one {
    position: relative;
    margin-bottom: 42px
}

.demo_slides #owl-demo .item {
    text-align: center
}

.modal-dialog.paypal_popup {
    border: none
}

.modal-dialog.paypal_popup .modal-header.header_bg h2 {
    font-family: open sans;
    font-size: 20px;
    margin: 0 0 0 16px;
    text-align: left;
    text-transform: capitalize;
    color: #fff
}

.paypal_popup .modal-header.header_bg {
    padding: 15px 0;
    background: #158d8e
}

.paypal_popup .modal-header .close {
    background: 0 0;
    border: none;
    color: #fff;
    margin: 0 10px 0 0;
    opacity: 1;
    width: auto
}

.modal-dialog.paypal_popup .form-group {
    display: inline-block;
    margin: 0 0 8px;
    width: 100%
}

.modal-dialog.paypal_popup label .asterix {
    color: red
}

.select-style_block {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 15px;
    background: url(../images/gray_arrow.png) right 4% center no-repeat #fff;
}

.select-style_block select {
    padding: 5px 8px;
    height: 40px;
    color: #a8a8a8;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-style_block select:focus {
    outline: 0
}

.paypal_popup .btn.btn-color {
    background: #158d8e;
    border-radius: 2px;
    color: #fff;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    margin-top: 4px;
    padding: 7px 0;
    text-transform: uppercase;
    width: 70%
}

.paypal_popup .select-style_block select {
    font-size: 14px!important;
    height: 40px;
    padding: 5px;
    color: #888
}

.modal-dialog.paypal_popup .form-group input[type=text] {
    border: 1px solid #ccc;
    color: #888;
    border-radius: 3px!important;
    font-size: 14px!important;
    height: 40px
}

.modal-dialog.paypal_popup p.terms_service {
    color: #777;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600
}

.modal-dialog.paypal_popup p.terms_service a {
    color: #158d8e
}

.paypal_popup .course_title,
.paypal_popup .dollar.dollar_font>p {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize
}

.paypal_popup .form-group label {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    margin: 10px 0
}

.paypal_popup #stripe>form {
    margin-bottom: 2px
}

.paypal_popup .modal-body {
    display: table
}

.paypal_popup .modal-body.cont ul li.active a {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    color: #888;
    text-transform: capitalize;
    border-bottom: none
}

.paypal_popup .modal-body.cont ul li a {
    background: rgba(0, 0, 0, 0);
    padding: 5px 15px;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    color: #888
}

.redeem a,
.table-payment .redeem {
    color: #158d8e;
    font-family: open sans;
    font-weight: 700
}

.paypal_popup .modal-body.cont ul li a:focus {
    outline: 0;
    text-decoration: none
}

.paypal_popup .modal-body.cont ul li.active {
    background: #fff;
    position: relative;
    top: 0
}

.modal-dialog.paypal_popup .nav.nav-tabs {
    margin-bottom: 15px;
    margin-top: 10px
}

.dollar.dollar_font p {
    text-align: right
}

.redeem a {
    font-size: 14px;
    text-transform: capitalize
}

.paypal_popup .hide_block input[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px!important;
    box-shadow: none;
    font-size: 12px!important;
    width: 98%
}

.modal-dialog.paypal_popup .course-ti.form-group {
    margin-bottom: 0
}

.course-ti.form-group .col-xs-4 {
    padding-left: 0
}

.hide_block .btn.btn-success {
    background: #158d8e;
    border: 1px solid #158d8e;
    border-radius: 3px;
    height: 34px;
    padding: 0 15px;
    text-transform: uppercase;
    margin-left: .5%;
    float: left
}

.hide_block {
    margin: 10px 0;
    float: left;
    width: 85%
}

.hide_block input[type=text] {
    border: 1px solid #d9d9db;
    border-radius: 3px;
    height: 34px;
    text-indent: 10px;
    width: 274px;
    margin-left: 2%;
    float: left
}

.table-payment .redeem {
    font-size: 16px;
    text-decoration: none;
    float: left;
    margin: 17px 0 0
}

.blog-post h3,
.total-cmt h3.comments-b {
    color: #2f3945;
    font-size: 20px;
    font-family: open sans
}

.expiry-wrapper .select-style_block {
    background-position: right 15% center
}

.block-widget .categories_block ul {
    padding: 0 15px
}

.block-widget .categories_block ul li a:hover {
    background: 0 0
}

.block-widget .categories_block ul li a {
    padding: 0
}

.block-widget .categories_block .label.label-success.pull-right {
    background: #158d8e
}

.blog-post h3 {
    margin-bottom: 20px;
    margin-top: 0
}

.blog-post .blog-info-small {
    margin: 10px 0;
    padding: 0 20px 0 0
}

.blog-post .blog-info-small i {
    margin: 0 3px;
    color: #2f3945
}

.blog-t .blog-post .post-item .blog-info-small {
    padding: 0 20px 0 0
}

.blog-t .blog-post .post-item .summary {
    padding: 0
}

.blog-t .blog-post .blog-img img {
    height: 268px
}

.comment-list blockquote {
    border-left: 3px solid #158d8e;
    margin: 12px 0;
    padding: 7px 10px
}

.comment-list {
    margin-bottom: 20px
}

.expert-plus .blog_view .wrapper-header {
    padding: 0
}

.blog_view h3 {
    margin-top: 0;
    font-family: open sans;
    font-size: 25px
}

.blog_view h3 small {
    color: #888;
    font-family: open sans;
    font-size: 15px;
    margin-left: 2px
}

.blog_view .breadcrumb_block ul li a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px
}

.blog_view .breadcrumb_block ul li {
    float: left
}

.blog_view .breadcrumb_block ul {
    float: none;
    margin: 0;
    padding: 0
}

.blog_view .breadcrumb_block {
    margin: 0
}

.blog_view,
.blog_view.catg_blog .blog-post {
    margin-bottom: 25px
}

.blog-img img {
    height: 200px
}

.text-b textarea,
.text-b textarea:focus {
    border: 1px solid #dedede;
    border-radius: 0;
    padding: 5px 0;
    text-indent: 10px
}

.post-item .title h3 a {
    color: #353535;
    font-family: open sans;
    text-decoration: none
}

.block-widget .categories_block ul li a:focus {
    background: 0 0
}

.blog-post .blog-info-small a {
    color: #333;
    font-family: open sans;
    font-size: 13px
}

.blog_view.catg_blog .summary a i {
    font-size: 16px;
    margin-left: 2px
}

.text-b label {
    color: #353535;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600
}

body.blog .expert-plus {
    margin-bottom: 40px
}

.form-group.btn-s {
    margin-bottom: 0
}

.blog_view .post-item .title h3 a {
    color: #2f3945;
    font-family: open sans;
    font-size: 15px;
    font-weight: 700
}

.breadcrumb-c ul li a,
.breadcrumb-c ul li span {
    font-family: open sans;
    font-size: 14px;
    line-height: 40px
}

.breadcrumb-c ul li a {
    color: #e59859;
    text-decoration: none
}

.breadcrumb-c ul {
    margin: 0;
    padding: 0
}

.breadcrumb-c ul li span {
    color: #fff
}

.breadcrumb-c {
    background: #158d8e;
    margin-bottom: 25px
}

.breadcrumb-c ul li {
    float: left;
    background: url(../images/green-bar.png) left no-repeat;
    padding: 0 13px
}

.blog-info-small ul li:first-child,
.breadcrumb-c ul li:first-child {
    background: rgba(0, 0, 0, 0);
    padding-left: 0
}

.blog-info-small ul {
    margin: 0;
    padding: 0
}

.blog-info-small ul li {
    float: left;
    background: url(../images/graybar.png) left no-repeat;
    padding: 0 8px
}

.blog-post .blog-info-small ul li a,
.blog-post .blog-info-small ul li i,
.blog-post .blog-info-small ul li span {
    color: #636363
}

.blog-post .post-item .summary p,
.blog-post .summary p span {
    color: #333!important;
    font-family: open sans;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 15px
}

.view-block.right-content-b {
    padding: 0 15px
}

.view-block.right-content-b .blog-img img {
    height: auto;
    max-width: 100%
}

.view-block.right-content-b .summary {
    margin-top: 12px
}

.view-block.right-content-b .blog-info-small {
    margin: 15px 0
}

.blog-s .expert-plus {
    margin-bottom: 30px
}

.blog-post .post-item .summary a {
    border-radius: 0;
    line-height: 40px;
    padding: 0 20px
}

.blog-post .post-item {
    background: #fff;
    border: 1px solid #dedede;
    margin-bottom: 17px
}

.right-content-b {
    padding: 20px 8px 20px 0
}

.blog-title {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin: 0 0 23px;
    padding-bottom: 8px
}

label#coursename-error {
    color: red;
    font-family: open sans;
    margin-top: 7px;
    text-align: left
}

.coupon-s,
.coupon-s h3,
.empty-block {
    text-align: center
}

body .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 0;
    color: #a94442;
    padding: 7px 12px
}

body .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 0;
    color: #3c763d;
    padding: 7px 12px
}

body.about-p .expert-plus,
body.blog-s .expert-plus,
body.faq-s .expert-plus,
body.forum-p .expert-plus,
body.service-p .expert-plus {
    margin-top: 0
}

.categ {
    display: none
}

.img_hover .user-img-b img {
    height: auto;
    width: auto
}

.coupon-s a,
.coupon-s p {
    font-size: 14px
}

.coupon-s a,
.coupon-s h3,
.coupon-s p,
.price-b .table>thead>tr>th {
    font-family: open sans
}

.price-b .tips.btn.btn-sm.btn-white {
    background: red;
    color: #fff;
    margin-bottom: 10px
}

.price-b {
    padding: 0 10px 15px
}

.tips.btn.btn-xs.btn-white.edit-icon {
    background: #158d8e;
    border: none;
    padding: 2px 6px
}

.tips.btn.btn-xs.btn-white.edit-icon i {
    color: #fff
}

.price-b .table {
    margin-bottom: 0;
    border: 1px solid #e7eaec
}

.price-b .table-responsive table td,
.table-responsive table th {
    vertical-align: middle!important
}

.coupon-s a {
    background: #158d8e;
    border: 1px solid #158d8e;
    margin: 10px 0
}

.coupon-s h3 {
    color: #353535;
    font-size: 19px
}

.coupon-s {
    margin-bottom: 10px
}

.price-b .table-responsive table td {
    border-right: 1px solid #e7eaec;
    font-family: open sans;
    font-size: 13px;
    height: 40px;
    text-align:center;
}

.price-b .table-responsive,
.price-b .table-responsive table td:last-child,
.price-b .table-responsive table.table th:last-child {
    border: none
}

.price-b .table>thead>tr>th {
    background: #158d8e;
    border-bottom: medium none;
    border-right: 1px solid;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    text-align: center;
}

.paypal_popup .form-group label {
    display: table
}

.paypal_popup .coupon_code {
    color: #555;
    display: block;
    margin: 10px 0
}

.empty-block {
    margin-top: 25px
}

ul.pagination {
    margin: 0;
    padding-right: 10px
}

.develpoment_this_sec.categ_list.mycourse_block .trendieng.search .leak_coursing {
    margin-bottom: 0
}

.pagination li.active span,
.pagination li.active span:hover,
.pagination li:hover a {
    background: #158d8e;
    color: #fff
}

.pagination li a,
.pagination li span {
    padding: 8px 12px
}

.credit-history table.table td {
    font-family: open sans;
    font-size: 14px;
    height: 40px;
    vertical-align: middle;
    border-right: 1px solid #e7eaec;
    text-align: center;
}

.credit-history table.table th {
    background: #158d8e;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    vertical-align: middle;
    border-right: 1px solid #fff;
    text-align: center;
    font-family: open sans
}

.credit-history table.table td:last-child,
.credit-history table.table th:last-child {
    border: none
}

.credit-history table.table {
    border: 1px solid #e7eaec
}

.credit-history table.table tr:nth-child(even) {
    background: #f1f1f1
}

.credit-history .right-block a,
.credit-history .right-block a:hover,
.right-block button.btn.btn-info,
.right-block button.btn.btn-info:hover {
    background: #158d8e;
    border: none
}

.credit-history .pagination {
    float: right;
    padding-right: 0
}

.credit-history h2 {
    color: #333;
    float: left;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.credit-history .right-block {
    float: right
}

.credit-history {
    margin-top: 45px
}

.head-block {
    margin-bottom: 15px
}

.right-block button.btn.btn-info {
    margin-right: 4px
}

.table-block {
    overflow-x: auto
}

.editor_block .breadcrumb_block ul li,
section.forum_block .breadcrumb_block ul li {
    float: left
}

.editor_block .breadcrumb_block ul li a,
section.forum_block .breadcrumb_block ul li a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px
}

.editor_block .breadcrumb_block ul,
section.forum_block .breadcrumb_block ul {
    margin: 0;
    padding: 0
}

.editor_block .breadcrumb_block,
.forum_block .breadcrumb_block {
    display: inline-block;
    margin-bottom: 4px
}

section.services.editor_block .text_area-b .redactor_box .redactor_editor,
section.services.editor_block .text_area-b .redactor_box .redactor_editor:focus {
    height: 250px
}

.course_info.profile_block.profile .redactor_redactor.redactor_editor {
    max-height: 150px
}

.ans_block p.count,
.categories_block h4,
.forum-b p.forum_topic a {
    font-family: open sans;
    font-weight: 700
}

.categories_block ul li a,
.forum-b p.forum_topic a {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

section.forum_block .block3 {
    border: none;
    padding: 0
}

.forum-b p.forum_topic a {
    color: #2f3945;
    font-size: 15px
}

.block3 .forum-b {
    float: left;
    width: 90%
}

.block3 .ans_block {
    background: #eda100;
    display: table;
    float: right;
    padding: 4px;
    text-align: center
}

.avatar_img .user-name,
.categories_block ul li a,
.forum-b .description {
    display: block
}

.ans_block p.count {
    color: #fff;
    font-size: 24px;
    margin: 0;
    line-height: 30px
}

section.services.editor_block {
    padding-top: 0
}

section.services.editor_block .col-sm-9 h3 {
    font-family: open sans;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    color: #2f3945
}

section.services.editor_block .col-sm-9 h4 {
    color: #2f3945;
    font-size: 15px;
    text-transform: capitalize
}

section.services.editor_block .avatar_img .col-xs-2 {
    padding-right: 0;
    width: 67px
}

.avatar_img .col-xs-10 {
    width: 92%
}

section.services.editor_block .content-b {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

section.services.editor_block .desc-block {
    background: #dedede;
    border-radius: 0
}

.avatar_img .user-name {
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.desc-block {
    margin: 2px 0
}

.desc-block p.desc-p {
    float: left;
    width: 90%;
    margin: 0
}

section.services.editor_block .redactor_box {
    margin-bottom: 20px
}

body.home {
    background: #fff
}

.ans_block p.ans {
    color: #fff;
    font-family: open sans;
    font-size: 15px;
    margin: 0;
    text-transform: lowercase
}

.created-block {
    background: #dedede;
    padding: 10px 15px
}

section.forum_block h3.title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 14px;
    margin-top: 0
}

.categories_block h4 {
    background: #158d8e;
    color: #fff;
    font-size: 16px;
    padding: 14px 10px;
    margin: 0 0 20px
}

.categories_block ul li {
    margin-bottom: 14px
}

.categories_block ul {
    padding: 0 20px
}

.categories_block {
    border: 1px solid #e3e3e3;
    padding: 5px;
    background: #fff;
    border-radius: 3px
}

.created-block p.created {
    float: left;
    margin: 0
}

.breadcrumb_block {
    margin-bottom: 12px;
    padding: 0
}

.breadcrumb_block i {
    margin: 0 5px
}

.subblock_forum,
section.forum_block {
    margin-bottom: 25px
}

.breadcrumb_block span a {
    color: #158d8e;
    font-size: 13px;
    font-family: open sans
}

.breadcrumb_block span {
    font-size: 13px;
    font-family: open sans;
    color: #636363
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: inherit
}

.blog_editblocks {
    float: right
}

.home .expert-plus {
    margin-top: 40px
}

.categories_block ul li a i {
    margin-right: 5px
}

.blog_editblocks a {
    background: 0 0;
    border: none;
    margin-left: 12px;
    padding: 0
}

.blog_editblocks a:hover {
    background: 0 0
}

.add_forum_block ul li.add_forum button,
.add_forum_block ul li.add_forum button:hover,
.add_forum_block ul li.disable_forum button,
.add_forum_block ul li.disable_forum button:hover {
    background: #158d8e
}

.blog_editblocks a i {
    color: #636363;
    font-size: 18px
}

.forum_topic {
    margin-bottom: 12px
}

.add_forum_block ul {
    padding: 0
}

.add_forum_block ul li {
    margin-top: 10px
}

.add_forum_block ul li button {
    border: none;
    border-radius: 3px;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0;
    width: 100%;
    text-transform: uppercase
}

.categories_block ul li a i.icon_forum,
.modal-dialog.add_forum .form-group input[type=text],
.modal-dialog.add_forum .form-group select,
.modal-dialog.add_forum .form-group textarea {
    padding: 0
}

.forum_block .pagination {
    float: right;
    padding: 0
}

.modal-dialog.add_forum .form-group input[type=text],
.modal-dialog.add_forum .form-group select,
.modal-dialog.add_forum .form-group textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    width: 100%
}

.modal-dialog.add_forum .form-group label {
    padding-top: 0;
    text-align: left
}

.center-txt,
.course_load,
.img-b,
.no-record,
.pricing-alert p,
.process-model,
.services-block,
.user-profile-block .user_image {
    text-align: center
}

.modal-dialog.add_forum .form-group {
    margin: 0 0 12px
}

.add_forum .asterix {
    color: red
}

.modal-dialog.add_forum .form-group textarea {
    height: 120px
}

.forum-b p.forum_topic a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-transform: capitalize;
}

.form-group .txt_head {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600!important
}

.avatar_img .descr-p {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    line-height: 24px
}

.block5 {
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
    padding: 15px 0
}

.avatar_img .catg-name {
    margin-left: 12px
}

section.services.editor_block .desc-block {
    margin-top: 15px;
    padding: 10px 12px
}

.editor_block .forum-topic {
    font-family: open sans;
    font-weight: 700;
    margin-bottom: 20px
}

.editor_page label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px
}

.table-payment table th {
    background: #158d8e;
    color: #fff;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;
    text-transform: capitalize;
    vertical-align: middle
}

.table-payment .alert.alert-danger {
    background: #f2dede;
    border: #ebccd1;
    color: #a94442;
    padding: 10px 7px
}

.table-payment table tr:last-child td {
    background: #ededed;
    font-size: 15px;
    font-weight: 600;
    height: 53px
}

.table-payment table td {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    font-family: open sans;
    font-size: 14px;
    height: 40px;
    padding: 0 15px;
    color: #333;
    text-transform: capitalize;
    vertical-align: middle
}

.table-payment table {
    border: 1px solid #dedede
}

.table-payment {
    margin-top: 30px
}

.confirm-section .form-group {
    margin: 15px 0
}

.confirm-section h2 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 8px;
    text-transform: capitalize
}

.stripe-desc {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 50px;
    padding: 0 32px
}

.course-ti .title_section {
    float: left
}

.course-ti .title_section h4,
.dollar.dollar_font p {
    text-transform: capitalize;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0
}

.payment-block .redeem {
    font-size: 16px;
    margin: 7px 0 12px
}

.payment-block .nav.nav-tabs li a {
    color: #a2a2a2;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 45px;
    border: none
}

.stripe-desc span {
    color: #42a2a3;
    text-transform: capitalize
}

.payment-block li a:hover {
    background: rgba(0, 0, 0, 0);
    border: none
}

.payment-block .form-group label {
    color: #2f3945;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    margin: 12px 0
}

.payment-block input[type=text] {
    border: 1px solid #d9d9db
}

.payment-block .nav.nav-tabs li a:hover {
    color: #333
}

.payment-block .form-group input[type=submit] {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;
    text-transform: uppercase;
    margin-bottom:30px
}

.payment-block ul {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 40px
}

.payment-block .nav.nav-tabs li.active a {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-radius: 0
}

.payment-block {
    margin-top: 75px
}

.payment-block .hide_block .btn.btn-success {
    line-height: 33px;
    padding: 0 10px
}

.payment-block .hide_block input[type=text] {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 35px
}

.payment-block .dollar.dollar_font {
    float: right
}

.payment-block span.asterix {
    color: red
}

.payment-block .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.payment-block .alert {
    border: 1px solid transparent;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 5px 7px;
    text-transform: capitalize
}

@media(max-width:767px) {
    .payment-block {
        width: 100%
    }
    .payment-block .nav.nav-tabs li {
        float: none;
        width: 100%
    }
    .forum_block .pagination {
        float: none;
        margin-bottom: 10px
    }
    .payment-block .expiry-wrapper .col-sm-4 {
        width: 50%
    }
    .payment-block .nav.nav-tabs li a {
        padding: 10px 4px
    }
    .payment-block {
        padding: 10px 5px
    }
    .services.editor_block .avatar_img .user-name {
        margin: 10px 0
    }
    .enable_chk.col-xs-4 {
        padding-right: 0;
        width: 71px
    }
    .payment-block .nav.nav-tabs {
        display: block
    }
    .payment-block input[type=submit],
    .right-content-b .blog-info-small ul {
        display: table;
        margin: 0 auto
    }
    .tp-banner,
    .tp-banner.revslider-initialised.tp-simpleresponsive li {
        height: 300px!important
    }
    .blog-t .col-sm-3,
    .blog-t .col-sm-9 {
        float: none;
        width: 100%
    }
    .course_info.profile_block.profile .account_block {
        padding: 0 15px
    }
    .course-header .flex h1 {
        overflow: unset;
        text-overflow: unset;
        white-space: normal;
        word-wrap: break-word;
        font-size: 20px
    }
    .blog-img,
    .right-content-b {
        text-align: center
    }
    .blog-post .post-item {
        padding: 10px 20px
    }
    .blog-img img {
        height: auto
    }
    .blog-t .pull-right {
        float: none!important;
        margin: 9px 0
    }
    .categories_block.blog-sidebar {
        margin-bottom: 30px
    }
}

@media(max-width:480px) {
    .payment-block .nav.nav-tabs li a {
        text-align: center
    }
    .head_block h2.title {
        float: none;
        margin-bottom: 10px;
        text-align: center
    }
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        padding: 0 7px
    }
    .tp-banner,
    .tp-banner.revslider-initialised.tp-simpleresponsive li {
        height: 200px!important
    }
    .easier_course {
        top: 40px;
        padding: 0 10px
    }
}

body.home header.expert.hasbackground .logo img,
body.home header.expert.nobackground {
    display: block
}

body.home header.expert {
    background: 0 0;
    box-shadow: none;
    border-bottom: none!important
}

body.home header.expert .home_menu.list-unstyled.list-inline li a {
    color: #fff
}

body.home header.expert.hasbackground .home_menu.list-unstyled.list-inline li a {
    color: #000
}

@media(min-width:1200px) {
    body.feedback .usercomments .col-sm-10 {
        padding: 0;
        width: 90%
    }
}

.course_load {
    display: table;
    margin: 0 auto
}

.img_hover a {
    text-decoration: none
}

.discover_courses a,
.empty_courses {
    display: block;
    font-family: open sans;
    font-size: 14px;
    padding: 0 15px
}

.editor_block .subblock_forum .block3 {
    padding: 0;
    border: none
}

.avatar_img img {
    width: 100%!important
}

section.services.editor_block .avatar_img .desc-block {
    background: rgba(0, 0, 0, 0);
    margin-top: 5px;
    padding: 2px 0
}

section.forum_block h3.title,
section.services.editor_block h3.title {
    font-size: 24px;
    margin-bottom: 15px
}

.create-b span,
.create-b span a,
.forum-b .description {
    font-size: 13px;
    font-family: open sans
}

section.services.editor_block .content-b {
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 26px
}

section.services.editor_block .forum-topic {
    margin-bottom: 12px
}

.create-b span,
.create-b span a {
    color: #636363
}

.categories_block ul li a,
.created-block p.created,
.created-block p.created a {
    color: #636363;
    font-family: open sans;
    font-size: 13px
}

section.services.editor_block .avatar_img {
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 15px 0
}

.forum-b .description {
    color: #333;
    line-height: 25px;
    margin-bottom: 0
}

.forum_block .subblock_forum .block3 {
    margin-bottom: 13px
}

.usercomment-block span.time-user {
    position: absolute;
    right: 0;
    top: 0
}

.usercomment-block {
    position: relative
}

.usercomment-block p.desc-p {
    display: block;
    float: left;
    margin-bottom: 0;
    width: 90%
}

.created-block p.create-b {
    margin-bottom: 0
}

.create-b span a {
    color: #636363;
    font-weight: 400
}

.usercomment-block .user-name a {
    color: #636363;
    font-family: open sans;
    font-size: 14px;
    text-decoration: none
}

.no-record {
    display: table-cell;
    font-family: open sans;
    font-size: 20px;
    height: 400px;
    vertical-align: middle;
    width: 6%;
    font-weight: 600
}

.about_us .page-title h3,
.faq .page-title h3,
.services-s .page-title h3 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 0;
    text-transform: capitalize
}

.center-txt p,
.faq .panel-body p,
.faq .panel-body ul li,
.faq_desc,
.title-faq a {
    font-size: 14px;
    font-family: open sans
}

.faq_desc {
    color: #333;
    line-height: 25px;
    margin: 35px 0
}

.faq .panel-body p {
    color: #333;
    line-height: 25px
}

.title-faq a i {
    margin-right: 7px
}

.title-faq a {
    color: #333;
    font-weight: 400;
    text-decoration: none
}

.faq .panel-body ul {
    padding: 0;
    margin: 20px 0 15px
}

.faq .panel-body {
    background: #fbfbfb;
    border-bottom: 1px solid #dedede
}

.faq .panel-body ul li i {
    margin-right: 10px
}

.faq .panel-body ul li {
    color: #333;
    margin-bottom: 10px
}

.faq-block-m {
    border: 1px solid #dedede;
    margin-bottom: 50px;
    border-bottom: none
}

.faq-block.current .title-faq a {
    color: #158d8e;
    font-weight: 700
}

.title-faq {
    background: #fff;
    border-bottom: 1px solid #dedede;
    padding: 20px;
    cursor: pointer
}

.faq-block .fa.fa-minus-square-o,
.faq-block.current .fa.fa-plus-square-o {
    display: none
}

.title-faq a i {
    left: 0;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 4px
}

.su_course_curriculam li .edit_option,
.title-faq a {
    position: relative
}

.title-faq a {
    padding-left: 20px
}

.faq-block.current .fa.fa-minus-square-o {
    display: block
}

.img-b,
.services-block a {
    display: table-cell;
    vertical-align: middle
}

.img-b {
    background: #158d8e;
    border-radius: 50%;
    height: 85px;
    width: 85px
}

.center-txt p {
    color: #333;
    margin-top: 20px
}

.center-txt {
    margin-top: 30px
}

.center-txt h3 {
    color: #2f3945;
    font-family: open sans;
    font-size: 22px;
    margin: 0
}

.about-block .col-sm-9 h4 {
    color: #111;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 12px
}

.about-block .col-sm-9 p,
.para-content p {
    font-size: 14px;
    font-family: open sans;
    line-height: 25px
}

.about-block {
    margin-top: 60px
}

.about-block .col-sm-9 p {
    color: #595555;
    font-weight: 600
}

.about-block .content-block {
    margin-bottom: 60px
}

.para-content p {
    color: #333
}

.para-content {
    margin-top: 30px;
    margin-bottom: 90px
}

.content-block-s {
    background: #849197;
    padding: 15px
}

.content-block-s p b {
    color: #fff;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px
}

.content-block-s a,
.content-block-s p,
.services-s p {
    font-size: 14px;
    font-family: open sans
}

.content-block-s p {
    color: #fff;
    line-height: 25px;
    margin-bottom: 4px
}

.content-block-s a {
    color: #fff;
    text-decoration: none
}

.services-s .page-title h3 {
    margin-bottom: 32px
}

.services-s p {
    color: #333;
    line-height: 25px;
    margin-bottom: 0
}

.services-c h3 {
    color: #2f3945;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize
}

.process-model h3,
.step-method ul li span {
    text-transform: uppercase;
    font-family: open sans
}

.services-block {
    margin-bottom: 60px
}

.services-block h3 {
    margin: 32px 0 15px
}

.services-block p {
    font-size: 13px
}

.services-block a {
    height: 70px;
    width: 1%
}

.services-c {
    margin-top: 65px
}

.process-model h3 {
    color: #2f3945;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px
}

.process-model,
.services-s {
    margin-bottom: 50px
}

.process-model p {
    color: #2f3945;
    font-family: open sans;
    font-size: 16px
}

.step-method ul li {
    float: left;
    margin-left: -40px
}

.step-method {
    margin-top: 55px
}

.step-method ul {
    padding: 0;
    display: table;
    margin: 0 auto
}

.step-method ul li span {
    border-radius: 50%;
    color: #fff;
    display: table-cell;
    font-size: 16px;
    font-weight: 600;
    height: 290px;
    vertical-align: middle;
    width: 290px
}

.step-method ul li:first-child span {
    background: #7dc1da
}

.step-method ul li:first-child+li span {
    background: #e47d7f
}

.step-method ul li:first-child+li+li span {
    background: #60c795
}

.step-method ul li:first-child+li+li+li span {
    background: #f2c67e
}

.message-c .page-title h3 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: capitalize
}

.message-c {
    margin-top: 40px;
    margin-bottom: 20px
}

.message-block .sbox-title a {
    background: #158d8e;
    border: none;
    border-radius: 3px;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0;
    text-transform: uppercase
}

.message-block .panel.panel-default.mail-categories.add_label .panel-heading {
    background: #f2f2f2;
    border-bottom: medium none;
    border-radius: 0;
    border-top: 1px solid #ddd;
    padding: 16px 15px
}

.sidebar-msg .badge-danger {
    background: #ff0f1b
}

.message-block .table-actions select {
    height: 31px
}

.sidebar-msg .panel.panel-default.mail-categories ul li span {
    border-radius: 50%;
    display: table-cell;
    font-size: 14px;
    height: 30px;
    padding: 8px 0;
    vertical-align: middle;
    width: 30px
}

.message-block .panel.panel-default.mail-categories.add_label {
    border-top: medium none
}

.message-block .table-actions button {
    background: #158d8e;
    border: 1px solid #158d8e;
    font-family: open sans;
    font-size: 13px;
    height: 30px;
    padding: 0 10px
}

.message-block .sidebar-msg {
    border: 1px solid #d4d4d5
}

.message-block .sidebar-msg .sbox-title {
    border-top: medium none;
    padding: 12px 15px
}

.message-block .sbox-title {
    border-top: medium none
}

.message-block .col-md-9.m-t .sbox {
    border: 1px solid #d4d4d5;
    border-left: none
}

.message-block .panel.panel-default.mail-container {
    border-radius: 0
}

.message-block .panel.panel-default.mail-categories {
    border-bottom: medium none;
    border-right: medium none;
    margin-bottom: 0
}

.message-block .sbox-title h5 {
    color: #333;
    font-family: open sans;
    font-size: 26px;
    font-weight: 400;
    margin: 0
}

.panel.panel-default.mail-container .mail-options .dropdown-menu li a {
    border-radius: 0;
    color: #333;
    font-family: open sans;
    font-size: 15px;
    margin: 4px 0;
    text-transform: capitalize
}

.message-block .panel.panel-default.mail-categories ul.list-group li a {
    color: #333;
    font-family: open sans;
    font-size: 16px
}

.message-block .panel.panel-default.mail-categories a#AddLabel {
    color: #158d8e;
    font-size: 14px;
    text-transform: capitalize
}

.page-content .mail-categories .list-group .list-group-item.active>a,
.page-content .mail-categories .list-group .list-group-item>a:hover {
    background-color: #fff;
    border-left: 5px solid #23c6c8;
    color: #31c0be
}

.message-block .panel.panel-default.mail-categories a#AddLabel i {
    margin-right: 12px
}

.table-responsive .table.table-hover>tbody>tr:hover>td,
.table-responsive .table.table-hover>tbody>tr:hover>th {
    background-color: #f6f6f6
}

.message-block .panel.panel-default.mail-categories ul.list-group li a i {
    font-size: 18px
}

.message-block .panel.panel-default.mail-categories ul.list-group li.active a {
    color: #23c6c8
}

.message-block .table.table-hover td {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

#label-list-group li a {
    color: #158d8e;
    font-family: open sans;
    text-transform: capitalize
}

.total-c.text-center {
    margin: 7px 0
}

.message-block .table-footer {
    background: #ededed;
    margin-bottom: 20px;
    padding: 10px 15px
}

.message-block .table-responsive .mail-options span {
    color: #fff;
    font-family: open sans;
    margin-left: 3px;
    font-size: 14px;
    font-weight: 400
}

.message-block .table-responsive .mail-options button {
    background: #21abac;
    border: 1px solid #21abac
}

.mail-options span.actbuttons button {
    padding: 6px 10px
}

.message-block .col-md-9.m-t .sbox-title {
    height: 60px
}

.message-block .col-md-9.m-t .sbox {
    background: #fff;
    padding: 0 30px
}

.message-block .table-responsive .mail-options .ui-checkbox {
    margin: 6px 0
}

.message-block .table-responsive .mail-options button i {
    font-size: 19px
}

.message-block .table-responsive .mail-options span.actbuttons {
    margin: 0 0 0 2px
}

.message-block .table-responsive .mail-options {
    background: #158d8e;
    padding: 7px 10px
}

.course-c {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    margin: 0
}

.video_notification {
    padding: 100px 0;
    border: 0;
    outline: 0;
    text-decoration: none!important;
    text-transform: uppercase
}

.pricing-alert i {
    color: #d0a210;
    font-size: 60px
}

.pricing-alert p {
    float: left;
    font-family: open sans;
    font-size: 13px;
    line-height: 20px;
    margin: 0 3px 7px
}

.des_margin.price_settings,
.pricing-alert .btn.btn-color {
    margin: 0 auto;
    display: table
}

.pricing-alert {
    background: #fee07d;
    border-radius: 0
}

.des_margin.price_settings {
    border: 1px solid #dedede;
    padding: 15px 20px;
    text-align: center;
    width: 400px
}

.des_margin.price_settings .new_price {
    color: #6f8338;
    font-size: 30px;
    font-weight: 700
}

.des_margin.price_settings .price-holder span.price-label,
.des_margin.price_settings p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    margin-right: 5px
}

.des_margin.price_settings p a {
    color: green;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline
}

.lach_dev.resp-tab-content.course_tab .pricetab_btn {
    display: table;
    float: none;
    margin: 0 auto
}

.pricetab-block {
    width: 358px
}

.pricetab-block .input-group {
    display: block
}

.privacy_block input[type=button] {
    margin: 12px 0
}

.browse_block .mCSB_inside>.mCSB_container,
.business_class,
.seach_alone_courses .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.slider_divsblocks .privacy_block table th {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 7px
}

.privacy_block .table .nothing td {
    background: #f2f2f2;
    color: red;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

.btn-block ul li .dropdown.prev-btn a {
    background: #158d8e;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase
}

.btn-block ul li {
    float: left;
    margin-left: 15px
}

.btn-block ul li .dropdown.prev-btn .caret {
    border-width: 6px;
    margin-left: 8px
}

.btn-block ul {
    margin: 0;
    padding: 0
}

.dropdown.prev-btn ul.dropdown-menu li a {
    background: rgba(0, 0, 0, 0);
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
    padding: 0
}

.dropdown.prev-btn ul.dropdown-menu li {
    float: none;
    margin: 0;
    padding: 0 14px
}

.btn-block ul li ul {
    border: 1px solid #ddd;
    border-radius: 2px;
    width: auto
}

.search-block ul.dropdown-menu {
    height: 400px;
    overflow-y: auto
}

.user-profile-block .user_image img {
    width: auto!important
}

.browse_block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.browse_block .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.seach_alone_courses .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.seach_alone_courses .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #158d8e!important
}

.browse_block ul.dropdown-menu {
    overflow: auto;
    max-height: 550px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 195px
}

.col.col-lg-12.fxacw.course-header-wrapper {
    padding: 0
}

.browse_block .mCSB_scrollTools,
.seach_alone_courses .mCSB_scrollTools {
    opacity: 1;
    width: 4px
}

.photography_section .discussion-search {
    padding-right: 30px
}

.btn.btn-orange:focus,
.btn.btn-orange:hover {
    outline: 0
}

.business_content {
    margin-bottom: 0;
    margin-top: 33px
}

.bg_container.course_breadcrumblocks,
.reg_banner_empty {
    margin-top: 0
}

.business_office {
    padding: 10px
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
    border: 0
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
    top: 1px
}

.form_captcha {
    max-width: 320px
}

.tab_ul.price_section span.price_dollar_span {
    background: #fff;
    display: block;
    float: left;
    margin-top: 1px;
    padding: 5px 7px;
    width: 15%;
    height: 38px;
    line-height: 30px;
}

.tab_ul.price_section input[type=number] {
    float: left;
    width: 85%
}

.photography_section .activity-content.w3c-default p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.photography_section .activity-content.w3c-default {
    line-height: 25px
}

.modal-dialog.blog-popup textarea#editor {
    color: #000
}

.create-course.detail-block .form-group .col-xs-12 {
    padding: 0
}

.create-course.detail-block .sortable_ul.sortable_scroll.ui-sortable li {
    margin-top: 0
}

.su_course_curriculam .lc_details .lecture_title {
    width: 40%
}

.panel.panel-default.mail-container .mail-options .dropdown-menu li a:focus,
.panel.panel-default.mail-container .mail-options .dropdown-menu li a:hover {
    background: #21abac;
    color: #fff
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.confirm-section {
    margin-top: 20px
}

.lach_dev.resp-tab-content.course_tab .tab-content.privacy_block .tab-pane {
    padding: 13px 20px
}

.modal-dialog.paypal_popup .modal-body.cont {
    display: block;
    max-height: 450px
}

.select.form-control:focus {
    border: 1px solid #ddd
}

.create-course.detail-block .sortable_ul.sortable_scroll.ui-sortable li a i.colors {
    padding: 0 20px
}

.course_info.premium_inst .redactor_box .redactor_redactor.redactor_editor {
    max-height: 170px;
    overflow-y: auto
}

#expert_plus_main .message-block .viewMessageDiv .sbox-title {
    height: auto
}

.message-block .viewMessageTitle {
    clear: both;
    float: none!important
}

@media(min-width:767px) {
    .course-header.well .col-sm-3 {
        padding-right: 0;
        width: 116px
    }
}

@media(min-width:1200px) {
    .courses_block .col-sm-4 {
        margin: 0 16px;
        padding: 0;
        width: 22.3%
    }
    .tab-content .course_b .user-img-b img {
        height: 50px;
        width: 50px;
    }
    .message-block.page-content .col-md-3.m-t {
        padding: 0 0 0 15px;
        width: 265px
    }
    .message-block.page-content .col-md-9.m-t {
        padding: 0;
        width: 77.2%
    }
    .about-block .col-sm-3 {
        width: 115px
    }
    .about-block .col-sm-9 {
        padding-left: 8px
    }
    .services-c .col-sm-4 {
        margin-right: 5%;
        padding: 0;
        width: 30%
    }
    .services-c .col-sm-4.eight,
    .services-c .col-sm-4.third {
        margin-right: 0
    }
    .blog-post .col-sm-8 {
        padding-left: 7px
    }
}

@media(max-width:990px) {
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
}

@media(min-width:980px) and (max-width:992px) {
    .search-block {
        padding: 0
    }
    .course_searching {
        width: 37%
    }
    .curriculam-block .lecture_add_content {
        position: static
    }
    .course_b .img_hover img {
        height: 150px
    }
    .seach_alone_courses.clearfix h3 {
        font-size: 20px
    }
    .seach_alone_courses .dropdown {
        width: 25%
    }
    .tab_block ul.nav-tabs li {
        padding: 0 2%
    }
    body .mycourse_block .block_course .business_office a img {
        height: 120px
    }
}

@media(max-width:1200px) {
    .pricing-alert p {
        float: none
    }
    .pricing-alert i {
        display: table;
        float: none;
        margin: 0 auto
    }
    .main_second_section .photography_section .lecture_link_state {
        display: block
    }
    .mycourse_block .block_course .business_office a img {
        height: 150px;
        width: 100%
    }
    .course_b .img_hover img {
        width: 100%;
        max-width: 100%
    }
    .tab-content .course_b .user-img-b img {
        height: auto;
        width: auto
    }
    .user-profile-block .course_b .user-img-b img {
        height: auto
    }
}

@media(min-width:1210px) {
    .container {
        width: 1200px
    }
    .payment-block .nav.nav-tabs li a {
    padding: 12px 48.6px;
}
}

@media(min-width:1200px) {
    .well.course-header .col-md-9 {
        width: 89%
    }
    .learn_block .col-sm-4 {
        padding: 0 7px
    }
    .col-sm-9.trendieng.search {
        width: 77%
    }
    .recent_sub .col-xs-9 {
        padding-left: 5px
    }
    .user-profile-block .content-section .col-sm-9 {
        width: 79%
    }
    .user-profile-block .content-section .col-sm-3 {
        width: 21%
    }
    .develpoment_this_sec.categ_list .col-sm-9.trendieng {
        width: 77%
    }
    .recent_block .col-sm-4:first-child,
    .recent_block .col-sm-4:last-child {
        width: 36%
    }
    .recent_block .col-sm-4:nth-child(2) {
        margin: 0 3%;
        width: 22%
    }
    .learn_block .col-sm-4:last-child {
        margin-right: 0
    }
    .watch_listen_practice_section .mac {
        background: url(../images/lap.png) no-repeat rgba(0, 0, 0, 0);
        height: 306px;
        padding: 0;
        width: 47%
    }
    .imack .dump_text_added {
        margin-left: 2.8%;
        padding: 0;
        width: 46%
    }
    .demo_slides_one .owl-item {
        width: 2.93%!important
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto;
        max-width: none!important;
        width: 1170px
    }
    .demo_slides_one ul {
        padding: 0
    }
    .demo_slides_one .container {
        padding: 0;
        width: 100%
    }
    .demo_slides #owl-demo .owl-wrapper-outer {
        margin: 0 auto;
        width: 850px
    }
    .demo_slides_one .owl-carousel.owl-theme {
        padding: 0 20px
    }
    .categ_list .col-sm-3.multi_development {
        width: 22.555%
    }
    .block_course.clearfix {
        padding: 0 7px
    }
    .course-list-section .block_course .item {
        margin: 5px 10px
    }
    body .tab_block ul.nav-tabs {
        padding: 0 6% 20px
    }
    body .tab_block ul.nav-tabs li {
        padding: 0 7%
    }
}

@media(min-width:980px) and (max-width:1199px) {
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .block_course .item .course_detail p.rate,
    .contenteditques .formrow .col.col-lg-2 {
        margin-bottom: 10px
    }
    .payment-block .tab-pane.col-md-6 {
        width: 80%
    }
    .courses_block .col-sm-4 {
        width: 25%
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    .steps-bar li a,
    .steps-bar li span {
        display: block;
        margin-left: -50px;
        width: 100px;
        word-wrap: break-word;
        white-space: normal
    }
    .curriculam-block .su_course_add_content_form .formrow label,
    .search_s {
        display: none
    }
    .steps-bar ul {
        padding: 0
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 82%;
        padding-right: 4px!important
    }
    .step-method ul li span {
        height: 220px;
        width: 220px
    }
    .curriculam-block .su_course_add_content_form,
    .curriculam-block .su_course_add_content_form .formrow,
    .su_course_add_content_form {
        height: auto
    }
    .well.course-header .col-md-9 {
        width: 83%;
        float: left
    }
    .modal-open header.expert,
    body.modal-open {
        padding-right: 0
    }
    .blog-t .blog-post .post-item .blog-info-small span {
        margin-right: 0
    }
    .progress.progress-striped.progress_upload p#file_name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }
    .change_btn button,
    .change_btn input[type=button] {
        padding: 8px 14px
    }
    .categ_list .mang_develop li {
        position: relative
    }
    .course-header.well .detail {
        width: 40%
    }
    .easier_course {
        top: 90px
    }
    .sidebar_left .categories_block ul li span.category-name {
        width: 75%
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .course_detail>p,
    .detail_block h4,
    .lc_details .lecture_title p,
    .trendieng.search .course_detail p.descrip {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .video_block {
        width: 530px
    }
    .profile_image img {
        height: 120px;
        width: 120px
    }
    footer .footer_menu li a,
    footer p {
        font-size: 13px
    }
    footer .footer_menu li {
        margin-left: 9px
    }
    .user-img img {
        height: auto;
        width: 100%
    }
    .course_detail>p {
        min-height: 20px
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 7px
    }
    .learn_block .block4 h3 a,
    .tab_block ul.nav-tabs li a {
        font-size: 18px
    }
    .lc_details .lecture_title {
        width: 40%
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%
    }
    .left_block {
        width: auto
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 25%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0
    }
    .course_detail p.description {
        height: auto
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 70%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 28%
    }
    .course_sidebar .tabtitlemang.mang_develop li {
        padding: 4px 0 4px 15px
    }
    section.user-profile-block .msg {
        padding: 0 10px
    }
    .social-b li {
        margin: 0 10px
    }
    .forum_block .block3 .ans_block {
        display: block;
        width: 10%
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 89%
    }
    .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
}

@media(min-width:768px) and (max-width:979px) {
    .curriculam-block .su_course_add_content_form .formrow,
    .su_course_add_content_form {
        height: auto
    }
    .qanswer .col.col-lg-12,
    .text-editor {
        clear: both
    }
    .closeheader .btn-danger {
        float: right
    }
    .closeheader .closetext {
        display: inline-block;
        margin: 5px 0
    }
    .curriculam-block .su_course_curriculam .lecture_buttons.lecture_edit_content .btn {
        margin-top: -7px;
        position: absolute;
        right: 19px;
        width: auto
    }
    .su_course_curriculam .lc_details .lecture_title span.text-default {
        white-space: normal
    }
    .su_course_add_lecture_label {
        margin-bottom: 2px
    }
    .create-course .course-header.well .detail {
        width: 40%
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .payment-block .tab-pane.col-md-6 {
        width: 80%
    }
    .blog-info-small ul li {
        line-height: 25px
    }
    .learn_remeber {
        margin: 15px auto 0
    }
    #cropContainerPreload.image_container {
        height: 250px
    }
    .easier_course p {
        margin-bottom: 0
    }
    .learn_remeber .btn.btn-primary {
        font-size: 14px;
        padding: 6px 20px
    }
    .curriculam-block .su_course_curriculam,
    .steps-bar ul {
        padding: 0
    }
    .modal-open header.expert,
    body.modal-open {
        padding-right: 0
    }
    #message_parent.defaultSkin {
        display: block;
        overflow-x: auto
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .qtruefalse,
    .qtruefalse .iradio_square-green {
        margin-bottom: 10px
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    header.expert .home_menu.list-unstyled.list-inline.pull-right li ul li a {
        background: 0 0!important
    }
    .nobackground .logo a {
        background: rgba(0, 0, 0, 0);
        margin: 0
    }
    body.home header.expert,
    body.home header.expert.nobackground .logo img {
        display: block;
        visibility: visible
    }
    body.home header.expert.hasbackground .logo img {
        display: none
    }
    .steps-bar li a,
    .steps-bar li span {
        display: block;
        margin-left: -50px;
        width: 100px;
        word-wrap: break-word;
        white-space: normal
    }
    .lecture_title p,
    .progress.progress-striped.progress_upload p#file_name,
    .quescount,
    .su_course_quiz_label.su_lgray_curr_block .slqtitle,
    .trendieng.search .course_detail p.descrip {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .curriculam-block .su_course_add_content_form .formrow label {
        display: none
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        display: block;
        float: none;
        margin-left: 0;
        margin-top: 2px
    }
    .well.course-header .col-md-9 {
        float: left;
        width: 83%
    }
    .progress.progress-striped.progress_upload p#file_name {
        width: 90%
    }
    .course_b .img_hover img {
        height: 180px
    }
    .step-method ul li span {
        height: 200px;
        width: 200px
    }
    .step-method ul li {
        margin-left: -25px
    }
    .img-b img {
        height: 20px;
        width: 20px
    }
    .about-block .col-sm-9 h4 {
        font-size: 15px;
        line-height: 20px
    }
    footer #footer p,
    footer ul li a {
        line-height: 30px
    }
    .img-b {
        height: 57px
    }
    .blog-img img,
    .curriculam-block .su_course_add_content_form,
    .curriculam-block .su_course_add_content_form .formrow {
        height: auto
    }
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 80%;
        padding-right: 4px!important
    }
    .qanswer .answers-feedback-counter,
    .qanswer span.answers-counter {
        float: right
    }
    .qmultiple .qanswer .icheckbox_square-green {
        float: left
    }
    .qanswer .answer-feedback {
        float: left;
        width: 87%
    }
    .goright {
        margin: 10px 0
    }
    .su_course_curriculam li .edit_option .ch-count {
        position: static
    }
    .image_sec.subblock .video_block {
        width: 500px
    }
    .button-block .fileUpload.btn.btn-primary {
        padding: 0 4px
    }
    .change_btn button,
    .change_btn input[type=button] {
        padding: 8px 14px
    }
    .forum_block .block3 .ans_block {
        display: block;
        width: 15%
    }
    body {
        padding-top: 0
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        background: url(../images/pipe.png) left center no-repeat rgba(0, 0, 0, 0);
        color: #000
    }
    body.home header.expert.nobackground {
        background: #fff;
        position: static
    }
    section.banner_section .banner img {
        height: 400px
    }
    .home .nobackground .logo a {
        background: 0 0
    }
    .easier_course h2 {
        font-size: 25px;
        margin-bottom: 10px
    }
    .easier_course p {
        font-size: 14px
    }
    .course-header.well .detail {
        margin: 16px 10px
    }
    .forum_block .block3 .forum-b {
        width: 85%
    }
    .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .course-list-section .mycourse_block .block_course .business_office a img {
        height: 140px
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 88%
    }
    .services.editor_block .desc-block p.desc-p {
        width: 85%
    }
    .forum_block .add_forum_block ul li button {
        font-size: 12px
    }
    .categ_list .mang_develop li {
        position: relative
    }
    .sidebar_left .categories_block ul li span.category-name {
        width: 68%
    }
    .tab_block ul.nav-tabs li {
        padding: 0 2.7%
    }
    .course_detail p.description {
        height: auto
    }
    .develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 33%
    }
    .course_sidebar .tabtitlemang.mang_develop li {
        padding: 4px 0 4px 15px
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .block4 h3,
    .course_detail>p,
    .detail_block h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 70%;
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 28%;
    }
    .left_block {
        width: auto;padding-left: 3.3%;
    }
    .video_block {
        width: 530px;
    }
    .profile_image img {
        height: 100px;
        width: 100px;
    }
    footer #footer p {
        text-align: center;
    }
    footer #footer ul.footer_menu {
        display: table;
        float: none;
        margin: 0 auto;
    }
    .instructor_terms {
        width: auto;
    }
    .user-img img {
        height: auto;
        width: 100%;
    }
    .recent_block h3 {
        font-size: 20px;
    }
    .course_detail>p {
        min-height: 20px;
    }
    .search_s {
        display: none;
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 10px;
    }
    .learn_block .block4 h3 a,
    .tab_block ul.nav-tabs li a {
        font-size: 18px;
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%;
    }
    .banner img {
        min-height: 0;
    }
    .easier_course {
        top: 35px;
    }
    .user-img-b {
        left: 8px;
        top: 2px;
    }
    .user_image img {
        width: 100%;
    }
    .course_searching {
        width: 35%;
    }
    .seach_alone_courses .dropdown {
        width: 25%;
    }
    .search-block {
        padding: 0;
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto;
    }
    section.user-profile-block .msg {
        padding: 0 10px;
    }
    .social-b li {
        margin: 0 4px;
    }
    body.home header.expert.hasbackground,
    header.expert {
        position: static;
    }
    .nobackground .logo a img {
        visibility: visible
    }
    .expert.navbar-fixed-top .col-xs-5.col-sm-7 {width: 43.333%;}
    .expert.navbar-fixed-top .col-xs-7.col-sm-5 {width: 56.667%;}
    .expert.navbar-fixed-top .logo .site-logo img {max-width: 128px;}
    header.expert .logo a {margin: 19px 0;}
}

@media(max-width:767px) {
    
.course_info .image_sec.subblock .account_block
     {
  width: 80%;
}
    .qanswer .col.col-lg-12,
    .text-editor {
        clear: both
    }
    .curriculam-block .su_course_add_content_form .formrow,
    .curriculam-block .su_course_curriculam .su_course_add_content_form,
    .img-b,
    .no-record,
    section.banner_section .banner img {
        height: auto
    }
    .banner img,
    .curriculam-block .su_gray_curr .row-fluid,
    .curriculam-block .su_lgray_curr .row-fluid,
    .curriculam-block .su_orange_curr .row-fluid {
        min-height: 0
    }
    .categ .jumbotron .icon-menu::before,
    .course_info .icon-close::before,
    .course_info .jumbotron .icon-menu::before {
        content: none
    }
    .categ .jumbotron {
        background: rgba(0, 0, 0, 0);
        border-radius: 0;
        display: table;
        left: 5px;
        position: absolute;
        top: 15px
    }
    .categ {
        display: block
    }
    body header.expert {
        position: relative
    }
    .categ .jumbotron .icon-menu {
        padding: 5px 0
    }
    .categ .mobile_menu .menu {
        z-index: 999;
        background: #016061;
    }
    .categ .mobile_menu .icon-menu i {
        color: #158d8e;
        font-size: 30px;
        cursor: pointer;
    }
    .categ .mobile_menu .icon-menu {
        border-bottom: medium none
    }
    .categ .mobile_menu .menu li {
        line-height: normal
    }
    .categ .mobile_menu .icon-close,
    .categ .mobile_menu .icon-close a,
    .categ .mobile_menu .menu a {
        color: #fff
    }
    .instructor_block {
        padding: 0 10px
    }
    .su_course_curriculam .lc_details .lecture_title span.text-default {
        white-space: normal
    }
    .su_course_add_lecture_label {
        margin-bottom: 2px
    }
    .closeheader .btn-danger {
        float: right
    }
    .usercomments.odd .user-block,
    .usercomments.sec2.odd .col-sm-10,
    .usercomments.sec2.odd .col-sm-2 {
        float: none
    }
    .closeheader .closetext {
        display: inline-block;
        margin: 5px 0
    }
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    body.slidemenu {
        overflow: hidden
    }
    .usercomments .user-block h4,
    .usercomments .user-block span.time {
        margin-left: 0
    }
    .feedback .usercomments.odd .details .time,
    .feedback .usercomments.odd .feedback-comment p {
        text-align: center
    }
    body.home .home_menu.list-unstyled.list-inline li a {
        color: #333
    }
    .categ .mobile_menu .menu a {
        text-transform: capitalize
    }
    .mobile_menu .icon-menu,
    .mobile_menu .menu a {
        text-decoration: none;
        text-transform: uppercase
    }
    .categ .sidebar_block h3 {
        color: #fff;
        font-size: 20px;
        margin-top: 3px;
        padding-left: 15px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .05);
        padding-bottom: 10px
    }
    .blog-t .blog-post .post-item .summary,
    .img-b,
    .payment-block .nav.nav-tabs li {
        text-align: center
    }
    .categ .mobile_menu .icon-close {
        color: red
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        background: url(../images/pipe.png) left center no-repeat rgba(0, 0, 0, 0)
    }
    .des_margin.price_settings,
    .pricetab-block {
        width: auto;
        display: block
    }
    .no-record {
        display: block;
        width: auto
    }
    .text_area-b {
        margin-bottom: 20px
    }
    .progress.progress-striped.progress_upload p#file_name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }
    .su_course_curriculam li .edit_option .ch-count {
        position: static
    }
    .slider_divsblocks .form-group {
        margin-top: 0
    }
    .su_course_curriculam .lecture_title {
        display: block
    }
    .goright {
        margin: 10px 0
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .mobile_menu .menu ul li {
        background: rgba(0, 0, 0, 0)
    }
    .create-course.detail-block .form-group input[type=button] {
        margin-left: 0
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 80%;
        padding-right: 4px!important
    }
    .qtruefalse,
    .qtruefalse .iradio_square-green {
        margin-bottom: 10px
    }
    .blog-t .blog-post .post-item .blog-info-small span {
        margin-right: 0
    }
    #message_parent.defaultSkin {
        display: block;
        overflow-x: auto
    }
    .curriculam-block .cclickable.updatelibcontent,
    .lecture_title p,
    .quescount,
    .su_course_quiz_label.su_lgray_curr_block .slqtitle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .su_course_curriculam_default span#lecture_title_counter,
    .su_course_curriculam_default span#quiz_title_counter,
    .su_course_curriculam_default span#section_title_counter,
    .su_course_curriculam_default span.answers-counter,
    span.answers-feedback-counter {
        padding: 2px 5px;
        right: 0;
        top: 0
    }
    .curriculam-block .su_course_curriculam,
    .curriculam-block .su_course_curriculam_sortable .col.col-lg-12 {
        padding: 0
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    header.expert .home_menu.list-unstyled.list-inline.pull-right li ul li a {
        background: 0 0!important
    }
    .nobackground .logo a,
    body.home header.expert.nobackground {
        background: rgba(0, 0, 0, 0)
    }
    .nobackground .logo a {
        margin: 0
    }
    body.home header.expert,
    body.home header.expert.nobackground .logo img {
        display: block;
        visibility: visible
    }
    body.home header.expert.hasbackground .logo img {
        display: none
    }
    .sidebar-user.menu .sidebar_block ul li span.r-arrow {
        right: -9px
    }
    .course-header-content .back-to-course-btn {
        display: table;
        max-width: none;
        position: static
    }
    .modal-open header.expert {
        padding-right: 0
    }
    .main_second_section .users-popup-list {
        margin: 15px 10px;
        width: auto
    }
    .main_second_section .search-input {
        border: 1px solid #ddd;
        float: right;
        margin: 10px;
        position: static;
        width: 250px
    }
    .curriculam-block .su_course_curriculam .assessment,
    .curriculam-block .su_course_curriculam .childli,
    .curriculam-block .su_course_curriculam .quiz {
        margin-left: 0
    }
    .main_second_section .static-content-wrapper .mask {
        clear: both;
        max-width: none
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        display: block;
        float: none;
        margin-left: 0;
        margin-top: 2px
    }
    .curriculam-block .su_course_curriculam .lecture_buttons.lecture_edit_content .btn {
        margin-top: -7px;
        position: absolute;
        right: 9px;
        width: auto
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable .lecture_add_content,
    .learn_block,
    body.home header.expert.hasbackground,
    header.expert {
        position: static
    }
    .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        padding: 0 30px 0 0;
        width: auto
    }
    .curriculam-block .su_course_add_content_form .formrow .col-lg-9,
    .su_course_add_lecture_content.su_course_add_content_form .col-lg-3,
    .su_course_add_lecture_content.su_course_add_content_form .col-lg-9 {
        padding: 0
    }
    .curriculam-block .su_course_add_content_form .formrow input[type=button] {
        font-size: 12px
    }
    .curriculam-block .su_course_add_content_form .formrow label {
        display: none
    }
    .curriculam-block .su_course_curriculam li .edit_option {
        padding-right: 0
    }
    .curriculam-block .add_quiz_lecture_part .col.col-lg-6,
    .curriculam-block .su_course_curriculam li .col-lg-12 {
        padding: 0;
        width: 100%
    }
    .curriculam-block .lecture_add_content input[type=button],
    .curriculam-block .lecture_edit_content input[type=button] {
        padding: 0 7px
    }
    .curriculam-block .su_course_add_lecture_desc_content,
    .curriculam-block .su_course_curriculam .lecturepopup {
        box-shadow: none;
        margin: 0;
        width: 100%
    }
    .step-method ul li span {
        display: block;
        padding: 43% 0;
        height: auto;
        width: auto
    }
    .process-model,
    .services-block {
        margin-bottom: 20px
    }
    .services-c {
        margin-top: 20px
    }
    .step-method ul li {
        margin: 1%;
        padding: 0;
        width: 48%
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
        padding: 7px 25px
    }
    .payment-block .nav.nav-tabs li.active a {
        border: none
    }
    .payment-block {
        margin-top: 0
    }
    .payment-block ul,
    .stripe-desc {
        margin-bottom: 15px
    }
    .about-block .content-block {
        margin-bottom: 10px;
        text-align: center
    }
    .img-b {
        display: table;
        margin: 0 auto 15px;
        padding: 30px;
        width: auto
    }
    .img-b img {
        height: 22px;
        width: 22px
    }
    .video-frame iframe {
        display: table;
        height: 250px;
        margin: 0 auto 25px;
        width: 70%
    }
    .center-txt h3 {
        font-size: 20px;
        line-height: 25px
    }
    .about-block {
        margin-top: 30px
    }
    .para-content {
        margin-bottom: 40px
    }
    .description .des_header .des_color {
        display: block;
        font-size: 23px;
        line-height: 30px
    }
    .description.des_marg {
        margin-bottom: 0
    }
    .description .success_img {
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 100%
    }
     .description .error_img {
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 100%
    }
    /*.success_img{background:url(../images/success.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
/*.error_img{background:url(../images/error.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
    body.modal-open {
        padding-right: 0
    }
    .blog-post .post-item .summary p,
    .blog-post .summary p span {
        max-height: none
    }
    .blog-post .blog-info-small,
    .view-block.right-content-b {
        padding: 0
    }
    .course_view_feedback .star_rating.course_view_feedback_rating ul.star_one li {
        border: none;
        margin: 0;
        min-height: 0;
        padding: 0;
        float: none
    }
    .course_view_feedback .course_view_feedback_date {
        margin-top: 7px;
        text-align: left
    }
    .block2 .steps-bar li,
    .content-section .sidebar,
    .course-header.well,
    .create-course.dangerzone .col_header,
    .demo_slides_one #owl-demo .item,
    .dump_text_added,
    .expert .logo,
    footer #footer p {
        text-align: center
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 33%;
        padding: 0 10px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .home .nobackground .logo a {
        background: 0 0
    }
    .nobackground .logo a img {
        visibility: visible
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        color: #333
    }
    body.home .nobackground .logo a {
        background: 0 0;
        display: block;
        height: auto;
        text-indent: -1000em;
        width: auto
    }
    .table-payment table td,
    .table-payment table th {
        padding: 0 5px
    }
    .course_searching {
        margin: 0 2% 0 0;
        width: 78%
    }
    .seach_alone_courses button {
        padding: 0;
        width: 20%
    }
    .easier_course h2 {
        font-size: 20px;
        margin-bottom: 21px
    }
    .easier_course p {
        font-size: 14px;
        margin-bottom: 15px
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto
    }
    .services.editor_block .desc-block p.desc-p {
        width: 85%
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 100%
    }
    .forum_block .block3 .forum-b {
        float: none;
        width: 100%
    }
    .forum_block .block3 .ans_block {
        float: right;
        margin-bottom: 10px
    }
    .demo_slides_one .bx-controls-direction .bx-prev {
        background-position: 12px center
    }
    .demo_slides_one .bx-controls-direction .bx-next {
        background-position: 18px center
    }
    .demo_slides_one .bx-controls-direction .bx-next,
    .demo_slides_one .bx-controls-direction .bx-prev {
        padding: 35px 20px;
        top: 28px
    }
    .title-l {
        font-size: 20px;
        line-height: 30px;
        margin: 15px 0
    }
    .social-b {
        display: table;
        margin: 25px auto 15px
    }
    .student-course ul li {
        padding: 0 10px
    }
    .student-course ul li h4 {
        font-size: 25px
    }
    .course-header.well .detail {
        float: none;
        margin: 10px auto 0
    }
    .well.course-header .btn-block {
        display: table;
        float: none;
        margin: 15px auto 0;
        width: auto
    }
    .create-course.dangerzone .col_header {
        margin: 5px 0;
        padding: 24px 7px
    }
    .create-course.dangerzone .slider_divsblocks {
        padding: 0 10px
    }
    .create-course .course_basic.course_newbasic h4 {
        font-size: 20px
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 60%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 38%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .course_detail p.description {
        height: auto
    }
    .head_block {
        padding: 10px 15px
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 8px
    }
    .left_block {
        display: none
    }
    .tab_block ul.nav-tabs li {
        padding: 0 5px
    }
    .tab_block ul.nav-tabs {
        display: table;
        margin: 0 auto!important;
        padding: 0;
        border-bottom: 1px solid #ccc
    }
    .browse_block,
    .seach_alone_courses .dropdown,
    .search_s {
        display: none
    }
    body {
        padding-top: 0
    }
    .block4 p {
        margin-bottom: 25px
    }
    .block4 h3 {
        margin-bottom: 10px
    }
    .learn_block {
        padding-bottom: 20px
    }
    .tab_block ul.nav-tabs li a {
        font-size: 16px
    }
    .tab_block #magic-line {
        bottom: 0
    }
    .txt {
        margin: 12px 0
    }
    .watch_listen_coursing_one h3 {
        font-size: 20px;
        line-height: 30px
    }
    .imack {
        margin: 0
    }
    .seach_alone_courses.clearfix h3 {
        display: none;
        margin: 0;
        float: none
    }
    .our_clients_section p {
        font-size: 16px
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%
    }
    .easier_course {
        top: 80px
    }
    .learn_remeber {
        margin: 10px auto 0
    }
    .easier_course .dropdown a {
        background-position: 15px center;
        font-size: 15px;
        padding: 18px 37px
    }
    .block4 h3 a {
        font-size: 18px
    }
    .categ .sidebar_block ul li a:hover {
        background: 0 0
    }
    .categ .sidebar_block ul li a {
        padding-left: 0
    }
    .block4 {
        margin-top: 10px
    }
    .seach_alone_courses button {
        font-size: 13px
    }
    .block_img {
        margin: 0 auto
    }
    .search-block {
        padding: 0
    }
    .course_searching .btn.btn-primary {
        width: 10%;
        height: 45px
    }
    .learn_remeber .btn.btn-primary {
        font-size: 16px;
        padding: 6px 15px
    }
    .watch_listen_practice_section {
        margin-top: 0
    }
    .expert .browse_block,
    .expert .logo {
        float: none
    }
    .tab_block ul li {
        float: none;
        margin: 0 0 12px
    }
    .tab_block ul.nav-tabs li.active a {
        padding-bottom: 5px
    }
    .expert .navbar-header {
        float: none;
        display: block
    }
    .courses_block .col-sm-4 {
        float: left;
        width: 33%;
        padding: 10px
    }
    .courses_block .course_b img {
        height: 160px
    }
    .courses_block .star_rating ul li img {
        height: 15px
    }
    .expert .logo {
        display: table;
        margin: 0 auto
    }
    .account_block {
        width: 100%
    }
    .email_edit {
        padding: 10px 5px;
        display: table;
        width: 100%
    }
    .adv_block,
    .steps-bar li::after,
    .steps-bar li::before {
        display: none
    }
    .modal-dialog.edit_popup {
        margin: 0 auto;
        top: 20px
    }
    .instructor_terms {
        width: auto
    }
    .recent_block .recent_sub h4 {
        margin-top: 12px
    }
    .recent_block .recent_sub .col-xs-3 {
        padding-right: 0;
        width: 100px
    }
    .categ_list .sidebar_left {
        margin-bottom: 20px
    }
    .block_course .item .course_detail p.rate {
        margin-bottom: 10px
    }
    .recent_block h3 {
        margin: 25px 0;
        text-align: center;

    }
    .block2 .steps-bar li {
        border-radius: 0;
        display: block;
        margin: 0;
        width: auto;
        height: auto
    }
    .steps-bar ul li span {
        border-bottom: 1px solid #fff;
        color: #fff;
        display: block;
        line-height: 30px;
        width: 100%
    }
    .block2 .steps-bar li.off {
        background: #ff8c20
    }
    .steps-bar {
        padding: 0
    }
    .premium_inst .promo_block {
        padding: 0 10px
    }
    .block2 .steps-bar ul {
        height: auto;
        padding: 0
    }
    .steps-bar li a,
    .steps-bar li span {
        margin-left: 0;
        position: static
    }
    .course_detail>p {
        min-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .modal-dialog.confirm_account {
        margin: 0 auto;
        top: 45px
    }
    footer #footer ul.footer_menu {
        display: table;
        float: none;
        margin: 0 auto
    }
    .mobile_menu,
    .mobile_menu .icon-close,
    .mobile_menu .jumbotron {
        display: block
    }
    footer .footer_menu li a,
    footer p {
        font-size: 13px;
        line-height: 30px
    }
    footer .footer_menu li {
        margin-left: 12px
    }
    .course_info .col-sm-9 {
        padding: 0 15px;
        width: 100%
    }
    .course_info .video_block {
        width: 90%
    }
    .course_info .col-sm-3,
    .navbar a.navbar-brand.site-logo {
        width: 100%
    }
    .course_info {
        height: auto;
        margin-top: 0
    }
    .sidebar_block {
        border: none
    }
    .sidebar_block ul li.active span.r-arrow,
    .sidebar_block ul li:hover span.r-arrow {
        display: none
    }
    .course_info .sidebar_block {
        margin-bottom: 30px
    }
    .open_sidebar {
        overflow: hidden
    }
    body.open_sidebar {
        left: 0;
        margin: 0;
        position: relative
    }
    .mobile_menu .icon-menu {
        border-bottom: 1px solid #ddd;
        padding: 15px
    }
    .image_container {
        display: block;
        height: auto;
        vertical-align: unset;
        width: auto
    }
    .format {
        float: none;
        height: auto
    }
    .course_info .video_block {
        padding: 0 10px
    }
    .profile_block .block2 {
        border-left: medium none
    }
    .progress.progress-striped.progress_upload {
        float: none;
        margin: 0;
        position: static;
        width: 100%;
        height: 30px
    }
    .video_change {
        float: none;
        margin: 0 auto
    }
    .btn.btn-color.save_btn {
        margin-top: 0
    }
    .mobile_menu .menu {
        background: left top #138a85;
        left: -285px;
        overflow-y: auto;
        height: 100%;
        position: fixed;
        width: 285px;
        top: 0
    }
    .fileUpload.btn.btn-primary span,
    .resourcefiles div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .mobile_menu .jumbotron {
        padding: 0;
        margin: 0
    }
    .mobile_menu .menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .mobile_menu .icon-close a,
    .mobile_menu .menu li {
        line-height: 45px;
        padding-bottom: 3px;
        font-family: 'Open Sans', sans-serif
    }
    .mobile_menu .menu li {
        padding-left: 20px;
        padding-top: 3px
    }
    .mobile_menu .menu a {
        color: #afdefa;
        font-size: 15px
    }
    .mobile_menu .icon-close {
        cursor: pointer;
        padding-left: 20px;
        padding-top: 10px;
        color: #afdefa
    }
    .mobile_menu .icon-close a {
        cursor: pointer;
        color: #afdefa;
        padding-left: 5px;
        padding-top: 3px
    }
    .mobile_menu .icon-menu {
        color: #555;
        cursor: pointer;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-top: 25px
    }
    .mobile_menu .icon-menu i {
        margin-right: 5px
    }
    .profile_block.notification_block .btn.btn-color.save_btn {
        margin-top: 20px
    }
    .col-sm-4.submit_block {
        display: none
    }
    .paypal_popup .btn.btn-color {
        width: 100%
    }
    .modal-dialog.paypal_popup .expiry-wrapper .col-sm-4 {
        width: 50%
    }
    .modal-dialog.paypal_popup .form-group label {
        margin: 0 0 5px
    }
    .modal-dialog.paypal_popup .btn.btn-color {
        font-size: 13px
    }
    .modal-dialog.paypal_popup .modal-body.cont ul li {
        text-align: center;
        width: 100%
    }
    .modal-dialog.paypal_popup .modal-body.cont ul li.active a {
        border: 1px solid;
        color: #158d8e
    }
    .create-course.detail-block .form-group input[type=text] {
        margin-right: 1.5%
    }
    .resourcefiles div {
        display: block;
        word-wrap: break-word
    }
}

@media(max-width:540px) {
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6,
    .courses_block .col-sm-4,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3,
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 50%
    }
}

@media(max-width:480px) {
    .categ .jumbotron {
        left: 20px;
        top: 10px
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
        border: none
    }
    .message-block .col-md-9.m-t .sbox {
        padding: 0 5px
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 70%;
        padding-right: 4px!important
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post {
        float: none
    }
    .main_second_section .photography_section .lecture_link_state {
        border-top: 1px solid #f0f0f0;
        display: block;
        padding: 7px 0;
        position: static;
        right: 15px;
        text-align: center;
        top: 18px
    }
    header.expert .logo img {
        padding: 0
    }
    .text-center.top-discuss {
        position: relative
    }
    .discussion-search-icon.fa.fa-search {
        position: absolute;
        top: 15px;
        right: 15px
    }
    ul.course-header-buttons-container {
        padding-left: 0
    }
    .main_second_section .static-content-wrapper h2 {
        font-size: 15px;
        padding: 8px 15px
    }
    footer .footer_menu li:last-child {
        float: none;
        text-align: center
    }
    .photography_section .discussion-search {
        margin-bottom: 20px;
        padding-right: 30px;
        width: 100%
    }
    .recent_block {
        padding-top: 0;
        text-align: center
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        padding: 0
    }
    .course_b .img_hover img {
        height: 170px
    }
    .curriculam-block .buttongreen30 input[type=button],
    .curriculam-block .luploadvideo {
        display: table;
        float: none;
        margin: 0 auto;
        padding: 0 3px
    }
    #luploadaudio,
    #luploaddoc,
    #luploadpre,
    #luploadres,
    #luploadvideo,
    #su_courses_form_course_image_fileupload {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: auto
    }
    .curriculam-block .cctab-content.current .col.col-lg-4 {
        padding: 0
    }
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
    .curriculam-block .lecture_buttons input[type=button] {
        width: 100%;
        margin-bottom: 5px
    }
    .curriculam-block div.cctab-link {
        margin-bottom: 5px;
        width: 100%
    }
    .btn-block ul li {
        margin-bottom: 5px;
        margin-left: 3px
    }
    .expert-plus .tab_block #magic-line {
        display: none!important
    }
    .message-block .table-responsive .mail-options button i {
        font-size: 13px
    }
    .message-block .panel.panel-default.mail-container .table.table-hover td {
        display: block
    }
    .message-block .table-responsive .mail-options button {
        padding: 8px
    }
    .step-method ul li span {
        font-size: 12px;
        font-weight: 400
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li {
        float: none;
        margin-bottom: 5px
    }
    .reg_form.new_reg_form.mycourse_block .tab-block-mycourse {
        border-bottom: medium none;
        margin: 0 0 7px
    }
    .hide_block {
        float: left;
        width: 100%
    }
    .hide_block input[type=text] {
        width: 138px
    }
    .table-payment {
        overflow-x: auto
    }
    .payment-block .form-group input[type=submit] {
        font-size: 12px;
        width: 100%
    }
    .course-header-buttons-container .dropdown-menu.pull-right {
        left: auto;
        right: -80px
    }
    .tab-content.privacy_block ul.tab_ul li {
        margin-bottom: 5px
    }
    #cropContainerPreloadCourse.image_container img {
        height: auto
    }
    .slider_divsblocks .form-group .remove_mrg {
        display: block;
        margin-bottom: 5px
    }
    .well.course-header .btn-block ul li {
        float: none;
        margin: 0 0 5px
    }
    .curriculam-block .su_course_curriculam li .edit_option {
        display: block
    }
    .curriculam-block .su_course_update_assessment_textbox,
    .curriculam-block .su_course_update_lecture_textbox,
    .curriculam-block .su_course_update_quiz_textbox,
    .curriculam-block .su_course_update_section_textbox {
        max-width: 170px
    }
    .curriculam-block .su_course_curriculam li .edit_option label {
        display: block;
        max-width: none;
        float: none;
        white-space: normal;
        word-wrap: break-word
    }
    .create-course.instructors input[type=text] {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 0;
        width: 100%
    }
    .tab_block ul.nav-tabs li a {
        font-size: 18px
    }
    .course_info .video_block {
        width: 100%
    }
    .block3 {
        border: none;
        padding: 0
    }
    .promo_block p {
        ine-height: 22px;
        margin: 0 0 12px
    }
    .learn_remeber {
        display: none
    }
    .home_menu.list-unstyled.list-inline.pull-right {
        display: table;
        float: none!important;
        margin: 0 auto 10px
    }
    .course_searching .more_one_portiion {
        width: 100%;
        height: 45px;
        text-indent: 6px
    }
    .course_searching .btn.btn-primary {
        width: 15%;
        height: 45px;
        background-position: 10px center
    }
    .courses_block .col-sm-4 {
        float: none;
        width: 250px;
        margin: 0 auto
    }
    .modal-dialog.confirm_account,
    .modal-dialog.edit_popup {
        margin: 0;
        top: 20px;
        width: 100%
    }
    .upload_type .format_type {
        float: none;
        width: 100%
    }
    .button-block {
        display: table;
        float: none;
        margin: 10px auto;
        width: auto
    }
    .upload_type {
        margin-bottom: 0
    }
    .instructor_block {
        display: block;
        width: auto
    }
    .instructor_block select,
    header.expert .col-sm-5.col-xs-7,
    header.expert .col-xs-5.col-sm-7 {
        width: 100%
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        float: none;
        margin: 0 auto;
        width: 100%
    }
    .tab_block ul#example-one.nav-tabs li {
        display: block;
        float: none;
        padding: 0 5px
    }
    .tab_block ul.nav-tabs {
        display: block;
        margin: 0 auto
    }
    #magic-line,
    .demo_slides_one .bx-controls-direction {
        display: none
    }
    .expert .logo img {
        padding: 10px 0
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        line-height: 35px;
        padding: 0 8px
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 50%;
        padding: 10px
    }
    .course-header.well .lead a.btn.btn-primary,
    .recent_sub .desc span {
        display: block
    }
    .create-course.detail-block .form-group input[type=text] {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
    .create-course.detail-block .form-group input[type=button] {
        width: 100%;
        float: none
    }
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        font-size: 16px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        width: 50%
    }
    .course_searching input[type=text] {
        font-size: 14px
    }
    .image_sec.subblock #image_prograss {
        top: 40%
    }
    #couponModal .modal-body.cont {
        display: block;
        max-height: 300px
    }
    .course-c {
        width: 70%
    }
    .course-header.well .btn-block p.lead {
        float: none
    }
}

@media(max-width:400px) {
    .develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3,
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        float: none;
        margin: 0 auto;
        width: 250px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        float: left;
        padding: 5px;
        width: 50%
    }
    .recent_block .recent_sub {
        margin-bottom: 5px;
        padding-bottom: 5px
    }
    .recent_block h3 {
        margin: 15px 0
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        padding: 7px
    }
}

@media(max-width:320px) {
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        font-size: 16px;
        padding: 0 14px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        float: none;
        margin: 0 auto;
        width: 250px
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        width: 60%
    }
}

.col-xs-7.expiry-wrapper .col-xs-6 {
    padding: 0
}

.expiry-wrapper .col-xs-6:last-child {
    padding-left: 2%
}

.expiry-wrapper .col-sm-4 {
    width: 33.33%
}

h3.cmn_title {
    display: none
}

@media(max-width:767px) {
    .payment-block .nav.nav-tabs li {
        float: left;
        width: auto;
        background: url(../images/gray-bar-img.png) left center no-repeat;
        min-height: 54px
    }
    .payment-block .nav.nav-tabs li.active a {
        border-bottom: 3px solid #158d8e;
        color: #158d8e;
        background-color: #eaeaea;
        font-weight: 600
    }
    .payment-block .nav.nav-tabs li a {
        color: #6b6b6b;
        font-size: 14px;
        line-height: 50px;
        padding: 0 18px;
        font-weight: 400
    }
    .col-xs-7.expiry-wrapper .col-xs-6,
    .payment-block .container,
    .payment-block .tab-pane {
        padding: 0
    }
    .payment-block .nav.nav-tabs li:first-child {
        background-image: none
    }
    .payment-block .nav>li>a:focus,
    .payment-block .nav>li>a:hover {
        background: 0 0;
        text-decoration: none
    }
    .payment-block ul {
        background: #eaeaea;
        border-bottom: none
    }
    .confirm-section .payment-block {
        padding-left: 0;
        padding-right: 0
    }
    .payment-block .form-group label {
        color: #2f3945;
        font-size: 14px
    }
    .payment-block .tab-content .form-group label {
        padding-right: 0;
        width: 120px;
        margin-right: 7%
    }
    .payment-block input[type=number],
    .payment-block input[type=text] {
        border: 1px solid #d9d9db;
        border-radius: 0
    }
    .payment-block .select-style_block {
        border-radius: 0;
        border: 1px solid #d9d9db
    }
    .expiry-wrapper .col-xs-6:last-child {
        padding-left: 2%
    }
    .payment-block .col-sm-4.submit_block {
        display: block
    }
    .form-group.paypal_standard .col-sm-4.submit_block,
    h3.cmn_title {
        display: none
    }
    .payment-block .form-group input[type=submit] {
        float: left;
        background: #e59859;
        border-radius: 0
    }
    .hide_block .btn.btn-success {
        background: #e59859;
        border-radius: 0;
        border: none
    }
    .hide_block input[type=text] {
        border-radius: 0;
        margin-left: 0
    }
    .confirm-section h2 {
        color: #353535;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase
    }
    .table-payment table tr:last-child td {
        background: #fff
    }
    .form-group.paypal_standard input[type=submit] {
        float: none
    }
    .payment-block .nav.nav-tabs li.active a {
        background: url(../images/gray-bar-img.png) left center no-repeat
    }
    .confirm-section .payment-block ul li.active,
    .confirm-section .payment-block ul li.active:first-child a {
        background: 0 0
    }
    .confirm-section .table-payment table td,
    .confirm-section .table-payment table th {
        padding: 0 15px
    }
    .confirm-section .hide_block {
        width: 100%
    }
}

@media(max-width:480px) {
    .payment-block .nav.nav-tabs li a {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 7%
    }
    h3.cmn_title {
        font-family: open sans;
        font-size: 20px;
        margin: 0 0 20px;
        text-align: left;
        padding-left: 15px;
        text-transform: uppercase
    }
    .form-group.paypal_standard input[type=submit],
    .payment-block .form-group input[type=submit] {
        font-size: 15px
    }
    .payment-block .tab-content .form-group label {
        margin-right: 0
    }
    .payment-block .form-group .submit_block {
        display: none
    }
    .payment-block .form-group .sbmt-btn.col-xs-7 {
        float: none;
        width: 100%
    }
    h3.cmn_title {
        display: block
    }
    .payment-block .nav.nav-tabs li,.payment-block .nav.nav-tabs li a{width: 100%;text-align: left;background-image:none; }
    .payment-block .nav.nav-tabs li.active a{background-image:none;}.payment-block .nav.nav-tabs li a{padding: 0 10px;}
}

@media(max-width:320px) {
    .payment-block .tab-content .form-group label {
        display: block;
        float: none;
        margin-right: 0;
        width: auto
    }
    .payment-block .form-group .col-xs-7 {
        float: none;
        width: 100%
    }
    .payment-block .form-group input[type=submit] {
        font-size: 15px
    }
}

.logo .site-logo img {
    max-height: 50px;
    max-width: 195px
}


/*Bsetec .css*/

.clear,
.dd-item>button,
.dd3-handle {
    overflow: hidden
}

.text-uppercase,
.top-info>a,
button.dim {
    text-transform: uppercase
}

.back-to-top,
.dd-handle,
.dd3-content,
.fgt a,
.navbar-brand:focus,
.navbar-brand:hover,
.signup-l a,
a:focus,
a:hover,
button.dim {
    text-decoration: none
}

.clr,
.sbox,
.toolbar,
.toolbar-line {
    clear: both
}

body {
    font-family: Tahoma, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #676a6c;
    overflow-x: hidden
}

a {
    color: #1ab394
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10px
}

h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600
}

.nav>li>a {
    color: #a7b1c2;
    font-weight: 500;
    font-size: 11px;
    padding: 14px 20px 14px 25px
}

.dropdown-alerts li a,
.dropdown-menu,
.dropdown-messages li a {
    font-size: 12px
}

.nav.navbar-right>li>a {
    color: #999c9e
}

.nav>li.active>a {
    color: #fff
}

.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover {
    background-color: #293846;
    color: #fff
}

.nav.navbar-top-links>li>a:focus,
.nav.navbar-top-links>li>a:hover {
    background-color: #ececec
}

.nav>li>a i {
    margin-right: 6px
}

.expanded-menu>li>a {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.expanded-menu>li>a i {
    width: 35px;
    height: 44px;
    line-height: 44px;
    float: left;
    margin: -12px 10px -12px -15px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.expanded-menu>li.active>a i {
    color: #19aa8d
}

.navbar {
    border: 0
}

.navbar-default {
    background-color: transparent;
    border-color: #2f4050
}

.navbar-top-links li {
    display: inline-block
}

.navbar-top-links li:last-child {
    margin-right: 15px
}

.navbar-top-links li a {
    padding: 20px 10px;
    min-height: 50px
}

.dropdown-menu {
    border: none;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 2px
}

.dropdown-menu>li>a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: 400
}

.dropdown-menu>li>a.font-bold {
    font-weight: 600
}

.navbar-top-links .dropdown-menu li {
    display: block
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
    font-size: 12px
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal
}

.navbar-top-links .dropdown-alerts,
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks {
    width: 310px;
    min-width: 0
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto
}

.dropdown-alerts,
.dropdown-messages {
    padding: 10px
}

.dropdown-alerts li em,
.dropdown-messages li em {
    font-size: 10px
}

.nav-header a,
.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px
}

.nav-header {
    padding: 15px 25px
}

.nav>li.active {
    background: #293846
}

.nav.nav-second-level>li.active {
    border: none
}

.nav.nav-second-level.collapse[style] {
    height: auto!important
}

.nav-header a {
    color: #DFE4ED
}

.nav-header .text-muted {
    color: #8095a8
}

.minimalize-btn {
    padding: 4px 12px;
    margin: 14px 5px 5px 20px;
    font-size: 14px;
    float: left
}

.navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    width: 200px;
    display: inline-table
}

.navbar-form-custom .form-group {
    margin-bottom: 0
}

.nav.navbar-top-links a {
    font-size: 12px
}

.nav.navbar-top-links a i {
    color: #1ab394
}

.nav.navbar-top-links a i.fa {
    font-size: 14px
}

.navbar-form-custom .form-control {
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    height: 60px;
    margin: 0;
    z-index: 2000
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 12px
}

.arrow {
    float: right
}

.fa.arrow:before {
    content: "\f104"
}

.active>a>.fa.arrow:before {
    content: "\f107"
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none!important
}

.nav-second-level li a {
    padding: 7px 10px 7px 52px;
    font-weight: 400
}

.photo-header,
button.dim {
    font-weight: 600;
    text-align: center
}

.nav-third-level li a {
    padding-left: 62px;
    font-size: 11px
}

.nav-second-level li:last-child {
    margin-bottom: 10px
}

.minimize-sidemenu .nav li:focus>.nav-second-level,
.minimize-sidemenu .nav li:hover>.nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto
}

body.minimize-sidemenu .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 3px
}

.minimize-sidemenu .nav-second-level li a {
    padding: 10px 10px 10px 15px
}

.minimize-sidemenu .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    background-color: #2f4050;
    padding: 10px;
    font-size: 12px;
    width: 200px
}

.minimize-sidemenu li.active .nav-second-level {
    left: 65px
}

.photo-header {
    font-size: 18px;
    color: #fff;
    display: none;
    padding: 18px 0
}

.logo-header {
    background: #233646;
    height: 60px
}

.sxim-init #page-wrapper,
.sxim-init #page-wrapper-full,
.sxim-init .footer,
.sxim-init .nav-header,
.sxim-init .navbar-static-side,
.sxim-init li.active {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.navbar-fixed-top {
    border-bottom: 1px solid #e7eaec!important
}

.navbar-fixed-top,
.navbar-static-top {
    background: #f3f3f4
}

.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-link.active,
.btn-link:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-danger,
.open .dropdown-toggle.btn-default,
.open .dropdown-toggle.btn-info,
.open .dropdown-toggle.btn-link,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-success,
.open .dropdown-toggle.btn-warning {
    background-image: none
}

.fixed-nav #wrapper {
    margin-top: 60px
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}

.body-small .navbar-fixed-top {
    margin-left: 0
}

body.minimize-sidemenu .navbar-static-side {
    width: 70px;
    padding-top: 80px
}

body.minimize-sidemenu .nav-label,
body.minimize-sidemenu .nav-second-level,
body.minimize-sidemenu .navbar-default .nav li a span,
body.minimize-sidemenu .profile-element {
    display: none
}

body.minimize-sidemenu .navbar-default .nav>li>a {
    font-size: 16px
}

body.minimize-sidemenu .photo-header {
    display: block
}

body.minimize-sidemenu .logo-header {
    display: none
}

body.minimize-sidemenu .nav-header {
    padding: 0;
    background-color: #233646
}

body.minimize-sidemenu #page-wrapper,
body.minimize-sidemenu #page-wrapper-full,
body.minimize-sidemenu .footer {
    margin: 0 0 0 70px
}

.btn {
    border-radius: 0
}

.btn.btn-sm .fa {
    font-size: 14px
}

.float-e-margins .btn {
    margin-bottom: 5px
}

.btn-w-m {
    min-width: 120px
}

.btn-primary.btn-outline {
    color: #1ab394
}

.btn-success.btn-outline {
    color: #1c84c6
}

.btn-info.btn-outline {
    color: #23c6c8
}

.btn-warning.btn-outline {
    color: #f8ac59
}

.btn-danger.btn-outline {
    color: #DF0000
}

.btn-danger.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-warning.btn-outline:hover {
    color: #fff
}

.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active[disabled],
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFF
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success.active[disabled],
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFF
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info.active[disabled],
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-default {
    background-color: #c2c2c2;
    color: #FFF
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    background-color: #bababa;
    border-color: #bababa;
    color: #FFF
}

.btn-default.active[disabled],
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #ccc;
    border-color: #ccc
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning.active[disabled],
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f9b66d;
    border-color: #f9b66d
}

.btn-danger {
    background-color: #F33;
    border-color: #DF0000;
    color: #FFF
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
    background-color: red;
    border-color: #DF0000;
    color: #FFF
}

.btn-danger.active[disabled],
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #ef6776;
    border-color: #ef6776
}

.btn-link {
    color: inherit
}

.btn-link.active,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.open .dropdown-toggle.btn-link {
    color: #1c84c6
}

.btn-link.active[disabled],
.btn-link.disabled,
.btn-link.disabled.active,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link[disabled],
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link.active,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #cacaca
}

.btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec
}

.btn-white.active,
.btn-white:active,
.form-control,
.open .dropdown-toggle.btn-white {
    background-image: none
}

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-white.active,
.btn-white:active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset
}

.btn-white.active[disabled],
.btn-white.disabled,
.btn-white.disabled.active,
.btn-white.disabled:active,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled],
.btn-white[disabled]:active,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white.active,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
    color: #cacaca
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}

.btn-rounded {
    border-radius: 50px
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px
}

button.dim {
    display: inline-block;
    color: #fff;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px!important
}

button.dim:active {
    top: 3px
}

button.btn-primary.dim {
    box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999
}

button.btn-primary.dim:active {
    box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999
}

button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999
}

button.btn-default.dim:active {
    box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999
}

button.btn-warning.dim {
    box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999
}

button.btn-warning.dim:active {
    box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999
}

button.btn-info.dim {
    box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999
}

button.btn-info.dim:active {
    box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999
}

button.btn-success.dim {
    box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999
}

button.btn-success.dim:active {
    box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999
}

button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999
}

button.btn-danger.dim:active {
    box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999
}

button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    display: block;
    padding-top: 10px
}

.control-label,
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline,
.label {
    font-weight: 500!important
}

.badge,
.label {
    background-color: #d1dade;
    color: #5e5e5e;
    text-shadow: none
}

button.dim:active:before {
    top: 7px;
    font-size: 50px
}

.label {
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 0;
    -moz-border-radius: 0
}

.badge {
    font-family: 'Open Sans';
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px
}

.badge-primary,
.label-primary {
    background-color: #1ab394;
    color: #FFF
}

.badge-success,
.label-success {
    background-color: #1c84c6;
    color: #FFF
}

.badge-warning,
.label-warning {
    background-color: #f8ac59;
    color: #FFF
}

.badge-warning-light,
.label-warning-light {
    background-color: #f8ac59;
    color: #fff
}

.badge-danger,
.label-danger {
    background-color: #ed5565;
    color: #FFF
}

.badge-info,
.label-info {
    background-color: #23c6c8;
    color: #FFF
}

.badge-inverse,
.label-inverse {
    background-color: #262626;
    color: #FFF
}

.badge-white,
.label-white {
    background-color: #FFF;
    color: #5E5E5E
}

.badge-disable,
.label-white {
    background-color: #2A2E36;
    color: #8B91A0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #f4f4f4;
    border-color: #DDD;
    color: inherit;
    cursor: default;
    z-index: 2
}

.pagination>li>a,
.pagination>li>span {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none
}

.tooltip-inner {
    background-color: #2F4050
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050
}

.stat-list li:first-child {
    margin-top: 0
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.stat-percent {
    float: right
}

.stat-list li {
    margin-top: 15px;
    position: relative
}

.img-circle {
    border-radius: 50%
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important
}

.show-grid {
    margin: 15px 0
}

.btn,
label {
    font-size: 12px
}

.inline {
    display: inline-block!important
}

.block,
.clear,
.form-control {
    display: block
}

.input-s-sm {
    width: 120px
}

.input-s {
    width: 200px
}

.input-s-lg {
    width: 250px
}

.i-checks {
    padding-left: 0
}

.form-control {
    background-color: #FFF;
    border: 1px solid #e5e6e7;
    color: inherit;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 11px!important;
    height: 40px;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
        margin-bottom: 15px;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    font-size: 11px!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important
}

.form-control:focus {
    border-color: red
}

.has-success .form-control {
    border-color: #1ab394
}

.has-warning .form-control {
    border-color: #f8ac59
}

.has-error .form-control {
    border-color: #ed5565
}

.has-success .control-label {
    color: #1ab394
}

.has-warning .control-label {
    color: #f8ac59
}

.has-error .control-label {
    color: #ed5565
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}

.sidebard-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0
}

.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px
}

.media-body,
.sidebard-panel .feed-element,
.sidebard-panel p {
    font-size: 12px
}

.sidebard-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0
}

.sidebard-panel .list-group {
    margin-bottom: 10px
}

.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0
}

.sidebar-content .wrapper {
    padding-right: 230px
}

body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.border-bottom {
    border-bottom: 1px solid #e7eaec!important
}

.font-bold {
    font-weight: 600
}

.font-noraml {
    font-weight: 400
}

.b-r {
    border-right: 1px solid #e7eaec
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid!important;
    margin-top: 15px;
    margin-bottom: 15px
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
    position: relative
}

.modal-dialog {
    z-index: 1200
}

.modal-body {
    padding: 20px 30px 30px
}

#wrapper {
    width: 100%;
    min-height: 383px;
    background: #f5f5f5
}

.wrapper {
    padding: 0 20px
}

.wrapper-content {
    padding: 20px 10px 40px
}

#page-wrapper,
#page-wrapper-full {
    padding: 0 15px;
    min-height: 568px;
    position: relative!important;
    background: #eee
}

@media (min-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        min-height: 1000px
    }
    #page-wrapper {
        margin: 0 0 0 240px
    }
    #page-wrapper-full {
        margin: 0;
        padding: 0 15px
    }
}

.title-action {
    text-align: right;
    padding-top: 30px
}

ol.unstyled,
ul.unstyled {
    list-style: none;
    margin-left: 0
}

.big-icon {
    font-size: 160px;
    color: #e5e6e7
}

body.body-small.minimize-sidemenu .footer.fixed,
body.minimize-sidemenu .footer.fixed {
    margin: 0 0 0 70px
}

body.body-small .footer.fixed {
    margin-left: 0
}

.page-heading {
    padding: 0 10px 20px
}

.panel-heading h1,
.panel-heading h2 {
    margin-bottom: 5px
}

.table-bordered {
    border: 1px solid #EBEBEB
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    background-color: #fff
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #e7e7e7
}

.table>thead>tr>th {
    border-bottom: 1px solid #DDD;
    background: #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 3px 8px;
    font-size: 11px;
    vertical-align: top
}

.link-block,
.nav.navbar-top-links .link-block a {
    font-size: 12px
}

#bsetecTable .table-responsive table td,
[data-icon]:before {
    vertical-align: middle
}

.panel.blank-panel {
    background: 0 0;
    margin: 0
}

.blank-panel .panel-heading {
    padding-bottom: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #158d8e;
    border-color: #158d8e;
    border-bottom: #158d8e;
    border-image: none;
    font-weight: 600;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default
}

.nav.nav-tabs li {
    background: 0 0;
    border: none
}

.nav-tabs>li>a {
    border-radius: 0;
    -moz-border-radius: 0;
    color: #A7B5C2;
    font-weight: 500;
    background-color: #e6e6e6;
    padding: 5px 15px 5px 20px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: #e6e6e6;
    color: #676a6c
}

.no-padding {
    padding: 0!important
}

.no-borders {
    border: none!important
}

.no-margins {
    margin: 0!important
}

.no-top-border {
    border-top: 0!important
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}

.full-width {
    width: 100%!important
}

.link-block {
    padding: 10px
}

.link-block a {
    font-size: 10px;
    color: inherit
}

body.minimize-sidemenu .branding {
    display: none
}

img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}

.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394
}

.login-panel {
    margin-top: 25%
}

.icons-box h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c
}

.icons-box .infont a {
    color: #a6a8a9;
    padding: 10px;
    margin: 1px;
    display: block
}

.ui-draggable .ibox-title {
    cursor: move
}

.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0
}

.breadcrumb>.active,
.breadcrumb>li a {
    color: inherit
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap
}

.gray-bg {
    background-color: #f3f3f4
}

.white-bg {
    background-color: #fff
}

.navy-bg {
    background-color: #1ab394;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.yellow-bg {
    background-color: #f8ac59;
    color: #fff
}

.red-bg {
    background-color: #ed5565;
    color: #fff
}

.black-bg {
    background-color: #262626
}

.panel-primary {
    border-color: #1ab394
}

.panel-primary>.panel-heading {
    background-color: #1ab394;
    border-color: #1ab394
}

.panel-success {
    border-color: #1c84c6
}

.panel-success>.panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff
}

.panel-info {
    border-color: #23c6c8
}

.panel-info>.panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}

.panel-warning {
    border-color: #f8ac59
}

.panel-warning>.panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}

.panel-danger {
    border-color: #ed5565
}

.panel-danger>.panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}

.progress-bar {
    background-color: #1ab394
}

.progress-small,
.progress-small .progress-bar {
    height: 10px
}

.progress-mini,
.progress-small {
    margin-top: 5px
}

.progress-mini,
.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0
}

.progress-bar-navy-light {
    background-color: #3dc7ab
}

.progress-bar-success {
    background-color: #1c84c6
}

.progress-bar-info {
    background-color: #23c6c8
}

.progress-bar-warning {
    background-color: #f8ac59
}

.progress-bar-danger {
    background-color: #ed5565
}

.bg-white,
.dd-handle {
    background: #fff
}

.panel-title {
    font-size: inherit
}

.jumbotron {
    border-radius: 6px
}

.jumbotron h1 {
    margin-top: 0
}

.text-navy {
    color: #1ab394
}

.text-primary {
    color: inherit
}

.text-success {
    color: #1c84c6
}

.text-info {
    color: #23c6c8
}

.text-warning {
    color: #f8ac59
}

.text-danger {
    color: red
}

.text-muted {
    color: #888
}

.p-xxs {
    padding: 5px
}

.p-xs {
    padding: 10px
}

.p-sm {
    padding: 15px
}

.p-m {
    padding: 20px
}

.p-md {
    padding: 25px
}

.p-lg {
    padding: 30px
}

.p-xl {
    padding: 40px
}

.m-xxs {
    margin: 2px 4px
}

.m-xs {
    margin: 5px
}

.m-sm {
    margin: 10px
}

.m {
    margin: 15px
}

.m-md {
    margin: 20px
}

.m-lg {
    margin: 30px
}

.m-xl {
    margin: 50px
}

.m-n {
    margin: 0!important
}

.m-l-none {
    margin-left: 0
}

.m-l-xs {
    margin-left: 5px
}

.m-l-sm {
    margin-left: 10px
}

.m-l {
    margin-left: 15px
}

.m-l-md {
    margin-left: 20px
}

.m-l-lg {
    margin-left: 30px
}

.m-l-xl {
    margin-left: 40px
}

.m-l-n-xxs {
    margin-left: -1px
}

.m-l-n-xs {
    margin-left: -5px
}

.m-l-n-sm {
    margin-left: -10px
}

.m-l-n {
    margin-left: -15px
}

.m-l-n-md {
    margin-left: -20px
}

.m-l-n-lg {
    margin-left: -30px
}

.m-l-n-xl {
    margin-left: -40px
}

.m-t-none {
    margin-top: 0
}

.m-t-xxs {
    margin-top: 1px
}

.m-t-xs {
    margin-top: 5px
}

.m-t-sm {
    margin-top: 10px
}

.m-t {
    margin-top: 15px
}

.m-t-md {
    margin-top: 20px
}

.m-t-lg {
    margin-top: 30px
}

.m-t-xl {
    margin-top: 40px
}

.m-t-n-xxs {
    margin-top: -1px
}

.m-t-n-xs {
    margin-top: -5px
}

.m-t-n-sm {
    margin-top: -10px
}

.m-t-n {
    margin-top: -15px
}

.m-t-n-md {
    margin-top: -20px
}

.m-t-n-lg {
    margin-top: -30px
}

.m-t-n-xl {
    margin-top: -40px
}

.m-r-none {
    margin-right: 0
}

.m-r-xxs {
    margin-right: 1px
}

.m-r-xs {
    margin-right: 5px
}

.m-r-sm {
    margin-right: 10px
}

.m-r {
    margin-right: 15px
}

.m-r-md {
    margin-right: 20px
}

.m-r-lg {
    margin-right: 30px
}

.m-r-xl {
    margin-right: 40px
}

.m-r-n-xxs {
    margin-right: -1px
}

.m-r-n-xs {
    margin-right: -5px
}

.m-r-n-sm {
    margin-right: -10px
}

.m-r-n {
    margin-right: -15px
}

.m-r-n-md {
    margin-right: -20px
}

.m-r-n-lg {
    margin-right: -30px
}

.m-r-n-xl {
    margin-right: -40px
}

.m-b-none {
    margin-bottom: 0
}

.m-b-xxs {
    margin-bottom: 1px
}

.m-b-xs {
    margin-bottom: 5px
}

.m-b-sm {
    margin-bottom: 10px
}

.m-b {
    margin-bottom: 15px
}

.m-b-md {
    margin-bottom: 20px
}

.m-b-lg {
    margin-bottom: 30px
}

.m-b-xl {
    margin-bottom: 40px
}

.m-b-n-xxs {
    margin-bottom: -1px
}

.m-b-n-xs {
    margin-bottom: -5px
}

.m-b-n-sm {
    margin-bottom: -10px
}

.m-b-n {
    margin-bottom: -15px
}

.m-b-n-md {
    margin-bottom: -20px
}

.m-b-n-lg {
    margin-bottom: -30px
}

.m-b-n-xl {
    margin-bottom: -40px
}

.space-15 {
    margin: 15px 0
}

.space-20 {
    margin: 20px 0
}

.space-25 {
    margin: 25px 0
}

.space-30 {
    margin: 30px 0
}

.middle-box {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -200px;
    z-index: 100;
    padding: 20px
}

.middle-box .logo-login {
    border-bottom: dashed 1px #ddd;
    padding: 0 0 10px;
    text-align: center
}

.middle-box h1 {
    font-size: 40px;
    letter-spacing: -2px;
    margin: 5px 0
}

@media (min-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        min-height: 1000px
    }
    #page-wrapper {
        margin: 0 0 0 220px
    }
    #page-wrapper-full {
        margin: 0;
        padding: 0 15px
    }
    .navbar-static-side {
        z-index: 101;
        position: absolute;
        width: 220px
    }
    .navbar-top-links .dropdown-alerts,
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks {
        margin-left: auto
    }
}

@media (max-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }
    #page-wrapper-full {
        padding: 0 15px
    }
    .body-small .navbar-static-side {
        display: none;
        z-index: 1;
        position: absolute;
        width: 70px
    }
    .body-small.minimize-sidemenu .navbar-static-side {
        display: block
    }
    .lock-word,
    .navbar-form-custom {
        display: none
    }
    .navbar-header {
        display: inline;
        float: left
    }
    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100%!important
    }
    .sidebar-content .wrapper {
        padding-right: 0;
        z-index: 1
    }
}

.dd,
.dd-list {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none
}

.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    color: #333;
    border: 1px solid #ddd
}

.dd-handle:hover {
    color: #FFF;
    background: #4D90FD;
    border-color: #428BCA
}

.dd-item>button {
    color: #555;
    font-family: FontAwesome;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    border: 0;
    background: 0 0;
    font-size: 10px;
    line-height: 1;
    text-align: center
}

.dd-item>button:before {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    background: #FFF;
    border: 1px solid #DDD;
    color: #333
}

.dd3-content:hover {
    background: #fff
}

.dd-dragel>.dd3-item>.dd3-content {
    margin: 0
}

.dd3-item>button {
    margin-left: 35px
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    border: 1px solid #3276B1;
    background: #428BCA;
    height: 36px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .2) inset
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page,
.sbox-tools a {
    cursor: pointer
}

.dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.dd3-handle:hover {
    background: #4E9DFF
}

.infobox {
    border-left: 3px solid #EEE;
    margin: 0 0 35px;
    padding: 20px
}

.infobox h5 {
    margin-bottom: 6px;
    margin-top: 0
}

.infobox p:last-child {
    margin-bottom: 0;
    font-size: 11px!important
}

.infobox code {
    background-color: #FFF;
    border-radius: 3px
}

.infobox-default {
    background-color: #F5F5F5;
    border-color: #DDD
}

.infobox-default h5 {
    color: #555
}

.infobox-danger {
    background-color: #FDF7F7;
    border-color: #D65C4F
}

.infobox-danger h5 {
    color: #D65C4F
}

.infobox-warning {
    background-color: #FCF8F2;
    border-color: #E7804F
}

.infobox-warning h5 {
    color: #E7804F
}

.infobox-info {
    background-color: #F2F7F9;
    border-color: #1992C2
}

.infobox-info h5 {
    color: #1992C2
}

.infobox-success {
    background-color: #F4FAF5;
    border-color: #239169
}

.infobox-success h5 {
    color: #239169
}

.info-blocks>li>a:hover,
.top-info>a:hover {
    color: #FFF;
    opacity: .8
}

.info-blocks {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    width: 100%
}

.info-blocks>li {
    display: inline-block;
    margin: 0 10px 5px;
    min-width: 150px;
    text-align: center;
    white-space: nowrap
}

.info-blocks>li>a>i {
    display: inline-block;
    font-size: 48px;
    margin-bottom: 20px
}

.bottom-info,
.top-info>small {
    display: block;
    font-size: 11px
}

.top-info {
    margin: 16px 14px 14px
}

.top-info>a {
    display: block;
    font-weight: 600
}

.top-info>small {
    margin-top: -2px
}

.bottom-info {
    border-radius: 0 0 2px 2px;
    font-weight: 600;
    padding: 4px 8px 5px
}

@media (max-width:478px) {
    .info-blocks>li {
        margin: 10px 0;
        width: 100%
    }
}

.sbox-content h1,
.sbox-content h2,
.sbox-content h3,
.sbox-content h4,
.sbox-content h5,
.sbox-title h1,
.sbox-title h2,
.sbox-title h3,
.sbox-title h4,
.sbox-title h5 {
    margin-top: 5px
}

.sbox {
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #ddd
}

.sbox-content,
.sbox-title {
    border-image: none;
    border-style: solid solid none
}

.sbox:after,
.sbox:before {
    display: table
}

.sbox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #1ab394;
    border-width: 1px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    height: 48px
}

.sbox-title h3 {
    float: left;
    display: inline-block
}

.sbox-tools a {
    color: #c4c4c4;
    margin-left: 5px
}

.sbox-content {
    background-color: #f9f9f9;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #ddd;
    border-width: 1px 0
}

.sbox-title h5,
.sbox-tools {
    display: inline-block;
    padding: 0
}

.sbox-title h5 {
    float: left;
    font-size: 14px;
    margin: 0 0 7px;
    text-overflow: ellipsis
}

.sbox-tools {
    float: right;
    margin-top: 0;
    position: relative
}

.page-header {
    padding: 20px 15px;
    margin: 0;
    background: #fff;
    border-top: solid 1px #ddd
}

.toolbar,
fieldset {
    margin: 10px 0
}

fieldset legend {
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500
}

.table-responsive {
    background: #fff;
    border: 1px solid #ddd;
    overflow-x: auto;
    overflow-y: hidden
}

.scroll-sec .table-responsive {
    overflow: hidden;
    overflow-x: auto
}

.toolbar {
    text-align: right
}

.toolbar-line {
    margin: 15px 0
}

.page-content-wrapper {
    padding: 0 15px
}

.ribon-bsetec {
    margin: 20px 0
}

.su_course_curriculam .closeheader input[type=button],
.su_course_curriculam .closeheader input[type=button]:hover {
    background-color: #da4f49
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active a span {
    color: #1fb5ad
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active ul li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active ul li a span {
    color: #a2a6ac
}

.panel {
    background: 0 0!important;
    border-color: none!important
}

.panel.panel-default {
    background: 0 0!important;
    border-color: #eee!important
}

.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    color: #FFF;
    background-color: #4FA2C2;
    font-size: 12px;
    padding: 8px 15px;
    display: none;
    z-index:9999
}

.back-to-top i {
    font-size: 24px
}

.back-to-top:hover {
    color: #FFF;
    background-color: #3A4B55
}

.back-to-top:focus {
    color: #FFF
}

.parsley-error-list {
    margin-top: 4px;
    padding: 0
}

.parsley-error-list li {
    list-style: none;
    color: #c00
}

.parsley-error {
    border-color: #c00!important
}

.prettyprint {
    background: #fff;
    font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #ccc;
    padding: 10px
}

.pre-header,
header .navbar .navbar-collapse .nav>li>a {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.pln {
    color: #4d4d4c
}

@media screen {
    .str {
        color: #718c00
    }
    .kwd {
        color: #8959a8
    }
    .com {
        color: #8e908c
    }
    .typ {
        color: #4271ae
    }
    .lit {
        color: #f5871f
    }
    .clo,
    .opn,
    .pun {
        color: #4d4d4c
    }
    .tag {
        color: #c82829
    }
    .atn {
        color: #f5871f
    }
    .atv {
        color: #3e999f
    }
    .dec {
        color: #f5871f
    }
    .var {
        color: #c82829
    }
    .fun {
        color: #4271ae
    }
}

@media print,
projection {
    .kwd,
    .tag,
    .typ {
        font-weight: 700
    }
    .str {
        color: #060
    }
    .kwd {
        color: #006
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404
    }
    .lit {
        color: #044
    }
    .clo,
    .opn,
    .pun {
        color: #440
    }
    .tag {
        color: #006
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.icon-classes-showcase>span {
    background: #FCFCFC;
    border: 1px solid #DDD;
    display: inline-block;
    font-size: 12px;
    margin: .5em 1em .5em 0;
    padding: 8px;
    width: 15em
}

.icon-classes-showcase>span>i {
    float: left;
    margin: 1px 6px 0 0
}

.icon-show i,
.select-alt {
    margin-right: 5px
}

.icon-show {
    font-size: 13px!important;
    padding: 0 10px
}

.icon-show .col-md-3 {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 3px
}

.select-alt {
    float: left;
    padding: 5px 2px;
    border: 1px solid #ddd;
    font-size: 11px
}

.shortcut {
    border: 1px solid #eee;
    border-top: solid 1px #1ab394
}

.shortcut i {
    font-size: 50px
}

.shortcut span.h3 {
    font-weight: 400!important;
    font-size: 16px;
    color: #233646
}

.footer-pagination ul.pagination {
    float: right
}

.front-header .navbar {
    position: relative;
    min-height: 60px;
    margin: 10px 0!important
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
    .navbar-header {
        float: left
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block!important;
        visibility: visible!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: none
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 19.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 60px
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 9.75px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 19.5px;
        padding-bottom: 19.5px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8.5px -15px
}

@media (min-width:768px) {
    .navbar-form .form-control-static,
    .navbar-form .form-group {
        display: inline-block
    }
    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8.5px;
    margin-bottom: 8.5px
}

.navbar-btn.btn-sm {
    margin-top: 13.5px;
    margin-bottom: 13.5px
}

.navbar-btn.btn-xs {
    margin-top: 19px;
    margin-bottom: 19px
}

.navbar-text {
    margin-top: 19.5px;
    margin-bottom: 19.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.front-header .navbar-default {
    background-color: #fff
}

.front-header .navbar-default .navbar-brand {
    color: #526476
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #18bc9c;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #526476;
    font-size: 14px
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #18bc9c;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #18bc9c;
    background-color: #fff;
    border-bottom: solid 2px #18bc9c
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #1a242f
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #1a242f
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #1a242f;
    color: #fff
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #18bc9c;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #1a242f
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #fff
}

.navbar-default .navbar-link:hover {
    color: #18bc9c
}

.navbar-default .btn-link {
    color: #fff
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #18bc9c
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar a.navbar-brand {
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 415px
}

.navbar a.navbar-brand img {
    float: left;
    height: 70px;
    margin: 0 6px 0 0;
    width: 70px
}

.navbar a.navbar-brand span.logo_title {
    display: block;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 0 0;
    text-shadow: 1px 1px 0 #fff
}

.navbar a.navbar-brand span.logo_subtitle {
    display: block;
    font-size: 13px;
    font-weight: 300;
    text-shadow: 1px 1px 0 #fff
}

header .navbar .navbar-collapse .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 12px
}

.pre-header {
    padding: 0;
    border-bottom: solid 1px #eee;
    background: #f9f9f9;
    font-size: 12px!important
}

.pre-header ul {
    padding: 0;
    margin: 0
}

.pre-header ul li {
    padding: 5px 10px;
    border-right: solid 1px #eee
}

.pre-header ul li a {
    color: #555!important;
    display: block
}

.pre-header ul li:first {
    border-left: solid 1px #eee
}

.front-header {
    background: #FFF
}

#footer {
    background: #282A2B;
    padding: 20px 0;
    color: #fff;
    font-size: 13px
}

.sidebar-collapse ul li ul li:hover {
    background: 0 0
}

.admin-sidebar .sidebar-collapse ul li ul li a {
    border-bottom: medium none!important
}

body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li {
    border-top: 1px solid rgba(255, 255, 255, .05);
    padding: 0 20px
}

@media(min-width:1200px) {
    .navbar-default.navbar-static-side.admin-sidebar {
        width: 240px
    }
    body.minimize-sidemenu .navbar-default.navbar-static-side.admin-sidebar {
        width: 70px
    }
    body.minimize-sidemenu #wrapper #page-wrapper,
    body.minimize-sidemenu #wrapper #page-wrapper-full {
        margin: 0 0 0 70px
    }
    #wrapper #page-wrapper {
        margin: 0 0 0 240px
    }
    #wrapper .admin_right_content.navbar.navbar-static-top.gray-bg .navbar-header .btn-primary {
        background-color: #32d2c9;
        border-color: #32d2c9;
        border-radius: 50%;
        color: #23938c;
        display: table-cell;
        height: 35px;
        margin-left: -20px;
        margin-top: 20px;
        padding: 7px 0;
        vertical-align: middle;
        width: 35px
    }
    .sidebar-collapse ul li ul li {
        padding: 0 20px
    }
    #wrapper .admin_right_content.navbar.navbar-static-top.gray-bg .navbar-header a:focus {
        outline: 0
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-md-3 {
        padding: 0 .8% 0 0;
        width: 25%
    }
    .cmn-t a.clear .text-muted.text-uc {
        display: block;
        min-height: 56px
    }
}

@media(min-width:768px) {
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-md-3 {
        width: 25%
    }
}

.gray-bg .admin-right-menu ul li a {
    color: #666;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 80px;
    min-height: 0
}

.gray-bg .admin-right-menu ul li a:focus {
    background: 0 0
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: rgba(0, 0, 0, 0)
}

.gray-bg .admin-right-menu ul li a i {
    color: #666;
    font-size: 16px
}

.cmn-t {
    border-radius: 5px;
    padding: 20px
}

.m-l-none .cmn-t .h3 strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600
}

.m-l-none .cmn-t .h3 {
    margin-top: 0
}

.cmn-t .text-muted.text-uc {
    color: #fff;
    font-family: open sans;
    font-size: 13px
}

.module-b.cmn-t {
    background: #22ba9b
}

.cmn-t .m-r-sm i {
    color: #fff;
    margin-top: 10px
}

.settings-b.cmn-t {
    background: #666981
}

.admin-right-menu ul li ul li {
    background: rgba(0, 0, 0, 0);
    padding: 0
}

.admin_right_content .admin-right-menu ul li ul li a {
    line-height: 30px;
    margin: 0;
    padding: 5px 15px;
    font-weight: 400
}

.admin-right-menu ul li ul li i {
    width: 12px
}

.navbar.navbar-static-top.gray-bg.admin_right_content {
    height: auto;
    min-height: 0
}

.admin-right-menu ul li a i {
    margin: 0 8px 0 0
}

.gray-bg .admin-right-menu ul li a:hover {
    background: 0 0
}

.dashboard-m.m-l-none.m-r-none.m-t.white-bg.shortcut {
    background: rgba(0, 0, 0, 0);
    border: none
}

.admin-right-menu ul li {
    background: url(../images/gray-pipe.png) left no-repeat
}

.admin-right-menu ul li a {
    padding: 0 20px
}

.admin-right-menu ul li:first-child {
    background: 0 0
}

.site-menu {
    background: #e17695
}

.user-group {
    background: #fbb168
}

.admin_title {
    border-bottom: 1px solid #d7d7d7;
    color: #333;
    font-family: open sans;
    font-size: 22px;
    font-weight: 400;
    margin: 20px 15px;
    padding-bottom: 14px;
    text-transform: uppercase
}

.admin_right_content.navbar.navbar-static-top.gray-bg {
    background: #fff
}

.navbar-default.navbar-static-side.admin-sidebar {
    background: #32323a
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover {
    background: #28282e
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a:hover {
    background: 0 0
}

body {
    background: #32323a
}

.admin-sidebar .logo-header {
    height: auto;
    text-align: center;
    background: #158d8e
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.logo-header a {
    display: block;
    float: none;
    height: auto;
    padding: 25px 0;
    text-align: center
}

.admin-sidebar .logo-header a img {
    margin: 0 auto
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.logo-header:hover {
    background: #158d8e
}

.navbar-static-side.admin-sidebar ul.expanded-menu li a i {
    border-right: medium none;
    height: auto;
    line-height: normal;
    margin: 2px 13px 0 0;
    width: auto
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a {
    font-family: open sans;
    font-size: 14px;
    padding: 16px 10px 16px 20px;
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a span {
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a span {
    color: #1fb5ad
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a span,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.navbar-default.navbar-static-side.admin-sidebar .nav-second-level li:last-child a,
body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover span {
    border-bottom: none
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a:focus {
    outline: 0;
    background: 0 0
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a span.fa.arrow {
    margin: 4px 7px 0;
    color: #58585e
}

.navbar-default.navbar-static-side.admin-sidebar .nav>li.active {
    background: #32323a
}

.navbar-default.navbar-static-side.admin-sidebar .nav-second-level li:last-child {
    margin-bottom: 0
}

.filter-b label {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px
}

.filter-b {
    float: right
}

.sbox .course-title {
    color: #333;
    font-family: open sans;
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.sbox .course-title small {
    color: #908f8f;
    font-family: open sans;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 0
}

.dashboard-b .sbox-title {
    background: #fafafa;
    border: none
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover ul li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover ul li a span {
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li:hover a,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li:hover a i {
    color: #1fb5ad
}

body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:last-child ul li {
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, .05)!important
}

#avatar-circle.img-circle.user_image_selector {
    margin-top: 12px
}

.parsley-error-list li {
    border-radius: 0;
    margin-bottom: 4px;
    padding: 6px 5px
}

.user_type .iradio_square-green {
    margin-right: 5px
}

body.update #page-wrapper {
    min-height: 750px
}

.view_block li ul li a:hover {
    background: 0 0;
    width: auto
}

.btn-default,
.btn-default:focus,
.btn-default:hover {
    background: #666;
    border: none;
    padding: 2px 6px;
    outline: 0
}

.page-header .breadcrumb li.active {
    color: #158d8e
}

.page-header .breadcrumb li a {
    color: #e59859
}

.page-content-wrapper .table-responsive .usercomments {
    border-bottom: 1px solid #ddd
}

.page-content-wrapper ul.nav.nav-tabs li a {
    background: #e59859;
    color: #fff
}

.page-content-wrapper ul.nav.nav-tabs li.active a {
    background: #158d8e;
    border: 1px solid #158d8e
}

.tagsinput input#tagit_tag {
    width: 100%!important
}

.asterisk {
    color: red
}

.login-s h3,
.login-s label {
    color: #333;
    font-family: open sans;
    text-transform: capitalize;
    font-weight: 600
}

body.login-b .middle-box {
    margin: 0;
    padding: 0;
    position: static;
    width: auto
}

.login-s {
    background: #fff;
    border: 1px solid #d4d4d5;
    display: table;
    float: none;
    margin: 8% auto 30px;
    padding: 20px 2.8% 35px;
    width: 835px
}

.login-s h3 {
    border-bottom: 1px solid #f3f3f3;
    font-size: 26px;
    margin: 0 0 35px;
    padding-bottom: 10px
}

.login-s .remember .icheckbox_square-green {
    margin-right: 5px
}

.login-s label {
    font-size: 13px;
    margin-bottom: 13px
}

.login-s .form-group {
    border: 1px solid #d9d9db;
    border-radius: 3px;
    height: 45px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 320px
}

.login-s .form-group input[type=text],
.login-s .form-group input[type=password] {
    border: none;
    font-size: 15px;
    height: 43px;
    padding-left: 35px;
    text-indent: 0;
    width: 100%
}

.login-s .left-s {
    float: left;
    width: 60%
}

.login-s .right-s {
    float: right;
    width: 40%
}

.login-s label span.req {
    color: red;
    margin-left: 5px
}

.fgt a,
.login-s .remember,
.signup-l a {
    color: #333;
    font-size: 13px
}

.fgt a,
.signup-l a {
    font-family: open sans;
    text-transform: capitalize
}

.fgt {
    margin-bottom: 10px
}

.signup-l {
    margin-bottom: 15px
}

.txt-b i {
    color: #868686;
    font-size: 15px
}

p.login,
ul.social-link li a {
    font-size: 16px;
    font-family: open sans
}

p.login {
    color: #158d8e;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 13px
}

.captcha-block img {
    border: 1px solid #ddd;
    margin-bottom: 5px
}

.right-s ul.social-link {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.social-link li a {
    display: block;
    line-height: 45px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 25px;
    border-radius: 5px;
    color: #fff;
    border: none
}

.fgt-pwd button.btn.btn-color,
.left-s button.btn.btn-color,
.register-b button.btn.btn-color,
.reset-pwd button.btn.btn-color {
    background: #158d8e;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 0 25px;
    text-transform: uppercase
}

.fgt-pwd a,
.signup-l a {
    text-decoration: underline;
    text-transform: capitalize
}

.reset-pwd button.btn.btn-color {
    border-radius: 2px
}

.reset-pwd .login-s {
    display: block;
    padding: 20px 18px;
    width: auto
}

.register-b button.btn.btn-color {
    margin-top: 8px
}

body.login-b {
    background: #f5f5f5
}

.signup-l a {
    color: #158d8e;
    font-size: 14px;
    font-weight: 600
}

ul.social-link li {
    margin-bottom: 14px;
    position: relative
}

ul.social-link li a span {
    margin-left: 15px
}

ul.social-link li a span.twit {
    margin-left: -2px
}

ul.social-link li a span.google_plus {
    margin-left: 6px
}

ul.social-link li a:hover {
    color: #fff
}

ul.social-link li a i {
    font-size: 25px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 15px
}

.login-s .signup-b li {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.login-s .form-group i {
    color: #868686;
    font-size: 18px;
    left: 9px;
    position: absolute;
    top: 13px
}

ul.social-link li:first-child a {
    background: #37589b
}

ul.social-link li:first-child+li a {
    background: #31aae1
}

ul.social-link li:first-child+li+li a {
    background: #da4b3a
}

.login-s .signup-b {
    list-style: none;
    margin: 0;
    padding: 0
}

.login-s .alert-danger {
    border-radius: 0;
    color: #a94442;
    padding: 7px 6px
}

.fgt-pwd .login-s h3,
.reset-pwd .login-s h3 {
    font-size: 20px
}

.fgt-pwd .login-s {
    width: auto
}

.fgt-pwd a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px;
    margin-left: 5px
}

.page-content.row.blogadmin-add .iradio_square-green {
    margin-right: 5px
}

.modal-dialog .modal-header .close {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #fff;
    height: 30px;
    margin-top: 0;
    opacity: 1;
    text-shadow: none;
    width: 30px
}

body .modal-title,
body .modal-titles {
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 5px 0 3px
}

body .modal-dialog {
    border: none
}

.mail-options .actbuttons ul.dropdown-menu li a:hover {
    background: rgba(0, 0, 0, 0)
}

body .modal-header {
    background: #158d8e;
    border-bottom: 1px solid #158d8e;
    padding: 5px
}

.test_vid .video_preview {
    text-align: center
}

.test_vid .video_preview video {
    width: 100%
}

.forum_admin table.table.table-striped td p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px
}

.admin-right-menu .navbar-right {
    margin-right: 0
}

fieldset legend {
    border-bottom: 1px solid #999;
    margin-bottom: 20px
}

.input-group.input-group-sm.create_menu .input-group-addon.xlick.bg-default.btn-sm {
    height: auto
}

@media(min-width:1200px) and (max-width:1380px) {
    .cmn-t a.clear .text-muted.text-uc {
        display: block;
        min-height: 95px
    }
}

@media(min-width:980px) and (max-width:1199px) {
    .cmn-t {
        padding: 10px
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-sm-6.col-md-3.b-r.p-sm {
        padding-top: 0
    }
    .cmn-t .m-r-sm i {
        margin-top: 0
    }
    .row.m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6.col-md-3 {
        width: 50%;
        margin-bottom: 10px
    }
    .cmn-t .text-muted.text-uc {
        height: 60px;
        display: block
    }
}

@media(min-width:768px) and (max-width:979px) {
    .login-s {
        width: 84%
    }
    .login-s .signup-b li {
        padding: 0 12px
    }
    .login-s .form-group i {
        font-size: 17px
    }
    .login-s .left-s {
        width: 50%;
        padding: 0 20px 0 0
    }
    .login-s .form-group {
        width: 100%
    }
    .login-s .right-s {
        padding: 0 15px;
        width: 50%
    }
    ul.social-link li a {
        padding: 0 10px
    }
    .col-sm-6.col-md-3.b-r.p-sm {
        padding: 0 15px
    }
    .cmn-t {
        padding: 10px
    }
    .cmn-t .m-r-sm i {
        margin-top: 0
    }
    .row.m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6.col-md-3 {
        width: 50%;
        margin-bottom: 10px
    }
    .cmn-t .text-muted.text-uc {
        height: 60px;
        display: block
    }
}

@media(max-width:767px) {
    .login-s {
        width: auto
    }
    .login-s .signup-b li {
        float: none;
        width: auto
    }
    .login-s .left-s,
    .login-s .right-s {
        float: none;
        width: 100%
    }
    .login-s .right-s {
        margin-top: 25px
    }
    .test_vid .video_preview {
        text-align: center
    }
    .test_vid .video_preview video {
        width: 100%
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-md-3 {
        margin-bottom: 10px
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6 {
        padding: 0
    }
    .admin-right-menu .navbar-top-links li:last-child {
        margin-right: 0
    }
    .gray-bg .admin-right-menu ul li a {
        font-size: 15px;
        padding: 0 12px;
        line-height: 50px
    }
    .admin-right-menu ul li a i {
        margin: 0 4px 0 0
    }
    .admin-right-menu {
        float: none;
        margin: 0 auto;
        display: table
    }
    .admin_right_content .navbar-minimalize.minimalize-btn.btn.btn-primary {
        margin: 11px 6px
    }
    body.minimize-sidemenu .navbar-static-side {
        padding-top: 40px
    }
    .btn-section button {
        margin-bottom: 5px
    }
    .nav.nav-tabs.module_tab li {
        margin-bottom: 2px
    }
}

@media(max-width:480px) {
    .admin-right-menu .navbar-top-links li:last-child {
        margin-right: 0
    }
    #compose-modal .form-group .col-xs-10,
    #compose-modal .form-group label,
    #compose-modal-content button.btn.btn-sm {
        display: block;
        margin-bottom: 4px;
        width: 100%
    }
    .gray-bg .admin-right-menu ul li a {
        font-size: 13px;
        padding: 0 6px;
        line-height: 40px
    }
    .admin-right-menu ul li a i {
        margin: 0 4px 0 0
    }
    .admin-right-menu {
        float: none;
        margin: 0 auto;
        display: table
    }
    .login-s {
        display: block;
        margin-left: 10px;
        margin-right: 10px
    }
    .login-s .form-group {
        width: auto
    }
    .dashboard-b .sbox-title {
        display: inline-block;
        height: auto
    }
    ul.social-link li a {
        font-size: 13px
    }
    .filter-b {
        margin-top: 12px
    }
    .admin_right_content .navbar-minimalize.minimalize-btn.btn.btn-primary {
        margin: 6px
    }
    #content_parent.mceEditor.defaultSkin {
        display: block;
        overflow-x: auto
    }
    .block-content .tab-content.m-t ul li,
    .sbox-content.blog-comment ul li {
        margin-bottom: 2px
    }
    table.translation-sec td a.btn {
        display: block;
        margin-bottom: 2px
    }
}

@media(max-width:320px) {
    .cmn-t .m-r-sm i {
        font-size: 20px
    }
}

.invoice-block .datepicker.datepicker-dropdown.dropdown-menu {
    left: auto!important;
    right: 110px
}

.invoice-block .datepicker-dropdown::after {
    left: auto;
    right: 7px
}

.invoice-block .datepicker-dropdown::before {
    left: auto;
    right: 6px
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-group select.form-control {
    width: 99.999%
}

@font-face {
    font-family: icomoon;
    src: url(icons/icons.eot);
    src: url(icons/iconsd41d.eot?#iefix) format('embedded-opentype'), url(icons/icons.woff) format('woff'), url(icons/icons.ttf) format('truetype'), url(icons/icons.svg#icons) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=icon-] {
    font-size: 16px
}

.inside-content {
    float: left;
    margin: 1px 6px 0 0
}

[data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-IE,
.icon-accessibility,
.icon-accessibility2,
.icon-address-book,
.icon-aid,
.icon-airplane,
.icon-airplane2,
.icon-alarm,
.icon-alarm2,
.icon-anchor,
.icon-android,
.icon-angry,
.icon-angry2,
.icon-apple,
.icon-apple-fruit,
.icon-archive,
.icon-arrow,
.icon-arrow-down,
.icon-arrow-down-left,
.icon-arrow-down-left2,
.icon-arrow-down-left3,
.icon-arrow-down-left4,
.icon-arrow-down-left5,
.icon-arrow-down-right,
.icon-arrow-down-right2,
.icon-arrow-down-right3,
.icon-arrow-down-right4,
.icon-arrow-down-right5,
.icon-arrow-down10,
.icon-arrow-down11,
.icon-arrow-down2,
.icon-arrow-down3,
.icon-arrow-down4,
.icon-arrow-down5,
.icon-arrow-down6,
.icon-arrow-down7,
.icon-arrow-down8,
.icon-arrow-down9,
.icon-arrow-first,
.icon-arrow-left,
.icon-arrow-left10,
.icon-arrow-left11,
.icon-arrow-left2,
.icon-arrow-left3,
.icon-arrow-left4,
.icon-arrow-left5,
.icon-arrow-left6,
.icon-arrow-left7,
.icon-arrow-left8,
.icon-arrow-left9,
.icon-arrow-right,
.icon-arrow-right10,
.icon-arrow-right11,
.icon-arrow-right12,
.icon-arrow-right2,
.icon-arrow-right3,
.icon-arrow-right4,
.icon-arrow-right5,
.icon-arrow-right6,
.icon-arrow-right7,
.icon-arrow-right8,
.icon-arrow-right9,
.icon-arrow-up,
.icon-arrow-up-left,
.icon-arrow-up-left2,
.icon-arrow-up-left3,
.icon-arrow-up-left4,
.icon-arrow-up-left5,
.icon-arrow-up-right,
.icon-arrow-up-right2,
.icon-arrow-up-right3,
.icon-arrow-up-right4,
.icon-arrow-up-right5,
.icon-arrow-up10,
.icon-arrow-up11,
.icon-arrow-up2,
.icon-arrow-up3,
.icon-arrow-up4,
.icon-arrow-up5,
.icon-arrow-up6,
.icon-arrow-up7,
.icon-arrow-up8,
.icon-arrow-up9,
.icon-arrow2,
.icon-arrow3,
.icon-arrow4,
.icon-attachment,
.icon-attachment2,
.icon-backspace,
.icon-backspace2,
.icon-backspace3,
.icon-backward,
.icon-backward2,
.icon-balance,
.icon-balloon,
.icon-barcode,
.icon-barcode2,
.icon-bars,
.icon-bars2,
.icon-bars3,
.icon-basket,
.icon-basket2,
.icon-bed,
.icon-bed2,
.icon-bell,
.icon-binoculars,
.icon-bishop,
.icon-blocked,
.icon-blog,
.icon-blogger,
.icon-blogger2,
.icon-boat,
.icon-bold,
.icon-book,
.icon-book2,
.icon-bookmark,
.icon-bookmark2,
.icon-bookmark3,
.icon-bookmarks,
.icon-books,
.icon-bottle,
.icon-bottle2,
.icon-box-add,
.icon-box-remove,
.icon-briefcase,
.icon-briefcase2,
.icon-briefcase3,
.icon-brightness-contrast,
.icon-brightness-high,
.icon-brightness-low,
.icon-brightness-medium,
.icon-bubble,
.icon-bubble-blocked,
.icon-bubble-cancel,
.icon-bubble-check,
.icon-bubble-dots,
.icon-bubble-dots2,
.icon-bubble-down,
.icon-bubble-first,
.icon-bubble-forward,
.icon-bubble-forward2,
.icon-bubble-heart,
.icon-bubble-last,
.icon-bubble-left,
.icon-bubble-link,
.icon-bubble-locked,
.icon-bubble-minus,
.icon-bubble-notification,
.icon-bubble-notification2,
.icon-bubble-paperclip,
.icon-bubble-plus,
.icon-bubble-quote,
.icon-bubble-replu,
.icon-bubble-reply,
.icon-bubble-right,
.icon-bubble-star,
.icon-bubble-trash,
.icon-bubble-up,
.icon-bubble-user,
.icon-bubble-video-chat,
.icon-bubble2,
.icon-bubble3,
.icon-bubble4,
.icon-bubble5,
.icon-bubble6,
.icon-bubbles,
.icon-bubbles2,
.icon-bubbles3,
.icon-bubbles4,
.icon-bubbles5,
.icon-bubbles6,
.icon-bug,
.icon-bug2,
.icon-bullhorn,
.icon-bus,
.icon-busy,
.icon-busy2,
.icon-busy3,
.icon-cabinet,
.icon-cake,
.icon-calculate,
.icon-calculate2,
.icon-calendar,
.icon-calendar2,
.icon-calendar3,
.icon-calendar4,
.icon-call-incoming,
.icon-call-outgoing,
.icon-camera,
.icon-camera2,
.icon-camera3,
.icon-camera4,
.icon-camera5,
.icon-camera6,
.icon-camera7,
.icon-cancel,
.icon-cancel-circle,
.icon-cancel-circle2,
.icon-car,
.icon-cart,
.icon-cart-add,
.icon-cart-checkout,
.icon-cart-minus,
.icon-cart-plus,
.icon-cart-remove,
.icon-cart-remove2,
.icon-cart2,
.icon-cart3,
.icon-cart4,
.icon-cart5,
.icon-cc,
.icon-certificate,
.icon-checkbox-checked,
.icon-checkbox-partial,
.icon-checkbox-unchecked,
.icon-checkmark,
.icon-checkmark-circle,
.icon-checkmark-circle2,
.icon-checkmark2,
.icon-checkmark3,
.icon-checkmark4,
.icon-chrome,
.icon-clear-formatting,
.icon-clipboard,
.icon-clock,
.icon-clock2,
.icon-clock3,
.icon-clock4,
.icon-close,
.icon-cloud,
.icon-cloud-download,
.icon-cloud-upload,
.icon-clubs,
.icon-code,
.icon-cog,
.icon-cog2,
.icon-cog3,
.icon-cog4,
.icon-cogs,
.icon-coin,
.icon-command,
.icon-compass,
.icon-compass2,
.icon-cone,
.icon-confused,
.icon-confused2,
.icon-connection,
.icon-connection2,
.icon-console,
.icon-construction,
.icon-contact-add,
.icon-contact-add2,
.icon-contact-remove,
.icon-contact-remove2,
.icon-contract,
.icon-contract2,
.icon-contrast,
.icon-cool,
.icon-cool2,
.icon-copy,
.icon-copy2,
.icon-copy3,
.icon-copy4,
.icon-credit,
.icon-crop,
.icon-crown,
.icon-css3,
.icon-cube,
.icon-cube2,
.icon-cursor,
.icon-cursor2,
.icon-dashboard,
.icon-database,
.icon-database2,
.icon-delicious,
.icon-deviantart,
.icon-deviantart2,
.icon-diamond,
.icon-diamonds,
.icon-dice,
.icon-direction,
.icon-disk,
.icon-download,
.icon-download2,
.icon-download3,
.icon-download4,
.icon-download5,
.icon-drawer,
.icon-drawer2,
.icon-drawer3,
.icon-dribbble,
.icon-dribbble2,
.icon-dribbble3,
.icon-droplet,
.icon-droplet2,
.icon-dumbbell,
.icon-earth,
.icon-eject,
.icon-embed,
.icon-enter,
.icon-enter2,
.icon-enter3,
.icon-enter4,
.icon-enter5,
.icon-envelop,
.icon-envelop2,
.icon-equalizer,
.icon-equalizer2,
.icon-equalizer3,
.icon-esc,
.icon-evil,
.icon-evil2,
.icon-exit,
.icon-exit2,
.icon-exit3,
.icon-exit4,
.icon-expand,
.icon-expand2,
.icon-eye,
.icon-eye-blocked,
.icon-eye-blocked2,
.icon-eye2,
.icon-eye3,
.icon-eye4,
.icon-eye5,
.icon-eye6,
.icon-eye7,
.icon-eyedropper,
.icon-facebook,
.icon-facebook2,
.icon-facebook3,
.icon-factory,
.icon-fan,
.icon-feed,
.icon-feed2,
.icon-feed3,
.icon-feed4,
.icon-female,
.icon-file,
.icon-file-check,
.icon-file-css,
.icon-file-download,
.icon-file-excel,
.icon-file-minus,
.icon-file-openoffice,
.icon-file-pdf,
.icon-file-plus,
.icon-file-powerpoint,
.icon-file-remove,
.icon-file-upload,
.icon-file-word,
.icon-file-xml,
.icon-file-zip,
.icon-file2,
.icon-file3,
.icon-file4,
.icon-file5,
.icon-file6,
.icon-file7,
.icon-film,
.icon-film2,
.icon-film3,
.icon-filter,
.icon-filter2,
.icon-filter3,
.icon-filter4,
.icon-finder,
.icon-fire,
.icon-firefox,
.icon-first,
.icon-flag,
.icon-flag2,
.icon-flag3,
.icon-flag4,
.icon-flattr,
.icon-flickr,
.icon-flickr2,
.icon-flickr3,
.icon-flickr4,
.icon-flip,
.icon-flip2,
.icon-flower,
.icon-folder,
.icon-folder-download,
.icon-folder-download2,
.icon-folder-minus,
.icon-folder-minus2,
.icon-folder-minus3,
.icon-folder-open,
.icon-folder-open2,
.icon-folder-plus,
.icon-folder-plus2,
.icon-folder-plus3,
.icon-folder-remove,
.icon-folder-upload,
.icon-folder-upload2,
.icon-folder2,
.icon-folder3,
.icon-folder8,
.icon-font,
.icon-font-size,
.icon-food,
.icon-food2,
.icon-forrst,
.icon-forrst2,
.icon-forward,
.icon-forward2,
.icon-forward3,
.icon-foursquare,
.icon-foursquare2,
.icon-gas-pump,
.icon-gift,
.icon-github,
.icon-github2,
.icon-github3,
.icon-github4,
.icon-github5,
.icon-glass,
.icon-glass2,
.icon-glasses,
.icon-glasses2,
.icon-glasses3,
.icon-globe,
.icon-globe2,
.icon-google,
.icon-google-drive,
.icon-google-plus,
.icon-google-plus2,
.icon-google-plus3,
.icon-google-plus4,
.icon-grid,
.icon-grid2,
.icon-grid3,
.icon-grid4,
.icon-grin,
.icon-grin2,
.icon-gun,
.icon-gun-ban,
.icon-hammer,
.icon-hammer2,
.icon-hanger,
.icon-happy,
.icon-happy2,
.icon-headphones,
.icon-headphones2,
.icon-heart,
.icon-heart-broken,
.icon-heart-broken2,
.icon-heart-broken3,
.icon-heart2,
.icon-heart3,
.icon-heart4,
.icon-heart5,
.icon-heart6,
.icon-history,
.icon-home,
.icon-home2,
.icon-home3,
.icon-home4,
.icon-home5,
.icon-home6,
.icon-home7,
.icon-html5,
.icon-html52,
.icon-icon,
.icon-image,
.icon-image2,
.icon-image3,
.icon-image4,
.icon-image5,
.icon-images,
.icon-indent-decrease,
.icon-indent-increase,
.icon-info,
.icon-info2,
.icon-inject,
.icon-insert-template,
.icon-instagram,
.icon-italic,
.icon-joomla,
.icon-key,
.icon-key2,
.icon-keyboard,
.icon-king,
.icon-knight,
.icon-lab,
.icon-ladder,
.icon-lamp,
.icon-lamp2,
.icon-lamp3,
.icon-lanyrd,
.icon-laptop,
.icon-last,
.icon-lastfm,
.icon-lastfm2,
.icon-leaf,
.icon-left-to-right,
.icon-library,
.icon-libreoffice,
.icon-lightning,
.icon-link,
.icon-link2,
.icon-link22,
.icon-link3,
.icon-link4,
.icon-link5,
.icon-link6,
.icon-linkedin,
.icon-list,
.icon-list2,
.icon-location,
.icon-location2,
.icon-location3,
.icon-location4,
.icon-lock,
.icon-lock2,
.icon-lock3,
.icon-loop,
.icon-loop2,
.icon-loop3,
.icon-loop4,
.icon-loop5,
.icon-magnet,
.icon-mail,
.icon-mail-send,
.icon-mail2,
.icon-mail3,
.icon-mail4,
.icon-male,
.icon-man,
.icon-map,
.icon-map2,
.icon-map3,
.icon-marker,
.icon-medal,
.icon-medal2,
.icon-medal3,
.icon-medal4,
.icon-medal5,
.icon-megaphone,
.icon-menu,
.icon-menu2,
.icon-menu3,
.icon-menu4,
.icon-menu5,
.icon-meter,
.icon-meter-fast,
.icon-meter-medium,
.icon-meter-slow,
.icon-meter2,
.icon-mic,
.icon-mic2,
.icon-mic3,
.icon-mic4,
.icon-minus,
.icon-minus-circle,
.icon-minus-circle2,
.icon-mobile,
.icon-mobile2,
.icon-moon,
.icon-mouse,
.icon-mouse2,
.icon-move,
.icon-movie,
.icon-movie2,
.icon-mug,
.icon-music,
.icon-music2,
.icon-music3,
.icon-nbsp,
.icon-neutral,
.icon-neutral2,
.icon-new,
.icon-new-tab,
.icon-new-tab2,
.icon-newspaper,
.icon-next,
.icon-notebook,
.icon-notification,
.icon-numbered-list,
.icon-office,
.icon-omega,
.icon-opera,
.icon-pacman,
.icon-page-break,
.icon-page-break2,
.icon-pagebreak,
.icon-paint-format,
.icon-paper-plane,
.icon-paragraph-center,
.icon-paragraph-center2,
.icon-paragraph-justify,
.icon-paragraph-justify2,
.icon-paragraph-left,
.icon-paragraph-left2,
.icon-paragraph-right,
.icon-paragraph-right2,
.icon-paste,
.icon-paste2,
.icon-paste3,
.icon-patch,
.icon-pause,
.icon-pause2,
.icon-paw,
.icon-pawn,
.icon-paypal,
.icon-paypal2,
.icon-paypal3,
.icon-peace,
.icon-pen,
.icon-pen2,
.icon-pen3,
.icon-pencil,
.icon-pencil2,
.icon-pencil3,
.icon-pencil4,
.icon-people,
.icon-phone,
.icon-phone-hang-up,
.icon-phone-hang-up2,
.icon-phone2,
.icon-phone3,
.icon-phone4,
.icon-phone5,
.icon-piano,
.icon-picassa,
.icon-picassa2,
.icon-pie,
.icon-pie2,
.icon-pie3,
.icon-pie4,
.icon-pilcrow,
.icon-pinterest,
.icon-pinterest2,
.icon-play,
.icon-play2,
.icon-play3,
.icon-playlist,
.icon-plus,
.icon-plus-circle,
.icon-plus-circle2,
.icon-podcast,
.icon-podium,
.icon-point-down,
.icon-point-left,
.icon-point-right,
.icon-point-up,
.icon-popout,
.icon-power,
.icon-power-cord,
.icon-power2,
.icon-previous,
.icon-print,
.icon-print2,
.icon-profile,
.icon-pushpin,
.icon-puzzle,
.icon-puzzle2,
.icon-puzzle3,
.icon-puzzle4,
.icon-pyramid,
.icon-qrcode,
.icon-queen,
.icon-question,
.icon-question2,
.icon-question3,
.icon-question4,
.icon-question5,
.icon-quill,
.icon-quill2,
.icon-quotes-left,
.icon-quotes-right,
.icon-quotes-right2,
.icon-quotes-right3,
.icon-radio,
.icon-radio-checked,
.icon-radio-unchecked,
.icon-rating,
.icon-rating2,
.icon-rating3,
.icon-reddit,
.icon-redo,
.icon-redo2,
.icon-remove,
.icon-remove2,
.icon-remove3,
.icon-remove4,
.icon-remove5,
.icon-reply,
.icon-reply2,
.icon-right-to-left,
.icon-road,
.icon-rock,
.icon-rocket,
.icon-rotate,
.icon-rotate2,
.icon-rulers,
.icon-sad,
.icon-sad2,
.icon-safari,
.icon-scissors,
.icon-scissors2,
.icon-screen,
.icon-screen2,
.icon-search,
.icon-search2,
.icon-search3,
.icon-settings,
.icon-share,
.icon-share2,
.icon-share3,
.icon-shield,
.icon-shield2,
.icon-shocked,
.icon-shocked2,
.icon-shuffle,
.icon-shuffle2,
.icon-sigma,
.icon-signup,
.icon-skull,
.icon-skull2,
.icon-skype,
.icon-smiley,
.icon-smiley2,
.icon-sort,
.icon-sort2,
.icon-soundcloud,
.icon-soundcloud2,
.icon-spades,
.icon-spam,
.icon-spell-check,
.icon-spinner,
.icon-spinner2,
.icon-spinner3,
.icon-spinner4,
.icon-spinner5,
.icon-spinner6,
.icon-spinner7,
.icon-spinner8,
.icon-stack,
.icon-stackoverflow,
.icon-star,
.icon-star2,
.icon-star3,
.icon-star4,
.icon-star5,
.icon-star6,
.icon-stats,
.icon-stats-down,
.icon-stats-up,
.icon-stats2,
.icon-stats3,
.icon-steam,
.icon-steam2,
.icon-steps,
.icon-stop,
.icon-stop2,
.icon-stopwatch,
.icon-storage,
.icon-storage2,
.icon-strikethrough,
.icon-stumbleupon,
.icon-stumbleupon2,
.icon-subscript,
.icon-subscript2,
.icon-sun,
.icon-sun-glasses,
.icon-sun2,
.icon-superscript,
.icon-superscript2,
.icon-support,
.icon-switch,
.icon-tab,
.icon-table,
.icon-table2,
.icon-tablet,
.icon-tag,
.icon-tag2,
.icon-tag3,
.icon-tag4,
.icon-tag5,
.icon-tags,
.icon-tags2,
.icon-target,
.icon-target2,
.icon-target3,
.icon-text-color,
.icon-text-height,
.icon-text-width,
.icon-thumbs-down,
.icon-thumbs-down2,
.icon-thumbs-up,
.icon-thumbs-up2,
.icon-thumbs-up3,
.icon-thumbs-up4,
.icon-ticket,
.icon-tongue,
.icon-tongue2,
.icon-tools,
.icon-transmission,
.icon-transmission2,
.icon-tree,
.icon-tree2,
.icon-tree3,
.icon-trophy,
.icon-trophy-star,
.icon-trophy2,
.icon-truck,
.icon-tumblr,
.icon-tumblr2,
.icon-tux,
.icon-tv,
.icon-twitter,
.icon-twitter2,
.icon-twitter3,
.icon-umbrella,
.icon-underline,
.icon-undo,
.icon-undo2,
.icon-unlocked,
.icon-unlocked2,
.icon-upload,
.icon-upload2,
.icon-upload3,
.icon-upload4,
.icon-upload5,
.icon-user,
.icon-user-block,
.icon-user-block2,
.icon-user-cancel,
.icon-user-cancel2,
.icon-user-minus,
.icon-user-minus2,
.icon-user-minus3,
.icon-user-plus,
.icon-user-plus2,
.icon-user-plus3,
.icon-user2,
.icon-user3,
.icon-user4,
.icon-users,
.icon-users2,
.icon-vcard,
.icon-vector,
.icon-vimeo,
.icon-vimeo2,
.icon-vimeo3,
.icon-volume-decrease,
.icon-volume-decrease2,
.icon-volume-high,
.icon-volume-high2,
.icon-volume-increase,
.icon-volume-increase2,
.icon-volume-low,
.icon-volume-low2,
.icon-volume-medium,
.icon-volume-medium2,
.icon-volume-mute,
.icon-volume-mute2,
.icon-volume-mute3,
.icon-volume-mute4,
.icon-volume-mute5,
.icon-volume-mute6,
.icon-volume0,
.icon-volume1,
.icon-volume2,
.icon-volume3,
.icon-volume4,
.icon-volume5,
.icon-wand,
.icon-wand2,
.icon-warning,
.icon-watch,
.icon-wave,
.icon-wave2,
.icon-weather-lightning,
.icon-weather-rain,
.icon-weather-snow,
.icon-windows,
.icon-windows8,
.icon-windy,
.icon-wink,
.icon-wink2,
.icon-woman,
.icon-wondering,
.icon-wondering2,
.icon-wordpress,
.icon-wordpress2,
.icon-wrench,
.icon-wrench2,
.icon-xing,
.icon-xing2,
.icon-yahoo,
.icon-yelp,
.icon-yin-yang,
.icon-youtube,
.icon-youtube2,
.icon-zoom-in,
.icon-zoom-in2,
.icon-zoom-out,
.icon-zoom-out2 {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1.063;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

.icon-zoom-out2:before {
    content: "\e000"
}

.icon-zoom-out:before {
    content: "\e001"
}

.icon-zoom-in2:before {
    content: "\e002"
}

.icon-zoom-in:before {
    content: "\e003"
}

.icon-youtube2:before {
    content: "\e004"
}

.icon-youtube:before {
    content: "\e005"
}

.icon-yin-yang:before {
    content: "\e006"
}

.icon-yelp:before {
    content: "\e007"
}

.icon-yahoo:before {
    content: "\e008"
}

.icon-xing2:before {
    content: "\e009"
}

.icon-xing:before {
    content: "\e00a"
}

.icon-wrench2:before {
    content: "\e00b"
}

.icon-wrench:before {
    content: "\e00c"
}

.icon-wordpress2:before {
    content: "\e00d"
}

.icon-wordpress:before {
    content: "\e00e"
}

.icon-wondering2:before {
    content: "\e00f"
}

.icon-wondering:before {
    content: "\e010"
}

.icon-woman:before {
    content: "\e011"
}

.icon-wink2:before {
    content: "\e012"
}

.icon-wink:before {
    content: "\e013"
}

.icon-windy:before {
    content: "\e014"
}

.icon-windows8:before {
    content: "\e015"
}

.icon-windows:before {
    content: "\e016"
}

.icon-weather-snow:before {
    content: "\e017"
}

.icon-weather-rain:before {
    content: "\e018"
}

.icon-weather-lightning:before {
    content: "\e019"
}

.icon-wave2:before {
    content: "\e01a"
}

.icon-wave:before {
    content: "\e01b"
}

.icon-watch:before {
    content: "\e01c"
}

.icon-warning:before {
    content: "\e01d"
}

.icon-wand2:before {
    content: "\e01e"
}

.icon-wand:before {
    content: "\e01f"
}

.icon-volume5:before {
    content: "\e020"
}

.icon-volume4:before {
    content: "\e021"
}

.icon-volume3:before {
    content: "\e022"
}

.icon-volume2:before {
    content: "\e023"
}

.icon-volume1:before {
    content: "\e024"
}

.icon-volume0:before {
    content: "\e025"
}

.icon-volume-mute6:before {
    content: "\e026"
}

.icon-volume-mute5:before {
    content: "\e027"
}

.icon-volume-mute4:before {
    content: "\e028"
}

.icon-volume-mute3:before {
    content: "\e029"
}

.icon-volume-mute2:before {
    content: "\e02a"
}

.icon-volume-mute:before {
    content: "\e02b"
}

.icon-volume-medium2:before {
    content: "\e02c"
}

.icon-volume-medium:before {
    content: "\e02d"
}

.icon-volume-low2:before {
    content: "\e02e"
}

.icon-volume-low:before {
    content: "\e02f"
}

.icon-volume-increase2:before {
    content: "\e030"
}

.icon-volume-increase:before {
    content: "\e031"
}

.icon-volume-high2:before {
    content: "\e032"
}

.icon-volume-high:before {
    content: "\e033"
}

.icon-volume-decrease2:before {
    content: "\e034"
}

.icon-volume-decrease:before {
    content: "\e035"
}

.icon-vimeo3:before {
    content: "\e036"
}

.icon-vimeo2:before {
    content: "\e037"
}

.icon-vimeo:before {
    content: "\e038"
}

.icon-vector:before {
    content: "\e039"
}

.icon-vcard:before {
    content: "\e03a"
}

.icon-users2:before {
    content: "\e03b"
}

.icon-users:before {
    content: "\e03c"
}

.icon-user4:before {
    content: "\e03d"
}

.icon-user3:before {
    content: "\e03e"
}

.icon-user2:before {
    content: "\e03f"
}

.icon-user:before {
    content: "\e040"
}

.icon-user-plus3:before {
    content: "\e041"
}

.icon-user-plus2:before {
    content: "\e042"
}

.icon-user-plus:before {
    content: "\e043"
}

.icon-user-minus3:before {
    content: "\e044"
}

.icon-user-minus2:before {
    content: "\e045"
}

.icon-user-minus:before {
    content: "\e046"
}

.icon-user-cancel2:before {
    content: "\e047"
}

.icon-user-cancel:before {
    content: "\e048"
}

.icon-user-block2:before {
    content: "\e049"
}

.icon-user-block:before {
    content: "\e04a"
}

.icon-upload5:before {
    content: "\e04b"
}

.icon-upload4:before {
    content: "\e04c"
}

.icon-upload3:before {
    content: "\e04d"
}

.icon-upload2:before {
    content: "\e04e"
}

.icon-upload:before {
    content: "\e04f"
}

.icon-unlocked2:before {
    content: "\e050"
}

.icon-unlocked:before {
    content: "\e051"
}

.icon-undo2:before {
    content: "\e052"
}

.icon-undo:before {
    content: "\e053"
}

.icon-underline:before {
    content: "\e054"
}

.icon-umbrella:before {
    content: "\e055"
}

.icon-twitter3:before {
    content: "\e056"
}

.icon-twitter2:before {
    content: "\e057"
}

.icon-twitter:before {
    content: "\e058"
}

.icon-tv:before {
    content: "\e059"
}

.icon-tux:before {
    content: "\e05a"
}

.icon-tumblr2:before {
    content: "\e05b"
}

.icon-tumblr:before {
    content: "\e05c"
}

.icon-truck:before {
    content: "\e05d"
}

.icon-trophy2:before {
    content: "\e05e"
}

.icon-trophy:before {
    content: "\e05f"
}

.icon-trophy-star:before {
    content: "\e060"
}

.icon-tree3:before {
    content: "\e061"
}

.icon-tree2:before {
    content: "\e062"
}

.icon-tree:before {
    content: "\e063"
}

.icon-transmission2:before {
    content: "\e064"
}

.icon-transmission:before {
    content: "\e065"
}

.icon-tools:before {
    content: "\e066"
}

.icon-tongue2:before {
    content: "\e067"
}

.icon-tongue:before {
    content: "\e068"
}

.icon-ticket:before {
    content: "\e069"
}

.icon-thumbs-up4:before {
    content: "\e06a"
}

.icon-thumbs-up3:before {
    content: "\e06b"
}

.icon-thumbs-up2:before {
    content: "\e06c"
}

.icon-thumbs-up:before {
    content: "\e06d"
}

.icon-thumbs-down2:before {
    content: "\e06e"
}

.icon-thumbs-down:before {
    content: "\e06f"
}

.icon-text-width:before {
    content: "\e070"
}

.icon-text-height:before {
    content: "\e071"
}

.icon-text-color:before {
    content: "\e072"
}

.icon-target3:before {
    content: "\e073"
}

.icon-target2:before {
    content: "\e074"
}

.icon-target:before {
    content: "\e075"
}

.icon-tags2:before {
    content: "\e076"
}

.icon-tags:before {
    content: "\e077"
}

.icon-tag5:before {
    content: "\e078"
}

.icon-tag4:before {
    content: "\e079"
}

.icon-tag3:before {
    content: "\e07a"
}

.icon-tag2:before {
    content: "\e07b"
}

.icon-tag:before {
    content: "\e07c"
}

.icon-tablet:before {
    content: "\e07d"
}

.icon-table2:before {
    content: "\e07e"
}

.icon-table:before {
    content: "\e07f"
}

.icon-tab:before {
    content: "\e080"
}

.icon-switch:before {
    content: "\e081"
}

.icon-support:before {
    content: "\e082"
}

.icon-superscript2:before {
    content: "\e083"
}

.icon-superscript:before {
    content: "\e084"
}

.icon-sun2:before {
    content: "\e085"
}

.icon-sun:before {
    content: "\e086"
}

.icon-sun-glasses:before {
    content: "\e087"
}

.icon-subscript2:before {
    content: "\e088"
}

.icon-subscript:before {
    content: "\e089"
}

.icon-stumbleupon2:before {
    content: "\e08a"
}

.icon-stumbleupon:before {
    content: "\e08b"
}

.icon-strikethrough:before {
    content: "\e08c"
}

.icon-storage2:before {
    content: "\e08d"
}

.icon-storage:before {
    content: "\e08e"
}

.icon-stopwatch:before {
    content: "\e08f"
}

.icon-stop2:before {
    content: "\e090"
}

.icon-stop:before {
    content: "\e091"
}

.icon-steps:before {
    content: "\e092"
}

.icon-steam2:before {
    content: "\e093"
}

.icon-steam:before {
    content: "\e094"
}

.icon-stats3:before {
    content: "\e095"
}

.icon-stats2:before {
    content: "\e096"
}

.icon-stats:before {
    content: "\e097"
}

.icon-stats-up:before {
    content: "\e098"
}

.icon-stats-down:before {
    content: "\e099"
}

.icon-star6:before {
    content: "\e09a"
}

.icon-star5:before {
    content: "\e09b"
}

.icon-star4:before {
    content: "\e09c"
}

.icon-star3:before {
    content: "\e09d"
}

.icon-star2:before {
    content: "\e09e"
}

.icon-star:before {
    content: "\e09f"
}

.icon-stackoverflow:before {
    content: "\e0a0"
}

.icon-stack:before {
    content: "\e0a1"
}

.icon-spinner8:before {
    content: "\e0a2"
}

.icon-spinner7:before {
    content: "\e0a3"
}

.icon-spinner6:before {
    content: "\e0a4"
}

.icon-spinner5:before {
    content: "\e0a5"
}

.icon-spinner4:before {
    content: "\e0a6"
}

.icon-spinner3:before {
    content: "\e0a7"
}

.icon-spinner2:before {
    content: "\e0a8"
}

.icon-spinner:before {
    content: "\e0a9"
}

.icon-spell-check:before {
    content: "\e0aa"
}

.icon-spam:before {
    content: "\e0ab"
}

.icon-spades:before {
    content: "\e0ac"
}

.icon-soundcloud2:before {
    content: "\e0ad"
}

.icon-soundcloud:before {
    content: "\e0ae"
}

.icon-sort2:before {
    content: "\e0af"
}

.icon-sort:before {
    content: "\e0b0"
}

.icon-smiley2:before {
    content: "\e0b1"
}

.icon-smiley:before {
    content: "\e0b2"
}

.icon-skype:before {
    content: "\e0b3"
}

.icon-skull2:before {
    content: "\e0b4"
}

.icon-skull:before {
    content: "\e0b5"
}

.icon-signup:before {
    content: "\e0b6"
}

.icon-sigma:before {
    content: "\e0b7"
}

.icon-shuffle2:before {
    content: "\e0b8"
}

.icon-shuffle:before {
    content: "\e0b9"
}

.icon-shocked2:before {
    content: "\e0ba"
}

.icon-shocked:before {
    content: "\e0bb"
}

.icon-shield2:before {
    content: "\e0bc"
}

.icon-shield:before {
    content: "\e0bd"
}

.icon-share3:before {
    content: "\e0be"
}

.icon-share2:before {
    content: "\e0bf"
}

.icon-share:before {
    content: "\e0c0"
}

.icon-settings:before {
    content: "\e0c1"
}

.icon-search3:before {
    content: "\e0c2"
}

.icon-search2:before {
    content: "\e0c3"
}

.icon-search:before {
    content: "\e0c4"
}

.icon-screen2:before {
    content: "\e0c5"
}

.icon-screen:before {
    content: "\e0c6"
}

.icon-scissors2:before {
    content: "\e0c7"
}

.icon-scissors:before {
    content: "\e0c8"
}

.icon-safari:before {
    content: "\e0c9"
}

.icon-sad2:before {
    content: "\e0ca"
}

.icon-sad:before {
    content: "\e0cb"
}

.icon-rulers:before {
    content: "\e0cc"
}

.icon-rotate2:before {
    content: "\e0cd"
}

.icon-rotate:before {
    content: "\e0ce"
}

.icon-rocket:before {
    content: "\e0cf"
}

.icon-rock:before {
    content: "\e0d0"
}

.icon-road:before {
    content: "\e0d1"
}

.icon-right-to-left:before {
    content: "\e0d2"
}

.icon-reply2:before {
    content: "\e0d3"
}

.icon-reply:before {
    content: "\e0d4"
}

.icon-remove5:before {
    content: "\e0d5"
}

.icon-remove4:before {
    content: "\e0d6"
}

.icon-remove3:before {
    content: "\e0d7"
}

.icon-remove2:before {
    content: "\e0d8"
}

.icon-remove:before {
    content: "\e0d9"
}

.icon-redo2:before {
    content: "\e0da"
}

.icon-redo:before {
    content: "\e0db"
}

.icon-reddit:before {
    content: "\e0dc"
}

.icon-rating3:before {
    content: "\e0dd"
}

.icon-rating2:before {
    content: "\e0de"
}

.icon-rating:before {
    content: "\e0df"
}

.icon-radio:before {
    content: "\e0e0"
}

.icon-radio-unchecked:before {
    content: "\e0e1"
}

.icon-radio-checked:before {
    content: "\e0e2"
}

.icon-quotes-right3:before {
    content: "\e0e3"
}

.icon-quotes-right2:before {
    content: "\e0e4"
}

.icon-quotes-right:before {
    content: "\e0e5"
}

.icon-quotes-left:before {
    content: "\e0e6"
}

.icon-quill2:before {
    content: "\e0e7"
}

.icon-quill:before {
    content: "\e0e8"
}

.icon-question5:before {
    content: "\e0e9"
}

.icon-question4:before {
    content: "\e0ea"
}

.icon-question3:before {
    content: "\e0eb"
}

.icon-question2:before {
    content: "\e0ec"
}

.icon-question:before {
    content: "\e0ed"
}

.icon-queen:before {
    content: "\e0ee"
}

.icon-qrcode:before {
    content: "\e0ef"
}

.icon-pyramid:before {
    content: "\e0f0"
}

.icon-puzzle4:before {
    content: "\e0f1"
}

.icon-puzzle3:before {
    content: "\e0f2"
}

.icon-puzzle2:before {
    content: "\e0f3"
}

.icon-puzzle:before {
    content: "\e0f4"
}

.icon-pushpin:before {
    content: "\e0f5"
}

.icon-profile:before {
    content: "\e0f6"
}

.icon-print2:before {
    content: "\e0f7"
}

.icon-print:before {
    content: "\e0f8"
}

.icon-previous:before {
    content: "\e0f9"
}

.icon-power2:before {
    content: "\e0fa"
}

.icon-power:before {
    content: "\e0fb"
}

.icon-power-cord:before {
    content: "\e0fc"
}

.icon-popout:before {
    content: "\e0fd"
}

.icon-point-up:before {
    content: "\e0fe"
}

.icon-point-right:before {
    content: "\e0ff"
}

.icon-point-left:before {
    content: "\e100"
}

.icon-point-down:before {
    content: "\e101"
}

.icon-podium:before {
    content: "\e102"
}

.icon-podcast:before {
    content: "\e103"
}

.icon-plus:before {
    content: "\e104"
}

.icon-plus-circle2:before {
    content: "\e105"
}

.icon-plus-circle:before {
    content: "\e106"
}

.icon-playlist:before {
    content: "\e107"
}

.icon-play3:before {
    content: "\e108"
}

.icon-play2:before {
    content: "\e109"
}

.icon-play:before {
    content: "\e10a"
}

.icon-pinterest2:before {
    content: "\e10b"
}

.icon-pinterest:before {
    content: "\e10c"
}

.icon-pilcrow:before {
    content: "\e10d"
}

.icon-pie4:before {
    content: "\e10e"
}

.icon-pie3:before {
    content: "\e10f"
}

.icon-pie2:before {
    content: "\e110"
}

.icon-pie:before {
    content: "\e111"
}

.icon-picassa2:before {
    content: "\e112"
}

.icon-picassa:before {
    content: "\e113"
}

.icon-piano:before {
    content: "\e114"
}

.icon-phone5:before {
    content: "\e115"
}

.icon-phone4:before {
    content: "\e116"
}

.icon-phone3:before {
    content: "\e117"
}

.icon-phone2:before {
    content: "\e118"
}

.icon-phone:before {
    content: "\e119"
}

.icon-phone-hang-up2:before {
    content: "\e11a"
}

.icon-phone-hang-up:before {
    content: "\e11b"
}

.icon-people:before {
    content: "\e11c"
}

.icon-pencil4:before {
    content: "\e11d"
}

.icon-pencil3:before {
    content: "\e11e"
}

.icon-pencil2:before {
    content: "\e11f"
}

.icon-pencil:before {
    content: "\e120"
}

.icon-pen3:before {
    content: "\e121"
}

.icon-pen2:before {
    content: "\e122"
}

.icon-pen:before {
    content: "\e123"
}

.icon-peace:before {
    content: "\e124"
}

.icon-paypal3:before {
    content: "\e125"
}

.icon-paypal2:before {
    content: "\e126"
}

.icon-paypal:before {
    content: "\e127"
}

.icon-pawn:before {
    content: "\e128"
}

.icon-paw:before {
    content: "\e129"
}

.icon-pause2:before {
    content: "\e12a"
}

.icon-pause:before {
    content: "\e12b"
}

.icon-patch:before {
    content: "\e12c"
}

.icon-paste3:before {
    content: "\e12d"
}

.icon-paste2:before {
    content: "\e12e"
}

.icon-paste:before {
    content: "\e12f"
}

.icon-paragraph-right2:before {
    content: "\e130"
}

.icon-paragraph-right:before {
    content: "\e131"
}

.icon-paragraph-left2:before {
    content: "\e132"
}

.icon-paragraph-left:before {
    content: "\e133"
}

.icon-paragraph-justify2:before {
    content: "\e134"
}

.icon-paragraph-justify:before {
    content: "\e135"
}

.icon-paragraph-center2:before {
    content: "\e136"
}

.icon-paragraph-center:before {
    content: "\e137"
}

.icon-paper-plane:before {
    content: "\e138"
}

.icon-paint-format:before {
    content: "\e139"
}

.icon-pagebreak:before {
    content: "\e13a"
}

.icon-page-break2:before {
    content: "\e13b"
}

.icon-page-break:before {
    content: "\e13c"
}

.icon-pacman:before {
    content: "\e13d"
}

.icon-opera:before {
    content: "\e13e"
}

.icon-omega:before {
    content: "\e13f"
}

.icon-office:before {
    content: "\e140"
}

.icon-numbered-list:before {
    content: "\e141"
}

.icon-notification:before {
    content: "\e142"
}

.icon-notebook:before {
    content: "\e143"
}

.icon-next:before {
    content: "\e144"
}

.icon-newspaper:before {
    content: "\e145"
}

.icon-new:before {
    content: "\e146"
}

.icon-new-tab2:before {
    content: "\e147"
}

.icon-new-tab:before {
    content: "\e148"
}

.icon-neutral2:before {
    content: "\e149"
}

.icon-neutral:before {
    content: "\e14a"
}

.icon-nbsp:before {
    content: "\e14b"
}

.icon-music3:before {
    content: "\e14c"
}

.icon-music2:before {
    content: "\e14d"
}

.icon-music:before {
    content: "\e14e"
}

.icon-mug:before {
    content: "\e14f"
}

.icon-movie2:before {
    content: "\e150"
}

.icon-movie:before {
    content: "\e151"
}

.icon-move:before {
    content: "\e152"
}

.icon-mouse2:before {
    content: "\e153"
}

.icon-mouse:before {
    content: "\e154"
}

.icon-moon:before {
    content: "\e155"
}

.icon-mobile2:before {
    content: "\e156"
}

.icon-mobile:before {
    content: "\e157"
}

.icon-minus:before {
    content: "\e158"
}

.icon-minus-circle2:before {
    content: "\e159"
}

.icon-minus-circle:before {
    content: "\e15a"
}

.icon-mic4:before {
    content: "\e15b"
}

.icon-mic3:before {
    content: "\e15c"
}

.icon-mic2:before {
    content: "\e15d"
}

.icon-mic:before {
    content: "\e15e"
}

.icon-meter2:before {
    content: "\e15f"
}

.icon-meter:before {
    content: "\e160"
}

.icon-meter-slow:before {
    content: "\e161"
}

.icon-meter-medium:before {
    content: "\e162"
}

.icon-meter-fast:before {
    content: "\e163"
}

.icon-menu5:before {
    content: "\e164"
}

.icon-menu4:before {
    content: "\e165"
}

.icon-menu3:before {
    content: "\e166"
}

.icon-menu2:before {
    content: "\e167"
}

.icon-menu:before {
    content: "\e168"
}

.icon-megaphone:before {
    content: "\e169"
}

.icon-medal5:before {
    content: "\e16a"
}

.icon-medal4:before {
    content: "\e16b"
}

.icon-medal3:before {
    content: "\e16c"
}

.icon-medal2:before {
    content: "\e16d"
}

.icon-medal:before {
    content: "\e16e"
}

.icon-marker:before {
    content: "\e16f"
}

.icon-map3:before {
    content: "\e170"
}

.icon-map2:before {
    content: "\e171"
}

.icon-map:before {
    content: "\e172"
}

.icon-man:before {
    content: "\e173"
}

.icon-male:before {
    content: "\e174"
}

.icon-mail4:before {
    content: "\e175"
}

.icon-mail3:before {
    content: "\e176"
}

.icon-mail2:before {
    content: "\e177"
}

.icon-mail:before {
    content: "\e178"
}

.icon-mail-send:before {
    content: "\e179"
}

.icon-magnet:before {
    content: "\e17a"
}

.icon-loop5:before {
    content: "\e17b"
}

.icon-loop4:before {
    content: "\e17c"
}

.icon-loop3:before {
    content: "\e17d"
}

.icon-loop2:before {
    content: "\e17e"
}

.icon-loop:before {
    content: "\e17f"
}

.icon-lock3:before {
    content: "\e180"
}

.icon-lock2:before {
    content: "\e181"
}

.icon-lock:before {
    content: "\e182"
}

.icon-location4:before {
    content: "\e183"
}

.icon-location3:before {
    content: "\e184"
}

.icon-location2:before {
    content: "\e185"
}

.icon-location:before {
    content: "\e186"
}

.icon-list2:before {
    content: "\e187"
}

.icon-list:before {
    content: "\e188"
}

.icon-linkedin:before {
    content: "\e189"
}

.icon-link22:before {
    content: "\e18a"
}

.icon-link6:before {
    content: "\e18b"
}

.icon-link5:before {
    content: "\e18c"
}

.icon-link4:before {
    content: "\e18d"
}

.icon-link3:before {
    content: "\e18e"
}

.icon-link2:before {
    content: "\e18f"
}

.icon-link:before {
    content: "\e190"
}

.icon-lightning:before {
    content: "\e191"
}

.icon-libreoffice:before {
    content: "\e192"
}

.icon-library:before {
    content: "\e193"
}

.icon-left-to-right:before {
    content: "\e194"
}

.icon-leaf:before {
    content: "\e195"
}

.icon-lastfm2:before {
    content: "\e196"
}

.icon-lastfm:before {
    content: "\e197"
}

.icon-last:before {
    content: "\e198"
}

.icon-laptop:before {
    content: "\e199"
}

.icon-lanyrd:before {
    content: "\e19a"
}

.icon-lamp3:before {
    content: "\e19b"
}

.icon-lamp2:before {
    content: "\e19c"
}

.icon-lamp:before {
    content: "\e19d"
}

.icon-ladder:before {
    content: "\e19e"
}

.icon-lab:before {
    content: "\e19f"
}

.icon-knight:before {
    content: "\e1a0"
}

.icon-king:before {
    content: "\e1a1"
}

.icon-keyboard:before {
    content: "\e1a2"
}

.icon-key2:before {
    content: "\e1a3"
}

.icon-key:before {
    content: "\e1a4"
}

.icon-joomla:before {
    content: "\e1a5"
}

.icon-italic:before {
    content: "\e1a6"
}

.icon-instagram:before {
    content: "\e1a7"
}

.icon-insert-template:before {
    content: "\e1a8"
}

.icon-inject:before {
    content: "\e1a9"
}

.icon-info2:before {
    content: "\e1aa"
}

.icon-info:before {
    content: "\e1ab"
}

.icon-indent-increase:before {
    content: "\e1ac"
}

.icon-indent-decrease:before {
    content: "\e1ad"
}

.icon-images:before {
    content: "\e1ae"
}

.icon-image5:before {
    content: "\e1af"
}

.icon-image4:before {
    content: "\e1b0"
}

.icon-image3:before {
    content: "\e1b1"
}

.icon-image2:before {
    content: "\e1b2"
}

.icon-image:before {
    content: "\e1b3"
}

.icon-IE:before {
    content: "\e1b4"
}

.icon-icon:before {
    content: "\e1b5"
}

.icon-html52:before {
    content: "\e1b6"
}

.icon-html5:before {
    content: "\e1b7"
}

.icon-home7:before {
    content: "\e1b8"
}

.icon-home6:before {
    content: "\e1b9"
}

.icon-home5:before {
    content: "\e1ba"
}

.icon-home4:before {
    content: "\e1bb"
}

.icon-home3:before {
    content: "\e1bc"
}

.icon-home2:before {
    content: "\e1bd"
}

.icon-home:before {
    content: "\e1be"
}

.icon-history:before {
    content: "\e1bf"
}

.icon-heart6:before {
    content: "\e1c0"
}

.icon-heart5:before {
    content: "\e1c1"
}

.icon-heart4:before {
    content: "\e1c2"
}

.icon-heart3:before {
    content: "\e1c3"
}

.icon-heart2:before {
    content: "\e1c4"
}

.icon-heart:before {
    content: "\e1c5"
}

.icon-heart-broken3:before {
    content: "\e1c6"
}

.icon-heart-broken2:before {
    content: "\e1c7"
}

.icon-heart-broken:before {
    content: "\e1c8"
}

.icon-headphones2:before {
    content: "\e1c9"
}

.icon-headphones:before {
    content: "\e1ca"
}

.icon-happy2:before {
    content: "\e1cb"
}

.icon-happy:before {
    content: "\e1cc"
}

.icon-hanger:before {
    content: "\e1cd"
}

.icon-hammer2:before {
    content: "\e1ce"
}

.icon-hammer:before {
    content: "\e1cf"
}

.icon-gun:before {
    content: "\e1d0"
}

.icon-gun-ban:before {
    content: "\e1d1"
}

.icon-grin2:before {
    content: "\e1d2"
}

.icon-grin:before {
    content: "\e1d3"
}

.icon-grid4:before {
    content: "\e1d4"
}

.icon-grid3:before {
    content: "\e1d5"
}

.icon-grid2:before {
    content: "\e1d6"
}

.icon-grid:before {
    content: "\e1d7"
}

.icon-google:before {
    content: "\e1d8"
}

.icon-google-plus4:before {
    content: "\e1d9"
}

.icon-google-plus3:before {
    content: "\e1da"
}

.icon-google-plus2:before {
    content: "\e1db"
}

.icon-google-plus:before {
    content: "\e1dc"
}

.icon-google-drive:before {
    content: "\e1dd"
}

.icon-globe2:before {
    content: "\e1de"
}

.icon-globe:before {
    content: "\e1df"
}

.icon-glasses3:before {
    content: "\e1e0"
}

.icon-glasses2:before {
    content: "\e1e1"
}

.icon-glasses:before {
    content: "\e1e2"
}

.icon-glass2:before {
    content: "\e1e3"
}

.icon-glass:before {
    content: "\e1e4"
}

.icon-github5:before {
    content: "\e1e5"
}

.icon-github4:before {
    content: "\e1e6"
}

.icon-github3:before {
    content: "\e1e7"
}

.icon-github2:before {
    content: "\e1e8"
}

.icon-github:before {
    content: "\e1e9"
}

.icon-gift:before {
    content: "\e1ea"
}

.icon-gas-pump:before {
    content: "\e1eb"
}

.icon-foursquare2:before {
    content: "\e1ec"
}

.icon-foursquare:before {
    content: "\e1ed"
}

.icon-forward3:before {
    content: "\e1ee"
}

.icon-forward2:before {
    content: "\e1ef"
}

.icon-forward:before {
    content: "\e1f0"
}

.icon-forrst2:before {
    content: "\e1f1"
}

.icon-forrst:before {
    content: "\e1f2"
}

.icon-food2:before {
    content: "\e1f3"
}

.icon-food:before {
    content: "\e1f4"
}

.icon-font:before {
    content: "\e1f5"
}

.icon-font-size:before {
    content: "\e1f6"
}

.icon-folder8:before {
    content: "\e1f7"
}

.icon-folder3:before {
    content: "\e1f8"
}

.icon-folder2:before {
    content: "\e1f9"
}

.icon-folder:before {
    content: "\e1fa"
}

.icon-folder-upload2:before {
    content: "\e1fb"
}

.icon-folder-upload:before {
    content: "\e1fc"
}

.icon-folder-remove:before {
    content: "\e1fd"
}

.icon-folder-plus3:before {
    content: "\e1fe"
}

.icon-folder-plus2:before {
    content: "\e1ff"
}

.icon-folder-plus:before {
    content: "\e200"
}

.icon-folder-open2:before {
    content: "\e201"
}

.icon-folder-open:before {
    content: "\e202"
}

.icon-folder-minus3:before {
    content: "\e203"
}

.icon-folder-minus2:before {
    content: "\e204"
}

.icon-folder-minus:before {
    content: "\e205"
}

.icon-folder-download2:before {
    content: "\e206"
}

.icon-folder-download:before {
    content: "\e207"
}

.icon-flower:before {
    content: "\e208"
}

.icon-flip2:before {
    content: "\e209"
}

.icon-flip:before {
    content: "\e20a"
}

.icon-flickr4:before {
    content: "\e20b"
}

.icon-flickr3:before {
    content: "\e20c"
}

.icon-flickr2:before {
    content: "\e20d"
}

.icon-flickr:before {
    content: "\e20e"
}

.icon-flattr:before {
    content: "\e20f"
}

.icon-flag4:before {
    content: "\e210"
}

.icon-flag3:before {
    content: "\e211"
}

.icon-flag2:before {
    content: "\e212"
}

.icon-flag:before {
    content: "\e213"
}

.icon-first:before {
    content: "\e214"
}

.icon-firefox:before {
    content: "\e215"
}

.icon-fire:before {
    content: "\e216"
}

.icon-finder:before {
    content: "\e217"
}

.icon-filter4:before {
    content: "\e218"
}

.icon-filter3:before {
    content: "\e219"
}

.icon-filter2:before {
    content: "\e21a"
}

.icon-filter:before {
    content: "\e21b"
}

.icon-film3:before {
    content: "\e21c"
}

.icon-film2:before {
    content: "\e21d"
}

.icon-film:before {
    content: "\e21e"
}

.icon-file7:before {
    content: "\e21f"
}

.icon-file6:before {
    content: "\e220"
}

.icon-file5:before {
    content: "\e221"
}

.icon-file4:before {
    content: "\e222"
}

.icon-file3:before {
    content: "\e223"
}

.icon-file2:before {
    content: "\e224"
}

.icon-file:before {
    content: "\e225"
}

.icon-file-zip:before {
    content: "\e226"
}

.icon-file-xml:before {
    content: "\e227"
}

.icon-file-word:before {
    content: "\e228"
}

.icon-file-upload:before {
    content: "\e229"
}

.icon-file-remove:before {
    content: "\e22a"
}

.icon-file-powerpoint:before {
    content: "\e22b"
}

.icon-file-plus:before {
    content: "\e22c"
}

.icon-file-pdf:before {
    content: "\e22d"
}

.icon-file-openoffice:before {
    content: "\e22e"
}

.icon-file-minus:before {
    content: "\e22f"
}

.icon-file-excel:before {
    content: "\e230"
}

.icon-file-download:before {
    content: "\e231"
}

.icon-file-css:before {
    content: "\e232"
}

.icon-file-check:before {
    content: "\e233"
}

.icon-female:before {
    content: "\e234"
}

.icon-feed4:before {
    content: "\e235"
}

.icon-feed3:before {
    content: "\e236"
}

.icon-feed2:before {
    content: "\e237"
}

.icon-feed:before {
    content: "\e238"
}

.icon-fan:before {
    content: "\e239"
}

.icon-factory:before {
    content: "\e23a"
}

.icon-facebook3:before {
    content: "\e23b"
}

.icon-facebook2:before {
    content: "\e23c"
}

.icon-facebook:before {
    content: "\e23d"
}

.icon-eyedropper:before {
    content: "\e23e"
}

.icon-eye7:before {
    content: "\e23f"
}

.icon-eye6:before {
    content: "\e240"
}

.icon-eye5:before {
    content: "\e241"
}

.icon-eye4:before {
    content: "\e242"
}

.icon-eye3:before {
    content: "\e243"
}

.icon-eye2:before {
    content: "\e244"
}

.icon-eye:before {
    content: "\e245"
}

.icon-eye-blocked2:before {
    content: "\e246"
}

.icon-eye-blocked:before {
    content: "\e247"
}

.icon-expand2:before {
    content: "\e248"
}

.icon-expand:before {
    content: "\e249"
}

.icon-exit4:before {
    content: "\e24a"
}

.icon-exit3:before {
    content: "\e24b"
}

.icon-exit2:before {
    content: "\e24c"
}

.icon-exit:before {
    content: "\e24d"
}

.icon-evil2:before {
    content: "\e24e"
}

.icon-evil:before {
    content: "\e24f"
}

.icon-esc:before {
    content: "\e250"
}

.icon-equalizer3:before {
    content: "\e251"
}

.icon-equalizer2:before {
    content: "\e252"
}

.icon-equalizer:before {
    content: "\e253"
}

.icon-envelop2:before {
    content: "\e254"
}

.icon-envelop:before {
    content: "\e255"
}

.icon-enter5:before {
    content: "\e256"
}

.icon-enter4:before {
    content: "\e257"
}

.icon-enter3:before {
    content: "\e258"
}

.icon-enter2:before {
    content: "\e259"
}

.icon-enter:before {
    content: "\e25a"
}

.icon-embed:before {
    content: "\e25b"
}

.icon-eject:before {
    content: "\e25c"
}

.icon-earth:before {
    content: "\e25d"
}

.icon-dumbbell:before {
    content: "\e25e"
}

.icon-droplet2:before {
    content: "\e25f"
}

.icon-droplet:before {
    content: "\e260"
}

.icon-dribbble3:before {
    content: "\e261"
}

.icon-dribbble2:before {
    content: "\e262"
}

.icon-dribbble:before {
    content: "\e263"
}

.icon-drawer3:before {
    content: "\e264"
}

.icon-drawer2:before {
    content: "\e265"
}

.icon-drawer:before {
    content: "\e266"
}

.icon-download5:before {
    content: "\e267"
}

.icon-download4:before {
    content: "\e268"
}

.icon-download3:before {
    content: "\e269"
}

.icon-download2:before {
    content: "\e26a"
}

.icon-download:before {
    content: "\e26b"
}

.icon-disk:before {
    content: "\e26c"
}

.icon-direction:before {
    content: "\e26d"
}

.icon-dice:before {
    content: "\e26e"
}

.icon-diamonds:before {
    content: "\e26f"
}

.icon-diamond:before {
    content: "\e270"
}

.icon-deviantart2:before {
    content: "\e271"
}

.icon-deviantart:before {
    content: "\e272"
}

.icon-delicious:before {
    content: "\e273"
}

.icon-database2:before {
    content: "\e274"
}

.icon-database:before {
    content: "\e275"
}

.icon-dashboard:before {
    content: "\e276"
}

.icon-cursor2:before {
    content: "\e277"
}

.icon-cursor:before {
    content: "\e278"
}

.icon-cube2:before {
    content: "\e279"
}

.icon-cube:before {
    content: "\e27a"
}

.icon-css3:before {
    content: "\e27b"
}

.icon-crown:before {
    content: "\e27c"
}

.icon-crop:before {
    content: "\e27d"
}

.icon-credit:before {
    content: "\e27e"
}

.icon-copy4:before {
    content: "\e27f"
}

.icon-copy3:before {
    content: "\e280"
}

.icon-copy2:before {
    content: "\e281"
}

.icon-copy:before {
    content: "\e282"
}

.icon-cool2:before {
    content: "\e283"
}

.icon-cool:before {
    content: "\e284"
}

.icon-contrast:before {
    content: "\e285"
}

.icon-contract2:before {
    content: "\e286"
}

.icon-contract:before {
    content: "\e287"
}

.icon-contact-remove2:before {
    content: "\e288"
}

.icon-contact-remove:before {
    content: "\e289"
}

.icon-contact-add2:before {
    content: "\e28a"
}

.icon-contact-add:before {
    content: "\e28b"
}

.icon-construction:before {
    content: "\e28c"
}

.icon-console:before {
    content: "\e28d"
}

.icon-connection2:before {
    content: "\e28e"
}

.icon-connection:before {
    content: "\e28f"
}

.icon-confused2:before {
    content: "\e290"
}

.icon-confused:before {
    content: "\e291"
}

.icon-cone:before {
    content: "\e292"
}

.icon-compass2:before {
    content: "\e293"
}

.icon-compass:before {
    content: "\e294"
}

.icon-command:before {
    content: "\e295"
}

.icon-coin:before {
    content: "\e296"
}

.icon-cogs:before {
    content: "\e297"
}

.icon-cog4:before {
    content: "\e298"
}

.icon-cog3:before {
    content: "\e299"
}

.icon-cog2:before {
    content: "\e29a"
}

.icon-cog:before {
    content: "\e29b"
}

.icon-code:before {
    content: "\e29c"
}

.icon-clubs:before {
    content: "\e29d"
}

.icon-cloud:before {
    content: "\e29e"
}

.icon-cloud-upload:before {
    content: "\e29f"
}

.icon-cloud-download:before {
    content: "\e2a0"
}

.icon-close:before {
    content: "\e2a1"
}

.icon-clock4:before {
    content: "\e2a2"
}

.icon-clock3:before {
    content: "\e2a3"
}

.icon-clock2:before {
    content: "\e2a4"
}

.icon-clock:before {
    content: "\e2a5"
}

.icon-clipboard:before {
    content: "\e2a6"
}

.icon-clear-formatting:before {
    content: "\e2a7"
}

.icon-chrome:before {
    content: "\e2a8"
}

.icon-checkmark4:before {
    content: "\e2a9"
}

.icon-checkmark3:before {
    content: "\e2aa"
}

.icon-checkmark2:before {
    content: "\e2ab"
}

.icon-checkmark:before {
    content: "\e2ac"
}

.icon-checkmark-circle2:before {
    content: "\e2ad"
}

.icon-checkmark-circle:before {
    content: "\e2ae"
}

.icon-checkbox-unchecked:before {
    content: "\e2af"
}

.icon-checkbox-partial:before {
    content: "\e2b0"
}

.icon-checkbox-checked:before {
    content: "\e2b1"
}

.icon-certificate:before {
    content: "\e2b2"
}

.icon-cc:before {
    content: "\e2b3"
}

.icon-cart5:before {
    content: "\e2b4"
}

.icon-cart4:before {
    content: "\e2b5"
}

.icon-cart3:before {
    content: "\e2b6"
}

.icon-cart2:before {
    content: "\e2b7"
}

.icon-cart:before {
    content: "\e2b8"
}

.icon-cart-remove2:before {
    content: "\e2b9"
}

.icon-cart-remove:before {
    content: "\e2ba"
}

.icon-cart-plus:before {
    content: "\e2bb"
}

.icon-cart-minus:before {
    content: "\e2bc"
}

.icon-cart-checkout:before {
    content: "\e2bd"
}

.icon-cart-add:before {
    content: "\e2be"
}

.icon-car:before {
    content: "\e2bf"
}

.icon-cancel:before {
    content: "\e2c0"
}

.icon-cancel-circle2:before {
    content: "\e2c1"
}

.icon-cancel-circle:before {
    content: "\e2c2"
}

.icon-camera7:before {
    content: "\e2c3"
}

.icon-camera6:before {
    content: "\e2c4"
}

.icon-camera5:before {
    content: "\e2c5"
}

.icon-camera4:before {
    content: "\e2c6"
}

.icon-camera3:before {
    content: "\e2c7"
}

.icon-camera2:before {
    content: "\e2c8"
}

.icon-camera:before {
    content: "\e2c9"
}

.icon-call-outgoing:before {
    content: "\e2ca"
}

.icon-call-incoming:before {
    content: "\e2cb"
}

.icon-calendar4:before {
    content: "\e2cc"
}

.icon-calendar3:before {
    content: "\e2cd"
}

.icon-calendar2:before {
    content: "\e2ce"
}

.icon-calendar:before {
    content: "\e2cf"
}

.icon-calculate2:before {
    content: "\e2d0"
}

.icon-calculate:before {
    content: "\e2d1"
}

.icon-cake:before {
    content: "\e2d2"
}

.icon-cabinet:before {
    content: "\e2d3"
}

.icon-busy3:before {
    content: "\e2d4"
}

.icon-busy2:before {
    content: "\e2d5"
}

.icon-busy:before {
    content: "\e2d6"
}

.icon-bus:before {
    content: "\e2d7"
}

.icon-bullhorn:before {
    content: "\e2d8"
}

.icon-bug2:before {
    content: "\e2d9"
}

.icon-bug:before {
    content: "\e2da"
}

.icon-bubbles6:before {
    content: "\e2db"
}

.icon-bubbles5:before {
    content: "\e2dc"
}

.icon-bubbles4:before {
    content: "\e2dd"
}

.icon-bubbles3:before {
    content: "\e2de"
}

.icon-bubbles2:before {
    content: "\e2df"
}

.icon-bubbles:before {
    content: "\e2e0"
}

.icon-bubble6:before {
    content: "\e2e1"
}

.icon-bubble5:before {
    content: "\e2e2"
}

.icon-bubble4:before {
    content: "\e2e3"
}

.icon-bubble3:before {
    content: "\e2e4"
}

.icon-bubble2:before {
    content: "\e2e5"
}

.icon-bubble:before {
    content: "\e2e6"
}

.icon-bubble-video-chat:before {
    content: "\e2e7"
}

.icon-bubble-user:before {
    content: "\e2e8"
}

.icon-bubble-up:before {
    content: "\e2e9"
}

.icon-bubble-trash:before {
    content: "\e2ea"
}

.icon-bubble-star:before {
    content: "\e2eb"
}

.icon-bubble-right:before {
    content: "\e2ec"
}

.icon-bubble-reply:before {
    content: "\e2ed"
}

.icon-bubble-replu:before {
    content: "\e2ee"
}

.icon-bubble-quote:before {
    content: "\e2ef"
}

.icon-bubble-plus:before {
    content: "\e2f0"
}

.icon-bubble-paperclip:before {
    content: "\e2f1"
}

.icon-bubble-notification2:before {
    content: "\e2f2"
}

.icon-bubble-notification:before {
    content: "\e2f3"
}

.icon-bubble-minus:before {
    content: "\e2f4"
}

.icon-bubble-locked:before {
    content: "\e2f5"
}

.icon-bubble-link:before {
    content: "\e2f6"
}

.icon-bubble-left:before {
    content: "\e2f7"
}

.icon-bubble-last:before {
    content: "\e2f8"
}

.icon-bubble-heart:before {
    content: "\e2f9"
}

.icon-bubble-forward2:before {
    content: "\e2fa"
}

.icon-bubble-forward:before {
    content: "\e2fb"
}

.icon-bubble-first:before {
    content: "\e2fc"
}

.icon-bubble-down:before {
    content: "\e2fd"
}

.icon-bubble-dots2:before {
    content: "\e2fe"
}

.icon-bubble-dots:before {
    content: "\e2ff"
}

.icon-bubble-check:before {
    content: "\e300"
}

.icon-bubble-cancel:before {
    content: "\e301"
}

.icon-bubble-blocked:before {
    content: "\e302"
}

.icon-brightness-medium:before {
    content: "\e303"
}

.icon-brightness-low:before {
    content: "\e304"
}

.icon-brightness-high:before {
    content: "\e305"
}

.icon-brightness-contrast:before {
    content: "\e306"
}

.icon-briefcase3:before {
    content: "\e307"
}

.icon-briefcase2:before {
    content: "\e308"
}

.icon-briefcase:before {
    content: "\e309"
}

.icon-box-remove:before {
    content: "\e30a"
}

.icon-box-add:before {
    content: "\e30b"
}

.icon-bottle2:before {
    content: "\e30c"
}

.icon-bottle:before {
    content: "\e30d"
}

.icon-books:before {
    content: "\e30e"
}

.icon-bookmarks:before {
    content: "\e30f"
}

.icon-bookmark3:before {
    content: "\e310"
}

.icon-bookmark2:before {
    content: "\e311"
}

.icon-bookmark:before {
    content: "\e312"
}

.icon-book2:before {
    content: "\e313"
}

.icon-book:before {
    content: "\e314"
}

.icon-bold:before {
    content: "\e315"
}

.icon-boat:before {
    content: "\e316"
}

.icon-blogger2:before {
    content: "\e317"
}

.icon-blogger:before {
    content: "\e318"
}

.icon-blog:before {
    content: "\e319"
}

.icon-blocked:before {
    content: "\e31a"
}

.icon-bishop:before {
    content: "\e31b"
}

.icon-binoculars:before {
    content: "\e31c"
}

.icon-bell:before {
    content: "\e31d"
}

.icon-bed2:before {
    content: "\e31e"
}

.icon-bed:before {
    content: "\e31f"
}

.icon-basket2:before {
    content: "\e320"
}

.icon-basket:before {
    content: "\e321"
}

.icon-bars3:before {
    content: "\e322"
}

.icon-bars2:before {
    content: "\e323"
}

.icon-bars:before {
    content: "\e324"
}

.icon-barcode2:before {
    content: "\e325"
}

.icon-barcode:before {
    content: "\e326"
}

.icon-balloon:before {
    content: "\e327"
}

.icon-balance:before {
    content: "\e328"
}

.icon-backward2:before {
    content: "\e329"
}

.icon-backward:before {
    content: "\e32a"
}

.icon-backspace3:before {
    content: "\e32b"
}

.icon-backspace2:before {
    content: "\e32c"
}

.icon-backspace:before {
    content: "\e32d"
}

.icon-attachment2:before {
    content: "\e32e"
}

.icon-attachment:before {
    content: "\e32f"
}

.icon-arrow4:before {
    content: "\e330"
}

.icon-arrow3:before {
    content: "\e331"
}

.icon-arrow2:before {
    content: "\e332"
}

.icon-arrow:before {
    content: "\e333"
}

.icon-arrow-up11:before {
    content: "\e334"
}

.icon-arrow-up10:before {
    content: "\e335"
}

.icon-arrow-up9:before {
    content: "\e336"
}

.icon-arrow-up8:before {
    content: "\e337"
}

.icon-arrow-up7:before {
    content: "\e338"
}

.icon-arrow-up6:before {
    content: "\e339"
}

.icon-arrow-up5:before {
    content: "\e33a"
}

.icon-arrow-up4:before {
    content: "\e33b"
}

.icon-arrow-up3:before {
    content: "\e33c"
}

.icon-arrow-up2:before {
    content: "\e33d"
}

.icon-arrow-up:before {
    content: "\e33e"
}

.icon-arrow-up-right5:before {
    content: "\e33f"
}

.icon-arrow-up-right4:before {
    content: "\e340"
}

.icon-arrow-up-right3:before {
    content: "\e341"
}

.icon-arrow-up-right2:before {
    content: "\e342"
}

.icon-arrow-up-right:before {
    content: "\e343"
}

.icon-arrow-up-left5:before {
    content: "\e344"
}

.icon-arrow-up-left4:before {
    content: "\e345"
}

.icon-arrow-up-left3:before {
    content: "\e346"
}

.icon-arrow-up-left2:before {
    content: "\e347"
}

.icon-arrow-up-left:before {
    content: "\e348"
}

.icon-arrow-right12:before {
    content: "\e349"
}

.icon-arrow-right11:before {
    content: "\e34a"
}

.icon-arrow-right10:before {
    content: "\e34b"
}

.icon-arrow-right9:before {
    content: "\e34c"
}

.icon-arrow-right8:before {
    content: "\e34d"
}

.icon-arrow-right7:before {
    content: "\e34e"
}

.icon-arrow-right6:before {
    content: "\e34f"
}

.icon-arrow-right5:before {
    content: "\e350"
}

.icon-arrow-right4:before {
    content: "\e351"
}

.icon-arrow-right3:before {
    content: "\e352"
}

.icon-arrow-right2:before {
    content: "\e353"
}

.icon-arrow-right:before {
    content: "\e354"
}

.icon-arrow-left11:before {
    content: "\e355"
}

.icon-arrow-left10:before {
    content: "\e356"
}

.icon-arrow-left9:before {
    content: "\e357"
}

.icon-arrow-left8:before {
    content: "\e358"
}

.icon-arrow-left7:before {
    content: "\e359"
}

.icon-arrow-left6:before {
    content: "\e35a"
}

.icon-arrow-left5:before {
    content: "\e35b"
}

.icon-arrow-left4:before {
    content: "\e35c"
}

.icon-arrow-left3:before {
    content: "\e35d"
}

.icon-arrow-left2:before {
    content: "\e35e"
}

.icon-arrow-left:before {
    content: "\e35f"
}

.icon-arrow-first:before {
    content: "\e360"
}

.icon-arrow-down11:before {
    content: "\e361"
}

.icon-arrow-down10:before {
    content: "\e362"
}

.icon-arrow-down9:before {
    content: "\e363"
}

.icon-arrow-down8:before {
    content: "\e364"
}

.icon-arrow-down7:before {
    content: "\e365"
}

.icon-arrow-down6:before {
    content: "\e366"
}

.icon-arrow-down5:before {
    content: "\e367"
}

.icon-arrow-down4:before {
    content: "\e368"
}

.icon-arrow-down3:before {
    content: "\e369"
}

.icon-arrow-down2:before {
    content: "\e36a"
}

.icon-arrow-down:before {
    content: "\e36b"
}

.icon-arrow-down-right5:before {
    content: "\e36c"
}

.icon-arrow-down-right4:before {
    content: "\e36d"
}

.icon-arrow-down-right3:before {
    content: "\e36e"
}

.icon-arrow-down-right2:before {
    content: "\e36f"
}

.icon-arrow-down-right:before {
    content: "\e370"
}

.icon-arrow-down-left5:before {
    content: "\e371"
}

.icon-arrow-down-left4:before {
    content: "\e372"
}

.icon-arrow-down-left3:before {
    content: "\e373"
}

.icon-arrow-down-left2:before {
    content: "\e374"
}

.icon-arrow-down-left:before {
    content: "\e375"
}

.icon-archive:before {
    content: "\e376"
}

.icon-apple:before {
    content: "\e377"
}

.icon-apple-fruit:before {
    content: "\e378"
}

.icon-angry2:before {
    content: "\e379"
}

.icon-angry:before {
    content: "\e37a"
}

.icon-android:before {
    content: "\e37b"
}

.icon-anchor:before {
    content: "\e37c"
}

.icon-alarm2:before {
    content: "\e37d"
}

.icon-alarm:before {
    content: "\e37e"
}

.icon-airplane2:before {
    content: "\e37f"
}

.icon-airplane:before {
    content: "\e380"
}

.icon-aid:before {
    content: "\e381"
}

.icon-address-book:before {
    content: "\e382"
}

.icon-accessibility2:before {
    content: "\e383"
}

.icon-accessibility:before {
    content: "\e384"
}

#loadingbar {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 1%;
    height: 2px;
    background: #3c99df;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#loadingbar.left {
    left: 100%;
    right: 0;
    width: 100%
}

#loadingbar.up {
    left: 0;
    top: 100%;
    width: 5px;
    bottom: 0;
    height: 100%
}

#loadingbar.down {
    left: 0;
    width: 5px;
    height: 0
}

#loadingbar.waiting dd,
#loadingbar.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite
}

#loadingbar dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px)
}

#loadingbar dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px)
}

#loadingbar dd,
#loadingbar dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -webkit-box-shadow: #B91F1F 1px 0 6px 1px;
    box-shadow: #B91F1F 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

#loadingbar.left dt {
    opacity: .6;
    width: 180px;
    left: -4px;
    clip: rect(-6px, 185px, 14px, 25px)
}

#loadingbar.left dd {
    opacity: .6;
    width: 20px;
    left: 0;
    margin: 0;
    clip: rect(-6px, 22px, 14px, 0)
}

#loadingbar.down dd,
#loadingbar.down dt,
#loadingbar.up dd,
#loadingbar.up dt {
    left: -5px;
    right: auto;
    width: 10px
}

#loadingbar.left dd,
#loadingbar.left dt {
    top: 0;
    height: 2px
}

#loadingbar.down dt {
    opacity: .6;
    height: 180px;
    top: auto;
    bottom: -47px;
    clip: rect(-6px, 20px, 130px, -6px)
}

#loadingbar.down dd {
    opacity: .6;
    height: 20px;
    top: auto;
    bottom: 0;
    clip: rect(-6px, 22px, 20px, 10px);
    margin: 0
}

#loadingbar.up dt {
    opacity: .6;
    height: 180px;
    bottom: auto;
    top: -10px;
    clip: rect(13px, 20px, 190px, -6px)
}

#loadingbar.up dd {
    opacity: .6;
    height: 20px;
    bottom: auto;
    top: 0;
    clip: rect(-6px, 22px, 25px, 10px);
    margin: 0
}

@keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-moz-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-ms-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container,
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}


/*13.04.2017*/

.you_btn {
  float: right;
  position: relative;
  top: 20px;
  width: 28%;
  margin-right: -9px;
  margin-top: 9px;
}

.course_popup .form-group #askquestionsubmit.btn.btn-color
{
      display: table;
  left: 0;
  margin: 0 auto;
  right: 0;

}

.course_popup .form-group .error {
  color: #c00;
  font-size: 13px;
}

.row.m-t-sm h5.inline {
  margin-bottom: 0;
}

.page-content .row .sbox-content
{
    padding: 15px 20px;
}


.seach_alone_courses .search-block ul.dropdown-menu
{
    height:auto;
}

#wrapper {
  min-height: 383px;
 background: #f5f5f5 none repeat scroll 0 0;
}

.course_popup .modal-body
{
    max-height: 500px;
}

.sidebar_left .dropdown-menu > li:hover > a,.sidebar_left .dropdown-menu > li:focus > a {
  background-color: #e59859;
  color: #ffffff;
  text-decoration: none;
}

body {
  background: #f5f5f5 none repeat scroll 0 0 !important;
}

.payform .well fieldset .form-group i {
  position: absolute;
  right: 36px;
  top: 15px;
}


/*18.04.2017*/

.result_block form#ans_form label#answer_text-error
{
    color:#ff0000;
}

/*.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active {
  margin-bottom: 14px;
}*/

.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active {
  display: table;
  margin: 0 auto 14px;
}

.register-b #pricing.top h3.pricing_head {
  margin-top: 20px;
  color:#fff;text-shadow: 1px 0px 1px #000;
    font-family: Lato, sans-serif;
}

.register-b #pricing.top h5 { color:#fff;text-shadow: 1px 0px 1px #000; }
.show-grid h3{font-size: 15px;}
.payform .well fieldset .text-center #submit_button.btn.btn-mixed {
  background: #158d8e none repeat scroll 0 0;
  border: 1px solid #158d8e;
  color: #ffffff;
  font-weight: 600;
}

/*.pricing_container.section .pricing_content .pricing_descr {
   min-height: 274px;
 }
 */
 
  .pricing_container.section .pricing_content .pricing_descr {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

 .pricing_container.section .pricing_content {
   max-height: 600px;
  min-height: 600px;
  }
  
  
 
 @media (max-width:767px)
{
    .sidebar_left.more_att.clearfix {
  width: 100%;
}
.expert.navbar-fixed-top .col-xs-5.col-sm-7 {
  width: 100%;
}
.expert.navbar-fixed-top .col-xs-7.col-sm-5 {
  width: 100%;
}
.home_menu.list-unstyled.list-inline.pull-right {
  float: none !important;
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  display: block;
}
.dropdown-submenu:hover > a .category-count::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  transform: rotate(90deg);
}
.dropdown-submenu > a .category-count::after {border-width: 6px 0 6px 6px !important;}
.categ_list .sidebar_left .categories_block.extra_ort .mang_develop li.dropdown-submenu .dropdown-menu.cat li:last-child {margin-bottom:0px;}
.sidebar_left .categories_block.extra_ort ul li ul {top: 100% !important;
    width: 100%;left:0;}

div.sidebar_left .categories_block.extra_ort ul
{
    width:auto;
}

.head_block .TeachingCourse_create
{
    float: right !important;
}

.mycourse_block .image img
{
    width:auto;
}

}


@media (max-width:480px)
{
   ul.home_menu.list-unstyled.list-inline.pull-right li a
    {
        font-size: 11px;
    }
}
.reg_form.new_reg_form.mycourse_block .head_block h2.title {float:left;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus ,
.dropdown-menu > li:hover > a, .dropdown-menu > li:focus > a 
{
  background-color: #e59859;
  color: #ffffff;
  text-decoration: none;
}

.page-content .row .sbox-content {
  padding: 25px 20px 15px;
}

.page-content .anwsers_block {
  padding: 20px 0;
}

.page-content.row .page-content-wrapper .nav.nav-tabs.module_tab > li {
  margin-bottom: 4px;
}



/*19.04.2017*/

.demo_slides_one .bxslider > li {
  display: table;
  margin: 0 auto;
}

.demo_slides_one .bx-viewport .bxslider > li.bx-clone,
.demo_slides_one .bx-viewport .bxslider > li
 {
  display: block;
}

.demo_slides_one {
/*  height: 100px;*/
  height: 150px;
  margin-bottom: 42px;
  overflow: visible;
  position: relative;
}

.demo_slides_one .container,.demo_slides_one .container .bx-wrapper,.demo_slides_one .container .bx-wrapper .bx-viewport,
.demo_slides_one .container .bx-wrapper .bx-viewport .bxslider
 {
  height: 100% !important;
}


.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active form input.btn {
  font-family: open sans;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 15px;
  text-transform: uppercase;
}


/*.register-b #pricing.top h3.pricing_head, .register-b #pricing.top h5 {
 color: #ffffff;
}
*/

#billing_free .payform.fade.active.in > h3 {
  color: #ffffff;
}

.register-b #pricing.top .tab-content .pricing_content .pricing_descr {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.register-b #pricing.top .tab-content .pricing_content {
  max-height: 600px;
  min-height: 600px;
}

.register-b #pricing.top .tab-content .pricing_content .term_text span
{
    font-size: 18px;
}

/*Search*/
.long_search_bar {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: 2px 2px 11px 4px #eee inset;
    color: #8d8d8d;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 90%;
    padding-left: 20px;
    margin: 0 10px 30px 15px;
}

.search_btn {
    width: 6%;
    text-align: center;
    padding: 0;
    border-radius: 0;
    font-family: open sans;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    height: 50px;
    margin-top: -5px;
}

span.basic_subtitle { 
    position: absolute; display: inline-block; margin-top: -20px; right: 37px; background-color: #eee; color: #000; 
    padding: 0px 4px; font-weight: bold; 
}
.su_course_add_lecture_desc_content.editing { 
    height: auto !important; display: inline-block; position: relative; 
}
.su_course_curriculam .childli { 
    margin-left: 20px; display: inline-block; width: 100%; position: relative; 
}



/* New Styles */
.banner .easier_course .alert.alert-info.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*/ /*z-index: 3;*/ }
.banner .easier_course .alert.alert-success.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*/ /*z-index: 3;*/ }
.banner .easier_course .alert.alert-danger.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*//*z-index: 3;*/ }
.banner .easier_course .fade { transition: unset !important; -webkit-transition:unset !important; position: absolute !important; }
.banner .easier_course .alert { position: absolute !important; margin-bottom: 0px !important; }

.banner_section .banner .easier_course { text-align:center; } 
.banner_section .banner .easier_course .alert button.close { bottom: 3px; display: inline-block; position: relative; left: 5px; }

#error .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 10px 20px; position: relative; width:100%; }
.breadcrumb-c ~ #error { text-align: center; }
.breadcrumb-c ~ #error .alert button.close { position: relative; display: inline-block; padding: 0px 5px; bottom: 3px; }
section.forum_block h3.title { text-transform: capitalize; }
.upload_type .youtube_class .you_btn { float: right; position: relative; top: 1px; width: 28%; margin-right: -9px; margin-top: 9px; }
/*.success_img{background:url(../images/success.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
.pending_img{background:url(../static/css/images/Pending.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}
.error_img{background:url(../static/css/images/error.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}
.course_details_error { position: relative; left: 0px; display: inline-block; width: 100%; }
.login-s .alert-danger { border-radius: 0; color: #a94442; padding: 7px 6px; margin: 20px 0%; }
.form-horizontal table.table.table-striped tr td:last-child { width: 9%; text-align:center; }
label .parsley-error-list { position: absolute; margin-top: 0px; margin-left: 90px; display:inline-block; }
.modal-dialog .modal-content .modal-body { padding: 15px 50px; }

.sbox-content .show-grid .form-group .btn.btn-default:hover { padding:7px 20px; }
@media (max-width: 1199px)
{ 
.banner .easier_course .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 15px; position: relative; top:0px; right: 0px; }
}
@media (max-width: 767px ) 
{ 
.payment-block .form-group input[type=submit] { width:100%; } 
}

@media (max-width:347px)
{
.user_profile ul.dropdown-menu { left: -100px; position: absolute; }
}

span.basic_subtitle { 
    position: absolute; display: inline-block; margin-top: -20px; right: 37px; background-color: #eee; color: #000; 
    padding: 0px 4px; font-weight: bold; 
}
.su_course_add_lecture_desc_content.editing { 
    height: auto !important; display: inline-block; position: relative; 
}
.su_course_curriculam .childli { 
    margin-left: 20px; display: inline-block; width: 100%; position: relative; 
}
/**/
body .instructor_block label.error { 
color: #c00; position: relative; display: inline-block; padding: 5px 0px; font-size: 12px; 
}
.course_info .instructor_block .redactor_box { 
    margin-bottom: 18px; 
}
.course_info .instructor_block .redactor_box label#biography-error { 
    position: absolute; bottom: -29px; display: inline-block; 
}
body .redactor_box label#address-error { 
    display: inline-block; position: absolute; 
}

.subblock .video_block .image_container img { 
    width:100%; height:auto; 
}

/* 21-03-2018 Start */
body .term_btn_text { height: auto; }
body .term_text { font-size: 14px; font-weight: bold; padding: 0px 20px; }
/*body em { font-style: normal; }*/
.business_trend .empty_courses ~ center { font-size: 18px; }
/* 21-03-2018 End */


/* 22-03-2018 Start */
.dump_text_added a.btn:hover { background-color: #158d8e; border: 1px solid #158d8e; border-radius: 0; color: #fff; }
.seach_alone_courses button:hover { background-color: #158d8e; color: #fff;  }
.home_menu.list-unstyled.list-inline.pull-right li a:hover { outline: 0; color: #158d8e; }
.courses_block h4 a:hover { color: #158d8e; }
.recent_viewed_course_content { position: relative; display: inline-block; bottom: 12px; }
.curriculam-block .quescount p {  display: inline-block; }
.curriculam-block .questionlist .ui-sortable .quescount { padding: 10px 0px; }

.activity-box .comment-body p img { width: 100%; height: auto; }
.add_label ul.list-group li.list-group-item button { position: absolute; top: 10px; right: 15px; }
body .modal-body { max-height:100%; height: auto; }
body .select2-container .select2-choice { height: 38px; line-height: 34px; }
label.form-error-class{ color:#c00 !important; display: inline-block; white-space: nowrap; }

/* 24-03-2018 Start */
label#is_terms-error { display: inline-block; position: relative; float: unset; max-width: unset; top: 26px; width: 600px; }
/* 24-03-2018 End */

/* 27-03-2018 Start */
#wrapper .gray-bg .sbox-content .show-grid .form-group { width: 100%; position: relative; display: inline-block; }
#wrapper .gray-bg .sbox-content .show-grid .form-group textarea.form-control.required.parsley-validated.parsley-error { width: 100% !important; height: auto !important; position: relative; display: inline-block; }
/* 27-03-2018 End */

label#is_terms-error
{
    display: inline-block;
    position: relative;
    float: unset;
    max-width: unset;
    top: 26px;
    width: 600px;
}

.create-course .lach_dev.resp-tab-content.course_tab .form-group label#description-error
{
    position: absolute;
    display: inline-block;
    bottom: -47px;
}
span.star { color:#f20; }

label#instructorname_error { text-align: left !important; display: inline-block !important; position: relative; width: 100%; top: 5px; }

@media (min-width: 768px) and (max-width:991px)
{
.search_btn { width:8%; }
.long_search_bar { width:85%; }
}

@media (min-width: 481px) and (max-width:767px)
{
.search_btn { width:13%; }
.long_search_bar { width:78%; }
 .categ .mobile_menu .icon-menu i { margin-left: 20px; display: inline-block; position: relative; } 
}

@media (min-width: 320px) and (max-width:480px)
{
body button.btn.btn-color.search_btn { width:15%; padding:0px 0px; }
.long_search_bar { width:73%; }
}
/* 22-03-2018 End */

/* 04-02-2018 Start */
body .course_detail p.description { width: 100%; padding: 0px 0px; word-wrap: break-word; word-break: break-word; }
body .course_view_section .course_view_overview .over_view div p { padding: 15px !important; position: relative; }
.course_view_section .course_view_overview .over_view div { width: 100% !important; position: relative; margin: 15px 0px !important; }
body .select2-container-multi .select2-choices { border: 1px solid #e5e6e7; background-image: none; }
/* 04-02-2018 End  */

/* 06-04-2018 Start */
ul.social_profile { padding-left:0px; }
ul.social_profile li { display: inline-block; margin:0px 13px; }
ul.social_profile li i.fa { font-size: 30px; color: #158d8e; }
.show-grid .form-group textarea.form-control { width: 100% !important; position: relative; }
.social_follow_me { font-size: 16px; color: #333; }
/* 06-04-2018 End */


.view_custom_req_desc{overflow-wrap: break-word;}

@media (max-width: 1199px)
{ 
.banner .easier_course .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 15px; position: relative; top:0px; right: 0px; }
}

@media (max-width: 767px ) 
{ 
.payment-block .form-group input[type=submit] { width:100%; } 
}


@media (max-width:347px)
{
.user_profile ul.dropdown-menu { left: -100px; position: absolute; }
}

.main_second_section .activity-post .activity-body .activity-content ol > li {
    list-style-type: unset;
}

.main_second_section .activity-post .activity-body .activity-content ul > li {
    list-style-type: unset;
}

.comment-box .activity-box .comment-body ol > li{
    list-style-type: unset;
}
.comment-box .activity-box .comment-body ul > li{
    list-style-type: unset;
}
ul.list-group li button#deleteLabel { 
    position: absolute; 
    top: 9px; 
    right: 10px; 
    background-color: transparent; 
    border: none; 
    color: #f20; 
    font-size: 20px; 
}

body .btn:focus, body .btn:active:focus, body .btn.active:focus { outline:none; box-shadow:none;}
.go_to_ccr a {
    background: #158d8e none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    outline: medium none;
    padding: 10px 56px;
    text-shadow: none;
    text-transform: uppercase;    
}
/*30-05-2018*/

@media (max-width: 767px)
{
    .payment-block .mob-block {
        position: relative;
    display: inline-block;
    height: 54px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.payment-block .mob-block .nav.nav-tabs {
    display: table;
    white-space: normal;
/*    width: 250%;*/
    overflow: hidden;
    position: absolute;
    height: 40px;
    overflow: auto;
}

.payment-block .mob-block .nav.nav-tabs li {
    float: left;
    width: auto;
    white-space: nowrap;
    display: list-item;
    position: relative;
}

.payment-block .mob-block .nav.nav-tabs li a {
    /*width: auto;*/display: inline-block;
}

}

.payment-block .mob-block .nav.nav-tabs li a {
    padding: 12px 40px;
}
#payment_credit_stripe input.error {
    margin-bottom: 0;
}
#payment_credit_stripe label.error {
    margin-top: 0;
}

@media (max-width:720px)
{
    .payment-block .mob-block .nav.nav-tabs {
    width: 200%;
}

}

@media (min-width: 992px) and (max-width: 1199px)
{
    .payment-block .mob-block .nav.nav-tabs li a {
    font-size: 14px;
    padding: 12px 24px;
}
.payment-block .nav.nav-tabs li a{padding: 10px 29.4px;}
}
@media (max-width: 767px)
{
.payment-block .mob-block .nav.nav-tabs li a {
     padding: 12px 45px; 
}
}
@media (max-width: 767px)
{
.payment-block .mob-block .nav.nav-tabs li a {
     padding: 0 7%;
}

.banks, .ban_det,.cash {
    padding: 0 10px;
}

.des_con .pending_img {
    height: 200px;
    max-width: 100%;
    width: 100%;
    background-size: 134% 100%;
    background-position: center center;
}

#ccavenue input[type="submit"]
{
    background: #e59859;
    border-radius: 0;    
    font-family: open sans;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;    display: table;
    margin: 0 auto;    font-size: 15px;
    text-transform: uppercase;width:100%;
}

.confirm-section .payment-block #my-tab-content div#ccavenue.tab-pane.active {
    margin: 0 auto 0;
    width: 100%;    padding: 0 15px;
}

.confirm-section .payment-block #my-tab-content div#ccavenue h1
{
    font-size: 20px;margin-bottom: 20px;
}

}
@media(max-width: 340px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 205%;
}

.payment-block .mob-block .nav.nav-tabs li a {
   min-width:90px;
}

}

@media(max-width: 480px)
{
.payment-block .mob-block .nav.nav-tabs li a {
    width: auto;display: inline-block;
}

}

@media (max-width: 320px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 260%;
}

}

@media (min-width: 768px) and (max-width: 991px)
{
    .payment-block .mob-block .nav.nav-tabs li a {
    padding: 12px 16px;font-size: 12px;
}
.payment-block .nav.nav-tabs li {
    margin-bottom: 5px; height: 45px;
}
}

@media (min-width: 710px) and (max-width: 767px)
{
    .payment-block .mob-block .nav.nav-tabs {
    width: 110%;
}

}

@media (max-width:315px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 260%;
}

}



#user_forum .form-control{padding: 0px 8px; }
#user_forum textarea#editor {
    padding: 0px 8px;
}
#forum_update textarea#editor {
    padding: 0px 5px;
}
#forum_update input {padding: 0px 5px; }
#user_forum .select2-container .select2-choice > .select2-chosen {
    color: #676a6c;
}
#myModal1 #editor {
    padding: 2px 8px;
}
.ccr_file {
    word-break: break-all;
    margin: 15px 0px;
}
.ccr_file p {
    width: 95%;
    margin: 5px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
@media(max-width:992px){
.reset_nodification {
    position: relative !important;
    height: auto;
    z-index: 1;
    top: 3px;
}
#register-form label.form-error-class {
    white-space: normal;
    font-size: 11px;
}
}
@media(max-width:767px){
#register-form label.form-error-class {
    white-space: normal;
    font-size: 11px;
}
.reg_form  .m-t-n-md {
    margin-top: -10px;
}
.answerblock {
    padding-top: 15px;
}
/*.select2-search input {
    background: url(select2.png) 100% -22px no-repeat,linear-gradient(to bottom,#fff 85%,#eee 99%) !important;
}*/
.ccr_file p {
    width: 92%;
}
.message-block .table-responsive {
    width: 100%;
    max-width: 100%;
    word-break: break-all;
}
}
@media(max-width:480px){
.modal-dialog .modal-content .modal-body {
    padding: 15px 30px;
}
}
@media(max-width:360px){
#register-form label.form-error-class {
    font-size: 10px;
}
}

.footer_menu,
.step-method ul,
ul li {
    list-style: none
}

.avatar_img .created-block,
.course-list-section .owl-carousel,
.pricing-alert .btn.btn-color,
.stripe-desc,
.text_area-b {
    clear: both
}

.user_profile ul.dropdown-menu {
    left: auto;
    right: 0
}

body #page-wrapper-full {
    min-height: 0
}

body a:focus {
    outline: 0;
    text-decoration: none
}

header .logo h1 {
    margin: 0
}

.home_menu.list-unstyled.list-inline.pull-right li a {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 16px;
    line-height: 70px;
    display: block;
    text-decoration: none;
    background: url(../images/pipe.png) left no-repeat
}

.browse_block a,
.footer_menu li a,
.user_profile .user_name {
    text-transform: capitalize
}

.home_menu.list-unstyled.list-inline.pull-right li,
section.banner_section .banner .tp-banner ul {
    padding: 0
}

.home_menu.list-unstyled.list-inline.pull-right {
    margin-bottom: 0;
    margin-left: 0
}

body.home header.expert.hasbackground {
    background: #fff;
    border-bottom: none;
    box-shadow: none
}

header.expert .logo a {
    background-position: 0 center;
    margin: 10px 0;
    display: block
}

.dropdown.user_profile .dropdown-menu li.mobile,
.hide-s {
    display: none
}

header.expert {
    box-shadow: 0 8px 6px -6px #aaa;
    background: #fff
}

.create-course.get-start,
.modal-dialog.course_popup {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.courses_block .course_b .detail_block h4 {
    line-height: normal
}

.home_menu.list-unstyled.list-inline.pull-right li:first-child a {
    background: 0 0
}

.home_menu.list-unstyled.list-inline.pull-right li:last-child a {
    padding-right: 0
}

.home_menu.list-unstyled.list-inline.pull-right li a:focus {
    outline: 0
}

.notification i {
    padding-right: 7px
}

.notification em {
    background: #d8d8d8;
    border-radius: 30px;
    color: #fff;
    font-style: normal;
    padding: 5px 6px
}

.home_menu.list-unstyled.list-inline li.user_profile ul li a {
    background: 0 0;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 3px;
    color: #333
}

.home_menu.list-unstyled.list-inline.pull-right li.user_profile ul li a i {
    margin-right: 2px;
    width: 15px
}

.user_profile ul {
    margin-top: 0
}

.user_profile .user_name {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.browse_block ul.dropdown-menu {
    border: 1px solid #ddd;
    left: 0
}

.browse_block ul.dropdown-menu li a {
    background: rgba(0, 0, 0, 0);
    padding: 0 10px
}

li.hide-s .search_s {
    margin: 0 13px;
    width: 90%
}

.seach_alone_courses .dropdown-menu {
    border-radius: 10px;
    margin: 0;
    padding: 10px 15px;
    width: 100%
}

.user_profile .profile_pic {
    padding-left: 10px;
    padding-right: 5px
}

.user_profile ul.dropdown-menu li:first-child {
    border-bottom: 1px solid #ddd
}

.expert .browse_block,
.expert .logo {
    float: left
}

.browse_block a {
    text-decoration: none;
    background: url(../images/btn-img.png) 18px center no-repeat #e8e8e8;
    border-radius: 5px;
    color: #5c5c5c;
    display: block;
    font-family: open sans;
    font-size: 14px;
    margin: 0;
    padding: 7px 16px 7px 40px
}

.user_profile .my_course.mob,
body.course-body .breadcrumb {
    display: none
}

.search_s input[type=submit] {
    background: url(../images/search-i.png) 6px center no-repeat rgba(0, 0, 0, 0);
    border: none;
    float: left;
    height: 30px;
    padding: 3px 0;
    text-indent: -9999px;
    width: 15%
}

.search_s {
    border: 1px solid #ccc;
    border-radius: 7px;
    float: left;
    margin-left: 3%;
    width: 55%
}

.search_s input[type=search] {
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    float: left;
    height: 30px;
    padding-left: 6px;
    width: 85%
}

.browse_block ul.dropdown-menu li a {
    margin: 8px 0
}

.browse_block ul.dropdown-menu li a:hover {
    color: #7b8a8b
}

.browse_block ul.dropdown-menu {
    padding: 0 2px;
    border-radius: 0
}

.left_block {
    float: left;
    margin: 18px 0;
    padding-left: 5.3%;
    width: 65%
}

.footer_menu,
body #page-wrapper-full.gray-bg,
body.home header.expert .logo {
    padding: 0
}

body .gray-bg {
    position: static!important;
    background: 0 0
}

.user_profile span.profile_img img {
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.user_profile .profile_pic img {
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 45px;
    width: 45px
}

body.home {
    padding-top: 0
}

body.home header.expert.nobackground {
    border-bottom: medium none
}

body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
    background: url(../images/white-pipe.png) left center no-repeat;
    color: #fefefe
}

body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li:first-child a {
    background: 0 0
}

body.home header.expert.nobackground .search_s input[type=search] {
    color: #fff
}

header.expert.nobackground .home_menu.list-unstyled.list-inline li.user_profile ul li a {
    color: #333
}

.content-layout {
    min-height: 250px
}

.content-layout p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px
}

.content-layout h1,
.content-layout h2,
.content-layout h3,
.content-layout h4,
.content-layout h5 {
    color: #333;
    font-family: open sans;
    text-transform: capitalize
}

.seach_alone_courses .dropdown-menu.ul_width li a {
    box-shadow: none
}

.progress-bar.active,
.progress.active .progress-bar {
    animation: 2s linear 0s normal none infinite running progress-bar-stripes
}

body.course_body {
    background: #f5f5f5
}

body {
    padding-top: 70px
}

body.course-body #page-wrapper-full {
    background: rgba(0, 0, 0, 0)
}

.footer_menu li {
    float: left;
    margin-left: 15px
}

.footer_menu {
    margin: 0;
    float: right
}

footer {
    background: #414147
}

footer #footer {
    background: 0 0;
    padding: 0
}

footer #footer p {
    margin: 0
}

footer p,
footer ul li a {
    color: #e8e8e8;
    line-height: 47px;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600
}

.footer_menu li:first-child {
    margin-left: 0
}

.footer_menu li a:focus,
.footer_menu li a:hover {
    color: #e8e8e8;
    text-decoration: none;
    outline: 0
}

.button_footer {
    padding: 20px 0;
    border-bottom: none
}

.footer_menu li a:hover {
    text-decoration: underline
}

.gray-bg .breadcrumb {
    background: #eaeaea;
    margin-top: 10px
}

body.home .expert-plus {
    margin-top: 0
}

.detail_block h4 a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reg_form.new_reg_form.my-course-block h2.top-title {
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase
}

#image_prograss,
#video_prograss,
.banner-content,
.block4,
.block_course .image,
.course_b img,
.course_info p.alert.alert-danger,
.easier_course h2,
.easier_course p,
.mycourse_block .nav-tabs li,
.our_clients_section h3,
.our_clients_section p,
.profile_image,
.promo_block h2,
.promo_block p,
.remove_account,
.steps-bar,
.steps-bar li,
.tab_block ul.nav-tabs li,
.text_block strong,
.txt,
.update_account h2,
.video_b,
.watch_listen_coursing_one h3,
.watch_listen_coursing_one p {
    text-align: center
}

.reg_form.new_reg_form.my-course-block .feature.follow_b {
    background: #428bca;
    border: none;
    border-radius: 2px;
    color: #fff;
    float: right;
    padding: 4px 10px;
    text-transform: capitalize
}

.reg_form.new_reg_form.my-course-block .pot_lik a {
    display: block;
    height: 200px;
    margin-bottom: 10px
}

.reg_form.new_reg_form.my-course-block .business_office {
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, .2);
    border: none
}

.business_office .course_title a {
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.business_office .feature_btn {
    float: right
}

.business_office .course_title {
    float: left
}

.business_office .dollar_rupess {
    float: right
}

.rate-block {
    margin-top: 7px
}

body.sxim-init.course-body .gray-bg {
    background: #f5f5f5
}

.business_office .dollar_rupess p {
    color: #000;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.business_office .image span.DraftCourse {
    background: #f9a530;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1
}

.business_office .image span.Publish {
    background-color: #62cf65;
    color: #fff;
    padding: 5px 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.mycourse_block .star_rating {
    margin: 3px 0
}

.mycourse_block .block_course .course_detail h4 {
    min-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mycourse_block .block_course .business_office {
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 #aaa;
    margin-bottom: 0
}

.mycourse_block .block_course .image a img {
    max-height: 100%
}

.mycourse_block .business_office .btn.favoritebtn.heart_align {
    padding: 6px 0
}

.mycourse_block .business_office .btn.favoritebtn.heart_align i {
    font-size: 20px
}

.banner img {
    width: 100%
}

.block_img {
    position: relative
}

.block4 img.box1,
.easier_course,
.easier_course .caret,
.learn_block {
    position: absolute;
    right: 0
}

.block4:hover img.box1,
.block_img:hover img.box1 {
    display: block
}

.block4 a img.box1 {
    background: #f58e4e;
    border-radius: 50%
}

.block4 img.box1 {
    display: none;
    left: 0;
    margin: 0 auto;
    top: 0
}

.block_img img {
    -webkit-transition: all .7s ease;
    transition: all .7s ease
}

.block4 img {
    transform: rotate(0);
    transition: all .5s ease 0s
}

.block4:hover img.ibgwhite {
    border-color: #fff
}

.banner-content h3 {
    font-family: roboto;
    font-size: 34px
}

.banner-content h3 span {
    font-weight: 300
}

.banner-content p {
    font-size: 16px;
    font-family: roboto;
    font-weight: 300
}

.block4 h3,
.block4 h3 a {
    font-size: 22px;
    text-transform: uppercase
}

.block4 h3,
.block4 h3 a,
.block4 p {
    font-family: open sans
}

.block4 a img.ibgwhite {
    background: #fff;
    border-radius: 50%
}

.block4 a img.ibgorange {
    background: #f58e4e;
    border-radius: 50%
}

.authorized_section {
    background-color: #f58e4e;
    height: 130px;
    margin: 0
}

.block4 h3 a {
    color: #fff;
    text-decoration: none;
    font-weight: 600
}

.block4 h3 {
    color: #262626;
    margin-bottom: 14px;
    margin-top: 14px
}

.block4 h3 span {
    font-weight: 300
}

.block4 p {
    color: #fff;
    font-size: 14px;
    line-height: 25px
}

.watch_listen_coursing_one h3 {
    color: #262626;
    font-family: Open Sans;
    margin-top: 0;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: uppercase
}

.watch_listen_coursing_one span {
    font-weight: 300
}

.watch_listen_coursing_one p {
    color: #333;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400
}

.dump_text_added a.btn,
.dump_text_added p,
.dump_text_added span {
    font-size: 14px;
    font-family: Open Sans
}

.imack {
    margin: 48px 0 0
}

.mac iframe {
    height: 245px;
    margin: 20px 73px;
    width: 400px
}

.dump_text_added span {
    color: #333;
    display: inline-block;
    font-weight: 600;
    line-height: 24px;
    margin-top: 11px
}

.dump_text_added p {
    color: #333;
    font-weight: 400;
    line-height: 31px;
    margin: 25px 0 10px
}

.dump_text_added a.btn {
    background-color: #fff;
    border: 1px solid #158d8e;
    border-radius: 0;
    color: #158d8e;
    font-weight: 600;
    margin-top: 15px;
    outline: 0;
    padding: 14px 32px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.our_clients_section .post_only h3 {
    margin-bottom: 15px;
    margin-top: 0
}

.our_clients_section span {
    font-weight: 300
}

.our_clients_section {
    margin-top: 35px
}

.our_clients_section p {
    color: #333;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 32px
}

.our_clients_section h3 {
    color: #262626;
    font-family: Open Sans;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 42px
}

.easier_course h2,
.easier_course p {
    font-family: Roboto
}

.easier_course {
    display: table;
    float: none;
    left: 0;
    margin: 0 auto;
    top: 150px;
    width: 100%;
    z-index: 55
}

.easier_course h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 21px;
    margin-top: 0
}

.learn_block {
    bottom: 15px;
    left: 0;
    z-index: 56
}

.block4.learn {
    background: #3c99df
}

.block4 p {
    margin-bottom: 0
}

.block4 {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    padding: 15px 10px
}

.block4.communicate {
    background: #9ec22a
}

section.banner_section .learn_block .block_img img {
    height: auto;
    width: auto
}

section.banner_section .block4.learn .block_img a {
    background: url(../images/replace.png) -50px -145px no-repeat #fff;
    border: 4px solid #7ec0f2;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

section.banner_section .block4.communicate .block_img a {
    background: url(../images/replace.png) -433px -61px no-repeat #fff;
    border: 4px solid #bedf54;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

.block4.experts {
    background: #111
}

section.banner_section .fadeInDown .block4.experts .block_img a {
    background: url(../images/replace.png) -685px -68px no-repeat #fff;
    border: 4px solid #757575;
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    width: 90px
}

.block_img {
    display: table;
    margin: -60px auto 0
}

.easier_course .caret {
    background: url(../images/dropdownarrow.png) no-repeat rgba(0, 0, 0, 0);
    border: none;
    height: 56px;
    top: 2px;
    width: 50px
}

.banner,
.course_searching {
    position: relative
}

.seach_alone_courses .dropdown-menu.ul_width li a {
    background: rgba(0, 0, 0, 0);
    color: #8d8d8d;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.easier_course p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 40px
}

.seach_alone_courses {
    background: #f5f5f5;
    padding: 23px 0
}

.seach_alone_courses.clearfix h3 {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-transform: uppercase;
    margin: 13px 0;
    font-weight: 400
}

.seach_alone_courses .dropdown {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    float: left;
    height: 50px;
    margin: 0 1.4%;
    padding: 0;
    width: 21%
}

.easier_course .dropdown a {
    background: url(../images/catg_btn.png) 15px 23px no-repeat rgba(0, 0, 0, 0);
    color: #8d8d8d;
    display: inline-block;
    font-family: Open Sans;
    font-size: 20px;
    padding: 16px 30px 14px 45px;
    text-decoration: none
}

.user_profile .dropdown-menu {
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: none;
    margin: 0;
    padding: 10px 8px;
    width: 240px
}

.easier_course h2 span {
    font-weight: 300
}

.course_searching {
    float: left;
    width: 45%;
    margin: 0 0 0 2%
}

.course_searching .btn.btn-primary {
    background: url(../images/search_icon.png) 14px center no-repeat #fff;
    border-color: #8d8d8c #8d8d8c #8d8d8c -moz-use-text-color;
    border-image: none;
    border-radius: 0 10px 10px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    height: 58px;
    padding: 0;
    width: 10%
}

.watch_listen_practice_section {
    margin-top: 15px
}

.well_one p {
    width: 270px
}

.demo_slides_one #owl-demo .item {
    padding: 5px 0;
    border: 1px solid #f1f1f1
}

.learn_remeber .btn.btn-primary {
    background-color: #3c99df;
    border: none;
    border-radius: 0;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    outline: 0;
    padding: 10px 20px
}

.seach_alone_courses .dropdown a {
    background: url(../images/replace.png) -312px -247px no-repeat rgba(0, 0, 0, 0);
    color: #8d8d8d;
    display: block;
    font-family: open sans;
    font-size: 16px;
    padding: 12px 31px;
    box-shadow: 2px 2px 11px 4px #eee inset;
    text-decoration: none
}

.block_img img {
    display: none
}

.select_arrow {
    background: url(../images/replace.png) -592px -252px no-repeat rgba(0, 0, 0, 0);
    display: block;
    height: 38px;
    position: absolute;
    right: 15px;
    top: 6px;
    width: 37px
}

.seach_alone_courses .dropdown a b.caret {
    display: none
}

.seach_alone_courses button {
    background: #3c99df;
    border: none;
    font-family: roboto;
    font-size: 18px;
    height: 49px;
    padding: 0 2.6%;
    text-transform: uppercase;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
}

.search-block {
    padding: 0 0 0 5%
}

.seach_alone_courses button:hover {
    background: #3c99df
}

.course_searching input[type=text] {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: 2px 2px 11px 4px #eee inset;
    color: #8d8d8d;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    height: 50px
}

.learn_remeber {
    display: table;
    float: none;
    margin: 25px auto 0
}

.tab_block,
.txt {
    margin-top: 28px
}

.course_searching .more_one_portiion {
    border: 1px solid #8d8d8d;
    border-radius: 8px 0 0 8px;
    float: left;
    color: #8d8d8d;
    font-family: Open Sans;
    font-size: 20px;
    height: 58px;
    outline: 0;
    text-indent: 20px;
    width: 100%
}

.watch_listen_practice_section {
    background: #f5f5f5;
    padding: 35px 0
}

.tab_block ul.nav-tabs li a {
    color: #262626;
    font-family: open sans;
    text-decoration: none;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0;
    background: 0 0
}

.tab_block .nav-tabs>li.active>a,
.tab_block .nav-tabs>li.active>a:focus,
.tab_block .nav-tabs>li.active>a:hover {
    background: 0 0
}

.tab_block ul.nav-tabs li.active a {
    color: #158d8e
}

.courses_block h4 a,
.txt {
    color: #333;
    font-family: open sans
}

.tab_block ul li a span {
    font-weight: 300
}

.txt {
    font-size: 18px;
    margin-bottom: 35px
}

.tab_block ul {
    border-bottom: medium none;
    margin-bottom: 0;
    padding: 0
}

.courses_block h4 a {
    font-size: 16px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 600;
}

.courses_block p.rate,
.user-img-b p {
    font-weight: 600;
    font-family: open sans
}

.courses_block p.rate {
    color: #000;
    float: right;
    font-size: 16px;
    margin-bottom: 0
}

.course_b {
    border: 1px solid #e1e1e1;
    padding: 8px;
    margin-bottom: 30px
}

.user-img-b {
    left: 15px;
    position: absolute;
    top: 25px;
    display: none
}

.img_hover:hover .bg,
.img_hover:hover .user-img-b {
    display: block
}

.user-img-b p {
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-transform: capitalize
}

.categ .sidebar_block ul li a,
.sidebar-user.menu .sidebar_block ul li a,
.sidebar_block ul li h4 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course_b .img_hover {
    position: relative
}

#magic-line,
.course_b .bg {
    position: absolute;
    right: 0;
    left: 0
}

.course_b .bg {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: none;
    top: 0
}

.course_b img {
    width: 100%
}

.detail_block .star_rating {
    float: left
}

.courses_block .course_b {
    box-shadow: 1px 2px 7px -1px #aaa;
    border: none
}

#example-one {
    position: relative
}

#example-one li {
    display: inline-block
}

#magic-line {
    bottom: -1px;
    width: 16%;
    height: 1px;
    background: #158d8e;
    margin: 0
}

.ie6 #example-one li,
.ie7 #example-one li {
    display: inline
}

.ie6 #magic-line {
    bottom: -3px
}

.tab_block ul.nav-tabs li a,
.tab_block ul.nav-tabs li a:hover,
.tab_block ul.nav-tabs li.active a:hover {
    border: none!important;
    margin: 0;
    line-height: normal;
    border-radius: 0
}

.tab_block ul li {
    position: static
}

.tab_block ul.nav-tabs li {
    padding: 0 4.95%
}

.tab_block ul.nav-tabs {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0 14% 20px
}

.sidebar_left .categories_block ul li span.category-name {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.sidebar_left .categories_block ul {
    padding: 0 10px
}

.sidebar_left .categories_block {
    margin-bottom: 15px
}

.sidebar-user.menu .sidebar_block ul li a {
    color: #919191;
    display: block;
    font-family: open sans;
    padding: 4px 15px;
    text-transform: capitalize
}

.sidebar-user.menu .sidebar_block ul li {
    margin: 0 0 5px;
    position: relative
}

.sidebar-user.menu .sidebar_block ul li.active span.r-arrow,
.sidebar-user.menu .sidebar_block ul li:hover span.r-arrow {
    display: block
}

.sidebar-user.menu .sidebar_block ul li span.r-arrow {
    background: url(../images/arrow-clr.png) right center no-repeat rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    top: 0;
    width: 20px
}

.sidebar-user.menu .sidebar_block ul li a:hover {
    color: #fff;
    text-decoration: none
}

.sidebar-user.menu .sidebar_block ul li:last-child,
.sidebar-user.menu ul {
    margin-bottom: 0
}

.sidebar_block ul {
    list-style: none;
    padding: 0
}

.subblock {
    padding-top: 30px
}

.categ .sidebar_block ul li a {
    color: #919191;
    display: block;
    padding: 4px 15px;
    text-transform: capitalize;
    font-family: open sans
}

.categ .sidebar_block ul li span.r-arrow {
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    width: 20px;
    top: 0;
    background: url(../images/arrow-clr.png) right center no-repeat
}

.categ .sidebar_block ul li {
    position: relative;
    margin: 0 0 5px
}

.sidebar_block ul li.active span.r-arrow,
.sidebar_block ul li:hover span.r-arrow {
    display: block
}

.sidebar_block ul li a:hover {
    background: #158d8e;
    text-decoration: none;
    color: #fff
}

.course_info {
    background: #f5f5f5;
    padding-bottom: 20px;
    padding-top: 35px
}

.sidebar_block ul li h4 {
    color: #7f8689;
    padding: 0 15px;
    font-weight: 700;
    margin: 18px 0 6px;
    font-family: open sans
}

.promo_block h2,
.promo_block p {
    color: #555;
    font-family: open sans
}

.course_info .sidebar_block {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff
}

.course_info .block2 {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 8px
}

.promo_block a,
.promo_block a:hover {
    background: #158d8e
}

.promo_block h2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    padding-top: 15px
}

.promo_block p {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    margin: 0 0 2px
}

.promo_block a,
.video_block label {
    font-weight: 700;
    font-family: open sans
}

.promo_block a {
    line-height: 35px;
    text-align: center;
    color: #fff;
    display: table;
    padding: 0 10px;
    margin: 0 auto;
    border-radius: 3px;
    text-decoration: none
}

.lach_dev.course_sidebar .leftnopad span {
    color: #259596;
    text-transform: uppercase
}

.promo_block {
    padding: 0 0 12px
}

.video_block {
    margin: 0 auto;
    width: 70%
}

.video_block label {
    display: block;
    color: #526075;
    font-size: 13px
}

.video_block p,
.video_block p b {
    color: #444;
    font-family: open sans
}

.video_block p b {
    font-size: 14px;
    margin-top: 10px;
    display: block
}

.video_block p {
    font-size: 13px
}

.block3 {
    border: 1px solid #a9a9a9;
    padding: 15px 20px
}

.fileUpload {
    position: relative;
    overflow: hidden
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%
}

.fileUpload.btn.btn-primary span {
    font-size: 14px;
    font-family: open sans
}

.fileUpload.btn.btn-primary {
    background: #17aa1c;
    border: none;
    padding: 5px 12px;
    border-radius: 3px;
    float: left
}

.format {
    border: 1px solid #e1e1e1;
    height: 35px;
    position: relative;
    font-family: open sans;
    padding: 0;
    margin-right: 2%
}

.upload_type {
    margin-bottom: 13px;
    margin-top: 20px
}

.fileUpload.btn.btn-primary:hover {
    background: #42943f
}

.video_block .block3 a:hover {
    color: #428bca
}

.active a:focus {
    outline: 0;
    text-decoration: none
}

.sidebar-user.menu .sidebar_block ul li.active a {
    background: #158d8e;
    color: #fff;
    text-decoration: none
}

.mobile_menu .icon-close,
.mobile_menu .jumbotron {
    display: none
}

.block3 span {
    color: #428bca
}

.course_info.danger_zone .image_sec.subblock {
    padding-top: 0
}

.video_b {
    display: table-cell;
    font-size: 18px;
    height: 250px;
    text-decoration: underline;
    vertical-align: middle
}

.text_block {
    border: 1px dotted;
    position: relative
}

.video_b.video_upload {
    display: block;
    height: auto
}

.tip p {
    font-size: 12px
}

.image_sec .tip b {
    font-family: open sans;
    font-size: 11px;
    font-weight: 600
}

.image_sec .tip {
    margin-top: 12px
}

.upload_type .format_type {
    float: left;
    width: 72%
}

.button-block {
    float: left;
    width: 28%
}

.progress.progress-striped.progress_upload {
    left: 0;
    position: absolute;
    right: 0;
    border-radius: 0
}

.upload_type .fileUpload.btn.btn-primary {
    background: #428bca;
    border-radius: 3px;
    width: 100%;
    padding: 0 12px;
    line-height: 35px
}

.image_sec .fileUpload.btn.btn-primary span {
    display: block;
    font-size: 13px
}

.image_sec button,
.image_sec input[type=submit] {
    border-radius: 5px;
    border-color: #4cae4c;
    background: #5cb85c;
    display: table;
    float: none;
    font-family: open sans;
    font-size: 14px;
    padding: 6px 14px
}

.subblock .text_block a:hover {
    color: #335d82
}

.image_sec button:hover,
.image_sec input[type=submit]:hover {
    background-color: #47a447;
    border-color: #398439
}

.image_container {
    display: block;
    height: 300px;
    width: 100%
}

.tip a {
    color: #428bca
}

.save_btn {
    margin: 0 auto 15px
}

.upload_type .error_msg {
    background: red;
    color: #fff
}

#cropContainerPreload.image_container {
    border: 1px solid #ccc;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#cropContainerPreloadCourse.image_container {
    border: 1px solid #ccc;
    height: 402px;
    overflow: hidden;
    position: relative;
    width: 100%
}

#cropContainerPreloadCourse.image_container img {
    height: 100%
}

.text_block strong {
    display: block;
    font-size: 15px;
    padding: 0 16px;
    position: absolute;
    top: 45%;
    color: #428bca
}

#image_prograss,
#video_prograss {
    font-size: 20px;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    right: 0
}

.video_change button {
    background: #f39c12;
    border: none;
    border-radius: 3px;
    padding: 6px 0;
    width: 100%;
    color: #fff
}

.video_b video {
    width: 100%
}

.video_change {
    float: right;
    width: 20%
}

#image_prograss {
    color: #00ced1;
    margin: 0 auto;
    top: 45%;
    z-index: 999
}

#video_prograss {
    color: #C30
}

.progress.progress-striped.progress_upload {
    height: 100%;
    margin: 0
}

.btn.btn-color.save_btn {
    margin-top: 35px
}

.format span {
    display: block;
    line-height: 32px;
    padding: 1px 10px;
    width: 100%
}

.change_btn br,
.video_b.video_upload #video_prograss {
    display: none
}

.progress.progress-striped.progress_upload p {
    left: 10px;
    margin: 0;
    position: absolute;
    text-transform: capitalize;
    top: 7px
}

.cropImgWrapper {
    width: 100%!important
}

.format p {
    margin: 0
}

.change_btn button,
.change_btn input[type=button] {
    background: #f39c12;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 7px 14px;
    width: 100%
}

.change_btn button,
.change_btn input[type=button]:hover {
    background: #f39c12!important
}

.video_b {
    padding: 5px 0
}

.profile_image {
    padding: 10px 0 0
}

.profile_image img {
    border-radius: 80px;
    height: 150px;
    width: 150px
}

.profile_image h3 {
    border-bottom: 1px solid #d8d8d8;
    color: #353535;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 12px 0;
    text-transform: capitalize
}

.change_btn.button_block .fileUpload.btn.btn-primary {
    width: 100%
}

.button_footer .btn.btn-color {
    display: table;
    margin: 0 auto;
    width: 130px
}

.course_info.account-b .button_footer .btn.btn-color {
    width: 160px
}

.account_block {
    margin: 0 auto;
    width: 70%
}

.account_block .form-group input[type=password] {
    border: 1px solid #a9a9a9;
    border-radius: 3px;
    box-shadow: none;
    min-height: 30px;
    width: 100%
}

.account_block .form-group {
    margin: 0 0 12px
}

.email_edit i {
    float: right;
    font-size: 21px
}

.email_edit p span {
    font-weight: 700;
    text-transform: uppercase;
}

.page-content.account_block label {
    display: block
}

.page-content.account_block textarea {
    width: 100%
}

.email_edit p {
    font-family: open sans;
    font-size: 14px;
    margin: 0;
    text-transform: capitalize
}

.email_edit {
    border: 1px solid #a8a8a8;
    padding: 10px 8px
}

.modal-dialog.edit_popup input[type=email],
.modal-dialog.edit_popup input[type=password] {
    border: 1px solid #a8a8a8;
    min-height: 30px;
    text-indent: 10px;
    width: 100%
}

.modal-dialog.edit_popup h4 {
    font-family: open sans;
    text-transform: uppercase
}

.edit_popup .modal-body {
    margin: 0 auto;
    padding: 6px 10px
}

.edit_popup .modal-footer {
    border: none;
    display: table;
    margin: 0 auto 10px;
    padding: 0
}

.btn.btn-color:focus {
    outline: 0
}

.btn.btn-color {
    background: #158d8e;
    color: #fff;
    padding: 7px 20px;
    text-transform: capitalize;
    border-radius: 3px;
    border: none
}

.btn.btn-color:hover {
    background: #e59859
}

.course_info p.alert.alert-danger,
.edit_popup .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    border-radius: 0
}

.image_sec.subblock p i {
    display: block;
    float: left;
    margin: 0 10px 0 0
}

section.services.editor_block .text_area-b .redactor_box {
    margin-bottom: 20px;
    height: auto
}

.image_sec.subblock .alert.alert-success.fade.in.block-inner {
    margin: 0 1% 20px
}

.account_block .btn.btn-color {
    margin: 0 auto
}

.edit_popup .alert-danger {
    margin: 0 0 8px;
    padding: 4px
}

body.modal-open {
    padding-right: 17px
}

.modal-dialog.edit_popup {
    width: 400px;
    top: 210px
}

.course_info p.alert.alert-danger {
    margin: 3px 4% 5px;
    padding: 5px 6px
}

.modal-dialog.blog-popup textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 120px
}

.modal-dialog.blog-popup .row {
    margin: 0
}

.curriculam-block .modal-body ul {
    padding: 0
}

.page-content.account_block span.input-group-addon {
    border: 1px solid #a8a8a8;
    border-radius: 0;
    padding: 0 10px;
    border-left: none
}

.page-content.account_block input[type=text],
.page-content.account_block select {
    border: 1px solid #a8a8a8;
    min-height: 30px;
    text-indent: 10px;
    width: 100%;
    border-radius: 3px
}

.select select {
    padding: 5px 0
}

.page-content.account_block .input-group input[type=text] {
    border-radius: 0;
    height: 30px;
    padding: 0
}

.page-content.account_block .input-group {
    margin-bottom: 12px
}

.page-content.account_block .input-group span.input-group-addon {
    border-left: 1px solid #a8a8a8;
    border-right: medium none
}

.course_info.profile .btn.btn-color {
    display: table;
    margin: 0 auto
}

.account_block .input-group-addon {
    background: #ccc;
    color: #555;
    font-family: open sans;
    font-size: 14px
}

.account_block .title {
    color: #555;
    font-family: open sans
}

.input-group #headline {
    border-right: medium none
}

.course_info .input-group.head_line span.input-group-addon {
    border-right: 1px solid #a8a8a8
}

.course_info.profile .input-group input[type=text] {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.course_info.profile .input-group span.input-group-addon,
.course_info.profile .input-group.head_line input[type=text] {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.course_info.profile.profile_block .input-group.head_line span.input-group-addon {
    border-radius: 0 3px 3px 0
}

.course_info.profile .input-group.head_line input[type=text] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.section_notification .image_sec.subblock {
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 0 20px
}

.section_notification {
    display: table;
    margin: 0 auto;
    padding: 0 20px
}

.section_notification ul {
    padding: 0;
    margin: 0
}

.section_notification h4 {
    font-family: open sans;
    font-size: 16px;
    margin-top: 20px
}

.warning_note {
    border: 1px solid #ddd;
    margin-top: 20px;
    padding: 12px 20px;
    margin-bottom: 20px
}

.section_notification .image_sec.subblock ul li {
    margin: 12px 0
}

.course_info .section_notification label {
    margin-bottom: 0
}

.section_notification .image_sec.subblock ul li label,
.warning_note label {
    font-weight: 400
}

.section_notification ul li .icheckbox_square-green,
.warning_note .icheckbox_square-green {
    margin-right: 5px
}

.btn.alert-danger.save_btn {
    background: red;
    border: none;
    border-radius: 0;
    color: #fff;
    width: 80px
}

.btn.alert-danger.save_btn:focus {
    outline: 0
}

.confirm_account .modal-body p {
    font-family: open sans;
    font-size: 14px;
    padding-bottom: 0;
    margin: 0;
    text-transform: capitalize
}

.confirm_account .modal-footer {
    border: none;
    margin-top: 0;
    padding-top: 0
}

.modal-dialog.confirm_account h4 {
    font-family: open sans;
    text-transform: capitalize
}

.confirm_account .modal-footer button {
    padding: 5px 20px;
    margin-right: 3px
}

.modal-dialog.confirm_account {
    width: 400px;
    top: 200px
}

.course_info.danger_zone .sidebar_block {
    border-right: 1px solid #ddd
}

.course_info.danger_zone .promo_block {
    border-left: none;
    border-right: none
}

.premium_inst .promo_block ul li a {
    background: rgba(0, 0, 0, 0);
    color: #000;
    line-height: normal;
    padding: 0
}

.steps-bar {
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative
}

.steps-bar li::after,
.steps-bar li::before {
    content: "";
    position: absolute;
    top: 50%
}

.steps-bar ul {
    height: 44px
}

.steps-bar li:first-child::before {
    display: none
}

.steps-bar li.on::before {
    background: #869f5b;
    transform-origin: right top 0
}

.steps-bar li.off {
    background: #869f5b
}

.steps-bar li::before {
    background: #6b6f77;
    height: 10px;
    left: 0;
    margin: -5px 0 0 -114px;
    width: 115px
}

.steps-bar li.on::after {
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 7px #e4e4e4, 0 1px 1px rgba(0, 0, 0, .5) inset
}

.steps-bar li::after {
    background: url(../images/sprites.png) -56px -565px #cecece;
    border-radius: 99em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    height: 12px;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px
}

.steps-bar li:first-child {
    margin-left: 0
}

.steps-bar li.on {
    background: #869f5b
}

.steps-bar li {
    background: #6b6f77;
    border-radius: 99em;
    display: inline-block;
    height: 36px;
    margin-left: 108px;
    position: relative;
    width: 36px
}

.steps-bar li.on a,
.steps-bar li.on span {
    color: #567c1b
}

.steps-bar li a,
.steps-bar li span {
    color: #636b6f;
    font-weight: 700;
    left: 50%;
    margin-left: -70px;
    position: absolute;
    top: 50px;
    white-space: nowrap;
    width: 140px
}

.steps-bar li.off::before {
    background: #869f5b
}

.steps-bar li.off::after {
    height: 26px;
    margin: -13px 0 0 -13px;
    width: 26px
}

.instructor_terms textarea {
    border: 1px solid #ddd;
    height: 300px;
    margin: 0 0 15px;
    padding: 0 8px;
    width: 100%
}

.image_container img {
    max-width: none;
    width:100%;
}

.blog-img img,
.course_b .img_hover img,
.demo_slides_one .bx-wrapper ul.bxslider li img,
.user_image img,
img {
    max-width: 100%
}

.instructor_terms {
    display: table;
    margin: 0 auto 20px;
    padding: 0 20px;
    width: 70%
}

.instructor_terms label.conditions {
    font-family: open sans;
    font-size: 15px;
    font-weight: 400
}

.instructor_terms label {
    font-family: open sans;
    font-size: 13px;
    color: #526075
}

.instructor_block {
    margin: 0 auto;
    width: 70%
}

.instructor_block input[type=email],
.instructor_block input[type=text] {
    border: 1px solid #a8a8a8;
    box-shadow: none;
    height: 30px;
    width: 100%
}

.instructor_block .form-group {
    margin: 0 0 16px
}

.instructor_block label {
    color: #555;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

.instructor_block select {
    border: 1px solid #a8a8a8;
    box-shadow: none;
    height: 30px;
    border-radius: 4px;
    width: 40%
}

.update_account h2 {
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    margin: 70px 0 30px
}

.mycourse_block.instructor-b .course-list-section .block_course .business_office .image a {
    display: table-cell;
    height: 170px;
    vertical-align: middle;
    width: 1%
}

.mycourse_block.instructor-b .course-list-section .block_course .business_office a img {
    height: auto;
    width: 100%
}

.recent_block h3 {
    color: #000;
    font-family: open sans;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 42px
}

.desc span a,
.recent_sub h4 {
    text-transform: capitalize
}

.recent_block h3 span {
    font-weight: 300;
    margin-left: 4px
}

.recent_sub h4 a {
    color: #158d8e;
    font-family: open sans;
    text-decoration: none
}

.recent_sub h4 {
    font-size: 16px;
    margin: 0;
    line-height: normal
}

.comments,
.recent_sub .desc,
.view_more {
    font-size: 13px;
    font-family: open sans
}

.recent_sub .desc {
    color: #4b4b4b;
    line-height: 22px;
    margin: 4px 0
}

.comments {
    color: #a7a7a7
}

.desc span a,
.view_more {
    color: #158d8e;
    text-decoration: none
}

.user-img img {
    height: auto;
    width: 80px
}

.recent_sub {
    border-bottom: 1px dotted #d8d8d8;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.adv_block {
    display: table;
    margin: 0 auto
}

.recent_block,
.recent_sub .comments {
    margin-bottom: 0
}

.recent_block {
    background: #e8e8e8;
    padding-bottom: 30px;
    padding-top: 40px
}

body #page-wrapper-full.gray-bg,
body.course-body {
    background: #f5f5f5
}

.recent_sub h4 a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.categ_list .title_sec h4 {
    color: #353535;
    font-family: open sans;
    font-size: 16px;
    padding: 0 18px;
    font-weight: 700;
    margin: 18px 0
}

.format span#test_error {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar_left .title_sec {
    border-bottom: 1px solid #d8d8d8
}

.sidebar_left .title_sec:last-child {
    border-bottom: none
}

.course-list-section h2.list_title {
    color: #030404;
    font-family: open sans;
    font-size: 18px;
    float: left;
    font-weight: 600;
    margin: 14px 0;
    text-transform: uppercase
}

.categ_list .mang_develop li {
    margin-bottom: 10px
}

.course-list-section {
    padding-bottom: 12px;
    border-bottom: 1px solid #d8d8d8
}

.view_block {
    float: right;
    margin-right: 80px;
    margin-bottom: 12px
}

.view_block a {
    background: #158d8e;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: open sans;
    font-size: 13px;
    font-weight: 700;
    line-height: 37px;
    padding: 0 10px;
    text-transform: uppercase
}

.block_course .course_detail h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin: 7px 0;
    text-transform: capitalize
}

.block_course .course_detail h4 a {
    color: #333;
    font-family: open sans;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-transform: capitalize;
}

.block_course .course_detail p {
    color: #4d4d4d;
    font-family: open sans;
    font-size: 13px
}

.block_course .course_detail p.rate {
    color: #000;
    padding-bottom: 0;
    min-height: 0;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}

.block_course .item {
    padding: 10px
}

.block_course .owl-pagination,
.block_course .ratings input[type=range] {
    display: none
}

.block_course {
    position: relative
}

.block_course .owl-buttons {
    position: absolute;
    right: 0;
    top: -49px
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/white_arrow.png) 9px center no-repeat #158d8e;
    border-radius: 3px 0 0 3px;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px
}

.view_block i {
    margin-left: 4px
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    background-color: #1b7a7b
}

.develpoment_this_sec.categ_list .block_course .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right_white_arrow.png) 14px center no-repeat #158d8e;
    border-radius: 0 3px 3px 0;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px;
    border-left: 1px solid #1f9fa0
}

.block_course .owl-wrapper-outer {
    border-top: 1px solid #d8d8d8;
    padding-top: 18px
}

.course-list-section .mycourse_block .block_course,
.star_rating ul {
    padding: 0
}

.course-list-section:last-child {
    border-bottom: none
}

.develpoment_this_sec.categ_list {
    margin-top: 40px
}

.block_course {
    margin-bottom: 20px
}

body {
    background: #f5f5f5!important
}

.image img {
    width: 100%
}

.sidebar_left .mang_develop li span.category-count {
    float: right;
    margin-left: 8px
}

.course_detail p.description {
    height: 37px;
    overflow: hidden
}

.star_rating ul li img {
    height: 15px;
    width: 15px
}

.block_course .item {
    box-shadow: 0 2px 5px 0 #aaa;
    background: #fff;
    border-radius: 0
}

body.minimize-sidemenu #page-wrapper,
body.minimize-sidemenu #page-wrapper-full {
    margin: 0
}

.trendieng .newest_coursing {
    margin-top: 0
}

.trendieng .course_detail p.rate {
    min-height: 0
}

.trendieng.search .course_detail p {
    margin-bottom: 10px
}

.trendieng .ratings {
    margin-bottom: 4px
}

.trendieng .course_detail p.descrip {
    height: 38px;
    overflow: hidden
}

.course-list-section .course_detail p.rate {
    margin-bottom: 0
}

.course-list-section .newest_coursing {
    margin-bottom: 25px;
    border-bottom: 1px solid #d8d8d8
}

.trendieng .business_trend .treaty_trick {
    margin: 20px 1%;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, .2)
}

.curriculam-block {
    margin-top: 30px
}

.create-course.instructors input[type=text] {
    float: left;
    width: 80%
}

.create-course.instructors input[type=button] {
    height: 38px;
    margin-left: 2%;
    width: 18%
}

.create-course.detail-block .form-group input[type=submit] {
    margin-top: 35px
}

.course-list-section .mycourse_block .block_course .business_office a img {
    height: 160px
}

.photography_section .ajax-comments #openreplybox {
    color: #e59859;
    display: block;
    font-size: 13px;
    font-weight: 700
}

.photography_section ul.pagination {
    margin: 20px 0 0
}

.course-list-section .mycourse_block .col-xs-6 {
    padding: 0 10px
}

.mycourse_block h2.title {
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 0;
    line-height: 35px
}

.course_b .img_hover img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    width: 255px
}

.mycourse_block .TeachingCourse_create p.discover_courses a {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 12px;
    text-transform: uppercase;
    background: #158d8e;
    border-radius: 3px;
    color: #fff
}

.reg_form.new_reg_form.mycourse_block .head_block {
    border-bottom: 1px solid #dedede;
    padding: 0 0 6px
}

.mycourse-p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    margin: 27px 0
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
    color: #a2a2a2;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 45px;
    background: 0 0
}

.head_block.learning-b select {
    height: 35px
}

.mycourse_block .block_course {
    margin-bottom: 30px
}

.mycourse_block .block_course .business_office a img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
    width: 250px
}

.mycourse_block .course-list-section .block_course .business_office a img {
    height: 160px
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a:hover {
    color: #333
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
    border: 1px solid #e1e1e1;
    color: #333;
    border-bottom: none;
    background: #f5f5f5
}

.mycourse_block .nav-tabs>li.active>a,
.mycourse_block .nav.nav-tabs li,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active {
    border-bottom: medium none
}

.mycourse_block .tab-block-mycourse ul.nav.post.nav-tabs.usernavbar {
    float: left
}

.course-list-section .item .image img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 155px;
    width: 194px;
    display: block
}

.categ_list .course-list-section .item .image img {
    width: 100%
}

.reg_form.new_reg_form.mycourse_block .block_course {
    padding: 0
}

.mycourse_block .block_course .image a {
    height: auto
}

.mycourse_block .tab-block-mycourse {
    margin: 10px 0 20px;
    padding-right: 15px
}

.head_block {
    padding: 10px 0
}

.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li {
    padding: 0
}

.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li a {
    margin: 0
}

.mycourse_block .nav-tabs,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active a,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li.active a:hover {
    border-bottom: none
}

.modal-dialog.course_popup,
.mycourse_block .nav-tabs>li.active,
.mycourse_block .nav.nav-tabs.usernavbar.price_align.post li a:hover {
    border: none
}

.mycourse_block .sidebar_left ul li a:hover {
    color: #f9a530
}

.mycourse_block .tab-block-mycourse ul li a {
    padding: 0 20px
}

body #page-wrapper-full.gray-bg {
    padding-bottom: 20px
}

.mycourse_block .tab-block-mycourse ul li {
    position: static
}

.course_popup .modal-header .close span {
    display: block;
    font-size: 20px;
    margin-top: -3px
}

.block_course .item {
    margin: 5px
}

.head_block .TeachingCourse_create {
    float: right;
    width: auto
}

.head_block h2.title {
    float: left
}

.mycourse_block .nav-tabs>li>a:hover {
    background: 0 0;
    color: #1ab394;
    font-weight: 400
}

.head_block .TeachingCourse_create a:hover {
    background: #158d8e
}

.course-my.breadcrumb {
    margin-top: 35px
}

.create-course.help-s .lach_dev.resp-tab-content.course_tab h3.title_block {
    color: #000;
    margin: 5px 0 15px
}

.create-course.help-s .details {
    color: #333;
    font-size: 14px;
    margin: 5px 0 15px
}

.reg_form.new_reg_form.mycourse_block .TeachingCourse_create p.discover_courses {
    margin: 0;
    padding: 0
}

.reg_form.new_reg_form.mycourse_block .tab-block-mycourse {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 0 30px;
    padding: 0
}

.reg_form.new_reg_form.mycourse_block .select-section {
    float: right
}

.reg_form.new_reg_form.mycourse_block .select-section select {
    margin: 0
}

.usercomments .feedback-comment p {
    color: #2f3945;
    font-family: open sans;
    font-size: 13px;
    margin: 2px 0 10px;
    line-height: 25px
}

.feedback .usercomments .details h4.user_name {
    color: #2f3945;
    font-family: open sans;
    font-size: 15px;
    margin-top: 0;
    padding: 0
}

.feedback .usercomments .details.user-block h4.user_name {
    margin-bottom: 4px
}

.usercomments.odd .user-block,
.usercomments.sec2.odd .col-sm-10,
.usercomments.sec2.odd .col-sm-2 {
    float: left
}

.usercomments.odd .user-block h4,
.usercomments.odd .user-block span.time {
    margin-left: 0
}

.feedback .usercomments.odd .details .time,
.feedback .usercomments.odd .feedback-comment p {
    text-align: left
}

.feedback .usercomments.sec2 {
    background: 0 0;
    border: 1px solid #dedede;
    margin-bottom: 5px
}

.usercomments.feedback-b .replyto {
    color: #259596;
    display: block;
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 5px
}

.feedback .usercomments .details .time {
    color: #158d8e;
    font-family: open sans
}

.usercomments.feedback-b .btn.btn-color.cancel {
    background: red
}

.course_sidebar h4.tabtitle {
    font-size: 16px;
    padding: 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: open sans;
    color: #259596;
    font-weight: 600;
    text-transform: uppercase
}

.create-course .block2 {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 6px
}

.course_sidebar .tabtitlemang.mang_develop li span {
    color: #919191;
    font-family: open sans;
    font-size: 14px
}

.course_sidebar .multi_development h4 i {
    margin-right: 3px
}

.course_sidebar .tabtitlemang.mang_develop li {
    padding: 4px 0 4px 30px;
    margin: 0;
    position: relative
}

.course_sidebar .lach_dev_at {
    margin: 0
}

.course_sidebar .tabtitlemang.mang_develop {
    padding: 0
}

.reg_form.new_reg_form.mycourse_block {
    margin-top: 30px
}

.course_sidebar .tabtitlemang.mang_develop li:hover a span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course_sidebar .tabtitlemang.mang_develop li:hover {
    background: #158d8e
}

.course_sidebar .tabtitlemang.mang_develop li a span.r-arrow {
    background: url(../images/arrow-clr.png) right center no-repeat rgba(0, 0, 0, 0);
    display: none;
    height: 28px;
    position: absolute;
    right: -19px;
    top: 0;
    width: 19px
}

.course_sidebar .tabtitlemang.mang_develop li:hover .r-arrow {
    display: block
}

.course_sidebar .tabtitlemang.mang_develop li:hover a span {
    color: #fff
}

.create-course .course_basic.course_newbasic p {
    font-size: 13px;
    font-family: open sans;
    color: #848383;
    font-weight: 400
}

.create-course .course_basic.course_newbasic h4 {
    color: #333;
    margin-top: 0;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    padding: 0
}

.create-course .lach_dev.resp-tab-content.course_tab .form-group label {
    font-family: open sans;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    padding-left: 0
}

.create-course .course_basic.course_newbasic {
    margin-top: 12px;
    margin-bottom: 34px
}

.create-course .form-group input[type=text],
.create-course .form-group select {
    border: 1px solid #d9d9db;
    border-radius: 6px!important;
    font-size: 14px!important;
    height: 40px
}

.create-course .form-group textarea {
    border: 1px solid #d9d9db;
    border-radius: 6px!important;
    font-size: 14px!important
}

.create-course .form-group {
    margin: 0 0 35px
}

.create-course .video_block {
    width: 80%;
    padding-bottom: 20px
}

.create-course .image_sec.subblock.curriculam_upload .video_block {
    width: 65%
}

.create-course.detail-block .form-group input[type=text] {
    float: left;
    width: 85%
}

.create-course.detail-block .form-group input[type=button] {
    height: 38px;
    margin-left: 2%;
    padding-bottom: 0;
    padding-top: 0;
    width: 13%
}

.create-course.detail-block .form-group .col-xs-12.text-a {
    padding: 0
}

.create-course .lach_dev {
    margin-top: 0
}

.create-course {
    margin-top: 35px
}

.develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3 {
    padding: 0 4px
}

.discover_courses {
    margin: 10px 0;
    padding: 5px 0
}

.block_course .feature.follow_b {
    background: red;
    border: none;
    color: #fff;
    left: 10px;
    padding: 4px 8px;
    position: absolute;
    text-transform: capitalize;
    top: 10px
}

.modal-open header.expert {
    padding-right: 17px
}

.block_course .business_office .btn.favoritebtn.heart_align {
    right: 5px;
    top: 3px
}

.create-course.privacy .privacy_tabs.nav.nav-tabs.tab_public {
    margin-bottom: 2px
}

.create-course.privacy .tip_privacy {
    line-height: 23px;
    margin-top: 12px
}

.create-course.privacy .tab_ul li {
    float: left;
    margin-right: 10px
}

.create-course.privacy .tab_ul {
    margin-bottom: 10px
}

.create-course.privacy .des_margin {
    margin-bottom: 20px
}

.not_publish {
    color: red
}

.publish_txt {
    color: #158d8e
}

.course-header.well .lead a.btn.btn-primary {
    background: #158d8e;
    border: 1px solid #158d8e;
    border-radius: 3px;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 38px;
    padding: 0 10px;
    text-transform: uppercase
}

.mycourse_block .HomeScroll.tab-content #WishlistCourse {
    padding-top: 0
}

.course-header.well .btn-block p.lead {
    margin-bottom: 0
}

.well.course-header .btn-block {
    float: right;
    margin: 25px 0;
    width: auto
}

.well.course-header {
    padding: 15px;
    margin-bottom: 30px
}

.well.course-header .btn-block .btn.btn-primary:hover {
    background: #158d8e;
    border: 1px solid #158d8e
}

.course-header.well .image img {
    background-size: contain;
    height: 150px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center center
}

.course-header.well .detail h4 {
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.curriculam-block .lach_dev.resp-tab-content.course_tab,
.lach_dev.course_sidebar {
    margin-top: 0
}

.lach_dev.course_sidebar ul.mang_develop li h4 span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-header.well .detail p {
    font-size: 14px
}

.course-header {
    background: #fff;
    box-shadow: none
}

.course-header.well .detail {
    float: left;
    margin: 16px 0;
    width: auto
}

.well.course-header .image img {
    height: 76px;
    width: 100px;
    margin-top: 7px
}

.course-header.well .btn-block p.lead {
    float: right
}

section.user-profile-block .user-info h3 {
    font-family: open sans;
    font-size: 24px;
    margin: 25px 0 10px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400
}

section.user-profile-block .user-info p {
    font-family: open sans;
    font-size: 18px;
    margin-bottom: 28px;
    font-weight: 400;
    color: #fff
}

section.user-profile-block .user-info {
    background: #158d8e;
    margin-bottom: 30px
}

section.user-profile-block {
    background: #f5f5f5
}

section.user-profile-block .msg {
    background: #158d8e;
    color: #fff;
    display: table;
    font-family: open sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    margin: 25px auto 0;
    padding: 0 50px;
    text-align: center;
    text-transform: uppercase
}

.content-right h5,
.student-course ul li p,
.title-l {
    text-transform: capitalize
}

.reg_form.new_reg_form.mycourse_block {
    padding: 0 15px
}

.content-right>ul,
.social-b {
    padding: 0
}

.social-b {
    margin-top: 25px
}

.social-b li {
    float: left;
    margin: 0 12px
}

.content-right h5 {
    color: #353535;
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0
}

.content-right .desc-1,
.desc-2 li,
.desc-3,
.student-course ul li p {
    color: #333;
    font-size: 16px;
    font-family: open sans
}

.content-right .desc-1 {
    line-height: 30px;
    margin-bottom: 35px
}

.desc-2 li {
    font-weight: 700;
    margin-bottom: 15px
}

.desc-2 li span,
.desc-3 {
    font-weight: 400
}

.desc-3 {
    line-height: 25px;
    margin: 25px 0 40px
}

.student-course ul {
    padding: 0;
    margin: 0
}

.student-course ul li {
    border-left: 1px solid #e3e3e3;
    float: left;
    padding: 0 20px;
    text-align: center
}

.content-section {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px
}

.title-l {
    color: #158d8e;
    font-family: open sans;
    font-size: 24px;
    text-align: center;
    margin: 28px 0
}

.student-course ul li h4 {
    color: #333;
    font-family: open sans;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0
}

.social-b li a {
    background: url(../images/social-sprites.png) no-repeat rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px
}

.social-b li:first-child+li a {
    background-position: -52px 0
}

.social-b li:first-child+li+li a {
    background-position: -102px 0
}

.social-b li:first-child+li+li+li a {
    background-position: -154px 0
}

.create-course .danger-zone h4 {
    padding-left: 0
}

.create-course.dangerzone .col_space p {
    font-family: open sans;
    font-size: 14px;
    text-align: center
}

.create-course.dangerzone .danger-zone p {
    text-align: left
}

.danger-zone a.btn.btn-danger {
    background: red;
    border: none;
    border-radius: 4px;
    display: inline-block;
    margin-top: 15px;
    padding: 7px 20px;
    text-shadow: none
}

.demo_slides_one .bx-pager.bx-default-pager,
.demo_slides_one .owl-pagination {
    display: none
}

.danger-zone a.btn.btn-color {
    font-family: open sans;
    font-size: 14px;
    margin-top: 10px
}

.create-course.get-start .status-tabs-content h4 {
    padding: 0
}

.create-course.get-start .GetStartedTitle {
    background: #e3e3e3;
    border: 1px solid #e3e3e3;
    font-size: 20px;
    padding: 12px;
    color: #000;
    font-weight: 400
}

.create-course.get-start .slider_divsblocks .arr {
    border-top: 10px solid #000;
    margin: 8px 0
}

.create-course.get-start .status-tabs-content {
    background: 0 0
}

.demo_slides_one .owl-carousel.clearfix.owl-theme {
    padding: 0
}

.demo_slides_one .bx-controls-direction .bx-prev {
    background: url(../images/replace.png) -342px -148px no-repeat #e5e5e5;
    border-radius: 0;
    height: 74px;
    left: 0;
    margin-left: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 18px;
    width: 40px
}

.demo_slides_one .bx-controls-direction .bx-next {
    background: url(../images/replace.png) -24px -232px no-repeat #e5e5e5;
    border-radius: 0;
    margin-right: 0;
    opacity: 1;
    padding: 0;
    right: 0;
    top: 18px;
    position: absolute;
    width: 40px;
    height: 74px
}

.demo_slides_one .bx-controls-direction .bx-next:hover,
.demo_slides_one .bx-controls-direction .bx-prev:hover {
    background-color: #a6a6a6
}

.demo_slides_one .bx-wrapper ul.bxslider li {
    border: 1px solid #f1f1f1;
    padding: 0
}

.demo_slides_one {
    position: relative;
    margin-bottom: 42px
}

.demo_slides #owl-demo .item {
    text-align: center
}

.modal-dialog.paypal_popup {
    border: none
}

.modal-dialog.paypal_popup .modal-header.header_bg h2 {
    font-family: open sans;
    font-size: 20px;
    margin: 0 0 0 16px;
    text-align: left;
    text-transform: capitalize;
    color: #fff
}

.paypal_popup .modal-header.header_bg {
    padding: 15px 0;
    background: #158d8e
}

.paypal_popup .modal-header .close {
    background: 0 0;
    border: none;
    color: #fff;
    margin: 0 10px 0 0;
    opacity: 1;
    width: auto
}

.modal-dialog.paypal_popup .form-group {
    display: inline-block;
    margin: 0 0 8px;
    width: 100%
}

.modal-dialog.paypal_popup label .asterix {
    color: red
}

.select-style_block {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 15px;
    background: url(../images/gray_arrow.png) right 4% center no-repeat #fff;
}

.select-style_block select {
    padding: 5px 8px;
    height: 40px;
    color: #a8a8a8;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-style_block select:focus {
    outline: 0
}

.paypal_popup .btn.btn-color {
    background: #158d8e;
    border-radius: 2px;
    color: #fff;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    margin-top: 4px;
    padding: 7px 0;
    text-transform: uppercase;
    width: 70%
}

.paypal_popup .select-style_block select {
    font-size: 14px!important;
    height: 40px;
    padding: 5px;
    color: #888
}

.modal-dialog.paypal_popup .form-group input[type=text] {
    border: 1px solid #ccc;
    color: #888;
    border-radius: 3px!important;
    font-size: 14px!important;
    height: 40px
}

.modal-dialog.paypal_popup p.terms_service {
    color: #777;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600
}

.modal-dialog.paypal_popup p.terms_service a {
    color: #158d8e
}

.paypal_popup .course_title,
.paypal_popup .dollar.dollar_font>p {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize
}

.paypal_popup .form-group label {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    margin: 10px 0
}

.paypal_popup #stripe>form {
    margin-bottom: 2px
}

.paypal_popup .modal-body {
    display: table
}

.paypal_popup .modal-body.cont ul li.active a {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    color: #888;
    text-transform: capitalize;
    border-bottom: none
}

.paypal_popup .modal-body.cont ul li a {
    background: rgba(0, 0, 0, 0);
    padding: 5px 15px;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    color: #888
}

.redeem a,
.table-payment .redeem {
    color: #158d8e;
    font-family: open sans;
    font-weight: 700
}

.paypal_popup .modal-body.cont ul li a:focus {
    outline: 0;
    text-decoration: none
}

.paypal_popup .modal-body.cont ul li.active {
    background: #fff;
    position: relative;
    top: 0
}

.modal-dialog.paypal_popup .nav.nav-tabs {
    margin-bottom: 15px;
    margin-top: 10px
}

.dollar.dollar_font p {
    text-align: right
}

.redeem a {
    font-size: 14px;
    text-transform: capitalize
}

.paypal_popup .hide_block input[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px!important;
    box-shadow: none;
    font-size: 12px!important;
    width: 98%
}

.modal-dialog.paypal_popup .course-ti.form-group {
    margin-bottom: 0
}

.course-ti.form-group .col-xs-4 {
    padding-left: 0
}

.hide_block .btn.btn-success {
    background: #158d8e;
    border: 1px solid #158d8e;
    border-radius: 3px;
    height: 34px;
    padding: 0 15px;
    text-transform: uppercase;
    margin-left: .5%;
    float: left
}

.hide_block {
    margin: 10px 0;
    float: left;
    width: 85%
}

.hide_block input[type=text] {
    border: 1px solid #d9d9db;
    border-radius: 3px;
    height: 34px;
    text-indent: 10px;
    width: 274px;
    margin-left: 2%;
    float: left
}

.table-payment .redeem {
    font-size: 16px;
    text-decoration: none;
    float: left;
    margin: 17px 0 0
}

.blog-post h3,
.total-cmt h3.comments-b {
    color: #2f3945;
    font-size: 20px;
    font-family: open sans
}

.expiry-wrapper .select-style_block {
    background-position: right 15% center
}

.block-widget .categories_block ul {
    padding: 0 15px
}

.block-widget .categories_block ul li a:hover {
    background: 0 0
}

.block-widget .categories_block ul li a {
    padding: 0
}

.block-widget .categories_block .label.label-success.pull-right {
    background: #158d8e
}

.blog-post h3 {
    margin-bottom: 20px;
    margin-top: 0
}

.blog-post .blog-info-small {
    margin: 10px 0;
    padding: 0 20px 0 0
}

.blog-post .blog-info-small i {
    margin: 0 3px;
    color: #2f3945
}

.blog-t .blog-post .post-item .blog-info-small {
    padding: 0 20px 0 0
}

.blog-t .blog-post .post-item .summary {
    padding: 0
}

.blog-t .blog-post .blog-img img {
    height: 268px
}

.comment-list blockquote {
    border-left: 3px solid #158d8e;
    margin: 12px 0;
    padding: 7px 10px
}

.comment-list {
    margin-bottom: 20px
}

.expert-plus .blog_view .wrapper-header {
    padding: 0
}

.blog_view h3 {
    margin-top: 0;
    font-family: open sans;
    font-size: 25px
}

.blog_view h3 small {
    color: #888;
    font-family: open sans;
    font-size: 15px;
    margin-left: 2px
}

.blog_view .breadcrumb_block ul li a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px
}

.blog_view .breadcrumb_block ul li {
    float: left
}

.blog_view .breadcrumb_block ul {
    float: none;
    margin: 0;
    padding: 0
}

.blog_view .breadcrumb_block {
    margin: 0
}

.blog_view,
.blog_view.catg_blog .blog-post {
    margin-bottom: 25px
}

.blog-img img {
    height: 200px
}

.text-b textarea,
.text-b textarea:focus {
    border: 1px solid #dedede;
    border-radius: 0;
    padding: 5px 0;
    text-indent: 10px
}

.post-item .title h3 a {
    color: #353535;
    font-family: open sans;
    text-decoration: none
}

.block-widget .categories_block ul li a:focus {
    background: 0 0
}

.blog-post .blog-info-small a {
    color: #333;
    font-family: open sans;
    font-size: 13px
}

.blog_view.catg_blog .summary a i {
    font-size: 16px;
    margin-left: 2px
}

.text-b label {
    color: #353535;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600
}

body.blog .expert-plus {
    margin-bottom: 40px
}

.form-group.btn-s {
    margin-bottom: 0
}

.blog_view .post-item .title h3 a {
    color: #2f3945;
    font-family: open sans;
    font-size: 15px;
    font-weight: 700
}

.breadcrumb-c ul li a,
.breadcrumb-c ul li span {
    font-family: open sans;
    font-size: 14px;
    line-height: 40px
}

.breadcrumb-c ul li a {
    color: #e59859;
    text-decoration: none
}

.breadcrumb-c ul {
    margin: 0;
    padding: 0
}

.breadcrumb-c ul li span {
    color: #fff
}

.breadcrumb-c {
    background: #158d8e;
    margin-bottom: 25px
}

.breadcrumb-c ul li {
    float: left;
    background: url(../images/green-bar.png) left no-repeat;
    padding: 0 13px
}

.blog-info-small ul li:first-child,
.breadcrumb-c ul li:first-child {
    background: rgba(0, 0, 0, 0);
    padding-left: 0
}

.blog-info-small ul {
    margin: 0;
    padding: 0
}

.blog-info-small ul li {
    float: left;
    background: url(../images/graybar.png) left no-repeat;
    padding: 0 8px
}

.blog-post .blog-info-small ul li a,
.blog-post .blog-info-small ul li i,
.blog-post .blog-info-small ul li span {
    color: #636363
}

.blog-post .post-item .summary p,
.blog-post .summary p span {
    color: #333!important;
    font-family: open sans;
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 15px
}

.view-block.right-content-b {
    padding: 0 15px
}

.view-block.right-content-b .blog-img img {
    height: auto;
    max-width: 100%
}

.view-block.right-content-b .summary {
    margin-top: 12px
}

.view-block.right-content-b .blog-info-small {
    margin: 15px 0
}

.blog-s .expert-plus {
    margin-bottom: 30px
}

.blog-post .post-item .summary a {
    border-radius: 0;
    line-height: 40px;
    padding: 0 20px
}

.blog-post .post-item {
    background: #fff;
    border: 1px solid #dedede;
    margin-bottom: 17px
}

.right-content-b {
    padding: 20px 8px 20px 0
}

.blog-title {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin: 0 0 23px;
    padding-bottom: 8px
}

label#coursename-error {
    color: red;
    font-family: open sans;
    margin-top: 7px;
    text-align: left
}

.coupon-s,
.coupon-s h3,
.empty-block {
    text-align: center
}

body .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 0;
    color: #a94442;
    padding: 7px 12px
}

body .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 0;
    color: #3c763d;
    padding: 7px 12px
}

body.about-p .expert-plus,
body.blog-s .expert-plus,
body.faq-s .expert-plus,
body.forum-p .expert-plus,
body.service-p .expert-plus {
    margin-top: 0
}

.categ {
    display: none
}

.img_hover .user-img-b img {
    height: auto;
    width: auto
}

.coupon-s a,
.coupon-s p {
    font-size: 14px
}

.coupon-s a,
.coupon-s h3,
.coupon-s p,
.price-b .table>thead>tr>th {
    font-family: open sans
}

.price-b .tips.btn.btn-sm.btn-white {
    background: red;
    color: #fff;
    margin-bottom: 10px
}

.price-b {
    padding: 0 10px 15px
}

.tips.btn.btn-xs.btn-white.edit-icon {
    background: #158d8e;
    border: none;
    padding: 2px 6px
}

.tips.btn.btn-xs.btn-white.edit-icon i {
    color: #fff
}

.price-b .table {
    margin-bottom: 0;
    border: 1px solid #e7eaec
}

.price-b .table-responsive table td,
.table-responsive table th {
    vertical-align: middle!important
}

.coupon-s a {
    background: #158d8e;
    border: 1px solid #158d8e;
    margin: 10px 0
}

.coupon-s h3 {
    color: #353535;
    font-size: 19px
}

.coupon-s {
    margin-bottom: 10px
}

.price-b .table-responsive table td {
    border-right: 1px solid #e7eaec;
    font-family: open sans;
    font-size: 13px;
    height: 40px;
    text-align:center;
}

.price-b .table-responsive,
.price-b .table-responsive table td:last-child,
.price-b .table-responsive table.table th:last-child {
    border: none
}

.price-b .table>thead>tr>th {
    background: #158d8e;
    border-bottom: medium none;
    border-right: 1px solid;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    text-align: center;
}

.paypal_popup .form-group label {
    display: table
}

.paypal_popup .coupon_code {
    color: #555;
    display: block;
    margin: 10px 0
}

.empty-block {
    margin-top: 25px
}

ul.pagination {
    margin: 0;
    padding-right: 10px
}

.develpoment_this_sec.categ_list.mycourse_block .trendieng.search .leak_coursing {
    margin-bottom: 0
}

.pagination li.active span,
.pagination li.active span:hover,
.pagination li:hover a {
    background: #158d8e;
    color: #fff
}

.pagination li a,
.pagination li span {
    padding: 8px 12px
}

.credit-history table.table td {
    font-family: open sans;
    font-size: 14px;
    height: 40px;
    vertical-align: middle;
    border-right: 1px solid #e7eaec;
    text-align: center;
}

.credit-history table.table th {
    background: #158d8e;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 35px;
    vertical-align: middle;
    border-right: 1px solid #fff;
    text-align: center;
    font-family: open sans
}

.credit-history table.table td:last-child,
.credit-history table.table th:last-child {
    border: none
}

.credit-history table.table {
    border: 1px solid #e7eaec
}

.credit-history table.table tr:nth-child(even) {
    background: #f1f1f1
}

.credit-history .right-block a,
.credit-history .right-block a:hover,
.right-block button.btn.btn-info,
.right-block button.btn.btn-info:hover {
    background: #158d8e;
    border: none
}

.credit-history .pagination {
    float: right;
    padding-right: 0
}

.credit-history h2 {
    color: #333;
    float: left;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.credit-history .right-block {
    float: right
}

.credit-history {
    margin-top: 45px
}

.head-block {
    margin-bottom: 15px
}

.right-block button.btn.btn-info {
    margin-right: 4px
}

.table-block {
    overflow-x: auto
}

.editor_block .breadcrumb_block ul li,
section.forum_block .breadcrumb_block ul li {
    float: left
}

.editor_block .breadcrumb_block ul li a,
section.forum_block .breadcrumb_block ul li a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px
}

.editor_block .breadcrumb_block ul,
section.forum_block .breadcrumb_block ul {
    margin: 0;
    padding: 0
}

.editor_block .breadcrumb_block,
.forum_block .breadcrumb_block {
    display: inline-block;
    margin-bottom: 4px
}

section.services.editor_block .text_area-b .redactor_box .redactor_editor,
section.services.editor_block .text_area-b .redactor_box .redactor_editor:focus {
    height: 250px
}

.course_info.profile_block.profile .redactor_redactor.redactor_editor {
    max-height: 150px
}

.ans_block p.count,
.categories_block h4,
.forum-b p.forum_topic a {
    font-family: open sans;
    font-weight: 700
}

.categories_block ul li a,
.forum-b p.forum_topic a {
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

section.forum_block .block3 {
    border: none;
    padding: 0
}

.forum-b p.forum_topic a {
    color: #2f3945;
    font-size: 15px
}

.block3 .forum-b {
    float: left;
    width: 90%
}

.block3 .ans_block {
    background: #eda100;
    display: table;
    float: right;
    padding: 4px;
    text-align: center
}

.avatar_img .user-name,
.categories_block ul li a,
.forum-b .description {
    display: block
}

.ans_block p.count {
    color: #fff;
    font-size: 24px;
    margin: 0;
    line-height: 30px
}

section.services.editor_block {
    padding-top: 0
}

section.services.editor_block .col-sm-9 h3 {
    font-family: open sans;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    color: #2f3945
}

section.services.editor_block .col-sm-9 h4 {
    color: #2f3945;
    font-size: 15px;
    text-transform: capitalize
}

section.services.editor_block .avatar_img .col-xs-2 {
    padding-right: 0;
    width: 67px
}

.avatar_img .col-xs-10 {
    width: 92%
}

section.services.editor_block .content-b {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

section.services.editor_block .desc-block {
    background: #dedede;
    border-radius: 0
}

.avatar_img .user-name {
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.desc-block {
    margin: 2px 0
}

.desc-block p.desc-p {
    float: left;
    width: 90%;
    margin: 0
}

section.services.editor_block .redactor_box {
    margin-bottom: 20px
}

body.home {
    background: #fff
}

.ans_block p.ans {
    color: #fff;
    font-family: open sans;
    font-size: 15px;
    margin: 0;
    text-transform: lowercase
}

.created-block {
    background: #dedede;
    padding: 10px 15px
}

section.forum_block h3.title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 14px;
    margin-top: 0
}

.categories_block h4 {
    background: #158d8e;
    color: #fff;
    font-size: 16px;
    padding: 14px 10px;
    margin: 0 0 20px
}

.categories_block ul li {
    margin-bottom: 14px
}

.categories_block ul {
    padding: 0 20px
}

.categories_block {
    border: 1px solid #e3e3e3;
    padding: 5px;
    background: #fff;
    border-radius: 3px
}

.created-block p.created {
    float: left;
    margin: 0
}

.breadcrumb_block {
    margin-bottom: 12px;
    padding: 0
}

.breadcrumb_block i {
    margin: 0 5px
}

.subblock_forum,
section.forum_block {
    margin-bottom: 25px
}

.breadcrumb_block span a {
    color: #158d8e;
    font-size: 13px;
    font-family: open sans
}

.breadcrumb_block span {
    font-size: 13px;
    font-family: open sans;
    color: #636363
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed
}

.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: inherit
}

.blog_editblocks {
    float: right
}

.home .expert-plus {
    margin-top: 40px
}

.categories_block ul li a i {
    margin-right: 5px
}

.blog_editblocks a {
    background: 0 0;
    border: none;
    margin-left: 12px;
    padding: 0
}

.blog_editblocks a:hover {
    background: 0 0
}

.add_forum_block ul li.add_forum button,
.add_forum_block ul li.add_forum button:hover,
.add_forum_block ul li.disable_forum button,
.add_forum_block ul li.disable_forum button:hover {
    background: #158d8e
}

.blog_editblocks a i {
    color: #636363;
    font-size: 18px
}

.forum_topic {
    margin-bottom: 12px
}

.add_forum_block ul {
    padding: 0
}

.add_forum_block ul li {
    margin-top: 10px
}

.add_forum_block ul li button {
    border: none;
    border-radius: 3px;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0;
    width: 100%;
    text-transform: uppercase
}

.categories_block ul li a i.icon_forum,
.modal-dialog.add_forum .form-group input[type=text],
.modal-dialog.add_forum .form-group select,
.modal-dialog.add_forum .form-group textarea {
    padding: 0
}

.forum_block .pagination {
    float: right;
    padding: 0
}

.modal-dialog.add_forum .form-group input[type=text],
.modal-dialog.add_forum .form-group select,
.modal-dialog.add_forum .form-group textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 30px;
    width: 100%
}

.modal-dialog.add_forum .form-group label {
    padding-top: 0;
    text-align: left
}

.center-txt,
.course_load,
.img-b,
.no-record,
.pricing-alert p,
.process-model,
.services-block,
.user-profile-block .user_image {
    text-align: center
}

.modal-dialog.add_forum .form-group {
    margin: 0 0 12px
}

.add_forum .asterix {
    color: red
}

.modal-dialog.add_forum .form-group textarea {
    height: 120px
}

.forum-b p.forum_topic a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-transform: capitalize;
}

.form-group .txt_head {
    color: #000;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600!important
}

.avatar_img .descr-p {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    line-height: 24px
}

.block5 {
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
    padding: 15px 0
}

.avatar_img .catg-name {
    margin-left: 12px
}

section.services.editor_block .desc-block {
    margin-top: 15px;
    padding: 10px 12px
}

.editor_block .forum-topic {
    font-family: open sans;
    font-weight: 700;
    margin-bottom: 20px
}

.editor_page label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 18px
}

.table-payment table th {
    background: #158d8e;
    color: #fff;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;
    text-transform: capitalize;
    vertical-align: middle
}

.table-payment .alert.alert-danger {
    background: #f2dede;
    border: #ebccd1;
    color: #a94442;
    padding: 10px 7px
}

.table-payment table tr:last-child td {
    background: #ededed;
    font-size: 15px;
    font-weight: 600;
    height: 53px
}

.table-payment table td {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    font-family: open sans;
    font-size: 14px;
    height: 40px;
    padding: 0 15px;
    color: #333;
    text-transform: capitalize;
    vertical-align: middle
}

.table-payment table {
    border: 1px solid #dedede
}

.table-payment {
    margin-top: 30px;
    margin-bottom:30px;
}

.confirm-section .form-group {
    margin: 15px 0
}

.confirm-section h2 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 8px;
    text-transform: capitalize
}

.stripe-desc {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 50px;
    padding: 0 32px
}

.course-ti .title_section {
    float: left
}

.course-ti .title_section h4,
.dollar.dollar_font p {
    text-transform: capitalize;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0
}

.payment-block .redeem {
    font-size: 16px;
    margin: 7px 0 12px
}

.payment-block .nav.nav-tabs li a {
    color: #a2a2a2;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 45px;
    border: none
}

.stripe-desc span {
    color: #42a2a3;
    text-transform: capitalize
}

.payment-block li a:hover {
    background: rgba(0, 0, 0, 0);
    border: none
}

.payment-block .form-group label {
    color: #2f3945;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    margin: 12px 0
}

.payment-block input[type=text] {
    border: 1px solid #d9d9db
}

.payment-block .nav.nav-tabs li a:hover {
    color: #333
}

.payment-block .form-group input[type=submit] {
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;
    text-transform: uppercase
}

.payment-block ul {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 40px
}

.payment-block .nav.nav-tabs li.active a {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-radius: 0
}

.payment-block {
    margin-top: 75px
}

.payment-block .hide_block .btn.btn-success {
    line-height: 33px;
    padding: 0 10px
}

.payment-block .hide_block input[type=text] {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    height: 35px
}

.payment-block .dollar.dollar_font {
    float: right
}

.payment-block span.asterix {
    color: red
}

.payment-block .alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.payment-block .alert {
    border: 1px solid transparent;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 5px 7px;
    text-transform: capitalize
}

@media(max-width:767px) {
    .payment-block {
        width: 100%
    }
    .payment-block .nav.nav-tabs li {
        float: none;
        width: 100%
    }
    .forum_block .pagination {
        float: none;
        margin-bottom: 10px
    }
    .payment-block .expiry-wrapper .col-sm-4 {
        width: 50%
    }
    .payment-block .nav.nav-tabs li a {
        padding: 10px 4px
    }
    .payment-block {
        padding: 10px 5px
    }
    .services.editor_block .avatar_img .user-name {
        margin: 10px 0
    }
    .enable_chk.col-xs-4 {
        padding-right: 0;
        width: 71px
    }
    .payment-block .nav.nav-tabs {
        display: block
    }
    .payment-block input[type=submit],
    .right-content-b .blog-info-small ul {
        display: table;
        margin: 0 auto
    }
    .tp-banner,
    .tp-banner.revslider-initialised.tp-simpleresponsive li {
        height: 300px!important
    }
    .blog-t .col-sm-3,
    .blog-t .col-sm-9 {
        float: none;
        width: 100%
    }
    .course_info.profile_block.profile .account_block {
        padding: 0 15px
    }
    .course-header .flex h1 {
        overflow: unset;
        text-overflow: unset;
        white-space: normal;
        word-wrap: break-word;
        font-size: 20px
    }
    .blog-img,
    .right-content-b {
        text-align: center
    }
    .blog-post .post-item {
        padding: 10px 20px
    }
    .blog-img img {
        height: auto
    }
    .blog-t .pull-right {
        float: none!important;
        margin: 9px 0
    }
    .categories_block.blog-sidebar {
        margin-bottom: 30px
    }
}

@media(max-width:480px) {
    .payment-block .nav.nav-tabs li a {
        text-align: center
    }
    .head_block h2.title {
        float: none;
        margin-bottom: 10px;
        text-align: center
    }
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        padding: 0 7px
    }
    .tp-banner,
    .tp-banner.revslider-initialised.tp-simpleresponsive li {
        height: 200px!important
    }
    .easier_course {
        top: 40px;
        padding: 0 10px
    }
}

body.home header.expert.hasbackground .logo img,
body.home header.expert.nobackground {
    display: block
}

body.home header.expert {
    background: 0 0;
    box-shadow: none;
    border-bottom: none!important
}

body.home header.expert .home_menu.list-unstyled.list-inline li a {
    color: #fff
}

body.home header.expert.hasbackground .home_menu.list-unstyled.list-inline li a {
    color: #000
}

@media(min-width:1200px) {
    body.feedback .usercomments .col-sm-10 {
        padding: 0;
        width: 90%
    }
}

.course_load {
    display: table;
    margin: 0 auto
}

.img_hover a {
    text-decoration: none
}

.discover_courses a,
.empty_courses {
    display: block;
    font-family: open sans;
    font-size: 14px;
    padding: 0 15px
}

.editor_block .subblock_forum .block3 {
    padding: 0;
    border: none
}

.avatar_img img {
    width: 100%!important
}

section.services.editor_block .avatar_img .desc-block {
    background: rgba(0, 0, 0, 0);
    margin-top: 5px;
    padding: 2px 0
}

section.forum_block h3.title,
section.services.editor_block h3.title {
    font-size: 24px;
    margin-bottom: 15px
}

.create-b span,
.create-b span a,
.forum-b .description {
    font-size: 13px;
    font-family: open sans
}

section.services.editor_block .content-b {
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 10px;
    line-height: 26px
}

section.services.editor_block .forum-topic {
    margin-bottom: 12px
}

.create-b span,
.create-b span a {
    color: #636363
}

.categories_block ul li a,
.created-block p.created,
.created-block p.created a {
    color: #636363;
    font-family: open sans;
    font-size: 13px
}

section.services.editor_block .avatar_img {
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 15px 0
}

.forum-b .description {
    color: #333;
    line-height: 25px;
    margin-bottom: 0
}

.forum_block .subblock_forum .block3 {
    margin-bottom: 13px
}

.usercomment-block span.time-user {
    position: absolute;
    right: 0;
    top: 0
}

.usercomment-block {
    position: relative
}

.usercomment-block p.desc-p {
    display: block;
    float: left;
    margin-bottom: 0;
    width: 90%
}

.created-block p.create-b {
    margin-bottom: 0
}

.create-b span a {
    color: #636363;
    font-weight: 400
}

.usercomment-block .user-name a {
    color: #636363;
    font-family: open sans;
    font-size: 14px;
    text-decoration: none
}

.no-record {
    display: table-cell;
    font-family: open sans;
    font-size: 20px;
    height: 400px;
    vertical-align: middle;
    width: 6%;
    font-weight: 600
}

.about_us .page-title h3,
.faq .page-title h3,
.services-s .page-title h3 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 0;
    text-transform: capitalize
}

.center-txt p,
.faq .panel-body p,
.faq .panel-body ul li,
.faq_desc,
.title-faq a {
    font-size: 14px;
    font-family: open sans
}

.faq_desc {
    color: #333;
    line-height: 25px;
    margin: 35px 0
}

.faq .panel-body p {
    color: #333;
    line-height: 25px
}

.title-faq a i {
    margin-right: 7px
}

.title-faq a {
    color: #333;
    font-weight: 400;
    text-decoration: none
}

.faq .panel-body ul {
    padding: 0;
    margin: 20px 0 15px
}

.faq .panel-body {
    background: #fbfbfb;
    border-bottom: 1px solid #dedede
}

.faq .panel-body ul li i {
    margin-right: 10px
}

.faq .panel-body ul li {
    color: #333;
    margin-bottom: 10px
}

.faq-block-m {
    border: 1px solid #dedede;
    margin-bottom: 50px;
    border-bottom: none
}

.faq-block.current .title-faq a {
    color: #158d8e;
    font-weight: 700
}

.title-faq {
    background: #fff;
    border-bottom: 1px solid #dedede;
    padding: 20px;
    cursor: pointer
}

.faq-block .fa.fa-minus-square-o,
.faq-block.current .fa.fa-plus-square-o {
    display: none
}

.title-faq a i {
    left: 0;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 4px
}

.su_course_curriculam li .edit_option,
.title-faq a {
    position: relative
}

.title-faq a {
    padding-left: 20px
}

.faq-block.current .fa.fa-minus-square-o {
    display: block
}

.img-b,
.services-block a {
    display: table-cell;
    vertical-align: middle
}

.img-b {
    background: #158d8e;
    border-radius: 50%;
    height: 85px;
    width: 85px
}

.center-txt p {
    color: #333;
    margin-top: 20px
}

.center-txt {
    margin-top: 30px
}

.center-txt h3 {
    color: #2f3945;
    font-family: open sans;
    font-size: 22px;
    margin: 0
}

.about-block .col-sm-9 h4 {
    color: #111;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 12px
}

.about-block .col-sm-9 p,
.para-content p {
    font-size: 14px;
    font-family: open sans;
    line-height: 25px
}

.about-block {
    margin-top: 60px
}

.about-block .col-sm-9 p {
    color: #595555;
    font-weight: 600
}

.about-block .content-block {
    margin-bottom: 60px
}

.para-content p {
    color: #333
}

.para-content {
    margin-top: 30px;
    margin-bottom: 90px
}

.content-block-s {
    background: #849197;
    padding: 15px
}

.content-block-s p b {
    color: #fff;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px
}

.content-block-s a,
.content-block-s p,
.services-s p {
    font-size: 14px;
    font-family: open sans
}

.content-block-s p {
    color: #fff;
    line-height: 25px;
    margin-bottom: 4px
}

.content-block-s a {
    color: #fff;
    text-decoration: none
}

.services-s .page-title h3 {
    margin-bottom: 32px
}

.services-s p {
    color: #333;
    line-height: 25px;
    margin-bottom: 0
}

.services-c h3 {
    color: #2f3945;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize
}

.process-model h3,
.step-method ul li span {
    text-transform: uppercase;
    font-family: open sans
}

.services-block {
    margin-bottom: 60px
}

.services-block h3 {
    margin: 32px 0 15px
}

.services-block p {
    font-size: 13px
}

.services-block a {
    height: 70px;
    width: 1%
}

.services-c {
    margin-top: 65px
}

.process-model h3 {
    color: #2f3945;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 15px
}

.process-model,
.services-s {
    margin-bottom: 50px
}

.process-model p {
    color: #2f3945;
    font-family: open sans;
    font-size: 16px
}

.step-method ul li {
    float: left;
    margin-left: -40px
}

.step-method {
    margin-top: 55px
}

.step-method ul {
    padding: 0;
    display: table;
    margin: 0 auto
}

.step-method ul li span {
    border-radius: 50%;
    color: #fff;
    display: table-cell;
    font-size: 16px;
    font-weight: 600;
    height: 290px;
    vertical-align: middle;
    width: 290px
}

.step-method ul li:first-child span {
    background: #7dc1da
}

.step-method ul li:first-child+li span {
    background: #e47d7f
}

.step-method ul li:first-child+li+li span {
    background: #60c795
}

.step-method ul li:first-child+li+li+li span {
    background: #f2c67e
}

.message-c .page-title h3 {
    border-bottom: 1px solid #dedede;
    color: #2f3945;
    font-family: open sans;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: capitalize
}

.message-c {
    margin-top: 40px;
    margin-bottom: 20px
}

.message-block .sbox-title a {
    background: #158d8e;
    border: none;
    border-radius: 3px;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0;
    text-transform: uppercase
}

.message-block .panel.panel-default.mail-categories.add_label .panel-heading {
    background: #f2f2f2;
    border-bottom: medium none;
    border-radius: 0;
    border-top: 1px solid #ddd;
    padding: 16px 15px
}

.sidebar-msg .badge-danger {
    background: #ff0f1b
}

.message-block .table-actions select {
    height: 31px
}

.sidebar-msg .panel.panel-default.mail-categories ul li span {
    border-radius: 50%;
    display: table-cell;
    font-size: 14px;
    height: 30px;
    padding: 8px 0;
    vertical-align: middle;
    width: 30px
}

.message-block .panel.panel-default.mail-categories.add_label {
    border-top: medium none
}

.message-block .table-actions button {
    background: #158d8e;
    border: 1px solid #158d8e;
    font-family: open sans;
    font-size: 13px;
    height: 30px;
    padding: 0 10px
}

.message-block .sidebar-msg {
    border: 1px solid #d4d4d5
}

.message-block .sidebar-msg .sbox-title {
    border-top: medium none;
    padding: 12px 15px
}

.message-block .sbox-title {
    border-top: medium none
}

.message-block .col-md-9.m-t .sbox {
    border: 1px solid #d4d4d5;
    border-left: none
}

.message-block .panel.panel-default.mail-container {
    border-radius: 0
}

.message-block .panel.panel-default.mail-categories {
    border-bottom: medium none;
    border-right: medium none;
    margin-bottom: 0
}

.message-block .sbox-title h5 {
    color: #333;
    font-family: open sans;
    font-size: 26px;
    font-weight: 400;
    margin: 0
}

.panel.panel-default.mail-container .mail-options .dropdown-menu li a {
    border-radius: 0;
    color: #333;
    font-family: open sans;
    font-size: 15px;
    margin: 4px 0;
    text-transform: capitalize
}

.message-block .panel.panel-default.mail-categories ul.list-group li a {
    color: #333;
    font-family: open sans;
    font-size: 16px
}

.message-block .panel.panel-default.mail-categories a#AddLabel {
    color: #158d8e;
    font-size: 14px;
    text-transform: capitalize
}

.page-content .mail-categories .list-group .list-group-item.active>a,
.page-content .mail-categories .list-group .list-group-item>a:hover {
    background-color: #fff;
    border-left: 5px solid #23c6c8;
    color: #31c0be
}

.message-block .panel.panel-default.mail-categories a#AddLabel i {
    margin-right: 12px
}

.table-responsive .table.table-hover>tbody>tr:hover>td,
.table-responsive .table.table-hover>tbody>tr:hover>th {
    background-color: #f6f6f6
}

.message-block .panel.panel-default.mail-categories ul.list-group li a i {
    font-size: 18px
}

.message-block .panel.panel-default.mail-categories ul.list-group li.active a {
    color: #23c6c8
}

.message-block .table.table-hover td {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

#label-list-group li a {
    color: #158d8e;
    font-family: open sans;
    text-transform: capitalize
}

.total-c.text-center {
    margin: 7px 0
}

.message-block .table-footer {
    background: #ededed;
    margin-bottom: 20px;
    padding: 10px 15px
}

.message-block .table-responsive .mail-options span {
    color: #fff;
    font-family: open sans;
    margin-left: 3px;
    font-size: 14px;
    font-weight: 400
}

.message-block .table-responsive .mail-options button {
    background: #21abac;
    border: 1px solid #21abac
}

.mail-options span.actbuttons button {
    padding: 6px 10px
}

.message-block .col-md-9.m-t .sbox-title {
    height: 60px
}

.message-block .col-md-9.m-t .sbox {
    background: #fff;
    padding: 0 30px
}

.message-block .table-responsive .mail-options .ui-checkbox {
    margin: 6px 0
}

.message-block .table-responsive .mail-options button i {
    font-size: 19px
}

.message-block .table-responsive .mail-options span.actbuttons {
    margin: 0 0 0 2px
}

.message-block .table-responsive .mail-options {
    background: #158d8e;
    padding: 7px 10px
}

.course-c {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
    margin: 0
}

.video_notification {
    padding: 100px 0;
    border: 0;
    outline: 0;
    text-decoration: none!important;
    text-transform: uppercase
}

.pricing-alert i {
    color: #d0a210;
    font-size: 60px
}

.pricing-alert p {
    float: left;
    font-family: open sans;
    font-size: 13px;
    line-height: 20px;
    margin: 0 3px 7px
}

.des_margin.price_settings,
.pricing-alert .btn.btn-color {
    margin: 0 auto;
    display: table
}

.pricing-alert {
    background: #fee07d;
    border-radius: 0
}

.des_margin.price_settings {
    border: 1px solid #dedede;
    padding: 15px 20px;
    text-align: center;
    width: 400px
}

.des_margin.price_settings .new_price {
    color: #6f8338;
    font-size: 30px;
    font-weight: 700
}

.des_margin.price_settings .price-holder span.price-label,
.des_margin.price_settings p {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    margin-right: 5px
}

.des_margin.price_settings p a {
    color: green;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline
}

.lach_dev.resp-tab-content.course_tab .pricetab_btn {
    display: table;
    float: none;
    margin: 0 auto
}

.pricetab-block {
    width: 358px
}

.pricetab-block .input-group {
    display: block
}

.privacy_block input[type=button] {
    margin: 12px 0
}

.browse_block .mCSB_inside>.mCSB_container,
.business_class,
.seach_alone_courses .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.slider_divsblocks .privacy_block table th {
    color: #333;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 7px
}

.privacy_block .table .nothing td {
    background: #f2f2f2;
    color: red;
    font-family: open sans;
    font-size: 13px;
    text-transform: capitalize
}

.btn-block ul li .dropdown.prev-btn a {
    background: #158d8e;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase
}

.btn-block ul li {
    float: left;
    margin-left: 15px
}

.btn-block ul li .dropdown.prev-btn .caret {
    border-width: 6px;
    margin-left: 8px
}

.btn-block ul {
    margin: 0;
    padding: 0
}

.dropdown.prev-btn ul.dropdown-menu li a {
    background: rgba(0, 0, 0, 0);
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
    padding: 0
}

.dropdown.prev-btn ul.dropdown-menu li {
    float: none;
    margin: 0;
    padding: 0 14px
}

.btn-block ul li ul {
    border: 1px solid #ddd;
    border-radius: 2px;
    width: auto
}

.search-block ul.dropdown-menu {
    height: 400px;
    overflow-y: auto
}

.user-profile-block .user_image img {
    width: auto!important
}

.browse_block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.browse_block .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.seach_alone_courses .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.seach_alone_courses .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #158d8e!important
}

.browse_block ul.dropdown-menu {
    overflow: auto;
    max-height: 550px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 195px
}

.col.col-lg-12.fxacw.course-header-wrapper {
    padding: 0
}

.browse_block .mCSB_scrollTools,
.seach_alone_courses .mCSB_scrollTools {
    opacity: 1;
    width: 4px
}

.photography_section .discussion-search {
    padding-right: 30px
}

.btn.btn-orange:focus,
.btn.btn-orange:hover {
    outline: 0
}

.business_content {
    margin-bottom: 0;
    margin-top: 33px
}

.bg_container.course_breadcrumblocks,
.reg_banner_empty {
    margin-top: 0
}

.business_office {
    padding: 10px
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
    border: 0
}

.mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
    top: 1px
}

.form_captcha {
    max-width: 320px
}

.tab_ul.price_section span.price_dollar_span {
    background: #fff;
    display: block;
    float: left;
    margin-top: 1px;
    padding: 5px 7px;
    width: 15%;
    height: 38px;
    line-height: 30px;
}

.tab_ul.price_section input[type=number] {
    float: left;
    width: 85%
}

.photography_section .activity-content.w3c-default p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.photography_section .activity-content.w3c-default {
    line-height: 25px
}

.modal-dialog.blog-popup textarea#editor {
    color: #000
}

.create-course.detail-block .form-group .col-xs-12 {
    padding: 0
}

.create-course.detail-block .sortable_ul.sortable_scroll.ui-sortable li {
    margin-top: 0
}

.su_course_curriculam .lc_details .lecture_title {
    width: 40%
}

.panel.panel-default.mail-container .mail-options .dropdown-menu li a:focus,
.panel.panel-default.mail-container .mail-options .dropdown-menu li a:hover {
    background: #21abac;
    color: #fff
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.confirm-section {
    margin-top: 20px
}

.lach_dev.resp-tab-content.course_tab .tab-content.privacy_block .tab-pane {
    padding: 13px 20px
}

.modal-dialog.paypal_popup .modal-body.cont {
    display: block;
    max-height: 450px
}

.select.form-control:focus {
    border: 1px solid #ddd
}

.create-course.detail-block .sortable_ul.sortable_scroll.ui-sortable li a i.colors {
    padding: 0 20px
}

.course_info.premium_inst .redactor_box .redactor_redactor.redactor_editor {
    max-height: 170px;
    overflow-y: auto
}

#expert_plus_main .message-block .viewMessageDiv .sbox-title {
    height: auto
}

.message-block .viewMessageTitle {
    clear: both;
    float: none!important
}

@media(min-width:767px) {
    .course-header.well .col-sm-3 {
        padding-right: 0;
        width: 116px
    }
}

@media(min-width:1200px) {
    .courses_block .col-sm-4 {
        margin: 0 16px;
        padding: 0;
        width: 22.3%
    }
    .tab-content .course_b .user-img-b img {
        height: 50px;
        width: 50px;
    }
    .message-block.page-content .col-md-3.m-t {
        padding: 0 0 0 15px;
        width: 265px
    }
    .message-block.page-content .col-md-9.m-t {
        padding: 0;
        width: 77.2%
    }
    .about-block .col-sm-3 {
        width: 115px
    }
    .about-block .col-sm-9 {
        padding-left: 8px
    }
    .services-c .col-sm-4 {
        margin-right: 5%;
        padding: 0;
        width: 30%
    }
    .services-c .col-sm-4.eight,
    .services-c .col-sm-4.third {
        margin-right: 0
    }
    .blog-post .col-sm-8 {
        padding-left: 7px
    }
}

@media(max-width:990px) {
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
}

@media(min-width:980px) and (max-width:992px) {
    .search-block {
        padding: 0
    }
    .course_searching {
        width: 37%
    }
    .curriculam-block .lecture_add_content {
        position: static
    }
    .course_b .img_hover img {
        height: 150px
    }
    .seach_alone_courses.clearfix h3 {
        font-size: 20px
    }
    .seach_alone_courses .dropdown {
        width: 25%
    }
    .tab_block ul.nav-tabs li {
        padding: 0 2%
    }
    body .mycourse_block .block_course .business_office a img {
        height: 120px
    }
}

@media(max-width:1200px) {
    .pricing-alert p {
        float: none
    }
    .pricing-alert i {
        display: table;
        float: none;
        margin: 0 auto
    }
    .main_second_section .photography_section .lecture_link_state {
        display: block
    }
    .mycourse_block .block_course .business_office a img {
        height: 150px;
        width: 100%
    }
    .course_b .img_hover img {
        width: 100%;
        max-width: 100%
    }
    .tab-content .course_b .user-img-b img {
        height: auto;
        width: auto
    }
    .user-profile-block .course_b .user-img-b img {
        height: auto
    }
}

@media(min-width:1210px) {
    .container {
        width: 1200px
    }
    .payment-block .nav.nav-tabs li a {
    padding: 12px 48.6px;
}
}

@media(min-width:1200px) {
    .well.course-header .col-md-9 {
        width: 89%
    }
    .learn_block .col-sm-4 {
        padding: 0 7px
    }
    .col-sm-9.trendieng.search {
        width: 77%
    }
    .recent_sub .col-xs-9 {
        padding-left: 5px
    }
    .user-profile-block .content-section .col-sm-9 {
        width: 79%
    }
    .user-profile-block .content-section .col-sm-3 {
        width: 21%
    }
    .develpoment_this_sec.categ_list .col-sm-9.trendieng {
        width: 77%
    }
    .recent_block .col-sm-4:first-child,
    .recent_block .col-sm-4:last-child {
        width: 36%
    }
    .recent_block .col-sm-4:nth-child(2) {
        margin: 0 3%;
        width: 22%
    }
    .learn_block .col-sm-4:last-child {
        margin-right: 0
    }
    .watch_listen_practice_section .mac {
        background: url(../images/lap.png) no-repeat rgba(0, 0, 0, 0);
        height: 306px;
        padding: 0;
        width: 47%
    }
    .imack .dump_text_added {
        margin-left: 2.8%;
        padding: 0;
        width: 46%
    }
    .demo_slides_one .owl-item {
        width: 2.93%!important
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto;
        max-width: none!important;
        width: 1170px
    }
    .demo_slides_one ul {
        padding: 0
    }
    .demo_slides_one .container {
        padding: 0;
        width: 100%
    }
    .demo_slides #owl-demo .owl-wrapper-outer {
        margin: 0 auto;
        width: 850px
    }
    .demo_slides_one .owl-carousel.owl-theme {
        padding: 0 20px
    }
    .categ_list .col-sm-3.multi_development {
        width: 22.555%
    }
    .block_course.clearfix {
        padding: 0 7px
    }
    .course-list-section .block_course .item {
        margin: 5px 10px
    }
    body .tab_block ul.nav-tabs {
        padding: 0 6% 20px
    }
    body .tab_block ul.nav-tabs li {
        padding: 0 7%
    }
}

@media(min-width:980px) and (max-width:1199px) {
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .block_course .item .course_detail p.rate,
    .contenteditques .formrow .col.col-lg-2 {
        margin-bottom: 10px
    }
    .payment-block .tab-pane.col-md-6 {
        width: 80%
    }
    .courses_block .col-sm-4 {
        width: 25%
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    .steps-bar li a,
    .steps-bar li span {
        display: block;
        margin-left: -50px;
        width: 100px;
        word-wrap: break-word;
        white-space: normal
    }
    .curriculam-block .su_course_add_content_form .formrow label,
    .search_s {
        display: none
    }
    .steps-bar ul {
        padding: 0
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 82%;
        padding-right: 4px!important
    }
    .step-method ul li span {
        height: 220px;
        width: 220px
    }
    .curriculam-block .su_course_add_content_form,
    .curriculam-block .su_course_add_content_form .formrow,
    .su_course_add_content_form {
        height: auto
    }
    .well.course-header .col-md-9 {
        width: 83%;
        float: left
    }
    .modal-open header.expert,
    body.modal-open {
        padding-right: 0
    }
    .blog-t .blog-post .post-item .blog-info-small span {
        margin-right: 0
    }
    .progress.progress-striped.progress_upload p#file_name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }
    .change_btn button,
    .change_btn input[type=button] {
        padding: 8px 14px
    }
    .categ_list .mang_develop li {
        position: relative
    }
    .course-header.well .detail {
        width: 40%
    }
    .easier_course {
        top: 90px
    }
    .sidebar_left .categories_block ul li span.category-name {
        width: 75%
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .course_detail>p,
    .detail_block h4,
    .lc_details .lecture_title p,
    .trendieng.search .course_detail p.descrip {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .video_block {
        width: 530px
    }
    .profile_image img {
        height: 120px;
        width: 120px
    }
    footer .footer_menu li a,
    footer p {
        font-size: 13px
    }
    footer .footer_menu li {
        margin-left: 9px
    }
    .user-img img {
        height: auto;
        width: 100%
    }
    .course_detail>p {
        min-height: 20px
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 7px
    }
    .learn_block .block4 h3 a,
    .tab_block ul.nav-tabs li a {
        font-size: 18px
    }
    .lc_details .lecture_title {
        width: 40%
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%
    }
    .left_block {
        width: auto
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 25%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0
    }
    .course_detail p.description {
        height: auto
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 70%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 28%
    }
    .course_sidebar .tabtitlemang.mang_develop li {
        padding: 4px 0 4px 15px
    }
    section.user-profile-block .msg {
        padding: 0 10px
    }
    .social-b li {
        margin: 0 10px
    }
    .forum_block .block3 .ans_block {
        display: block;
        width: 10%
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 89%
    }
    .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
}

@media(min-width:768px) and (max-width:979px) {
    .curriculam-block .su_course_add_content_form .formrow,
    .su_course_add_content_form {
        height: auto
    }
    .qanswer .col.col-lg-12,
    .text-editor {
        clear: both
    }
    .closeheader .btn-danger {
        float: right
    }
    .closeheader .closetext {
        display: inline-block;
        margin: 5px 0
    }
    .curriculam-block .su_course_curriculam .lecture_buttons.lecture_edit_content .btn {
        margin-top: -7px;
        position: absolute;
        right: 19px;
        width: auto
    }
    .su_course_curriculam .lc_details .lecture_title span.text-default {
        white-space: normal
    }
    .su_course_add_lecture_label {
        margin-bottom: 2px
    }
    .create-course .course-header.well .detail {
        width: 40%
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .payment-block .tab-pane.col-md-6 {
        width: 80%
    }
    .blog-info-small ul li {
        line-height: 25px
    }
    .learn_remeber {
        margin: 15px auto 0
    }
    #cropContainerPreload.image_container {
        height: 250px
    }
    .easier_course p {
        margin-bottom: 0
    }
    .learn_remeber .btn.btn-primary {
        font-size: 14px;
        padding: 6px 20px
    }
    .curriculam-block .su_course_curriculam,
    .steps-bar ul {
        padding: 0
    }
    .modal-open header.expert,
    body.modal-open {
        padding-right: 0
    }
    #message_parent.defaultSkin {
        display: block;
        overflow-x: auto
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .qtruefalse,
    .qtruefalse .iradio_square-green {
        margin-bottom: 10px
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    header.expert .home_menu.list-unstyled.list-inline.pull-right li ul li a {
        background: 0 0!important
    }
    .nobackground .logo a {
        background: rgba(0, 0, 0, 0);
        margin: 0
    }
    body.home header.expert,
    body.home header.expert.nobackground .logo img {
        display: block;
        visibility: visible
    }
    body.home header.expert.hasbackground .logo img {
        display: none
    }
    .steps-bar li a,
    .steps-bar li span {
        display: block;
        margin-left: -50px;
        width: 100px;
        word-wrap: break-word;
        white-space: normal
    }
    .lecture_title p,
    .progress.progress-striped.progress_upload p#file_name,
    .quescount,
    .su_course_quiz_label.su_lgray_curr_block .slqtitle,
    .trendieng.search .course_detail p.descrip {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .curriculam-block .su_course_add_content_form .formrow label {
        display: none
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        display: block;
        float: none;
        margin-left: 0;
        margin-top: 2px
    }
    .well.course-header .col-md-9 {
        float: left;
        width: 83%
    }
    .progress.progress-striped.progress_upload p#file_name {
        width: 90%
    }
    .course_b .img_hover img {
        height: 180px
    }
    .step-method ul li span {
        height: 200px;
        width: 200px
    }
    .step-method ul li {
        margin-left: -25px
    }
    .img-b img {
        height: 20px;
        width: 20px
    }
    .about-block .col-sm-9 h4 {
        font-size: 15px;
        line-height: 20px
    }
    footer #footer p,
    footer ul li a {
        line-height: 30px
    }
    .img-b {
        height: 57px
    }
    .blog-img img,
    .curriculam-block .su_course_add_content_form,
    .curriculam-block .su_course_add_content_form .formrow {
        height: auto
    }
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 80%;
        padding-right: 4px!important
    }
    .qanswer .answers-feedback-counter,
    .qanswer span.answers-counter {
        float: right
    }
    .qmultiple .qanswer .icheckbox_square-green {
        float: left
    }
    .qanswer .answer-feedback {
        float: left;
        width: 87%
    }
    .goright {
        margin: 10px 0
    }
    .su_course_curriculam li .edit_option .ch-count {
        position: static
    }
    .image_sec.subblock .video_block {
        width: 500px
    }
    .button-block .fileUpload.btn.btn-primary {
        padding: 0 4px
    }
    .change_btn button,
    .change_btn input[type=button] {
        padding: 8px 14px
    }
    .forum_block .block3 .ans_block {
        display: block;
        width: 15%
    }
    body {
        padding-top: 0
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        background: url(../images/pipe.png) left center no-repeat rgba(0, 0, 0, 0);
        color: #000
    }
    body.home header.expert.nobackground {
        background: #fff;
        position: static
    }
    section.banner_section .banner img {
        height: 400px
    }
    .home .nobackground .logo a {
        background: 0 0
    }
    .easier_course h2 {
        font-size: 25px;
        margin-bottom: 10px
    }
    .easier_course p {
        font-size: 14px
    }
    .course-header.well .detail {
        margin: 16px 10px
    }
    .forum_block .block3 .forum-b {
        width: 85%
    }
    .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .course-list-section .mycourse_block .block_course .business_office a img {
        height: 140px
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 88%
    }
    .services.editor_block .desc-block p.desc-p {
        width: 85%
    }
    .forum_block .add_forum_block ul li button {
        font-size: 12px
    }
    .categ_list .mang_develop li {
        position: relative
    }
    .sidebar_left .categories_block ul li span.category-name {
        width: 68%
    }
    .tab_block ul.nav-tabs li {
        padding: 0 2.7%
    }
    .course_detail p.description {
        height: auto
    }
    .develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 33%
    }
    .course_sidebar .tabtitlemang.mang_develop li {
        padding: 4px 0 4px 15px
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .block4 h3,
    .course_detail>p,
    .detail_block h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 70%;
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 28%;
    }
    .left_block {
        width: auto;padding-left: 3.3%;
    }
    .video_block {
        width: 530px;
    }
    .profile_image img {
        height: 100px;
        width: 100px;
    }
    footer #footer p {
        text-align: center;
    }
    footer #footer ul.footer_menu {
        display: table;
        float: none;
        margin: 0 auto;
    }
    .instructor_terms {
        width: auto;
    }
    .user-img img {
        height: auto;
        width: 100%;
    }
    .recent_block h3 {
        font-size: 20px;
    }
    .course_detail>p {
        min-height: 20px;
    }
    .search_s {
        display: none;
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 10px;
    }
    .learn_block .block4 h3 a,
    .tab_block ul.nav-tabs li a {
        font-size: 18px;
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%;
    }
    .banner img {
        min-height: 0;
    }
    .easier_course {
        top: 35px;
    }
    .user-img-b {
        left: 8px;
        top: 2px;
    }
    .user_image img {
        width: 100%;
    }
    .course_searching {
        width: 35%;
    }
    .seach_alone_courses .dropdown {
        width: 25%;
    }
    .search-block {
        padding: 0;
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto;
    }
    section.user-profile-block .msg {
        padding: 0 10px;
    }
    .social-b li {
        margin: 0 4px;
    }
    body.home header.expert.hasbackground,
    header.expert {
        position: static;
    }
    .nobackground .logo a img {
        visibility: visible
    }
    .expert.navbar-fixed-top .col-xs-5.col-sm-7 {width: 43.333%;}
    .expert.navbar-fixed-top .col-xs-7.col-sm-5 {width: 56.667%;}
    .expert.navbar-fixed-top .logo .site-logo img {max-width: 128px;}
    header.expert .logo a {margin: 19px 0;}
}

@media(max-width:767px) {
    
    .course_info .image_sec.subblock .account_block
     {
  width: 80%;
}
    
    .qanswer .col.col-lg-12,
    .text-editor {
        clear: both
    }
    .curriculam-block .su_course_add_content_form .formrow,
    .curriculam-block .su_course_curriculam .su_course_add_content_form,
    .img-b,
    .no-record,
    section.banner_section .banner img {
        height: auto
    }
    .banner img,
    .curriculam-block .su_gray_curr .row-fluid,
    .curriculam-block .su_lgray_curr .row-fluid,
    .curriculam-block .su_orange_curr .row-fluid {
        min-height: 0
    }
    .categ .jumbotron .icon-menu::before,
    .course_info .icon-close::before,
    .course_info .jumbotron .icon-menu::before {
        content: none
    }
    .categ .jumbotron {
        background: rgba(0, 0, 0, 0);
        border-radius: 0;
        display: table;
        left: 5px;
        position: absolute;
        top: 15px
    }
    .categ {
        display: block
    }
    body header.expert {
        position: relative
    }
    .categ .jumbotron .icon-menu {
        padding: 5px 0
    }
    .categ .mobile_menu .menu {
        z-index: 999;
        background: #016061;
    }
    .categ .mobile_menu .icon-menu i {
        color: #158d8e;
        font-size: 30px;
        cursor: pointer;
    }
    .categ .mobile_menu .icon-menu {
        border-bottom: medium none
    }
    .categ .mobile_menu .menu li {
        line-height: normal
    }
    .categ .mobile_menu .icon-close,
    .categ .mobile_menu .icon-close a,
    .categ .mobile_menu .menu a {
        color: #fff
    }
    .instructor_block {
        padding: 0 10px
    }
    .su_course_curriculam .lc_details .lecture_title span.text-default {
        white-space: normal
    }
    .su_course_add_lecture_label {
        margin-bottom: 2px
    }
    .closeheader .btn-danger {
        float: right
    }
    .usercomments.odd .user-block,
    .usercomments.sec2.odd .col-sm-10,
    .usercomments.sec2.odd .col-sm-2 {
        float: none
    }
    .closeheader .closetext {
        display: inline-block;
        margin: 5px 0
    }
    .curriculam-block .quizques .formrow .iradio_square-green {
        margin-bottom: 7px
    }
    .su_course_curriculam .qanswer span.answers-feedback-counter {
        top: 15px
    }
    body.slidemenu {
        overflow: hidden
    }
    .usercomments .user-block h4,
    .usercomments .user-block span.time {
        margin-left: 0
    }
    .feedback .usercomments.odd .details .time,
    .feedback .usercomments.odd .feedback-comment p {
        text-align: center
    }
    body.home .home_menu.list-unstyled.list-inline li a {
        color: #333
    }
    .categ .mobile_menu .menu a {
        text-transform: capitalize
    }
    .mobile_menu .icon-menu,
    .mobile_menu .menu a {
        text-decoration: none;
        text-transform: uppercase
    }
    .categ .sidebar_block h3 {
        color: #fff;
        font-size: 20px;
        margin-top: 3px;
        padding-left: 15px;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .05);
        padding-bottom: 10px
    }
    .blog-t .blog-post .post-item .summary,
    .img-b,
    .payment-block .nav.nav-tabs li {
        text-align: center
    }
    .categ .mobile_menu .icon-close {
        color: red
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        background: url(../images/pipe.png) left center no-repeat rgba(0, 0, 0, 0)
    }
    .des_margin.price_settings,
    .pricetab-block {
        width: auto;
        display: block
    }
    .no-record {
        display: block;
        width: auto
    }
    .text_area-b {
        margin-bottom: 20px
    }
    .progress.progress-striped.progress_upload p#file_name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%
    }
    .su_course_curriculam li .edit_option .ch-count {
        position: static
    }
    .slider_divsblocks .form-group {
        margin-top: 0
    }
    .su_course_curriculam .lecture_title {
        display: block
    }
    .goright {
        margin: 10px 0
    }
    .qmultiple .qanswer .answers-feedback-counter,
    .qmultiple .qanswer span.answers-counter {
        float: left;
        padding: 2px 6px;
        position: static
    }
    .mobile_menu .menu ul li {
        background: rgba(0, 0, 0, 0)
    }
    .create-course.detail-block .form-group input[type=button] {
        margin-left: 0
    }
    .qmultiple .iradio_square-green {
        float: left
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 80%;
        padding-right: 4px!important
    }
    .qtruefalse,
    .qtruefalse .iradio_square-green {
        margin-bottom: 10px
    }
    .blog-t .blog-post .post-item .blog-info-small span {
        margin-right: 0
    }
    #message_parent.defaultSkin {
        display: block;
        overflow-x: auto
    }
    .curriculam-block .cclickable.updatelibcontent,
    .lecture_title p,
    .quescount,
    .su_course_quiz_label.su_lgray_curr_block .slqtitle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .su_course_curriculam_default span#lecture_title_counter,
    .su_course_curriculam_default span#quiz_title_counter,
    .su_course_curriculam_default span#section_title_counter,
    .su_course_curriculam_default span.answers-counter,
    span.answers-feedback-counter {
        padding: 2px 5px;
        right: 0;
        top: 0
    }
    .curriculam-block .su_course_curriculam,
    .curriculam-block .su_course_curriculam_sortable .col.col-lg-12 {
        padding: 0
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s {
        width: 93%;
        display: block
    }
    header.expert .dropdown.user_profile .dropdown-menu li.mobile {
        display: block
    }
    .dropdown.user_profile .dropdown-menu li.mobile .search_s input[type=search] {
        color: #000
    }
    header.expert .home_menu.list-unstyled.list-inline.pull-right li ul li a {
        background: 0 0!important
    }
    .nobackground .logo a,
    body.home header.expert.nobackground {
        background: rgba(0, 0, 0, 0)
    }
    .nobackground .logo a {
        margin: 0
    }
    body.home header.expert,
    body.home header.expert.nobackground .logo img {
        display: block;
        visibility: visible
    }
    body.home header.expert.hasbackground .logo img {
        display: none
    }
    .sidebar-user.menu .sidebar_block ul li span.r-arrow {
        right: -9px
    }
    .course-header-content .back-to-course-btn {
        display: table;
        max-width: none;
        position: static
    }
    .modal-open header.expert {
        padding-right: 0
    }
    .main_second_section .users-popup-list {
        margin: 15px 10px;
        width: auto
    }
    .main_second_section .search-input {
        border: 1px solid #ddd;
        float: right;
        margin: 10px;
        position: static;
        width: 250px
    }
    .curriculam-block .su_course_curriculam .assessment,
    .curriculam-block .su_course_curriculam .childli,
    .curriculam-block .su_course_curriculam .quiz {
        margin-left: 0
    }
    .main_second_section .static-content-wrapper .mask {
        clear: both;
        max-width: none
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        display: block;
        float: none;
        margin-left: 0;
        margin-top: 2px
    }
    .curriculam-block .su_course_curriculam .lecture_buttons.lecture_edit_content .btn {
        margin-top: -7px;
        position: absolute;
        right: 9px;
        width: auto
    }
    .curriculam-block .su_course_curriculam .su_course_curriculam_sortable .lecture_add_content,
    .learn_block,
    body.home header.expert.hasbackground,
    header.expert {
        position: static
    }
    .su_course_curriculam .su_course_curriculam_sortable li .edit_option label {
        padding: 0 30px 0 0;
        width: auto
    }
    .curriculam-block .su_course_add_content_form .formrow .col-lg-9,
    .su_course_add_lecture_content.su_course_add_content_form .col-lg-3,
    .su_course_add_lecture_content.su_course_add_content_form .col-lg-9 {
        padding: 0
    }
    .curriculam-block .su_course_add_content_form .formrow input[type=button] {
        font-size: 12px
    }
    .curriculam-block .su_course_add_content_form .formrow label {
        display: none
    }
    .curriculam-block .su_course_curriculam li .edit_option {
        padding-right: 0
    }
    .curriculam-block .add_quiz_lecture_part .col.col-lg-6,
    .curriculam-block .su_course_curriculam li .col-lg-12 {
        padding: 0;
        width: 100%
    }
    .curriculam-block .lecture_add_content input[type=button],
    .curriculam-block .lecture_edit_content input[type=button] {
        padding: 0 7px
    }
    .curriculam-block .su_course_add_lecture_desc_content,
    .curriculam-block .su_course_curriculam .lecturepopup {
        box-shadow: none;
        margin: 0;
        width: 100%
    }
    .step-method ul li span {
        display: block;
        padding: 43% 0;
        height: auto;
        width: auto
    }
    .process-model,
    .services-block {
        margin-bottom: 20px
    }
    .services-c {
        margin-top: 20px
    }
    .step-method ul li {
        margin: 1%;
        padding: 0;
        width: 48%
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li a {
        padding: 7px 25px
    }
    .payment-block .nav.nav-tabs li.active a {
        border: none
    }
    .payment-block {
        margin-top: 0
    }
    .payment-block ul,
    .stripe-desc {
        margin-bottom: 15px
    }
    .about-block .content-block {
        margin-bottom: 10px;
        text-align: center
    }
    .img-b {
        display: table;
        margin: 0 auto 15px;
        padding: 30px;
        width: auto
    }
    .img-b img {
        height: 22px;
        width: 22px
    }
    .video-frame iframe {
        display: table;
        height: 250px;
        margin: 0 auto 25px;
        width: 70%
    }
    .center-txt h3 {
        font-size: 20px;
        line-height: 25px
    }
    .about-block {
        margin-top: 30px
    }
    .para-content {
        margin-bottom: 40px
    }
    .description .des_header .des_color {
        display: block;
        font-size: 23px;
        line-height: 30px
    }
    .description.des_marg {
        margin-bottom: 0
    }
    .description .success_img {
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 100%
    }
     .description .error_img {
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0 auto;
        width: 100%
    }
    /*.success_img{background:url(../images/success.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
/*.error_img{background:url(../images/error.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
    body.modal-open {
        padding-right: 0
    }
    .blog-post .post-item .summary p,
    .blog-post .summary p span {
        max-height: none
    }
    .blog-post .blog-info-small,
    .view-block.right-content-b {
        padding: 0
    }
    .course_view_feedback .star_rating.course_view_feedback_rating ul.star_one li {
        border: none;
        margin: 0;
        min-height: 0;
        padding: 0;
        float: none
    }
    .course_view_feedback .course_view_feedback_date {
        margin-top: 7px;
        text-align: left
    }
    .block2 .steps-bar li,
    .content-section .sidebar,
    .course-header.well,
    .create-course.dangerzone .col_header,
    .demo_slides_one #owl-demo .item,
    .dump_text_added,
    .expert .logo,
    footer #footer p {
        text-align: center
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 33%;
        padding: 0 10px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3 {
        width: 33%
    }
    .home .nobackground .logo a {
        background: 0 0
    }
    .nobackground .logo a img {
        visibility: visible
    }
    body.home header.expert.nobackground .home_menu.list-unstyled.list-inline li a {
        color: #333
    }
    body.home .nobackground .logo a {
        background: 0 0;
        display: block;
        height: auto;
        text-indent: -1000em;
        width: auto
    }
    .table-payment table td,
    .table-payment table th {
        padding: 0 5px
    }
    .course_searching {
        margin: 0 2% 0 0;
        width: 78%
    }
    .seach_alone_courses button {
        padding: 0;
        width: 20%
    }
    .easier_course h2 {
        font-size: 20px;
        margin-bottom: 21px
    }
    .easier_course p {
        font-size: 14px;
        margin-bottom: 15px
    }
    .demo_slides_one .bx-wrapper {
        margin: 0 auto
    }
    .services.editor_block .desc-block p.desc-p {
        width: 85%
    }
    .services.editor_block .avatar_img .col-xs-10 {
        width: 100%
    }
    .forum_block .block3 .forum-b {
        float: none;
        width: 100%
    }
    .forum_block .block3 .ans_block {
        float: right;
        margin-bottom: 10px
    }
    .demo_slides_one .bx-controls-direction .bx-prev {
        background-position: 12px center
    }
    .demo_slides_one .bx-controls-direction .bx-next {
        background-position: 18px center
    }
    .demo_slides_one .bx-controls-direction .bx-next,
    .demo_slides_one .bx-controls-direction .bx-prev {
        padding: 35px 20px;
        top: 28px
    }
    .title-l {
        font-size: 20px;
        line-height: 30px;
        margin: 15px 0
    }
    .social-b {
        display: table;
        margin: 25px auto 15px
    }
    .student-course ul li {
        padding: 0 10px
    }
    .student-course ul li h4 {
        font-size: 25px
    }
    .course-header.well .detail {
        float: none;
        margin: 10px auto 0
    }
    .well.course-header .btn-block {
        display: table;
        float: none;
        margin: 15px auto 0;
        width: auto
    }
    .create-course.dangerzone .col_header {
        margin: 5px 0;
        padding: 24px 7px
    }
    .create-course.dangerzone .slider_divsblocks {
        padding: 0 10px
    }
    .create-course .course_basic.course_newbasic h4 {
        font-size: 20px
    }
    .create-course.detail-block .text-a {
        overflow-x: scroll
    }
    .create-course.instructors input[type=text] {
        float: left;
        width: 60%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 2%;
        width: 38%
    }
    .trendieng.search .course_detail p.descrip {
        height: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .course_detail p.description {
        height: auto
    }
    .head_block {
        padding: 10px 15px
    }
    .mycourse_block .block_course .image a img {
        width: 100%
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        padding: 0 8px
    }
    .left_block {
        display: none
    }
    .tab_block ul.nav-tabs li {
        padding: 0 5px
    }
    .tab_block ul.nav-tabs {
        display: table;
        margin: 0 auto!important;
        padding: 0;
        border-bottom: 1px solid #ccc
    }
    .browse_block,
    .seach_alone_courses .dropdown,
    .search_s {
        display: none
    }
    body {
        padding-top: 0
    }
    .block4 p {
        margin-bottom: 25px
    }
    .block4 h3 {
        margin-bottom: 10px
    }
    .learn_block {
        padding-bottom: 20px
    }
    .tab_block ul.nav-tabs li a {
        font-size: 16px
    }
    .tab_block #magic-line {
        bottom: 0
    }
    .txt {
        margin: 12px 0
    }
    .watch_listen_coursing_one h3 {
        font-size: 20px;
        line-height: 30px
    }
    .imack {
        margin: 0
    }
    .seach_alone_courses.clearfix h3 {
        display: none;
        margin: 0;
        float: none
    }
    .our_clients_section p {
        font-size: 16px
    }
    .mac iframe {
        margin: 20px 0;
        width: 100%
    }
    .easier_course {
        top: 80px
    }
    .learn_remeber {
        margin: 10px auto 0
    }
    .easier_course .dropdown a {
        background-position: 15px center;
        font-size: 15px;
        padding: 18px 37px
    }
    .block4 h3 a {
        font-size: 18px
    }
    .categ .sidebar_block ul li a:hover {
        background: 0 0
    }
    .categ .sidebar_block ul li a {
        padding-left: 0
    }
    .block4 {
        margin-top: 10px
    }
    .seach_alone_courses button {
        font-size: 13px
    }
    .block_img {
        margin: 0 auto
    }
    .search-block {
        padding: 0
    }
    .course_searching .btn.btn-primary {
        width: 10%;
        height: 45px
    }
    .learn_remeber .btn.btn-primary {
        font-size: 16px;
        padding: 6px 15px
    }
    .watch_listen_practice_section {
        margin-top: 0
    }
    .expert .browse_block,
    .expert .logo {
        float: none
    }
    .tab_block ul li {
        float: none;
        margin: 0 0 12px
    }
    .tab_block ul.nav-tabs li.active a {
        padding-bottom: 5px
    }
    .expert .navbar-header {
        float: none;
        display: block
    }
    .courses_block .col-sm-4 {
        float: left;
        width: 33%;
        padding: 10px
    }
    .courses_block .course_b img {
        height: 160px
    }
    .courses_block .star_rating ul li img {
        height: 15px
    }
    .expert .logo {
        display: table;
        margin: 0 auto
    }
    .account_block {
        width: 100%
    }
    .email_edit {
        padding: 10px 5px;
        display: table;
        width: 100%
    }
    .adv_block,
    .steps-bar li::after,
    .steps-bar li::before {
        display: none
    }
    .modal-dialog.edit_popup {
        margin: 0 auto;
        top: 20px
    }
    .instructor_terms {
        width: auto
    }
    .recent_block .recent_sub h4 {
        margin-top: 12px
    }
    .recent_block .recent_sub .col-xs-3 {
        padding-right: 0;
        width: 100px
    }
    .categ_list .sidebar_left {
        margin-bottom: 20px
    }
    .block_course .item .course_detail p.rate {
        margin-bottom: 10px
    }
    .recent_block h3 {
        margin: 25px 0;
        text-align: center;

    }
    .block2 .steps-bar li {
        border-radius: 0;
        display: block;
        margin: 0;
        width: auto;
        height: auto
    }
    .steps-bar ul li span {
        border-bottom: 1px solid #fff;
        color: #fff;
        display: block;
        line-height: 30px;
        width: 100%
    }
    .block2 .steps-bar li.off {
        background: #ff8c20
    }
    .steps-bar {
        padding: 0
    }
    .premium_inst .promo_block {
        padding: 0 10px
    }
    .block2 .steps-bar ul {
        height: auto;
        padding: 0
    }
    .steps-bar li a,
    .steps-bar li span {
        margin-left: 0;
        position: static
    }
    .course_detail>p {
        min-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .modal-dialog.confirm_account {
        margin: 0 auto;
        top: 45px
    }
    footer #footer ul.footer_menu {
        display: table;
        float: none;
        margin: 0 auto
    }
    .mobile_menu,
    .mobile_menu .icon-close,
    .mobile_menu .jumbotron {
        display: block
    }
    footer .footer_menu li a,
    footer p {
        font-size: 13px;
        line-height: 30px
    }
    footer .footer_menu li {
        margin-left: 12px
    }
    .course_info .col-sm-9 {
        padding: 0 15px;
        width: 100%
    }
    .course_info .video_block {
        width: 90%
    }
    .course_info .col-sm-3,
    .navbar a.navbar-brand.site-logo {
        width: 100%
    }
    .course_info {
        height: auto;
        margin-top: 0
    }
    .sidebar_block {
        border: none
    }
    .sidebar_block ul li.active span.r-arrow,
    .sidebar_block ul li:hover span.r-arrow {
        display: none
    }
    .course_info .sidebar_block {
        margin-bottom: 30px
    }
    .open_sidebar {
        overflow: hidden
    }
    body.open_sidebar {
        left: 0;
        margin: 0;
        position: relative
    }
    .mobile_menu .icon-menu {
        border-bottom: 1px solid #ddd;
        padding: 15px
    }
    .image_container {
        display: block;
        height: auto;
        vertical-align: unset;
        width: auto
    }
    .format {
        float: none;
        height: auto
    }
    .course_info .video_block {
        padding: 0 10px
    }
    .profile_block .block2 {
        border-left: medium none
    }
    .progress.progress-striped.progress_upload {
        float: none;
        margin: 0;
        position: static;
        width: 100%;
        height: 30px
    }
    .video_change {
        float: none;
        margin: 0 auto
    }
    .btn.btn-color.save_btn {
        margin-top: 0
    }
    .mobile_menu .menu {
        background: left top #138a85;
        left: -285px;
        overflow-y: auto;
        height: 100%;
        position: fixed;
        width: 285px;
        top: 0
    }
    .fileUpload.btn.btn-primary span,
    .resourcefiles div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .mobile_menu .jumbotron {
        padding: 0;
        margin: 0
    }
    .mobile_menu .menu ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .mobile_menu .icon-close a,
    .mobile_menu .menu li {
        line-height: 45px;
        padding-bottom: 3px;
        font-family: 'Open Sans', sans-serif
    }
    .mobile_menu .menu li {
        padding-left: 20px;
        padding-top: 3px
    }
    .mobile_menu .menu a {
        color: #afdefa;
        font-size: 15px
    }
    .mobile_menu .icon-close {
        cursor: pointer;
        padding-left: 20px;
        padding-top: 10px;
        color: #afdefa
    }
    .mobile_menu .icon-close a {
        cursor: pointer;
        color: #afdefa;
        padding-left: 5px;
        padding-top: 3px
    }
    .mobile_menu .icon-menu {
        color: #555;
        cursor: pointer;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        padding-bottom: 25px;
        padding-left: 25px;
        padding-top: 25px
    }
    .mobile_menu .icon-menu i {
        margin-right: 5px
    }
    .profile_block.notification_block .btn.btn-color.save_btn {
        margin-top: 20px
    }
    .col-sm-4.submit_block {
        display: none
    }
    .paypal_popup .btn.btn-color {
        width: 100%
    }
    .modal-dialog.paypal_popup .expiry-wrapper .col-sm-4 {
        width: 50%
    }
    .modal-dialog.paypal_popup .form-group label {
        margin: 0 0 5px
    }
    .modal-dialog.paypal_popup .btn.btn-color {
        font-size: 13px
    }
    .modal-dialog.paypal_popup .modal-body.cont ul li {
        text-align: center;
        width: 100%
    }
    .modal-dialog.paypal_popup .modal-body.cont ul li.active a {
        border: 1px solid;
        color: #158d8e
    }
    .create-course.detail-block .form-group input[type=text] {
        margin-right: 1.5%
    }
    .resourcefiles div {
        display: block;
        word-wrap: break-word
    }
}

@media(max-width:540px) {
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6,
    .courses_block .col-sm-4,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3,
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 50%
    }
}

@media(max-width:480px) {
    .categ .jumbotron {
        left: 20px;
        top: 10px
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li.active a {
        border: none
    }
    .message-block .col-md-9.m-t .sbox {
        padding: 0 5px
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        float: left;
        width: 70%;
        padding-right: 4px!important
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post {
        float: none
    }
    .main_second_section .photography_section .lecture_link_state {
        border-top: 1px solid #f0f0f0;
        display: block;
        padding: 7px 0;
        position: static;
        right: 15px;
        text-align: center;
        top: 18px
    }
    header.expert .logo img {
        padding: 0
    }
    .text-center.top-discuss {
        position: relative
    }
    .discussion-search-icon.fa.fa-search {
        position: absolute;
        top: 15px;
        right: 15px
    }
    ul.course-header-buttons-container {
        padding-left: 0
    }
    .main_second_section .static-content-wrapper h2 {
        font-size: 15px;
        padding: 8px 15px
    }
    footer .footer_menu li:last-child {
        float: none;
        text-align: center
    }
    .photography_section .discussion-search {
        margin-bottom: 20px;
        padding-right: 30px;
        width: 100%
    }
    .recent_block {
        padding-top: 0;
        text-align: center
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        padding: 0
    }
    .course_b .img_hover img {
        height: 170px
    }
    .curriculam-block .buttongreen30 input[type=button],
    .curriculam-block .luploadvideo {
        display: table;
        float: none;
        margin: 0 auto;
        padding: 0 3px
    }
    #luploadaudio,
    #luploaddoc,
    #luploadpre,
    #luploadres,
    #luploadvideo,
    #su_courses_form_course_image_fileupload {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: auto
    }
    .curriculam-block .cctab-content.current .col.col-lg-4 {
        padding: 0
    }
    .curriculam-block .lecture_buttons {
        float: none;
        margin-top: 10px
    }
    .curriculam-block .lecture_buttons input[type=button] {
        width: 100%;
        margin-bottom: 5px
    }
    .curriculam-block div.cctab-link {
        margin-bottom: 5px;
        width: 100%
    }
    .btn-block ul li {
        margin-bottom: 5px;
        margin-left: 3px
    }
    .expert-plus .tab_block #magic-line {
        display: none!important
    }
    .message-block .table-responsive .mail-options button i {
        font-size: 13px
    }
    .message-block .panel.panel-default.mail-container .table.table-hover td {
        display: block
    }
    .message-block .table-responsive .mail-options button {
        padding: 8px
    }
    .step-method ul li span {
        font-size: 12px;
        font-weight: 400
    }
    .mycourse_block .tab-block-mycourse ul.nav.nav-tabs.usernavbar.price_align.post li {
        float: none;
        margin-bottom: 5px
    }
    .reg_form.new_reg_form.mycourse_block .tab-block-mycourse {
        border-bottom: medium none;
        margin: 0 0 7px
    }
    .hide_block {
        float: left;
        width: 100%
    }
    .hide_block input[type=text] {
        width: 138px
    }
    .table-payment {
        overflow-x: auto
    }
    .payment-block .form-group input[type=submit] {
        font-size: 12px;
        width: 100%
    }
    .course-header-buttons-container .dropdown-menu.pull-right {
        left: auto;
        right: -80px
    }
    .tab-content.privacy_block ul.tab_ul li {
        margin-bottom: 5px
    }
    #cropContainerPreloadCourse.image_container img {
        height: auto
    }
    .slider_divsblocks .form-group .remove_mrg {
        display: block;
        margin-bottom: 5px
    }
    .well.course-header .btn-block ul li {
        float: none;
        margin: 0 0 5px
    }
    .curriculam-block .su_course_curriculam li .edit_option {
        display: block
    }
    .curriculam-block .su_course_update_assessment_textbox,
    .curriculam-block .su_course_update_lecture_textbox,
    .curriculam-block .su_course_update_quiz_textbox,
    .curriculam-block .su_course_update_section_textbox {
        max-width: 170px
    }
    .curriculam-block .su_course_curriculam li .edit_option label {
        display: block;
        max-width: none;
        float: none;
        white-space: normal;
        word-wrap: break-word
    }
    .create-course.instructors input[type=text] {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
    .create-course.instructors input[type=button] {
        height: 38px;
        margin-left: 0;
        width: 100%
    }
    .tab_block ul.nav-tabs li a {
        font-size: 18px
    }
    .course_info .video_block {
        width: 100%
    }
    .block3 {
        border: none;
        padding: 0
    }
    .promo_block p {
        ine-height: 22px;
        margin: 0 0 12px
    }
    .learn_remeber {
        display: none
    }
    .home_menu.list-unstyled.list-inline.pull-right {
        display: table;
        float: none!important;
        margin: 0 auto 10px
    }
    .course_searching .more_one_portiion {
        width: 100%;
        height: 45px;
        text-indent: 6px
    }
    .course_searching .btn.btn-primary {
        width: 15%;
        height: 45px;
        background-position: 10px center
    }
    .courses_block .col-sm-4 {
        float: none;
        width: 250px;
        margin: 0 auto
    }
    .modal-dialog.confirm_account,
    .modal-dialog.edit_popup {
        margin: 0;
        top: 20px;
        width: 100%
    }
    .upload_type .format_type {
        float: none;
        width: 100%
    }
    .button-block {
        display: table;
        float: none;
        margin: 10px auto;
        width: auto
    }
    .upload_type {
        margin-bottom: 0
    }
    .instructor_block {
        display: block;
        width: auto
    }
    .instructor_block select,
    header.expert .col-sm-5.col-xs-7,
    header.expert .col-xs-5.col-sm-7 {
        width: 100%
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        float: none;
        margin: 0 auto;
        width: 100%
    }
    .tab_block ul#example-one.nav-tabs li {
        display: block;
        float: none;
        padding: 0 5px
    }
    .tab_block ul.nav-tabs {
        display: block;
        margin: 0 auto
    }
    #magic-line,
    .demo_slides_one .bx-controls-direction {
        display: none
    }
    .expert .logo img {
        padding: 10px 0
    }
    .home_menu.list-unstyled.list-inline.pull-right li a {
        line-height: 35px;
        padding: 0 8px
    }
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        width: 50%;
        padding: 10px
    }
    .course-header.well .lead a.btn.btn-primary,
    .recent_sub .desc span {
        display: block
    }
    .create-course.detail-block .form-group input[type=text] {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
    .create-course.detail-block .form-group input[type=button] {
        width: 100%;
        float: none
    }
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        font-size: 16px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        width: 50%
    }
    .course_searching input[type=text] {
        font-size: 14px
    }
    .image_sec.subblock #image_prograss {
        top: 40%
    }
    #couponModal .modal-body.cont {
        display: block;
        max-height: 300px
    }
    .course-c {
        width: 70%
    }
    .course-header.well .btn-block p.lead {
        float: none
    }
}

@media(max-width:400px) {
    .develpoment_this_sec.categ_list.mycourse_block .business_trend .col-xs-6.col-sm-3,
    .develpoment_this_sec.categ_list.mycourse_block .course-list-section .business_trend .col-xs-6.col-sm-3,
    .reg_form.new_reg_form.mycourse_block .col-xs-6.col-sm-3 {
        float: none;
        margin: 0 auto;
        width: 250px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        float: left;
        padding: 5px;
        width: 50%
    }
    .recent_block .recent_sub {
        margin-bottom: 5px;
        padding-bottom: 5px
    }
    .recent_block h3 {
        margin: 15px 0
    }
    .recent_block .recent_sub .col-xs-3,
    .recent_block .recent_sub .col-xs-9 {
        padding: 7px
    }
}

@media(max-width:320px) {
    .reg_form.new_reg_form.mycourse_block .nav.nav-tabs.usernavbar.price_align.post a {
        font-size: 16px;
        padding: 0 14px
    }
    .course-list-section .mycourse_block .business_trend .col-sm-3.col-xs-6 {
        float: none;
        margin: 0 auto;
        width: 250px
    }
    .qmultiple .qanswer .answer,
    .qmultiple .qanswer .answer-feedback {
        width: 60%
    }
}

.col-xs-7.expiry-wrapper .col-xs-6 {
    padding: 0
}

.expiry-wrapper .col-xs-6:last-child {
    padding-left: 2%
}

.expiry-wrapper .col-sm-4 {
    width: 33.33%
}

h3.cmn_title {
    display: none
}

@media(max-width:767px) {
    .payment-block .nav.nav-tabs li {
        float: left;
        width: auto;
        background: url(../images/gray-bar-img.png) left center no-repeat;
        min-height: 54px
    }
    .payment-block .nav.nav-tabs li.active a {
        border-bottom: 3px solid #158d8e;
        color: #158d8e;
        background-color: #eaeaea;
        font-weight: 600
    }
    .payment-block .nav.nav-tabs li a {
        color: #6b6b6b;
        font-size: 14px;
        line-height: 50px;
        padding: 0 18px;
        font-weight: 400
    }
    .col-xs-7.expiry-wrapper .col-xs-6,
    .payment-block .container,
    .payment-block .tab-pane {
        padding: 0
    }
    .payment-block .nav.nav-tabs li:first-child {
        background-image: none
    }
    .payment-block .nav>li>a:focus,
    .payment-block .nav>li>a:hover {
        background: 0 0;
        text-decoration: none
    }
    .payment-block ul {
        background: #eaeaea;
        border-bottom: none
    }
    .confirm-section .payment-block {
        padding-left: 0;
        padding-right: 0
    }
    .payment-block .form-group label {
        color: #2f3945;
        font-size: 14px
    }
    .payment-block .tab-content .form-group label {
        padding-right: 0;
        width: 120px;
        margin-right: 7%
    }
    .payment-block input[type=number],
    .payment-block input[type=text] {
        border: 1px solid #d9d9db;
        border-radius: 0
    }
    .payment-block .select-style_block {
        border-radius: 0;
        border: 1px solid #d9d9db
    }
    .expiry-wrapper .col-xs-6:last-child {
        padding-left: 2%
    }
    .payment-block .col-sm-4.submit_block {
        display: block
    }
    .form-group.paypal_standard .col-sm-4.submit_block,
    h3.cmn_title {
        display: none
    }
    .payment-block .form-group input[type=submit] {
        float: left;
        background: #e59859;
        border-radius: 0
    }
    .hide_block .btn.btn-success {
        background: #e59859;
        border-radius: 0;
        border: none
    }
    .hide_block input[type=text] {
        border-radius: 0;
        margin-left: 0
    }
    .confirm-section h2 {
        color: #353535;
        font-size: 22px;
        font-weight: 700;
        text-transform: uppercase
    }
    .table-payment table tr:last-child td {
        background: #fff
    }
    .form-group.paypal_standard input[type=submit] {
        float: none
    }
    .payment-block .nav.nav-tabs li.active a {
        background: url(../images/gray-bar-img.png) left center no-repeat
    }
    .confirm-section .payment-block ul li.active,
    .confirm-section .payment-block ul li.active:first-child a {
        background: 0 0
    }
    .confirm-section .table-payment table td,
    .confirm-section .table-payment table th {
        padding: 0 15px
    }
    .confirm-section .hide_block {
        width: 100%
    }
}

@media(max-width:480px) {
    .payment-block .nav.nav-tabs li a {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 7%
    }
    h3.cmn_title {
        font-family: open sans;
        font-size: 20px;
        margin: 20px 0 20px 0;
        text-align: left;
        padding-left: 15px;
        text-transform: uppercase;
        display: block
    }
    .form-group.paypal_standard input[type=submit],
    .payment-block .form-group input[type=submit] {
        font-size: 15px
    }
    .payment-block .tab-content .form-group label {
        margin-right: 0
    }
    .payment-block .form-group .submit_block {
        display: none
    }
    .payment-block .form-group .sbmt-btn.col-xs-7 {
        float: none;
        width: 100%
    }
    .payment-block .nav.nav-tabs li,.payment-block .nav.nav-tabs li a{width: 100%;text-align: left;background-image:none; }
    .payment-block .nav.nav-tabs li.active a{background-image:none;}.payment-block .nav.nav-tabs li a{padding: 0 10px;}
}

@media(max-width:320px) {
    .payment-block .tab-content .form-group label {
        display: block;
        float: none;
        margin-right: 0;
        width: auto
    }
    .payment-block .form-group .col-xs-7 {
        float: none;
        width: 100%
    }
    .payment-block .form-group input[type=submit] {
        font-size: 15px
    }
}

.logo .site-logo img {
    max-height: 50px;
    max-width: 195px
}


/*Bsetec .css*/

.clear,
.dd-item>button,
.dd3-handle {
    overflow: hidden
}

.text-uppercase,
.top-info>a,
button.dim {
    text-transform: uppercase
}

.back-to-top,
.dd-handle,
.dd3-content,
.fgt a,
.navbar-brand:focus,
.navbar-brand:hover,
.signup-l a,
a:focus,
a:hover,
button.dim {
    text-decoration: none
}

.clr,
.sbox,
.toolbar,
.toolbar-line {
    clear: both
}

body {
    font-family: Tahoma, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #676a6c;
    overflow-x: hidden
}

a {
    color: #1ab394
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 10px
}

h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600
}

.nav>li>a {
    color: #a7b1c2;
    font-weight: 500;
    font-size: 11px;
    padding: 14px 20px 14px 25px
}

.dropdown-alerts li a,
.dropdown-menu,
.dropdown-messages li a {
    font-size: 12px
}

.nav.navbar-right>li>a {
    color: #999c9e
}

.nav>li.active>a {
    color: #fff
}

.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:hover {
    background-color: #293846;
    color: #fff
}

.nav.navbar-top-links>li>a:focus,
.nav.navbar-top-links>li>a:hover {
    background-color: #ececec
}

.nav>li>a i {
    margin-right: 6px
}

.expanded-menu>li>a {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.expanded-menu>li>a i {
    width: 35px;
    height: 44px;
    line-height: 44px;
    float: left;
    margin: -12px 10px -12px -15px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.expanded-menu>li.active>a i {
    color: #19aa8d
}

.navbar {
    border: 0
}

.navbar-default {
    background-color: transparent;
    border-color: #2f4050
}

.navbar-top-links li {
    display: inline-block
}

.navbar-top-links li:last-child {
    margin-right: 15px
}

.navbar-top-links li a {
    padding: 20px 10px;
    min-height: 50px
}

.dropdown-menu {
    border: none;
    display: none;
    float: left;
    left: 0;
    list-style: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 2px
}

.dropdown-menu>li>a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: 400
}

.dropdown-menu>li>a.font-bold {
    font-weight: 600
}

.navbar-top-links .dropdown-menu li {
    display: block
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
    font-size: 12px
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal
}

.navbar-top-links .dropdown-alerts,
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks {
    width: 310px;
    min-width: 0
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto
}

.dropdown-alerts,
.dropdown-messages {
    padding: 10px
}

.dropdown-alerts li em,
.dropdown-messages li em {
    font-size: 10px
}

.nav-header a,
.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px
}

.nav-header {
    padding: 15px 25px
}

.nav>li.active {
    background: #293846
}

.nav.nav-second-level>li.active {
    border: none
}

.nav.nav-second-level.collapse[style] {
    height: auto!important
}

.nav-header a {
    color: #DFE4ED
}

.nav-header .text-muted {
    color: #8095a8
}

.minimalize-btn {
    padding: 4px 12px;
    margin: 14px 5px 5px 20px;
    font-size: 14px;
    float: left
}

.navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    width: 200px;
    display: inline-table
}

.navbar-form-custom .form-group {
    margin-bottom: 0
}

.nav.navbar-top-links a {
    font-size: 12px
}

.nav.navbar-top-links a i {
    color: #1ab394
}

.nav.navbar-top-links a i.fa {
    font-size: 14px
}

.navbar-form-custom .form-control {
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    height: 60px;
    margin: 0;
    z-index: 2000
}

.count-info .label {
    line-height: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 6px;
    top: 12px
}

.arrow {
    float: right
}

.fa.arrow:before {
    content: "\f104"
}

.active>a>.fa.arrow:before {
    content: "\f107"
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none!important
}

.nav-second-level li a {
    padding: 7px 10px 7px 52px;
    font-weight: 400
}

.photo-header,
button.dim {
    font-weight: 600;
    text-align: center
}

.nav-third-level li a {
    padding-left: 62px;
    font-size: 11px
}

.nav-second-level li:last-child {
    margin-bottom: 10px
}

.minimize-sidemenu .nav li:focus>.nav-second-level,
.minimize-sidemenu .nav li:hover>.nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto
}

body.minimize-sidemenu .navbar-default .nav>li>.nav-second-level li a {
    font-size: 12px;
    border-radius: 3px
}

.minimize-sidemenu .nav-second-level li a {
    padding: 10px 10px 10px 15px
}

.minimize-sidemenu .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    background-color: #2f4050;
    padding: 10px;
    font-size: 12px;
    width: 200px
}

.minimize-sidemenu li.active .nav-second-level {
    left: 65px
}

.photo-header {
    font-size: 18px;
    color: #fff;
    display: none;
    padding: 18px 0
}

.logo-header {
    background: #233646;
    height: 60px
}

.sxim-init #page-wrapper,
.sxim-init #page-wrapper-full,
.sxim-init .footer,
.sxim-init .nav-header,
.sxim-init .navbar-static-side,
.sxim-init li.active {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.navbar-fixed-top {
    border-bottom: 1px solid #e7eaec!important
}

.navbar-fixed-top,
.navbar-static-top {
    background: #f3f3f4
}

.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-link.active,
.btn-link:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-danger,
.open .dropdown-toggle.btn-default,
.open .dropdown-toggle.btn-info,
.open .dropdown-toggle.btn-link,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-success,
.open .dropdown-toggle.btn-warning {
    background-image: none
}

.fixed-nav #wrapper {
    margin-top: 60px
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px
}

.body-small .navbar-fixed-top {
    margin-left: 0
}

body.minimize-sidemenu .navbar-static-side {
    width: 70px;
    padding-top: 80px
}

body.minimize-sidemenu .nav-label,
body.minimize-sidemenu .nav-second-level,
body.minimize-sidemenu .navbar-default .nav li a span,
body.minimize-sidemenu .profile-element {
    display: none
}

body.minimize-sidemenu .navbar-default .nav>li>a {
    font-size: 16px
}

body.minimize-sidemenu .photo-header {
    display: block
}

body.minimize-sidemenu .logo-header {
    display: none
}

body.minimize-sidemenu .nav-header {
    padding: 0;
    background-color: #233646
}

body.minimize-sidemenu #page-wrapper,
body.minimize-sidemenu #page-wrapper-full,
body.minimize-sidemenu .footer {
    margin: 0 0 0 70px
}

.btn {
    border-radius: 0
}

.btn.btn-sm .fa {
    font-size: 14px
}

.float-e-margins .btn {
    margin-bottom: 5px
}

.btn-w-m {
    min-width: 120px
}

.btn-primary.btn-outline {
    color: #1ab394
}

.btn-success.btn-outline {
    color: #1c84c6
}

.btn-info.btn-outline {
    color: #23c6c8
}

.btn-warning.btn-outline {
    color: #f8ac59
}

.btn-danger.btn-outline {
    color: #DF0000
}

.btn-danger.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-warning.btn-outline:hover {
    color: #fff
}

.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFF
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFF
}

.btn-primary.active[disabled],
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #1dc5a3;
    border-color: #1dc5a3
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFF
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFF
}

.btn-success.active[disabled],
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #1f90d8;
    border-color: #1f90d8
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFF
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFF
}

.btn-info.active[disabled],
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #26d7d9;
    border-color: #26d7d9
}

.btn-default {
    background-color: #c2c2c2;
    color: #FFF
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    background-color: #bababa;
    border-color: #bababa;
    color: #FFF
}

.btn-default.active[disabled],
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #ccc;
    border-color: #ccc
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFF
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFF
}

.btn-warning.active[disabled],
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f9b66d;
    border-color: #f9b66d
}

.btn-danger {
    background-color: #F33;
    border-color: #DF0000;
    color: #FFF
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
    background-color: red;
    border-color: #DF0000;
    color: #FFF
}

.btn-danger.active[disabled],
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #ef6776;
    border-color: #ef6776
}

.btn-link {
    color: inherit
}

.btn-link.active,
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.open .dropdown-toggle.btn-link {
    color: #1c84c6
}

.btn-link.active[disabled],
.btn-link.disabled,
.btn-link.disabled.active,
.btn-link.disabled:active,
.btn-link.disabled:focus,
.btn-link.disabled:hover,
.btn-link[disabled],
.btn-link[disabled]:active,
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link.active,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #cacaca
}

.btn-white {
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec
}

.btn-white.active,
.btn-white:active,
.form-control,
.open .dropdown-toggle.btn-white {
    background-image: none
}

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2
}

.btn-white.active,
.btn-white:active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15) inset
}

.btn-white.active[disabled],
.btn-white.disabled,
.btn-white.disabled.active,
.btn-white.disabled:active,
.btn-white.disabled:focus,
.btn-white.disabled:hover,
.btn-white[disabled],
.btn-white[disabled]:active,
.btn-white[disabled]:focus,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white.active,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
    color: #cacaca
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s
}

.btn-rounded {
    border-radius: 50px
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px
}

button.dim {
    display: inline-block;
    color: #fff;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 20px!important
}

button.dim:active {
    top: 3px
}

button.btn-primary.dim {
    box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999
}

button.btn-primary.dim:active {
    box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999
}

button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999
}

button.btn-default.dim:active {
    box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999
}

button.btn-warning.dim {
    box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999
}

button.btn-warning.dim:active {
    box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999
}

button.btn-info.dim {
    box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999
}

button.btn-info.dim:active {
    box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999
}

button.btn-success.dim {
    box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999
}

button.btn-success.dim:active {
    box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999
}

button.btn-danger.dim {
    box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999
}

button.btn-danger.dim:active {
    box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999
}

button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    display: block;
    padding-top: 10px
}

.control-label,
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline,
.label {
    font-weight: 500!important
}

.badge,
.label {
    background-color: #d1dade;
    color: #5e5e5e;
    text-shadow: none
}

button.dim:active:before {
    top: 7px;
    font-size: 50px
}

.label {
    font-size: 10px;
    padding: 3px 8px;
    border-radius: 0;
    -moz-border-radius: 0
}

.badge {
    font-family: 'Open Sans';
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px
}

.badge-primary,
.label-primary {
    background-color: #1ab394;
    color: #FFF
}

.badge-success,
.label-success {
    background-color: #1c84c6;
    color: #FFF
}

.badge-warning,
.label-warning {
    background-color: #f8ac59;
    color: #FFF
}

.badge-warning-light,
.label-warning-light {
    background-color: #f8ac59;
    color: #fff
}

.badge-danger,
.label-danger {
    background-color: #ed5565;
    color: #FFF
}

.badge-info,
.label-info {
    background-color: #23c6c8;
    color: #FFF
}

.badge-inverse,
.label-inverse {
    background-color: #262626;
    color: #FFF
}

.badge-white,
.label-white {
    background-color: #FFF;
    color: #5E5E5E
}

.badge-disable,
.label-white {
    background-color: #2A2E36;
    color: #8B91A0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #f4f4f4;
    border-color: #DDD;
    color: inherit;
    cursor: default;
    z-index: 2
}

.pagination>li>a,
.pagination>li>span {
    background-color: #FFF;
    border: 1px solid #DDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none
}

.tooltip-inner {
    background-color: #2F4050
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050
}

.stat-list li:first-child {
    margin-top: 0
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.stat-percent {
    float: right
}

.stat-list li {
    margin-top: 15px;
    position: relative
}

.img-circle {
    border-radius: 50%
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important
}

.show-grid {
    margin: 15px 0
}

.btn,
label {
    font-size: 12px
}

.inline {
    display: inline-block!important
}

.block,
.clear,
.form-control {
    display: block
}

.input-s-sm {
    width: 120px
}

.input-s {
    width: 200px
}

.input-s-lg {
    width: 250px
}

.i-checks {
    padding-left: 0
}

.form-control {
    background-color: #FFF;
    border: 1px solid #e5e6e7;
    color: inherit;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 11px!important;
    height: 40px;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
        margin-bottom: 15px;
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    font-size: 11px!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important
}

.form-control:focus {
    border-color: red
}

.has-success .form-control {
    border-color: #1ab394
}

.has-warning .form-control {
    border-color: #f8ac59
}

.has-error .form-control {
    border-color: #ed5565
}

.has-success .control-label {
    color: #1ab394
}

.has-warning .control-label {
    color: #f8ac59
}

.has-error .control-label {
    color: #ed5565
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center
}

.sidebard-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0
}

.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px
}

.media-body,
.sidebard-panel .feed-element,
.sidebard-panel p {
    font-size: 12px
}

.sidebard-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0
}

.sidebard-panel .list-group {
    margin-bottom: 10px
}

.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0
}

.sidebar-content .wrapper {
    padding-right: 230px
}

body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.border-bottom {
    border-bottom: 1px solid #e7eaec!important
}

.font-bold {
    font-weight: 600
}

.font-noraml {
    font-weight: 400
}

.b-r {
    border-right: 1px solid #e7eaec
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 20px 0
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid!important;
    margin-top: 15px;
    margin-bottom: 15px
}

.modal-content {
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0;
    position: relative
}

.modal-dialog {
    z-index: 1200
}

.modal-body {
    padding: 20px 30px 30px
}

#wrapper {
    width: 100%;
    min-height: 383px;
    background: #f5f5f5
}

.wrapper {
    padding: 0 20px
}

.wrapper-content {
    padding: 20px 10px 40px
}

#page-wrapper,
#page-wrapper-full {
    padding: 0 15px;
    min-height: 568px;
    position: relative!important;
    background: #eee
}

@media (min-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        min-height: 1000px
    }
    #page-wrapper {
        margin: 0 0 0 240px
    }
    #page-wrapper-full {
        margin: 0;
        padding: 0 15px
    }
}

.title-action {
    text-align: right;
    padding-top: 30px
}

ol.unstyled,
ul.unstyled {
    list-style: none;
    margin-left: 0
}

.big-icon {
    font-size: 160px;
    color: #e5e6e7
}

body.body-small.minimize-sidemenu .footer.fixed,
body.minimize-sidemenu .footer.fixed {
    margin: 0 0 0 70px
}

body.body-small .footer.fixed {
    margin-left: 0
}

.page-heading {
    padding: 0 10px 20px
}

.panel-heading h1,
.panel-heading h2 {
    margin-bottom: 5px
}

.table-bordered {
    border: 1px solid #EBEBEB
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    background-color: #fff
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #e7e7e7
}

.table>thead>tr>th {
    border-bottom: 1px solid #DDD;
    background: #fff
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 3px 8px;
    font-size: 11px;
    vertical-align: top
}

.link-block,
.nav.navbar-top-links .link-block a {
    font-size: 12px
}

#bsetecTable .table-responsive table td,
[data-icon]:before {
    vertical-align: middle
}

.panel.blank-panel {
    background: 0 0;
    margin: 0
}

.blank-panel .panel-heading {
    padding-bottom: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #158d8e;
    border-color: #158d8e;
    border-bottom: #158d8e;
    border-image: none;
    font-weight: 600;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default
}

.nav.nav-tabs li {
    background: 0 0;
    border: none
}

.nav-tabs>li>a {
    border-radius: 0;
    -moz-border-radius: 0;
    color: #A7B5C2;
    font-weight: 500;
    background-color: #e6e6e6;
    padding: 5px 15px 5px 20px
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background-color: #e6e6e6;
    color: #676a6c
}

.no-padding {
    padding: 0!important
}

.no-borders {
    border: none!important
}

.no-margins {
    margin: 0!important
}

.no-top-border {
    border-top: 0!important
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none
}

.full-width {
    width: 100%!important
}

.link-block {
    padding: 10px
}

.link-block a {
    font-size: 10px;
    color: inherit
}

body.minimize-sidemenu .branding {
    display: none
}

img.circle-border {
    border: 6px solid #FFF;
    border-radius: 50%
}

.branding {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394
}

.login-panel {
    margin-top: 25%
}

.icons-box h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

.icons-box .infont a i {
    font-size: 25px;
    display: block;
    color: #676a6c
}

.icons-box .infont a {
    color: #a6a8a9;
    padding: 10px;
    margin: 1px;
    display: block
}

.ui-draggable .ibox-title {
    cursor: move
}

.breadcrumb {
    background-color: #fff;
    padding: 0;
    margin-bottom: 0
}

.breadcrumb>.active,
.breadcrumb>li a {
    color: inherit
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap
}

.gray-bg {
    background-color: #f3f3f4
}

.white-bg {
    background-color: #fff
}

.navy-bg {
    background-color: #1ab394;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.yellow-bg {
    background-color: #f8ac59;
    color: #fff
}

.red-bg {
    background-color: #ed5565;
    color: #fff
}

.black-bg {
    background-color: #262626
}

.panel-primary {
    border-color: #1ab394
}

.panel-primary>.panel-heading {
    background-color: #1ab394;
    border-color: #1ab394
}

.panel-success {
    border-color: #1c84c6
}

.panel-success>.panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff
}

.panel-info {
    border-color: #23c6c8
}

.panel-info>.panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #fff
}

.panel-warning {
    border-color: #f8ac59
}

.panel-warning>.panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff
}

.panel-danger {
    border-color: #ed5565
}

.panel-danger>.panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #fff
}

.progress-bar {
    background-color: #1ab394
}

.progress-small,
.progress-small .progress-bar {
    height: 10px
}

.progress-mini,
.progress-small {
    margin-top: 5px
}

.progress-mini,
.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0
}

.progress-bar-navy-light {
    background-color: #3dc7ab
}

.progress-bar-success {
    background-color: #1c84c6
}

.progress-bar-info {
    background-color: #23c6c8
}

.progress-bar-warning {
    background-color: #f8ac59
}

.progress-bar-danger {
    background-color: #ed5565
}

.bg-white,
.dd-handle {
    background: #fff
}

.panel-title {
    font-size: inherit
}

.jumbotron {
    border-radius: 6px
}

.jumbotron h1 {
    margin-top: 0
}

.text-navy {
    color: #1ab394
}

.text-primary {
    color: inherit
}

.text-success {
    color: #1c84c6
}

.text-info {
    color: #23c6c8
}

.text-warning {
    color: #f8ac59
}

.text-danger {
    color: red
}

.text-muted {
    color: #888
}

.p-xxs {
    padding: 5px
}

.p-xs {
    padding: 10px
}

.p-sm {
    padding: 15px
}

.p-m {
    padding: 20px
}

.p-md {
    padding: 25px
}

.p-lg {
    padding: 30px
}

.p-xl {
    padding: 40px
}

.m-xxs {
    margin: 2px 4px
}

.m-xs {
    margin: 5px
}

.m-sm {
    margin: 10px
}

.m {
    margin: 15px
}

.m-md {
    margin: 20px
}

.m-lg {
    margin: 30px
}

.m-xl {
    margin: 50px
}

.m-n {
    margin: 0!important
}

.m-l-none {
    margin-left: 0
}

.m-l-xs {
    margin-left: 5px
}

.m-l-sm {
    margin-left: 10px
}

.m-l {
    margin-left: 15px
}

.m-l-md {
    margin-left: 20px
}

.m-l-lg {
    margin-left: 30px
}

.m-l-xl {
    margin-left: 40px
}

.m-l-n-xxs {
    margin-left: -1px
}

.m-l-n-xs {
    margin-left: -5px
}

.m-l-n-sm {
    margin-left: -10px
}

.m-l-n {
    margin-left: -15px
}

.m-l-n-md {
    margin-left: -20px
}

.m-l-n-lg {
    margin-left: -30px
}

.m-l-n-xl {
    margin-left: -40px
}

.m-t-none {
    margin-top: 0
}

.m-t-xxs {
    margin-top: 1px
}

.m-t-xs {
    margin-top: 5px
}

.m-t-sm {
    margin-top: 10px
}

.m-t {
    margin-top: 15px
}

.m-t-md {
    margin-top: 20px
}

.m-t-lg {
    margin-top: 30px
}

.m-t-xl {
    margin-top: 40px
}

.m-t-n-xxs {
    margin-top: -1px
}

.m-t-n-xs {
    margin-top: -5px
}

.m-t-n-sm {
    margin-top: -10px
}

.m-t-n {
    margin-top: -15px
}

.m-t-n-md {
    margin-top: -20px
}

.m-t-n-lg {
    margin-top: -30px
}

.m-t-n-xl {
    margin-top: -40px
}

.m-r-none {
    margin-right: 0
}

.m-r-xxs {
    margin-right: 1px
}

.m-r-xs {
    margin-right: 5px
}

.m-r-sm {
    margin-right: 10px
}

.m-r {
    margin-right: 15px
}

.m-r-md {
    margin-right: 20px
}

.m-r-lg {
    margin-right: 30px
}

.m-r-xl {
    margin-right: 40px
}

.m-r-n-xxs {
    margin-right: -1px
}

.m-r-n-xs {
    margin-right: -5px
}

.m-r-n-sm {
    margin-right: -10px
}

.m-r-n {
    margin-right: -15px
}

.m-r-n-md {
    margin-right: -20px
}

.m-r-n-lg {
    margin-right: -30px
}

.m-r-n-xl {
    margin-right: -40px
}

.m-b-none {
    margin-bottom: 0
}

.m-b-xxs {
    margin-bottom: 1px
}

.m-b-xs {
    margin-bottom: 5px
}

.m-b-sm {
    margin-bottom: 10px
}

.m-b {
    margin-bottom: 15px
}

.m-b-md {
    margin-bottom: 20px
}

.m-b-lg {
    margin-bottom: 30px
}

.m-b-xl {
    margin-bottom: 40px
}

.m-b-n-xxs {
    margin-bottom: -1px
}

.m-b-n-xs {
    margin-bottom: -5px
}

.m-b-n-sm {
    margin-bottom: -10px
}

.m-b-n {
    margin-bottom: -15px
}

.m-b-n-md {
    margin-bottom: -20px
}

.m-b-n-lg {
    margin-bottom: -30px
}

.m-b-n-xl {
    margin-bottom: -40px
}

.space-15 {
    margin: 15px 0
}

.space-20 {
    margin: 20px 0
}

.space-25 {
    margin: 25px 0
}

.space-30 {
    margin: 30px 0
}

.middle-box {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -200px;
    z-index: 100;
    padding: 20px
}

.middle-box .logo-login {
    border-bottom: dashed 1px #ddd;
    padding: 0 0 10px;
    text-align: center
}

.middle-box h1 {
    font-size: 40px;
    letter-spacing: -2px;
    margin: 5px 0
}

@media (min-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        min-height: 1000px
    }
    #page-wrapper {
        margin: 0 0 0 220px
    }
    #page-wrapper-full {
        margin: 0;
        padding: 0 15px
    }
    .navbar-static-side {
        z-index: 101;
        position: absolute;
        width: 220px
    }
    .navbar-top-links .dropdown-alerts,
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks {
        margin-left: auto
    }
}

@media (max-width:768px) {
    #page-wrapper,
    #page-wrapper-full {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }
    #page-wrapper-full {
        padding: 0 15px
    }
    .body-small .navbar-static-side {
        display: none;
        z-index: 1;
        position: absolute;
        width: 70px
    }
    .body-small.minimize-sidemenu .navbar-static-side {
        display: block
    }
    .lock-word,
    .navbar-form-custom {
        display: none
    }
    .navbar-header {
        display: inline;
        float: left
    }
    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100%!important
    }
    .sidebar-content .wrapper {
        padding-right: 0;
        z-index: 1
    }
}

.dd,
.dd-list {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    list-style: none
}

.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-handle {
    cursor: default;
    display: block;
    margin: 5px 0;
    padding: 7px 10px;
    color: #333;
    border: 1px solid #ddd
}

.dd-handle:hover {
    color: #FFF;
    background: #4D90FD;
    border-color: #428BCA
}

.dd-item>button {
    color: #555;
    font-family: FontAwesome;
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 8px 2px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    border: 0;
    background: 0 0;
    font-size: 10px;
    line-height: 1;
    text-align: center
}

.dd-item>button:before {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #FFF;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}

.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.dd3-content {
    display: block;
    margin: 5px 0;
    padding: 7px 10px 7px 40px;
    background: #FFF;
    border: 1px solid #DDD;
    color: #333
}

.dd3-content:hover {
    background: #fff
}

.dd-dragel>.dd3-item>.dd3-content {
    margin: 0
}

.dd3-item>button {
    margin-left: 35px
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: all-scroll;
    width: 34px;
    text-indent: 100%;
    white-space: nowrap;
    border: 1px solid #3276B1;
    background: #428BCA;
    height: 36px;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .2) inset
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page,
.sbox-tools a {
    cursor: pointer
}

.dd3-handle:before {
    content: '=';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.dd3-handle:hover {
    background: #4E9DFF
}

.infobox {
    border-left: 3px solid #EEE;
    margin: 0 0 35px;
    padding: 20px
}

.infobox h5 {
    margin-bottom: 6px;
    margin-top: 0
}

.infobox p:last-child {
    margin-bottom: 0;
    font-size: 11px!important
}

.infobox code {
    background-color: #FFF;
    border-radius: 3px
}

.infobox-default {
    background-color: #F5F5F5;
    border-color: #DDD
}

.infobox-default h5 {
    color: #555
}

.infobox-danger {
    background-color: #FDF7F7;
    border-color: #D65C4F
}

.infobox-danger h5 {
    color: #D65C4F
}

.infobox-warning {
    background-color: #FCF8F2;
    border-color: #E7804F
}

.infobox-warning h5 {
    color: #E7804F
}

.infobox-info {
    background-color: #F2F7F9;
    border-color: #1992C2
}

.infobox-info h5 {
    color: #1992C2
}

.infobox-success {
    background-color: #F4FAF5;
    border-color: #239169
}

.infobox-success h5 {
    color: #239169
}

.info-blocks>li>a:hover,
.top-info>a:hover {
    color: #FFF;
    opacity: .8
}

.info-blocks {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    width: 100%
}

.info-blocks>li {
    display: inline-block;
    margin: 0 10px 5px;
    min-width: 150px;
    text-align: center;
    white-space: nowrap
}

.info-blocks>li>a>i {
    display: inline-block;
    font-size: 48px;
    margin-bottom: 20px
}

.bottom-info,
.top-info>small {
    display: block;
    font-size: 11px
}

.top-info {
    margin: 16px 14px 14px
}

.top-info>a {
    display: block;
    font-weight: 600
}

.top-info>small {
    margin-top: -2px
}

.bottom-info {
    border-radius: 0 0 2px 2px;
    font-weight: 600;
    padding: 4px 8px 5px
}

@media (max-width:478px) {
    .info-blocks>li {
        margin: 10px 0;
        width: 100%
    }
}

.sbox-content h1,
.sbox-content h2,
.sbox-content h3,
.sbox-content h4,
.sbox-content h5,
.sbox-title h1,
.sbox-title h2,
.sbox-title h3,
.sbox-title h4,
.sbox-title h5 {
    margin-top: 5px
}

.sbox {
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #ddd
}

.sbox-content,
.sbox-title {
    border-image: none;
    border-style: solid solid none
}

.sbox:after,
.sbox:before {
    display: table
}

.sbox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #1ab394;
    border-width: 1px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    height: 48px
}

.sbox-title h3 {
    float: left;
    display: inline-block
}

.sbox-tools a {
    color: #c4c4c4;
    margin-left: 5px
}

.sbox-content {
    background-color: #f9f9f9;
    color: inherit;
    padding: 15px 20px 20px;
    border-color: #ddd;
    border-width: 1px 0
}

.sbox-title h5,
.sbox-tools {
    display: inline-block;
    padding: 0
}

.sbox-title h5 {
    float: left;
    font-size: 14px;
    margin: 0 0 7px;
    text-overflow: ellipsis
}

.sbox-tools {
    float: right;
    margin-top: 0;
    position: relative
}

.page-header {
    padding: 20px 15px;
    margin: 0;
    background: #fff;
    border-top: solid 1px #ddd
}

.toolbar,
fieldset {
    margin: 10px 0
}

fieldset legend {
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500
}

.table-responsive {
    background: #fff;
    border: 1px solid #ddd;
    overflow-x: auto;
    overflow-y: hidden
}

.scroll-sec .table-responsive {
    overflow: hidden;
    overflow-x: auto
}

.toolbar {
    text-align: right
}

.toolbar-line {
    margin: 15px 0
}

.page-content-wrapper {
    padding: 0 15px
}

.ribon-bsetec {
    margin: 20px 0
}

.su_course_curriculam .closeheader input[type=button],
.su_course_curriculam .closeheader input[type=button]:hover {
    background-color: #da4f49
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active a span {
    color: #1fb5ad
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active ul li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.active ul li a span {
    color: #a2a6ac
}

.panel {
    background: 0 0!important;
    border-color: none!important
}

.panel.panel-default {
    background: 0 0!important;
    border-color: #eee!important
}

.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    color: #FFF;
    background-color: #4FA2C2;
    font-size: 12px;
    padding: 8px 15px;
    display: none
}

.back-to-top i {
    font-size: 24px
}

.back-to-top:hover {
    color: #FFF;
    background-color: #3A4B55
}

.back-to-top:focus {
    color: #FFF
}

.parsley-error-list {
    margin-top: 4px;
    padding: 0
}

.parsley-error-list li {
    list-style: none;
    color: #c00
}

.parsley-error {
    border-color: #c00!important
}

.prettyprint {
    background: #fff;
    font-family: Menlo, 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, monospace;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #ccc;
    padding: 10px
}

.pre-header,
header .navbar .navbar-collapse .nav>li>a {
    font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.pln {
    color: #4d4d4c
}

@media screen {
    .str {
        color: #718c00
    }
    .kwd {
        color: #8959a8
    }
    .com {
        color: #8e908c
    }
    .typ {
        color: #4271ae
    }
    .lit {
        color: #f5871f
    }
    .clo,
    .opn,
    .pun {
        color: #4d4d4c
    }
    .tag {
        color: #c82829
    }
    .atn {
        color: #f5871f
    }
    .atv {
        color: #3e999f
    }
    .dec {
        color: #f5871f
    }
    .var {
        color: #c82829
    }
    .fun {
        color: #4271ae
    }
}

@media print,
projection {
    .kwd,
    .tag,
    .typ {
        font-weight: 700
    }
    .str {
        color: #060
    }
    .kwd {
        color: #006
    }
    .com {
        color: #600;
        font-style: italic
    }
    .typ {
        color: #404
    }
    .lit {
        color: #044
    }
    .clo,
    .opn,
    .pun {
        color: #440
    }
    .tag {
        color: #006
    }
    .atn {
        color: #404
    }
    .atv {
        color: #060
    }
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0
}

.icon-classes-showcase>span {
    background: #FCFCFC;
    border: 1px solid #DDD;
    display: inline-block;
    font-size: 12px;
    margin: .5em 1em .5em 0;
    padding: 8px;
    width: 15em
}

.icon-classes-showcase>span>i {
    float: left;
    margin: 1px 6px 0 0
}

.icon-show i,
.select-alt {
    margin-right: 5px
}

.icon-show {
    font-size: 13px!important;
    padding: 0 10px
}

.icon-show .col-md-3 {
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 3px
}

.select-alt {
    float: left;
    padding: 5px 2px;
    border: 1px solid #ddd;
    font-size: 11px
}

.shortcut {
    border: 1px solid #eee;
    border-top: solid 1px #1ab394
}

.shortcut i {
    font-size: 50px
}

.shortcut span.h3 {
    font-weight: 400!important;
    font-size: 16px;
    color: #233646
}

.footer-pagination ul.pagination {
    float: right
}

.front-header .navbar {
    position: relative;
    min-height: 60px;
    margin: 10px 0!important
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
    .navbar-header {
        float: left
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block!important;
        visibility: visible!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: none
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 19.5px 15px;
    font-size: 19px;
    line-height: 21px;
    height: 60px
}

.navbar-brand>img {
    display: block
}

@media (min-width:768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 13px;
    margin-bottom: 13px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 9.75px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }
    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 19.5px;
        padding-bottom: 19.5px
    }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin: 8.5px -15px
}

@media (min-width:768px) {
    .navbar-form .form-control-static,
    .navbar-form .form-group {
        display: inline-block
    }
    .navbar-form .control-label,
    .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .form-control,
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .checkbox label,
    .navbar-form .radio label {
        padding-left: 0
    }
    .navbar-form .checkbox input[type=checkbox],
    .navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8.5px;
    margin-bottom: 8.5px
}

.navbar-btn.btn-sm {
    margin-top: 13.5px;
    margin-bottom: 13.5px
}

.navbar-btn.btn-xs {
    margin-top: 19px;
    margin-bottom: 19px
}

.navbar-text {
    margin-top: 19.5px;
    margin-bottom: 19.5px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
    .navbar-left {
        float: left!important
    }
    .navbar-right {
        float: right!important;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.front-header .navbar-default {
    background-color: #fff
}

.front-header .navbar-default .navbar-brand {
    color: #526476
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #18bc9c;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #526476;
    font-size: 14px
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #18bc9c;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #18bc9c;
    background-color: #fff;
    border-bottom: solid 2px #18bc9c
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #1a242f
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #1a242f
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: #1a242f;
    color: #fff
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #333
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #18bc9c;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #1a242f
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #fff
}

.navbar-default .navbar-link:hover {
    color: #18bc9c
}

.navbar-default .btn-link {
    color: #fff
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
    color: #18bc9c
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar a.navbar-brand {
    height: 70px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 415px
}

.navbar a.navbar-brand img {
    float: left;
    height: 70px;
    margin: 0 6px 0 0;
    width: 70px
}

.navbar a.navbar-brand span.logo_title {
    display: block;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 0 0;
    text-shadow: 1px 1px 0 #fff
}

.navbar a.navbar-brand span.logo_subtitle {
    display: block;
    font-size: 13px;
    font-weight: 300;
    text-shadow: 1px 1px 0 #fff
}

header .navbar .navbar-collapse .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 12px
}

.pre-header {
    padding: 0;
    border-bottom: solid 1px #eee;
    background: #f9f9f9;
    font-size: 12px!important
}

.pre-header ul {
    padding: 0;
    margin: 0
}

.pre-header ul li {
    padding: 5px 10px;
    border-right: solid 1px #eee
}

.pre-header ul li a {
    color: #555!important;
    display: block
}

.pre-header ul li:first {
    border-left: solid 1px #eee
}

.front-header {
    background: #FFF
}

#footer {
    background: #282A2B;
    padding: 20px 0;
    color: #fff;
    font-size: 13px
}

.sidebar-collapse ul li ul li:hover {
    background: 0 0
}

.admin-sidebar .sidebar-collapse ul li ul li a {
    border-bottom: medium none!important
}

body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li {
    border-top: 1px solid rgba(255, 255, 255, .05);
    padding: 0 20px
}

@media(min-width:1200px) {
    .navbar-default.navbar-static-side.admin-sidebar {
        width: 240px
    }
    body.minimize-sidemenu .navbar-default.navbar-static-side.admin-sidebar {
        width: 70px
    }
    body.minimize-sidemenu #wrapper #page-wrapper,
    body.minimize-sidemenu #wrapper #page-wrapper-full {
        margin: 0 0 0 70px
    }
    #wrapper #page-wrapper {
        margin: 0 0 0 240px
    }
    #wrapper .admin_right_content.navbar.navbar-static-top.gray-bg .navbar-header .btn-primary {
        background-color: #32d2c9;
        border-color: #32d2c9;
        border-radius: 50%;
        color: #23938c;
        display: table-cell;
        height: 35px;
        margin-left: -20px;
        margin-top: 20px;
        padding: 7px 0;
        vertical-align: middle;
        width: 35px
    }
    .sidebar-collapse ul li ul li {
        padding: 0 20px
    }
    #wrapper .admin_right_content.navbar.navbar-static-top.gray-bg .navbar-header a:focus {
        outline: 0
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-md-3 {
        padding: 0 .8% 0 0;
        width: 25%
    }
    .cmn-t a.clear .text-muted.text-uc {
        display: block;
        min-height: 56px
    }
}

@media(min-width:768px) {
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-md-3 {
        width: 25%
    }
}

.gray-bg .admin-right-menu ul li a {
    color: #666;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 80px;
    min-height: 0
}

.gray-bg .admin-right-menu ul li a:focus {
    background: 0 0
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: rgba(0, 0, 0, 0)
}

.gray-bg .admin-right-menu ul li a i {
    color: #666;
    font-size: 16px
}

.cmn-t {
    border-radius: 5px;
    padding: 20px
}

.m-l-none .cmn-t .h3 strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600
}

.m-l-none .cmn-t .h3 {
    margin-top: 0
}

.cmn-t .text-muted.text-uc {
    color: #fff;
    font-family: open sans;
    font-size: 13px
}

.module-b.cmn-t {
    background: #22ba9b
}

.cmn-t .m-r-sm i {
    color: #fff;
    margin-top: 10px
}

.settings-b.cmn-t {
    background: #666981
}

.admin-right-menu ul li ul li {
    background: rgba(0, 0, 0, 0);
    padding: 0
}

.admin_right_content .admin-right-menu ul li ul li a {
    line-height: 30px;
    margin: 0;
    padding: 5px 15px;
    font-weight: 400
}

.admin-right-menu ul li ul li i {
    width: 12px
}

.navbar.navbar-static-top.gray-bg.admin_right_content {
    height: auto;
    min-height: 0
}

.admin-right-menu ul li a i {
    margin: 0 8px 0 0
}

.gray-bg .admin-right-menu ul li a:hover {
    background: 0 0
}

.dashboard-m.m-l-none.m-r-none.m-t.white-bg.shortcut {
    background: rgba(0, 0, 0, 0);
    border: none
}

.admin-right-menu ul li {
    background: url(../images/gray-pipe.png) left no-repeat
}

.admin-right-menu ul li a {
    padding: 0 20px
}

.admin-right-menu ul li:first-child {
    background: 0 0
}

.site-menu {
    background: #e17695
}

.user-group {
    background: #fbb168
}

.admin_title {
    border-bottom: 1px solid #d7d7d7;
    color: #333;
    font-family: open sans;
    font-size: 22px;
    font-weight: 400;
    margin: 20px 15px;
    padding-bottom: 14px;
    text-transform: uppercase
}

.admin_right_content.navbar.navbar-static-top.gray-bg {
    background: #fff
}

.navbar-default.navbar-static-side.admin-sidebar {
    background: #32323a
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover {
    background: #28282e
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a:hover {
    background: 0 0
}

body {
    background: #32323a
}

.admin-sidebar .logo-header {
    height: auto;
    text-align: center;
    background: #158d8e
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.logo-header a {
    display: block;
    float: none;
    height: auto;
    padding: 25px 0;
    text-align: center
}

.admin-sidebar .logo-header a img {
    margin: 0 auto
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li.logo-header:hover {
    background: #158d8e
}

.navbar-static-side.admin-sidebar ul.expanded-menu li a i {
    border-right: medium none;
    height: auto;
    line-height: normal;
    margin: 2px 13px 0 0;
    width: auto
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a {
    font-family: open sans;
    font-size: 14px;
    padding: 16px 10px 16px 20px;
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a span {
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a span {
    color: #1fb5ad
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover a span,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.navbar-default.navbar-static-side.admin-sidebar .nav-second-level li:last-child a,
body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover span {
    border-bottom: none
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a:focus {
    outline: 0;
    background: 0 0
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li a span.fa.arrow {
    margin: 4px 7px 0;
    color: #58585e
}

.navbar-default.navbar-static-side.admin-sidebar .nav>li.active {
    background: #32323a
}

.navbar-default.navbar-static-side.admin-sidebar .nav-second-level li:last-child {
    margin-bottom: 0
}

.filter-b label {
    color: #333;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px
}

.filter-b {
    float: right
}

.sbox .course-title {
    color: #333;
    font-family: open sans;
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.sbox .course-title small {
    color: #908f8f;
    font-family: open sans;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 0
}

.dashboard-b .sbox-title {
    background: #fafafa;
    border: none
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover ul li a i,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:hover ul li a span {
    color: #a2a6ac
}

.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li:hover a,
.navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li ul li:hover a i {
    color: #1fb5ad
}

body .navbar-default.navbar-static-side.admin-sidebar ul.expanded-menu li:last-child ul li {
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, .05)!important
}

#avatar-circle.img-circle.user_image_selector {
    margin-top: 12px
}

.parsley-error-list li {
    border-radius: 0;
    margin-bottom: 4px;
    padding: 6px 5px
}

.user_type .iradio_square-green {
    margin-right: 5px
}

body.update #page-wrapper {
    min-height: 750px
}

.view_block li ul li a:hover {
    background: 0 0;
    width: auto
}

.btn-default,
.btn-default:focus,
.btn-default:hover {
    background: #666;
    border: none;
    padding: 2px 6px;
    outline: 0
}

.page-header .breadcrumb li.active {
    color: #158d8e
}

.page-header .breadcrumb li a {
    color: #e59859
}

.page-content-wrapper .table-responsive .usercomments {
    border-bottom: 1px solid #ddd
}

.page-content-wrapper ul.nav.nav-tabs li a {
    background: #e59859;
    color: #fff
}

.page-content-wrapper ul.nav.nav-tabs li.active a {
    background: #158d8e;
    border: 1px solid #158d8e
}

.tagsinput input#tagit_tag {
    width: 100%!important
}

.asterisk {
    color: red
}

.login-s h3,
.login-s label {
    color: #333;
    font-family: open sans;
    text-transform: capitalize;
    font-weight: 600
}

body.login-b .middle-box {
    margin: 0;
    padding: 0;
    position: static;
    width: auto
}

.login-s {
    background: #fff;
    border: 1px solid #d4d4d5;
    display: table;
    float: none;
    margin: 8% auto 30px;
    padding: 20px 2.8% 35px;
    width: 835px
}

.login-s h3 {
    border-bottom: 1px solid #f3f3f3;
    font-size: 26px;
    margin: 0 0 35px;
    padding-bottom: 10px
}

.login-s .remember .icheckbox_square-green {
    margin-right: 5px
}

.login-s label {
    font-size: 13px;
    margin-bottom: 13px
}

.login-s .form-group {
    border: 1px solid #d9d9db;
    border-radius: 3px;
    height: 45px;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 320px
}

.login-s .form-group input[type=text],
.login-s .form-group input[type=password] {
    border: none;
    font-size: 15px;
    height: 43px;
    padding-left: 35px;
    text-indent: 0;
    width: 100%
}

.login-s .left-s {
    float: left;
    width: 60%
}

.login-s .right-s {
    float: right;
    width: 40%
}

.login-s label span.req {
    color: red;
    margin-left: 5px
}

.fgt a,
.login-s .remember,
.signup-l a {
    color: #333;
    font-size: 13px
}

.fgt a,
.signup-l a {
    font-family: open sans;
    text-transform: capitalize
}

.fgt {
    margin-bottom: 10px
}

.signup-l {
    margin-bottom: 15px
}

.txt-b i {
    color: #868686;
    font-size: 15px
}

p.login,
ul.social-link li a {
    font-size: 16px;
    font-family: open sans
}

p.login {
    color: #158d8e;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 13px
}

.captcha-block img {
    border: 1px solid #ddd;
    margin-bottom: 5px
}

.right-s ul.social-link {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.social-link li a {
    display: block;
    line-height: 45px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 25px;
    border-radius: 5px;
    color: #fff;
    border: none
}

.fgt-pwd button.btn.btn-color,
.left-s button.btn.btn-color,
.register-b button.btn.btn-color,
.reset-pwd button.btn.btn-color {
    background: #158d8e;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    height: 40px;
    padding: 0 25px;
    text-transform: uppercase
}

.fgt-pwd a,
.signup-l a {
    text-decoration: underline;
    text-transform: capitalize
}

.reset-pwd button.btn.btn-color {
    border-radius: 2px
}

.reset-pwd .login-s {
    display: block;
    padding: 20px 18px;
    width: auto
}

.register-b button.btn.btn-color {
    margin-top: 8px
}

body.login-b {
    background: #f5f5f5
}

.signup-l a {
    color: #158d8e;
    font-size: 14px;
    font-weight: 600
}

ul.social-link li {
    margin-bottom: 14px;
    position: relative
}

ul.social-link li a span {
    margin-left: 15px
}

ul.social-link li a span.twit {
    margin-left: -2px
}

ul.social-link li a span.google_plus {
    margin-left: 6px
}

ul.social-link li a:hover {
    color: #fff
}

ul.social-link li a i {
    font-size: 25px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 15px
}

.login-s .signup-b li {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.login-s .form-group i {
    color: #868686;
    font-size: 18px;
    left: 9px;
    position: absolute;
    top: 13px
}

ul.social-link li:first-child a {
    background: #37589b
}

ul.social-link li:first-child+li a {
    background: #31aae1
}

ul.social-link li:first-child+li+li a {
    background: #da4b3a
}

.login-s .signup-b {
    list-style: none;
    margin: 0;
    padding: 0
}

.login-s .alert-danger {
    border-radius: 0;
    color: #a94442;
    padding: 7px 6px
}

.fgt-pwd .login-s h3,
.reset-pwd .login-s h3 {
    font-size: 20px
}

.fgt-pwd .login-s {
    width: auto
}

.fgt-pwd a {
    color: #158d8e;
    font-family: open sans;
    font-size: 14px;
    margin-left: 5px
}

.page-content.row.blogadmin-add .iradio_square-green {
    margin-right: 5px
}

.modal-dialog .modal-header .close {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #fff;
    height: 30px;
    margin-top: 0;
    opacity: 1;
    text-shadow: none;
    width: 30px
}

body .modal-title,
body .modal-titles {
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin: 5px 0 3px
}

body .modal-dialog {
    border: none
}

.mail-options .actbuttons ul.dropdown-menu li a:hover {
    background: rgba(0, 0, 0, 0)
}

body .modal-header {
    background: #158d8e;
    border-bottom: 1px solid #158d8e;
    padding: 5px
}

.test_vid .video_preview {
    text-align: center
}

.test_vid .video_preview video {
    width: 100%
}

.forum_admin table.table.table-striped td p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px
}

.admin-right-menu .navbar-right {
    margin-right: 0
}

fieldset legend {
    border-bottom: 1px solid #999;
    margin-bottom: 20px
}

.input-group.input-group-sm.create_menu .input-group-addon.xlick.bg-default.btn-sm {
    height: auto
}

@media(min-width:1200px) and (max-width:1380px) {
    .cmn-t a.clear .text-muted.text-uc {
        display: block;
        min-height: 95px
    }
}

@media(min-width:980px) and (max-width:1199px) {
    .cmn-t {
        padding: 10px
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut .col-sm-6.col-md-3.b-r.p-sm {
        padding-top: 0
    }
    .cmn-t .m-r-sm i {
        margin-top: 0
    }
    .row.m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6.col-md-3 {
        width: 50%;
        margin-bottom: 10px
    }
    .cmn-t .text-muted.text-uc {
        height: 60px;
        display: block
    }
}

@media(min-width:768px) and (max-width:979px) {
    .login-s {
        width: 84%
    }
    .login-s .signup-b li {
        padding: 0 12px
    }
    .login-s .form-group i {
        font-size: 17px
    }
    .login-s .left-s {
        width: 50%;
        padding: 0 20px 0 0
    }
    .login-s .form-group {
        width: 100%
    }
    .login-s .right-s {
        padding: 0 15px;
        width: 50%
    }
    ul.social-link li a {
        padding: 0 10px
    }
    .col-sm-6.col-md-3.b-r.p-sm {
        padding: 0 15px
    }
    .cmn-t {
        padding: 10px
    }
    .cmn-t .m-r-sm i {
        margin-top: 0
    }
    .row.m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6.col-md-3 {
        width: 50%;
        margin-bottom: 10px
    }
    .cmn-t .text-muted.text-uc {
        height: 60px;
        display: block
    }
}

@media(max-width:767px) {
    .login-s {
        width: auto
    }
    .login-s .signup-b li {
        float: none;
        width: auto
    }
    .login-s .left-s,
    .login-s .right-s {
        float: none;
        width: 100%
    }
    .login-s .right-s {
        margin-top: 25px
    }
    .test_vid .video_preview {
        text-align: center
    }
    .test_vid .video_preview video {
        width: 100%
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-md-3 {
        margin-bottom: 10px
    }
    .m-l-none.m-r-none.m-t.white-bg.shortcut.dashboard-m .col-sm-6 {
        padding: 0
    }
    .admin-right-menu .navbar-top-links li:last-child {
        margin-right: 0
    }
    .gray-bg .admin-right-menu ul li a {
        font-size: 15px;
        padding: 0 12px;
        line-height: 50px
    }
    .admin-right-menu ul li a i {
        margin: 0 4px 0 0
    }
    .admin-right-menu {
        float: none;
        margin: 0 auto;
        display: table
    }
    .admin_right_content .navbar-minimalize.minimalize-btn.btn.btn-primary {
        margin: 11px 6px
    }
    body.minimize-sidemenu .navbar-static-side {
        padding-top: 40px
    }
    .btn-section button {
        margin-bottom: 5px
    }
    .nav.nav-tabs.module_tab li {
        margin-bottom: 2px
    }
}

@media(max-width:480px) {
    .admin-right-menu .navbar-top-links li:last-child {
        margin-right: 0
    }
    #compose-modal .form-group .col-xs-10,
    #compose-modal .form-group label,
    #compose-modal-content button.btn.btn-sm {
        display: block;
        margin-bottom: 4px;
        width: 100%
    }
    .gray-bg .admin-right-menu ul li a {
        font-size: 13px;
        padding: 0 6px;
        line-height: 40px
    }
    .admin-right-menu ul li a i {
        margin: 0 4px 0 0
    }
    .admin-right-menu {
        float: none;
        margin: 0 auto;
        display: table
    }
    .login-s {
        display: block;
        margin-left: 10px;
        margin-right: 10px
    }
    .login-s .form-group {
        width: auto
    }
    .dashboard-b .sbox-title {
        display: inline-block;
        height: auto
    }
    ul.social-link li a {
        font-size: 13px
    }
    .filter-b {
        margin-top: 12px
    }
    .admin_right_content .navbar-minimalize.minimalize-btn.btn.btn-primary {
        margin: 6px
    }
    #content_parent.mceEditor.defaultSkin {
        display: block;
        overflow-x: auto
    }
    .block-content .tab-content.m-t ul li,
    .sbox-content.blog-comment ul li {
        margin-bottom: 2px
    }
    table.translation-sec td a.btn {
        display: block;
        margin-bottom: 2px
    }
}

@media(max-width:320px) {
    .cmn-t .m-r-sm i {
        font-size: 20px
    }
}

.invoice-block .datepicker.datepicker-dropdown.dropdown-menu {
    left: auto!important;
    right: 110px
}

.invoice-block .datepicker-dropdown::after {
    left: auto;
    right: 7px
}

.invoice-block .datepicker-dropdown::before {
    left: auto;
    right: 6px
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-group select.form-control {
    width: 99.999%
}

@font-face {
    font-family: icomoon;
    src: url(icons/icons.eot);
    src: url(icons/iconsd41d.eot?#iefix) format('embedded-opentype'), url(icons/icons.woff) format('woff'), url(icons/icons.ttf) format('truetype'), url(icons/icons.svg#icons) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=icon-] {
    font-size: 16px
}

.inside-content {
    float: left;
    margin: 1px 6px 0 0
}

[data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-IE,
.icon-accessibility,
.icon-accessibility2,
.icon-address-book,
.icon-aid,
.icon-airplane,
.icon-airplane2,
.icon-alarm,
.icon-alarm2,
.icon-anchor,
.icon-android,
.icon-angry,
.icon-angry2,
.icon-apple,
.icon-apple-fruit,
.icon-archive,
.icon-arrow,
.icon-arrow-down,
.icon-arrow-down-left,
.icon-arrow-down-left2,
.icon-arrow-down-left3,
.icon-arrow-down-left4,
.icon-arrow-down-left5,
.icon-arrow-down-right,
.icon-arrow-down-right2,
.icon-arrow-down-right3,
.icon-arrow-down-right4,
.icon-arrow-down-right5,
.icon-arrow-down10,
.icon-arrow-down11,
.icon-arrow-down2,
.icon-arrow-down3,
.icon-arrow-down4,
.icon-arrow-down5,
.icon-arrow-down6,
.icon-arrow-down7,
.icon-arrow-down8,
.icon-arrow-down9,
.icon-arrow-first,
.icon-arrow-left,
.icon-arrow-left10,
.icon-arrow-left11,
.icon-arrow-left2,
.icon-arrow-left3,
.icon-arrow-left4,
.icon-arrow-left5,
.icon-arrow-left6,
.icon-arrow-left7,
.icon-arrow-left8,
.icon-arrow-left9,
.icon-arrow-right,
.icon-arrow-right10,
.icon-arrow-right11,
.icon-arrow-right12,
.icon-arrow-right2,
.icon-arrow-right3,
.icon-arrow-right4,
.icon-arrow-right5,
.icon-arrow-right6,
.icon-arrow-right7,
.icon-arrow-right8,
.icon-arrow-right9,
.icon-arrow-up,
.icon-arrow-up-left,
.icon-arrow-up-left2,
.icon-arrow-up-left3,
.icon-arrow-up-left4,
.icon-arrow-up-left5,
.icon-arrow-up-right,
.icon-arrow-up-right2,
.icon-arrow-up-right3,
.icon-arrow-up-right4,
.icon-arrow-up-right5,
.icon-arrow-up10,
.icon-arrow-up11,
.icon-arrow-up2,
.icon-arrow-up3,
.icon-arrow-up4,
.icon-arrow-up5,
.icon-arrow-up6,
.icon-arrow-up7,
.icon-arrow-up8,
.icon-arrow-up9,
.icon-arrow2,
.icon-arrow3,
.icon-arrow4,
.icon-attachment,
.icon-attachment2,
.icon-backspace,
.icon-backspace2,
.icon-backspace3,
.icon-backward,
.icon-backward2,
.icon-balance,
.icon-balloon,
.icon-barcode,
.icon-barcode2,
.icon-bars,
.icon-bars2,
.icon-bars3,
.icon-basket,
.icon-basket2,
.icon-bed,
.icon-bed2,
.icon-bell,
.icon-binoculars,
.icon-bishop,
.icon-blocked,
.icon-blog,
.icon-blogger,
.icon-blogger2,
.icon-boat,
.icon-bold,
.icon-book,
.icon-book2,
.icon-bookmark,
.icon-bookmark2,
.icon-bookmark3,
.icon-bookmarks,
.icon-books,
.icon-bottle,
.icon-bottle2,
.icon-box-add,
.icon-box-remove,
.icon-briefcase,
.icon-briefcase2,
.icon-briefcase3,
.icon-brightness-contrast,
.icon-brightness-high,
.icon-brightness-low,
.icon-brightness-medium,
.icon-bubble,
.icon-bubble-blocked,
.icon-bubble-cancel,
.icon-bubble-check,
.icon-bubble-dots,
.icon-bubble-dots2,
.icon-bubble-down,
.icon-bubble-first,
.icon-bubble-forward,
.icon-bubble-forward2,
.icon-bubble-heart,
.icon-bubble-last,
.icon-bubble-left,
.icon-bubble-link,
.icon-bubble-locked,
.icon-bubble-minus,
.icon-bubble-notification,
.icon-bubble-notification2,
.icon-bubble-paperclip,
.icon-bubble-plus,
.icon-bubble-quote,
.icon-bubble-replu,
.icon-bubble-reply,
.icon-bubble-right,
.icon-bubble-star,
.icon-bubble-trash,
.icon-bubble-up,
.icon-bubble-user,
.icon-bubble-video-chat,
.icon-bubble2,
.icon-bubble3,
.icon-bubble4,
.icon-bubble5,
.icon-bubble6,
.icon-bubbles,
.icon-bubbles2,
.icon-bubbles3,
.icon-bubbles4,
.icon-bubbles5,
.icon-bubbles6,
.icon-bug,
.icon-bug2,
.icon-bullhorn,
.icon-bus,
.icon-busy,
.icon-busy2,
.icon-busy3,
.icon-cabinet,
.icon-cake,
.icon-calculate,
.icon-calculate2,
.icon-calendar,
.icon-calendar2,
.icon-calendar3,
.icon-calendar4,
.icon-call-incoming,
.icon-call-outgoing,
.icon-camera,
.icon-camera2,
.icon-camera3,
.icon-camera4,
.icon-camera5,
.icon-camera6,
.icon-camera7,
.icon-cancel,
.icon-cancel-circle,
.icon-cancel-circle2,
.icon-car,
.icon-cart,
.icon-cart-add,
.icon-cart-checkout,
.icon-cart-minus,
.icon-cart-plus,
.icon-cart-remove,
.icon-cart-remove2,
.icon-cart2,
.icon-cart3,
.icon-cart4,
.icon-cart5,
.icon-cc,
.icon-certificate,
.icon-checkbox-checked,
.icon-checkbox-partial,
.icon-checkbox-unchecked,
.icon-checkmark,
.icon-checkmark-circle,
.icon-checkmark-circle2,
.icon-checkmark2,
.icon-checkmark3,
.icon-checkmark4,
.icon-chrome,
.icon-clear-formatting,
.icon-clipboard,
.icon-clock,
.icon-clock2,
.icon-clock3,
.icon-clock4,
.icon-close,
.icon-cloud,
.icon-cloud-download,
.icon-cloud-upload,
.icon-clubs,
.icon-code,
.icon-cog,
.icon-cog2,
.icon-cog3,
.icon-cog4,
.icon-cogs,
.icon-coin,
.icon-command,
.icon-compass,
.icon-compass2,
.icon-cone,
.icon-confused,
.icon-confused2,
.icon-connection,
.icon-connection2,
.icon-console,
.icon-construction,
.icon-contact-add,
.icon-contact-add2,
.icon-contact-remove,
.icon-contact-remove2,
.icon-contract,
.icon-contract2,
.icon-contrast,
.icon-cool,
.icon-cool2,
.icon-copy,
.icon-copy2,
.icon-copy3,
.icon-copy4,
.icon-credit,
.icon-crop,
.icon-crown,
.icon-css3,
.icon-cube,
.icon-cube2,
.icon-cursor,
.icon-cursor2,
.icon-dashboard,
.icon-database,
.icon-database2,
.icon-delicious,
.icon-deviantart,
.icon-deviantart2,
.icon-diamond,
.icon-diamonds,
.icon-dice,
.icon-direction,
.icon-disk,
.icon-download,
.icon-download2,
.icon-download3,
.icon-download4,
.icon-download5,
.icon-drawer,
.icon-drawer2,
.icon-drawer3,
.icon-dribbble,
.icon-dribbble2,
.icon-dribbble3,
.icon-droplet,
.icon-droplet2,
.icon-dumbbell,
.icon-earth,
.icon-eject,
.icon-embed,
.icon-enter,
.icon-enter2,
.icon-enter3,
.icon-enter4,
.icon-enter5,
.icon-envelop,
.icon-envelop2,
.icon-equalizer,
.icon-equalizer2,
.icon-equalizer3,
.icon-esc,
.icon-evil,
.icon-evil2,
.icon-exit,
.icon-exit2,
.icon-exit3,
.icon-exit4,
.icon-expand,
.icon-expand2,
.icon-eye,
.icon-eye-blocked,
.icon-eye-blocked2,
.icon-eye2,
.icon-eye3,
.icon-eye4,
.icon-eye5,
.icon-eye6,
.icon-eye7,
.icon-eyedropper,
.icon-facebook,
.icon-facebook2,
.icon-facebook3,
.icon-factory,
.icon-fan,
.icon-feed,
.icon-feed2,
.icon-feed3,
.icon-feed4,
.icon-female,
.icon-file,
.icon-file-check,
.icon-file-css,
.icon-file-download,
.icon-file-excel,
.icon-file-minus,
.icon-file-openoffice,
.icon-file-pdf,
.icon-file-plus,
.icon-file-powerpoint,
.icon-file-remove,
.icon-file-upload,
.icon-file-word,
.icon-file-xml,
.icon-file-zip,
.icon-file2,
.icon-file3,
.icon-file4,
.icon-file5,
.icon-file6,
.icon-file7,
.icon-film,
.icon-film2,
.icon-film3,
.icon-filter,
.icon-filter2,
.icon-filter3,
.icon-filter4,
.icon-finder,
.icon-fire,
.icon-firefox,
.icon-first,
.icon-flag,
.icon-flag2,
.icon-flag3,
.icon-flag4,
.icon-flattr,
.icon-flickr,
.icon-flickr2,
.icon-flickr3,
.icon-flickr4,
.icon-flip,
.icon-flip2,
.icon-flower,
.icon-folder,
.icon-folder-download,
.icon-folder-download2,
.icon-folder-minus,
.icon-folder-minus2,
.icon-folder-minus3,
.icon-folder-open,
.icon-folder-open2,
.icon-folder-plus,
.icon-folder-plus2,
.icon-folder-plus3,
.icon-folder-remove,
.icon-folder-upload,
.icon-folder-upload2,
.icon-folder2,
.icon-folder3,
.icon-folder8,
.icon-font,
.icon-font-size,
.icon-food,
.icon-food2,
.icon-forrst,
.icon-forrst2,
.icon-forward,
.icon-forward2,
.icon-forward3,
.icon-foursquare,
.icon-foursquare2,
.icon-gas-pump,
.icon-gift,
.icon-github,
.icon-github2,
.icon-github3,
.icon-github4,
.icon-github5,
.icon-glass,
.icon-glass2,
.icon-glasses,
.icon-glasses2,
.icon-glasses3,
.icon-globe,
.icon-globe2,
.icon-google,
.icon-google-drive,
.icon-google-plus,
.icon-google-plus2,
.icon-google-plus3,
.icon-google-plus4,
.icon-grid,
.icon-grid2,
.icon-grid3,
.icon-grid4,
.icon-grin,
.icon-grin2,
.icon-gun,
.icon-gun-ban,
.icon-hammer,
.icon-hammer2,
.icon-hanger,
.icon-happy,
.icon-happy2,
.icon-headphones,
.icon-headphones2,
.icon-heart,
.icon-heart-broken,
.icon-heart-broken2,
.icon-heart-broken3,
.icon-heart2,
.icon-heart3,
.icon-heart4,
.icon-heart5,
.icon-heart6,
.icon-history,
.icon-home,
.icon-home2,
.icon-home3,
.icon-home4,
.icon-home5,
.icon-home6,
.icon-home7,
.icon-html5,
.icon-html52,
.icon-icon,
.icon-image,
.icon-image2,
.icon-image3,
.icon-image4,
.icon-image5,
.icon-images,
.icon-indent-decrease,
.icon-indent-increase,
.icon-info,
.icon-info2,
.icon-inject,
.icon-insert-template,
.icon-instagram,
.icon-italic,
.icon-joomla,
.icon-key,
.icon-key2,
.icon-keyboard,
.icon-king,
.icon-knight,
.icon-lab,
.icon-ladder,
.icon-lamp,
.icon-lamp2,
.icon-lamp3,
.icon-lanyrd,
.icon-laptop,
.icon-last,
.icon-lastfm,
.icon-lastfm2,
.icon-leaf,
.icon-left-to-right,
.icon-library,
.icon-libreoffice,
.icon-lightning,
.icon-link,
.icon-link2,
.icon-link22,
.icon-link3,
.icon-link4,
.icon-link5,
.icon-link6,
.icon-linkedin,
.icon-list,
.icon-list2,
.icon-location,
.icon-location2,
.icon-location3,
.icon-location4,
.icon-lock,
.icon-lock2,
.icon-lock3,
.icon-loop,
.icon-loop2,
.icon-loop3,
.icon-loop4,
.icon-loop5,
.icon-magnet,
.icon-mail,
.icon-mail-send,
.icon-mail2,
.icon-mail3,
.icon-mail4,
.icon-male,
.icon-man,
.icon-map,
.icon-map2,
.icon-map3,
.icon-marker,
.icon-medal,
.icon-medal2,
.icon-medal3,
.icon-medal4,
.icon-medal5,
.icon-megaphone,
.icon-menu,
.icon-menu2,
.icon-menu3,
.icon-menu4,
.icon-menu5,
.icon-meter,
.icon-meter-fast,
.icon-meter-medium,
.icon-meter-slow,
.icon-meter2,
.icon-mic,
.icon-mic2,
.icon-mic3,
.icon-mic4,
.icon-minus,
.icon-minus-circle,
.icon-minus-circle2,
.icon-mobile,
.icon-mobile2,
.icon-moon,
.icon-mouse,
.icon-mouse2,
.icon-move,
.icon-movie,
.icon-movie2,
.icon-mug,
.icon-music,
.icon-music2,
.icon-music3,
.icon-nbsp,
.icon-neutral,
.icon-neutral2,
.icon-new,
.icon-new-tab,
.icon-new-tab2,
.icon-newspaper,
.icon-next,
.icon-notebook,
.icon-notification,
.icon-numbered-list,
.icon-office,
.icon-omega,
.icon-opera,
.icon-pacman,
.icon-page-break,
.icon-page-break2,
.icon-pagebreak,
.icon-paint-format,
.icon-paper-plane,
.icon-paragraph-center,
.icon-paragraph-center2,
.icon-paragraph-justify,
.icon-paragraph-justify2,
.icon-paragraph-left,
.icon-paragraph-left2,
.icon-paragraph-right,
.icon-paragraph-right2,
.icon-paste,
.icon-paste2,
.icon-paste3,
.icon-patch,
.icon-pause,
.icon-pause2,
.icon-paw,
.icon-pawn,
.icon-paypal,
.icon-paypal2,
.icon-paypal3,
.icon-peace,
.icon-pen,
.icon-pen2,
.icon-pen3,
.icon-pencil,
.icon-pencil2,
.icon-pencil3,
.icon-pencil4,
.icon-people,
.icon-phone,
.icon-phone-hang-up,
.icon-phone-hang-up2,
.icon-phone2,
.icon-phone3,
.icon-phone4,
.icon-phone5,
.icon-piano,
.icon-picassa,
.icon-picassa2,
.icon-pie,
.icon-pie2,
.icon-pie3,
.icon-pie4,
.icon-pilcrow,
.icon-pinterest,
.icon-pinterest2,
.icon-play,
.icon-play2,
.icon-play3,
.icon-playlist,
.icon-plus,
.icon-plus-circle,
.icon-plus-circle2,
.icon-podcast,
.icon-podium,
.icon-point-down,
.icon-point-left,
.icon-point-right,
.icon-point-up,
.icon-popout,
.icon-power,
.icon-power-cord,
.icon-power2,
.icon-previous,
.icon-print,
.icon-print2,
.icon-profile,
.icon-pushpin,
.icon-puzzle,
.icon-puzzle2,
.icon-puzzle3,
.icon-puzzle4,
.icon-pyramid,
.icon-qrcode,
.icon-queen,
.icon-question,
.icon-question2,
.icon-question3,
.icon-question4,
.icon-question5,
.icon-quill,
.icon-quill2,
.icon-quotes-left,
.icon-quotes-right,
.icon-quotes-right2,
.icon-quotes-right3,
.icon-radio,
.icon-radio-checked,
.icon-radio-unchecked,
.icon-rating,
.icon-rating2,
.icon-rating3,
.icon-reddit,
.icon-redo,
.icon-redo2,
.icon-remove,
.icon-remove2,
.icon-remove3,
.icon-remove4,
.icon-remove5,
.icon-reply,
.icon-reply2,
.icon-right-to-left,
.icon-road,
.icon-rock,
.icon-rocket,
.icon-rotate,
.icon-rotate2,
.icon-rulers,
.icon-sad,
.icon-sad2,
.icon-safari,
.icon-scissors,
.icon-scissors2,
.icon-screen,
.icon-screen2,
.icon-search,
.icon-search2,
.icon-search3,
.icon-settings,
.icon-share,
.icon-share2,
.icon-share3,
.icon-shield,
.icon-shield2,
.icon-shocked,
.icon-shocked2,
.icon-shuffle,
.icon-shuffle2,
.icon-sigma,
.icon-signup,
.icon-skull,
.icon-skull2,
.icon-skype,
.icon-smiley,
.icon-smiley2,
.icon-sort,
.icon-sort2,
.icon-soundcloud,
.icon-soundcloud2,
.icon-spades,
.icon-spam,
.icon-spell-check,
.icon-spinner,
.icon-spinner2,
.icon-spinner3,
.icon-spinner4,
.icon-spinner5,
.icon-spinner6,
.icon-spinner7,
.icon-spinner8,
.icon-stack,
.icon-stackoverflow,
.icon-star,
.icon-star2,
.icon-star3,
.icon-star4,
.icon-star5,
.icon-star6,
.icon-stats,
.icon-stats-down,
.icon-stats-up,
.icon-stats2,
.icon-stats3,
.icon-steam,
.icon-steam2,
.icon-steps,
.icon-stop,
.icon-stop2,
.icon-stopwatch,
.icon-storage,
.icon-storage2,
.icon-strikethrough,
.icon-stumbleupon,
.icon-stumbleupon2,
.icon-subscript,
.icon-subscript2,
.icon-sun,
.icon-sun-glasses,
.icon-sun2,
.icon-superscript,
.icon-superscript2,
.icon-support,
.icon-switch,
.icon-tab,
.icon-table,
.icon-table2,
.icon-tablet,
.icon-tag,
.icon-tag2,
.icon-tag3,
.icon-tag4,
.icon-tag5,
.icon-tags,
.icon-tags2,
.icon-target,
.icon-target2,
.icon-target3,
.icon-text-color,
.icon-text-height,
.icon-text-width,
.icon-thumbs-down,
.icon-thumbs-down2,
.icon-thumbs-up,
.icon-thumbs-up2,
.icon-thumbs-up3,
.icon-thumbs-up4,
.icon-ticket,
.icon-tongue,
.icon-tongue2,
.icon-tools,
.icon-transmission,
.icon-transmission2,
.icon-tree,
.icon-tree2,
.icon-tree3,
.icon-trophy,
.icon-trophy-star,
.icon-trophy2,
.icon-truck,
.icon-tumblr,
.icon-tumblr2,
.icon-tux,
.icon-tv,
.icon-twitter,
.icon-twitter2,
.icon-twitter3,
.icon-umbrella,
.icon-underline,
.icon-undo,
.icon-undo2,
.icon-unlocked,
.icon-unlocked2,
.icon-upload,
.icon-upload2,
.icon-upload3,
.icon-upload4,
.icon-upload5,
.icon-user,
.icon-user-block,
.icon-user-block2,
.icon-user-cancel,
.icon-user-cancel2,
.icon-user-minus,
.icon-user-minus2,
.icon-user-minus3,
.icon-user-plus,
.icon-user-plus2,
.icon-user-plus3,
.icon-user2,
.icon-user3,
.icon-user4,
.icon-users,
.icon-users2,
.icon-vcard,
.icon-vector,
.icon-vimeo,
.icon-vimeo2,
.icon-vimeo3,
.icon-volume-decrease,
.icon-volume-decrease2,
.icon-volume-high,
.icon-volume-high2,
.icon-volume-increase,
.icon-volume-increase2,
.icon-volume-low,
.icon-volume-low2,
.icon-volume-medium,
.icon-volume-medium2,
.icon-volume-mute,
.icon-volume-mute2,
.icon-volume-mute3,
.icon-volume-mute4,
.icon-volume-mute5,
.icon-volume-mute6,
.icon-volume0,
.icon-volume1,
.icon-volume2,
.icon-volume3,
.icon-volume4,
.icon-volume5,
.icon-wand,
.icon-wand2,
.icon-warning,
.icon-watch,
.icon-wave,
.icon-wave2,
.icon-weather-lightning,
.icon-weather-rain,
.icon-weather-snow,
.icon-windows,
.icon-windows8,
.icon-windy,
.icon-wink,
.icon-wink2,
.icon-woman,
.icon-wondering,
.icon-wondering2,
.icon-wordpress,
.icon-wordpress2,
.icon-wrench,
.icon-wrench2,
.icon-xing,
.icon-xing2,
.icon-yahoo,
.icon-yelp,
.icon-yin-yang,
.icon-youtube,
.icon-youtube2,
.icon-zoom-in,
.icon-zoom-in2,
.icon-zoom-out,
.icon-zoom-out2 {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1.063;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

.icon-zoom-out2:before {
    content: "\e000"
}

.icon-zoom-out:before {
    content: "\e001"
}

.icon-zoom-in2:before {
    content: "\e002"
}

.icon-zoom-in:before {
    content: "\e003"
}

.icon-youtube2:before {
    content: "\e004"
}

.icon-youtube:before {
    content: "\e005"
}

.icon-yin-yang:before {
    content: "\e006"
}

.icon-yelp:before {
    content: "\e007"
}

.icon-yahoo:before {
    content: "\e008"
}

.icon-xing2:before {
    content: "\e009"
}

.icon-xing:before {
    content: "\e00a"
}

.icon-wrench2:before {
    content: "\e00b"
}

.icon-wrench:before {
    content: "\e00c"
}

.icon-wordpress2:before {
    content: "\e00d"
}

.icon-wordpress:before {
    content: "\e00e"
}

.icon-wondering2:before {
    content: "\e00f"
}

.icon-wondering:before {
    content: "\e010"
}

.icon-woman:before {
    content: "\e011"
}

.icon-wink2:before {
    content: "\e012"
}

.icon-wink:before {
    content: "\e013"
}

.icon-windy:before {
    content: "\e014"
}

.icon-windows8:before {
    content: "\e015"
}

.icon-windows:before {
    content: "\e016"
}

.icon-weather-snow:before {
    content: "\e017"
}

.icon-weather-rain:before {
    content: "\e018"
}

.icon-weather-lightning:before {
    content: "\e019"
}

.icon-wave2:before {
    content: "\e01a"
}

.icon-wave:before {
    content: "\e01b"
}

.icon-watch:before {
    content: "\e01c"
}

.icon-warning:before {
    content: "\e01d"
}

.icon-wand2:before {
    content: "\e01e"
}

.icon-wand:before {
    content: "\e01f"
}

.icon-volume5:before {
    content: "\e020"
}

.icon-volume4:before {
    content: "\e021"
}

.icon-volume3:before {
    content: "\e022"
}

.icon-volume2:before {
    content: "\e023"
}

.icon-volume1:before {
    content: "\e024"
}

.icon-volume0:before {
    content: "\e025"
}

.icon-volume-mute6:before {
    content: "\e026"
}

.icon-volume-mute5:before {
    content: "\e027"
}

.icon-volume-mute4:before {
    content: "\e028"
}

.icon-volume-mute3:before {
    content: "\e029"
}

.icon-volume-mute2:before {
    content: "\e02a"
}

.icon-volume-mute:before {
    content: "\e02b"
}

.icon-volume-medium2:before {
    content: "\e02c"
}

.icon-volume-medium:before {
    content: "\e02d"
}

.icon-volume-low2:before {
    content: "\e02e"
}

.icon-volume-low:before {
    content: "\e02f"
}

.icon-volume-increase2:before {
    content: "\e030"
}

.icon-volume-increase:before {
    content: "\e031"
}

.icon-volume-high2:before {
    content: "\e032"
}

.icon-volume-high:before {
    content: "\e033"
}

.icon-volume-decrease2:before {
    content: "\e034"
}

.icon-volume-decrease:before {
    content: "\e035"
}

.icon-vimeo3:before {
    content: "\e036"
}

.icon-vimeo2:before {
    content: "\e037"
}

.icon-vimeo:before {
    content: "\e038"
}

.icon-vector:before {
    content: "\e039"
}

.icon-vcard:before {
    content: "\e03a"
}

.icon-users2:before {
    content: "\e03b"
}

.icon-users:before {
    content: "\e03c"
}

.icon-user4:before {
    content: "\e03d"
}

.icon-user3:before {
    content: "\e03e"
}

.icon-user2:before {
    content: "\e03f"
}

.icon-user:before {
    content: "\e040"
}

.icon-user-plus3:before {
    content: "\e041"
}

.icon-user-plus2:before {
    content: "\e042"
}

.icon-user-plus:before {
    content: "\e043"
}

.icon-user-minus3:before {
    content: "\e044"
}

.icon-user-minus2:before {
    content: "\e045"
}

.icon-user-minus:before {
    content: "\e046"
}

.icon-user-cancel2:before {
    content: "\e047"
}

.icon-user-cancel:before {
    content: "\e048"
}

.icon-user-block2:before {
    content: "\e049"
}

.icon-user-block:before {
    content: "\e04a"
}

.icon-upload5:before {
    content: "\e04b"
}

.icon-upload4:before {
    content: "\e04c"
}

.icon-upload3:before {
    content: "\e04d"
}

.icon-upload2:before {
    content: "\e04e"
}

.icon-upload:before {
    content: "\e04f"
}

.icon-unlocked2:before {
    content: "\e050"
}

.icon-unlocked:before {
    content: "\e051"
}

.icon-undo2:before {
    content: "\e052"
}

.icon-undo:before {
    content: "\e053"
}

.icon-underline:before {
    content: "\e054"
}

.icon-umbrella:before {
    content: "\e055"
}

.icon-twitter3:before {
    content: "\e056"
}

.icon-twitter2:before {
    content: "\e057"
}

.icon-twitter:before {
    content: "\e058"
}

.icon-tv:before {
    content: "\e059"
}

.icon-tux:before {
    content: "\e05a"
}

.icon-tumblr2:before {
    content: "\e05b"
}

.icon-tumblr:before {
    content: "\e05c"
}

.icon-truck:before {
    content: "\e05d"
}

.icon-trophy2:before {
    content: "\e05e"
}

.icon-trophy:before {
    content: "\e05f"
}

.icon-trophy-star:before {
    content: "\e060"
}

.icon-tree3:before {
    content: "\e061"
}

.icon-tree2:before {
    content: "\e062"
}

.icon-tree:before {
    content: "\e063"
}

.icon-transmission2:before {
    content: "\e064"
}

.icon-transmission:before {
    content: "\e065"
}

.icon-tools:before {
    content: "\e066"
}

.icon-tongue2:before {
    content: "\e067"
}

.icon-tongue:before {
    content: "\e068"
}

.icon-ticket:before {
    content: "\e069"
}

.icon-thumbs-up4:before {
    content: "\e06a"
}

.icon-thumbs-up3:before {
    content: "\e06b"
}

.icon-thumbs-up2:before {
    content: "\e06c"
}

.icon-thumbs-up:before {
    content: "\e06d"
}

.icon-thumbs-down2:before {
    content: "\e06e"
}

.icon-thumbs-down:before {
    content: "\e06f"
}

.icon-text-width:before {
    content: "\e070"
}

.icon-text-height:before {
    content: "\e071"
}

.icon-text-color:before {
    content: "\e072"
}

.icon-target3:before {
    content: "\e073"
}

.icon-target2:before {
    content: "\e074"
}

.icon-target:before {
    content: "\e075"
}

.icon-tags2:before {
    content: "\e076"
}

.icon-tags:before {
    content: "\e077"
}

.icon-tag5:before {
    content: "\e078"
}

.icon-tag4:before {
    content: "\e079"
}

.icon-tag3:before {
    content: "\e07a"
}

.icon-tag2:before {
    content: "\e07b"
}

.icon-tag:before {
    content: "\e07c"
}

.icon-tablet:before {
    content: "\e07d"
}

.icon-table2:before {
    content: "\e07e"
}

.icon-table:before {
    content: "\e07f"
}

.icon-tab:before {
    content: "\e080"
}

.icon-switch:before {
    content: "\e081"
}

.icon-support:before {
    content: "\e082"
}

.icon-superscript2:before {
    content: "\e083"
}

.icon-superscript:before {
    content: "\e084"
}

.icon-sun2:before {
    content: "\e085"
}

.icon-sun:before {
    content: "\e086"
}

.icon-sun-glasses:before {
    content: "\e087"
}

.icon-subscript2:before {
    content: "\e088"
}

.icon-subscript:before {
    content: "\e089"
}

.icon-stumbleupon2:before {
    content: "\e08a"
}

.icon-stumbleupon:before {
    content: "\e08b"
}

.icon-strikethrough:before {
    content: "\e08c"
}

.icon-storage2:before {
    content: "\e08d"
}

.icon-storage:before {
    content: "\e08e"
}

.icon-stopwatch:before {
    content: "\e08f"
}

.icon-stop2:before {
    content: "\e090"
}

.icon-stop:before {
    content: "\e091"
}

.icon-steps:before {
    content: "\e092"
}

.icon-steam2:before {
    content: "\e093"
}

.icon-steam:before {
    content: "\e094"
}

.icon-stats3:before {
    content: "\e095"
}

.icon-stats2:before {
    content: "\e096"
}

.icon-stats:before {
    content: "\e097"
}

.icon-stats-up:before {
    content: "\e098"
}

.icon-stats-down:before {
    content: "\e099"
}

.icon-star6:before {
    content: "\e09a"
}

.icon-star5:before {
    content: "\e09b"
}

.icon-star4:before {
    content: "\e09c"
}

.icon-star3:before {
    content: "\e09d"
}

.icon-star2:before {
    content: "\e09e"
}

.icon-star:before {
    content: "\e09f"
}

.icon-stackoverflow:before {
    content: "\e0a0"
}

.icon-stack:before {
    content: "\e0a1"
}

.icon-spinner8:before {
    content: "\e0a2"
}

.icon-spinner7:before {
    content: "\e0a3"
}

.icon-spinner6:before {
    content: "\e0a4"
}

.icon-spinner5:before {
    content: "\e0a5"
}

.icon-spinner4:before {
    content: "\e0a6"
}

.icon-spinner3:before {
    content: "\e0a7"
}

.icon-spinner2:before {
    content: "\e0a8"
}

.icon-spinner:before {
    content: "\e0a9"
}

.icon-spell-check:before {
    content: "\e0aa"
}

.icon-spam:before {
    content: "\e0ab"
}

.icon-spades:before {
    content: "\e0ac"
}

.icon-soundcloud2:before {
    content: "\e0ad"
}

.icon-soundcloud:before {
    content: "\e0ae"
}

.icon-sort2:before {
    content: "\e0af"
}

.icon-sort:before {
    content: "\e0b0"
}

.icon-smiley2:before {
    content: "\e0b1"
}

.icon-smiley:before {
    content: "\e0b2"
}

.icon-skype:before {
    content: "\e0b3"
}

.icon-skull2:before {
    content: "\e0b4"
}

.icon-skull:before {
    content: "\e0b5"
}

.icon-signup:before {
    content: "\e0b6"
}

.icon-sigma:before {
    content: "\e0b7"
}

.icon-shuffle2:before {
    content: "\e0b8"
}

.icon-shuffle:before {
    content: "\e0b9"
}

.icon-shocked2:before {
    content: "\e0ba"
}

.icon-shocked:before {
    content: "\e0bb"
}

.icon-shield2:before {
    content: "\e0bc"
}

.icon-shield:before {
    content: "\e0bd"
}

.icon-share3:before {
    content: "\e0be"
}

.icon-share2:before {
    content: "\e0bf"
}

.icon-share:before {
    content: "\e0c0"
}

.icon-settings:before {
    content: "\e0c1"
}

.icon-search3:before {
    content: "\e0c2"
}

.icon-search2:before {
    content: "\e0c3"
}

.icon-search:before {
    content: "\e0c4"
}

.icon-screen2:before {
    content: "\e0c5"
}

.icon-screen:before {
    content: "\e0c6"
}

.icon-scissors2:before {
    content: "\e0c7"
}

.icon-scissors:before {
    content: "\e0c8"
}

.icon-safari:before {
    content: "\e0c9"
}

.icon-sad2:before {
    content: "\e0ca"
}

.icon-sad:before {
    content: "\e0cb"
}

.icon-rulers:before {
    content: "\e0cc"
}

.icon-rotate2:before {
    content: "\e0cd"
}

.icon-rotate:before {
    content: "\e0ce"
}

.icon-rocket:before {
    content: "\e0cf"
}

.icon-rock:before {
    content: "\e0d0"
}

.icon-road:before {
    content: "\e0d1"
}

.icon-right-to-left:before {
    content: "\e0d2"
}

.icon-reply2:before {
    content: "\e0d3"
}

.icon-reply:before {
    content: "\e0d4"
}

.icon-remove5:before {
    content: "\e0d5"
}

.icon-remove4:before {
    content: "\e0d6"
}

.icon-remove3:before {
    content: "\e0d7"
}

.icon-remove2:before {
    content: "\e0d8"
}

.icon-remove:before {
    content: "\e0d9"
}

.icon-redo2:before {
    content: "\e0da"
}

.icon-redo:before {
    content: "\e0db"
}

.icon-reddit:before {
    content: "\e0dc"
}

.icon-rating3:before {
    content: "\e0dd"
}

.icon-rating2:before {
    content: "\e0de"
}

.icon-rating:before {
    content: "\e0df"
}

.icon-radio:before {
    content: "\e0e0"
}

.icon-radio-unchecked:before {
    content: "\e0e1"
}

.icon-radio-checked:before {
    content: "\e0e2"
}

.icon-quotes-right3:before {
    content: "\e0e3"
}

.icon-quotes-right2:before {
    content: "\e0e4"
}

.icon-quotes-right:before {
    content: "\e0e5"
}

.icon-quotes-left:before {
    content: "\e0e6"
}

.icon-quill2:before {
    content: "\e0e7"
}

.icon-quill:before {
    content: "\e0e8"
}

.icon-question5:before {
    content: "\e0e9"
}

.icon-question4:before {
    content: "\e0ea"
}

.icon-question3:before {
    content: "\e0eb"
}

.icon-question2:before {
    content: "\e0ec"
}

.icon-question:before {
    content: "\e0ed"
}

.icon-queen:before {
    content: "\e0ee"
}

.icon-qrcode:before {
    content: "\e0ef"
}

.icon-pyramid:before {
    content: "\e0f0"
}

.icon-puzzle4:before {
    content: "\e0f1"
}

.icon-puzzle3:before {
    content: "\e0f2"
}

.icon-puzzle2:before {
    content: "\e0f3"
}

.icon-puzzle:before {
    content: "\e0f4"
}

.icon-pushpin:before {
    content: "\e0f5"
}

.icon-profile:before {
    content: "\e0f6"
}

.icon-print2:before {
    content: "\e0f7"
}

.icon-print:before {
    content: "\e0f8"
}

.icon-previous:before {
    content: "\e0f9"
}

.icon-power2:before {
    content: "\e0fa"
}

.icon-power:before {
    content: "\e0fb"
}

.icon-power-cord:before {
    content: "\e0fc"
}

.icon-popout:before {
    content: "\e0fd"
}

.icon-point-up:before {
    content: "\e0fe"
}

.icon-point-right:before {
    content: "\e0ff"
}

.icon-point-left:before {
    content: "\e100"
}

.icon-point-down:before {
    content: "\e101"
}

.icon-podium:before {
    content: "\e102"
}

.icon-podcast:before {
    content: "\e103"
}

.icon-plus:before {
    content: "\e104"
}

.icon-plus-circle2:before {
    content: "\e105"
}

.icon-plus-circle:before {
    content: "\e106"
}

.icon-playlist:before {
    content: "\e107"
}

.icon-play3:before {
    content: "\e108"
}

.icon-play2:before {
    content: "\e109"
}

.icon-play:before {
    content: "\e10a"
}

.icon-pinterest2:before {
    content: "\e10b"
}

.icon-pinterest:before {
    content: "\e10c"
}

.icon-pilcrow:before {
    content: "\e10d"
}

.icon-pie4:before {
    content: "\e10e"
}

.icon-pie3:before {
    content: "\e10f"
}

.icon-pie2:before {
    content: "\e110"
}

.icon-pie:before {
    content: "\e111"
}

.icon-picassa2:before {
    content: "\e112"
}

.icon-picassa:before {
    content: "\e113"
}

.icon-piano:before {
    content: "\e114"
}

.icon-phone5:before {
    content: "\e115"
}

.icon-phone4:before {
    content: "\e116"
}

.icon-phone3:before {
    content: "\e117"
}

.icon-phone2:before {
    content: "\e118"
}

.icon-phone:before {
    content: "\e119"
}

.icon-phone-hang-up2:before {
    content: "\e11a"
}

.icon-phone-hang-up:before {
    content: "\e11b"
}

.icon-people:before {
    content: "\e11c"
}

.icon-pencil4:before {
    content: "\e11d"
}

.icon-pencil3:before {
    content: "\e11e"
}

.icon-pencil2:before {
    content: "\e11f"
}

.icon-pencil:before {
    content: "\e120"
}

.icon-pen3:before {
    content: "\e121"
}

.icon-pen2:before {
    content: "\e122"
}

.icon-pen:before {
    content: "\e123"
}

.icon-peace:before {
    content: "\e124"
}

.icon-paypal3:before {
    content: "\e125"
}

.icon-paypal2:before {
    content: "\e126"
}

.icon-paypal:before {
    content: "\e127"
}

.icon-pawn:before {
    content: "\e128"
}

.icon-paw:before {
    content: "\e129"
}

.icon-pause2:before {
    content: "\e12a"
}

.icon-pause:before {
    content: "\e12b"
}

.icon-patch:before {
    content: "\e12c"
}

.icon-paste3:before {
    content: "\e12d"
}

.icon-paste2:before {
    content: "\e12e"
}

.icon-paste:before {
    content: "\e12f"
}

.icon-paragraph-right2:before {
    content: "\e130"
}

.icon-paragraph-right:before {
    content: "\e131"
}

.icon-paragraph-left2:before {
    content: "\e132"
}

.icon-paragraph-left:before {
    content: "\e133"
}

.icon-paragraph-justify2:before {
    content: "\e134"
}

.icon-paragraph-justify:before {
    content: "\e135"
}

.icon-paragraph-center2:before {
    content: "\e136"
}

.icon-paragraph-center:before {
    content: "\e137"
}

.icon-paper-plane:before {
    content: "\e138"
}

.icon-paint-format:before {
    content: "\e139"
}

.icon-pagebreak:before {
    content: "\e13a"
}

.icon-page-break2:before {
    content: "\e13b"
}

.icon-page-break:before {
    content: "\e13c"
}

.icon-pacman:before {
    content: "\e13d"
}

.icon-opera:before {
    content: "\e13e"
}

.icon-omega:before {
    content: "\e13f"
}

.icon-office:before {
    content: "\e140"
}

.icon-numbered-list:before {
    content: "\e141"
}

.icon-notification:before {
    content: "\e142"
}

.icon-notebook:before {
    content: "\e143"
}

.icon-next:before {
    content: "\e144"
}

.icon-newspaper:before {
    content: "\e145"
}

.icon-new:before {
    content: "\e146"
}

.icon-new-tab2:before {
    content: "\e147"
}

.icon-new-tab:before {
    content: "\e148"
}

.icon-neutral2:before {
    content: "\e149"
}

.icon-neutral:before {
    content: "\e14a"
}

.icon-nbsp:before {
    content: "\e14b"
}

.icon-music3:before {
    content: "\e14c"
}

.icon-music2:before {
    content: "\e14d"
}

.icon-music:before {
    content: "\e14e"
}

.icon-mug:before {
    content: "\e14f"
}

.icon-movie2:before {
    content: "\e150"
}

.icon-movie:before {
    content: "\e151"
}

.icon-move:before {
    content: "\e152"
}

.icon-mouse2:before {
    content: "\e153"
}

.icon-mouse:before {
    content: "\e154"
}

.icon-moon:before {
    content: "\e155"
}

.icon-mobile2:before {
    content: "\e156"
}

.icon-mobile:before {
    content: "\e157"
}

.icon-minus:before {
    content: "\e158"
}

.icon-minus-circle2:before {
    content: "\e159"
}

.icon-minus-circle:before {
    content: "\e15a"
}

.icon-mic4:before {
    content: "\e15b"
}

.icon-mic3:before {
    content: "\e15c"
}

.icon-mic2:before {
    content: "\e15d"
}

.icon-mic:before {
    content: "\e15e"
}

.icon-meter2:before {
    content: "\e15f"
}

.icon-meter:before {
    content: "\e160"
}

.icon-meter-slow:before {
    content: "\e161"
}

.icon-meter-medium:before {
    content: "\e162"
}

.icon-meter-fast:before {
    content: "\e163"
}

.icon-menu5:before {
    content: "\e164"
}

.icon-menu4:before {
    content: "\e165"
}

.icon-menu3:before {
    content: "\e166"
}

.icon-menu2:before {
    content: "\e167"
}

.icon-menu:before {
    content: "\e168"
}

.icon-megaphone:before {
    content: "\e169"
}

.icon-medal5:before {
    content: "\e16a"
}

.icon-medal4:before {
    content: "\e16b"
}

.icon-medal3:before {
    content: "\e16c"
}

.icon-medal2:before {
    content: "\e16d"
}

.icon-medal:before {
    content: "\e16e"
}

.icon-marker:before {
    content: "\e16f"
}

.icon-map3:before {
    content: "\e170"
}

.icon-map2:before {
    content: "\e171"
}

.icon-map:before {
    content: "\e172"
}

.icon-man:before {
    content: "\e173"
}

.icon-male:before {
    content: "\e174"
}

.icon-mail4:before {
    content: "\e175"
}

.icon-mail3:before {
    content: "\e176"
}

.icon-mail2:before {
    content: "\e177"
}

.icon-mail:before {
    content: "\e178"
}

.icon-mail-send:before {
    content: "\e179"
}

.icon-magnet:before {
    content: "\e17a"
}

.icon-loop5:before {
    content: "\e17b"
}

.icon-loop4:before {
    content: "\e17c"
}

.icon-loop3:before {
    content: "\e17d"
}

.icon-loop2:before {
    content: "\e17e"
}

.icon-loop:before {
    content: "\e17f"
}

.icon-lock3:before {
    content: "\e180"
}

.icon-lock2:before {
    content: "\e181"
}

.icon-lock:before {
    content: "\e182"
}

.icon-location4:before {
    content: "\e183"
}

.icon-location3:before {
    content: "\e184"
}

.icon-location2:before {
    content: "\e185"
}

.icon-location:before {
    content: "\e186"
}

.icon-list2:before {
    content: "\e187"
}

.icon-list:before {
    content: "\e188"
}

.icon-linkedin:before {
    content: "\e189"
}

.icon-link22:before {
    content: "\e18a"
}

.icon-link6:before {
    content: "\e18b"
}

.icon-link5:before {
    content: "\e18c"
}

.icon-link4:before {
    content: "\e18d"
}

.icon-link3:before {
    content: "\e18e"
}

.icon-link2:before {
    content: "\e18f"
}

.icon-link:before {
    content: "\e190"
}

.icon-lightning:before {
    content: "\e191"
}

.icon-libreoffice:before {
    content: "\e192"
}

.icon-library:before {
    content: "\e193"
}

.icon-left-to-right:before {
    content: "\e194"
}

.icon-leaf:before {
    content: "\e195"
}

.icon-lastfm2:before {
    content: "\e196"
}

.icon-lastfm:before {
    content: "\e197"
}

.icon-last:before {
    content: "\e198"
}

.icon-laptop:before {
    content: "\e199"
}

.icon-lanyrd:before {
    content: "\e19a"
}

.icon-lamp3:before {
    content: "\e19b"
}

.icon-lamp2:before {
    content: "\e19c"
}

.icon-lamp:before {
    content: "\e19d"
}

.icon-ladder:before {
    content: "\e19e"
}

.icon-lab:before {
    content: "\e19f"
}

.icon-knight:before {
    content: "\e1a0"
}

.icon-king:before {
    content: "\e1a1"
}

.icon-keyboard:before {
    content: "\e1a2"
}

.icon-key2:before {
    content: "\e1a3"
}

.icon-key:before {
    content: "\e1a4"
}

.icon-joomla:before {
    content: "\e1a5"
}

.icon-italic:before {
    content: "\e1a6"
}

.icon-instagram:before {
    content: "\e1a7"
}

.icon-insert-template:before {
    content: "\e1a8"
}

.icon-inject:before {
    content: "\e1a9"
}

.icon-info2:before {
    content: "\e1aa"
}

.icon-info:before {
    content: "\e1ab"
}

.icon-indent-increase:before {
    content: "\e1ac"
}

.icon-indent-decrease:before {
    content: "\e1ad"
}

.icon-images:before {
    content: "\e1ae"
}

.icon-image5:before {
    content: "\e1af"
}

.icon-image4:before {
    content: "\e1b0"
}

.icon-image3:before {
    content: "\e1b1"
}

.icon-image2:before {
    content: "\e1b2"
}

.icon-image:before {
    content: "\e1b3"
}

.icon-IE:before {
    content: "\e1b4"
}

.icon-icon:before {
    content: "\e1b5"
}

.icon-html52:before {
    content: "\e1b6"
}

.icon-html5:before {
    content: "\e1b7"
}

.icon-home7:before {
    content: "\e1b8"
}

.icon-home6:before {
    content: "\e1b9"
}

.icon-home5:before {
    content: "\e1ba"
}

.icon-home4:before {
    content: "\e1bb"
}

.icon-home3:before {
    content: "\e1bc"
}

.icon-home2:before {
    content: "\e1bd"
}

.icon-home:before {
    content: "\e1be"
}

.icon-history:before {
    content: "\e1bf"
}

.icon-heart6:before {
    content: "\e1c0"
}

.icon-heart5:before {
    content: "\e1c1"
}

.icon-heart4:before {
    content: "\e1c2"
}

.icon-heart3:before {
    content: "\e1c3"
}

.icon-heart2:before {
    content: "\e1c4"
}

.icon-heart:before {
    content: "\e1c5"
}

.icon-heart-broken3:before {
    content: "\e1c6"
}

.icon-heart-broken2:before {
    content: "\e1c7"
}

.icon-heart-broken:before {
    content: "\e1c8"
}

.icon-headphones2:before {
    content: "\e1c9"
}

.icon-headphones:before {
    content: "\e1ca"
}

.icon-happy2:before {
    content: "\e1cb"
}

.icon-happy:before {
    content: "\e1cc"
}

.icon-hanger:before {
    content: "\e1cd"
}

.icon-hammer2:before {
    content: "\e1ce"
}

.icon-hammer:before {
    content: "\e1cf"
}

.icon-gun:before {
    content: "\e1d0"
}

.icon-gun-ban:before {
    content: "\e1d1"
}

.icon-grin2:before {
    content: "\e1d2"
}

.icon-grin:before {
    content: "\e1d3"
}

.icon-grid4:before {
    content: "\e1d4"
}

.icon-grid3:before {
    content: "\e1d5"
}

.icon-grid2:before {
    content: "\e1d6"
}

.icon-grid:before {
    content: "\e1d7"
}

.icon-google:before {
    content: "\e1d8"
}

.icon-google-plus4:before {
    content: "\e1d9"
}

.icon-google-plus3:before {
    content: "\e1da"
}

.icon-google-plus2:before {
    content: "\e1db"
}

.icon-google-plus:before {
    content: "\e1dc"
}

.icon-google-drive:before {
    content: "\e1dd"
}

.icon-globe2:before {
    content: "\e1de"
}

.icon-globe:before {
    content: "\e1df"
}

.icon-glasses3:before {
    content: "\e1e0"
}

.icon-glasses2:before {
    content: "\e1e1"
}

.icon-glasses:before {
    content: "\e1e2"
}

.icon-glass2:before {
    content: "\e1e3"
}

.icon-glass:before {
    content: "\e1e4"
}

.icon-github5:before {
    content: "\e1e5"
}

.icon-github4:before {
    content: "\e1e6"
}

.icon-github3:before {
    content: "\e1e7"
}

.icon-github2:before {
    content: "\e1e8"
}

.icon-github:before {
    content: "\e1e9"
}

.icon-gift:before {
    content: "\e1ea"
}

.icon-gas-pump:before {
    content: "\e1eb"
}

.icon-foursquare2:before {
    content: "\e1ec"
}

.icon-foursquare:before {
    content: "\e1ed"
}

.icon-forward3:before {
    content: "\e1ee"
}

.icon-forward2:before {
    content: "\e1ef"
}

.icon-forward:before {
    content: "\e1f0"
}

.icon-forrst2:before {
    content: "\e1f1"
}

.icon-forrst:before {
    content: "\e1f2"
}

.icon-food2:before {
    content: "\e1f3"
}

.icon-food:before {
    content: "\e1f4"
}

.icon-font:before {
    content: "\e1f5"
}

.icon-font-size:before {
    content: "\e1f6"
}

.icon-folder8:before {
    content: "\e1f7"
}

.icon-folder3:before {
    content: "\e1f8"
}

.icon-folder2:before {
    content: "\e1f9"
}

.icon-folder:before {
    content: "\e1fa"
}

.icon-folder-upload2:before {
    content: "\e1fb"
}

.icon-folder-upload:before {
    content: "\e1fc"
}

.icon-folder-remove:before {
    content: "\e1fd"
}

.icon-folder-plus3:before {
    content: "\e1fe"
}

.icon-folder-plus2:before {
    content: "\e1ff"
}

.icon-folder-plus:before {
    content: "\e200"
}

.icon-folder-open2:before {
    content: "\e201"
}

.icon-folder-open:before {
    content: "\e202"
}

.icon-folder-minus3:before {
    content: "\e203"
}

.icon-folder-minus2:before {
    content: "\e204"
}

.icon-folder-minus:before {
    content: "\e205"
}

.icon-folder-download2:before {
    content: "\e206"
}

.icon-folder-download:before {
    content: "\e207"
}

.icon-flower:before {
    content: "\e208"
}

.icon-flip2:before {
    content: "\e209"
}

.icon-flip:before {
    content: "\e20a"
}

.icon-flickr4:before {
    content: "\e20b"
}

.icon-flickr3:before {
    content: "\e20c"
}

.icon-flickr2:before {
    content: "\e20d"
}

.icon-flickr:before {
    content: "\e20e"
}

.icon-flattr:before {
    content: "\e20f"
}

.icon-flag4:before {
    content: "\e210"
}

.icon-flag3:before {
    content: "\e211"
}

.icon-flag2:before {
    content: "\e212"
}

.icon-flag:before {
    content: "\e213"
}

.icon-first:before {
    content: "\e214"
}

.icon-firefox:before {
    content: "\e215"
}

.icon-fire:before {
    content: "\e216"
}

.icon-finder:before {
    content: "\e217"
}

.icon-filter4:before {
    content: "\e218"
}

.icon-filter3:before {
    content: "\e219"
}

.icon-filter2:before {
    content: "\e21a"
}

.icon-filter:before {
    content: "\e21b"
}

.icon-film3:before {
    content: "\e21c"
}

.icon-film2:before {
    content: "\e21d"
}

.icon-film:before {
    content: "\e21e"
}

.icon-file7:before {
    content: "\e21f"
}

.icon-file6:before {
    content: "\e220"
}

.icon-file5:before {
    content: "\e221"
}

.icon-file4:before {
    content: "\e222"
}

.icon-file3:before {
    content: "\e223"
}

.icon-file2:before {
    content: "\e224"
}

.icon-file:before {
    content: "\e225"
}

.icon-file-zip:before {
    content: "\e226"
}

.icon-file-xml:before {
    content: "\e227"
}

.icon-file-word:before {
    content: "\e228"
}

.icon-file-upload:before {
    content: "\e229"
}

.icon-file-remove:before {
    content: "\e22a"
}

.icon-file-powerpoint:before {
    content: "\e22b"
}

.icon-file-plus:before {
    content: "\e22c"
}

.icon-file-pdf:before {
    content: "\e22d"
}

.icon-file-openoffice:before {
    content: "\e22e"
}

.icon-file-minus:before {
    content: "\e22f"
}

.icon-file-excel:before {
    content: "\e230"
}

.icon-file-download:before {
    content: "\e231"
}

.icon-file-css:before {
    content: "\e232"
}

.icon-file-check:before {
    content: "\e233"
}

.icon-female:before {
    content: "\e234"
}

.icon-feed4:before {
    content: "\e235"
}

.icon-feed3:before {
    content: "\e236"
}

.icon-feed2:before {
    content: "\e237"
}

.icon-feed:before {
    content: "\e238"
}

.icon-fan:before {
    content: "\e239"
}

.icon-factory:before {
    content: "\e23a"
}

.icon-facebook3:before {
    content: "\e23b"
}

.icon-facebook2:before {
    content: "\e23c"
}

.icon-facebook:before {
    content: "\e23d"
}

.icon-eyedropper:before {
    content: "\e23e"
}

.icon-eye7:before {
    content: "\e23f"
}

.icon-eye6:before {
    content: "\e240"
}

.icon-eye5:before {
    content: "\e241"
}

.icon-eye4:before {
    content: "\e242"
}

.icon-eye3:before {
    content: "\e243"
}

.icon-eye2:before {
    content: "\e244"
}

.icon-eye:before {
    content: "\e245"
}

.icon-eye-blocked2:before {
    content: "\e246"
}

.icon-eye-blocked:before {
    content: "\e247"
}

.icon-expand2:before {
    content: "\e248"
}

.icon-expand:before {
    content: "\e249"
}

.icon-exit4:before {
    content: "\e24a"
}

.icon-exit3:before {
    content: "\e24b"
}

.icon-exit2:before {
    content: "\e24c"
}

.icon-exit:before {
    content: "\e24d"
}

.icon-evil2:before {
    content: "\e24e"
}

.icon-evil:before {
    content: "\e24f"
}

.icon-esc:before {
    content: "\e250"
}

.icon-equalizer3:before {
    content: "\e251"
}

.icon-equalizer2:before {
    content: "\e252"
}

.icon-equalizer:before {
    content: "\e253"
}

.icon-envelop2:before {
    content: "\e254"
}

.icon-envelop:before {
    content: "\e255"
}

.icon-enter5:before {
    content: "\e256"
}

.icon-enter4:before {
    content: "\e257"
}

.icon-enter3:before {
    content: "\e258"
}

.icon-enter2:before {
    content: "\e259"
}

.icon-enter:before {
    content: "\e25a"
}

.icon-embed:before {
    content: "\e25b"
}

.icon-eject:before {
    content: "\e25c"
}

.icon-earth:before {
    content: "\e25d"
}

.icon-dumbbell:before {
    content: "\e25e"
}

.icon-droplet2:before {
    content: "\e25f"
}

.icon-droplet:before {
    content: "\e260"
}

.icon-dribbble3:before {
    content: "\e261"
}

.icon-dribbble2:before {
    content: "\e262"
}

.icon-dribbble:before {
    content: "\e263"
}

.icon-drawer3:before {
    content: "\e264"
}

.icon-drawer2:before {
    content: "\e265"
}

.icon-drawer:before {
    content: "\e266"
}

.icon-download5:before {
    content: "\e267"
}

.icon-download4:before {
    content: "\e268"
}

.icon-download3:before {
    content: "\e269"
}

.icon-download2:before {
    content: "\e26a"
}

.icon-download:before {
    content: "\e26b"
}

.icon-disk:before {
    content: "\e26c"
}

.icon-direction:before {
    content: "\e26d"
}

.icon-dice:before {
    content: "\e26e"
}

.icon-diamonds:before {
    content: "\e26f"
}

.icon-diamond:before {
    content: "\e270"
}

.icon-deviantart2:before {
    content: "\e271"
}

.icon-deviantart:before {
    content: "\e272"
}

.icon-delicious:before {
    content: "\e273"
}

.icon-database2:before {
    content: "\e274"
}

.icon-database:before {
    content: "\e275"
}

.icon-dashboard:before {
    content: "\e276"
}

.icon-cursor2:before {
    content: "\e277"
}

.icon-cursor:before {
    content: "\e278"
}

.icon-cube2:before {
    content: "\e279"
}

.icon-cube:before {
    content: "\e27a"
}

.icon-css3:before {
    content: "\e27b"
}

.icon-crown:before {
    content: "\e27c"
}

.icon-crop:before {
    content: "\e27d"
}

.icon-credit:before {
    content: "\e27e"
}

.icon-copy4:before {
    content: "\e27f"
}

.icon-copy3:before {
    content: "\e280"
}

.icon-copy2:before {
    content: "\e281"
}

.icon-copy:before {
    content: "\e282"
}

.icon-cool2:before {
    content: "\e283"
}

.icon-cool:before {
    content: "\e284"
}

.icon-contrast:before {
    content: "\e285"
}

.icon-contract2:before {
    content: "\e286"
}

.icon-contract:before {
    content: "\e287"
}

.icon-contact-remove2:before {
    content: "\e288"
}

.icon-contact-remove:before {
    content: "\e289"
}

.icon-contact-add2:before {
    content: "\e28a"
}

.icon-contact-add:before {
    content: "\e28b"
}

.icon-construction:before {
    content: "\e28c"
}

.icon-console:before {
    content: "\e28d"
}

.icon-connection2:before {
    content: "\e28e"
}

.icon-connection:before {
    content: "\e28f"
}

.icon-confused2:before {
    content: "\e290"
}

.icon-confused:before {
    content: "\e291"
}

.icon-cone:before {
    content: "\e292"
}

.icon-compass2:before {
    content: "\e293"
}

.icon-compass:before {
    content: "\e294"
}

.icon-command:before {
    content: "\e295"
}

.icon-coin:before {
    content: "\e296"
}

.icon-cogs:before {
    content: "\e297"
}

.icon-cog4:before {
    content: "\e298"
}

.icon-cog3:before {
    content: "\e299"
}

.icon-cog2:before {
    content: "\e29a"
}

.icon-cog:before {
    content: "\e29b"
}

.icon-code:before {
    content: "\e29c"
}

.icon-clubs:before {
    content: "\e29d"
}

.icon-cloud:before {
    content: "\e29e"
}

.icon-cloud-upload:before {
    content: "\e29f"
}

.icon-cloud-download:before {
    content: "\e2a0"
}

.icon-close:before {
    content: "\e2a1"
}

.icon-clock4:before {
    content: "\e2a2"
}

.icon-clock3:before {
    content: "\e2a3"
}

.icon-clock2:before {
    content: "\e2a4"
}

.icon-clock:before {
    content: "\e2a5"
}

.icon-clipboard:before {
    content: "\e2a6"
}

.icon-clear-formatting:before {
    content: "\e2a7"
}

.icon-chrome:before {
    content: "\e2a8"
}

.icon-checkmark4:before {
    content: "\e2a9"
}

.icon-checkmark3:before {
    content: "\e2aa"
}

.icon-checkmark2:before {
    content: "\e2ab"
}

.icon-checkmark:before {
    content: "\e2ac"
}

.icon-checkmark-circle2:before {
    content: "\e2ad"
}

.icon-checkmark-circle:before {
    content: "\e2ae"
}

.icon-checkbox-unchecked:before {
    content: "\e2af"
}

.icon-checkbox-partial:before {
    content: "\e2b0"
}

.icon-checkbox-checked:before {
    content: "\e2b1"
}

.icon-certificate:before {
    content: "\e2b2"
}

.icon-cc:before {
    content: "\e2b3"
}

.icon-cart5:before {
    content: "\e2b4"
}

.icon-cart4:before {
    content: "\e2b5"
}

.icon-cart3:before {
    content: "\e2b6"
}

.icon-cart2:before {
    content: "\e2b7"
}

.icon-cart:before {
    content: "\e2b8"
}

.icon-cart-remove2:before {
    content: "\e2b9"
}

.icon-cart-remove:before {
    content: "\e2ba"
}

.icon-cart-plus:before {
    content: "\e2bb"
}

.icon-cart-minus:before {
    content: "\e2bc"
}

.icon-cart-checkout:before {
    content: "\e2bd"
}

.icon-cart-add:before {
    content: "\e2be"
}

.icon-car:before {
    content: "\e2bf"
}

.icon-cancel:before {
    content: "\e2c0"
}

.icon-cancel-circle2:before {
    content: "\e2c1"
}

.icon-cancel-circle:before {
    content: "\e2c2"
}

.icon-camera7:before {
    content: "\e2c3"
}

.icon-camera6:before {
    content: "\e2c4"
}

.icon-camera5:before {
    content: "\e2c5"
}

.icon-camera4:before {
    content: "\e2c6"
}

.icon-camera3:before {
    content: "\e2c7"
}

.icon-camera2:before {
    content: "\e2c8"
}

.icon-camera:before {
    content: "\e2c9"
}

.icon-call-outgoing:before {
    content: "\e2ca"
}

.icon-call-incoming:before {
    content: "\e2cb"
}

.icon-calendar4:before {
    content: "\e2cc"
}

.icon-calendar3:before {
    content: "\e2cd"
}

.icon-calendar2:before {
    content: "\e2ce"
}

.icon-calendar:before {
    content: "\e2cf"
}

.icon-calculate2:before {
    content: "\e2d0"
}

.icon-calculate:before {
    content: "\e2d1"
}

.icon-cake:before {
    content: "\e2d2"
}

.icon-cabinet:before {
    content: "\e2d3"
}

.icon-busy3:before {
    content: "\e2d4"
}

.icon-busy2:before {
    content: "\e2d5"
}

.icon-busy:before {
    content: "\e2d6"
}

.icon-bus:before {
    content: "\e2d7"
}

.icon-bullhorn:before {
    content: "\e2d8"
}

.icon-bug2:before {
    content: "\e2d9"
}

.icon-bug:before {
    content: "\e2da"
}

.icon-bubbles6:before {
    content: "\e2db"
}

.icon-bubbles5:before {
    content: "\e2dc"
}

.icon-bubbles4:before {
    content: "\e2dd"
}

.icon-bubbles3:before {
    content: "\e2de"
}

.icon-bubbles2:before {
    content: "\e2df"
}

.icon-bubbles:before {
    content: "\e2e0"
}

.icon-bubble6:before {
    content: "\e2e1"
}

.icon-bubble5:before {
    content: "\e2e2"
}

.icon-bubble4:before {
    content: "\e2e3"
}

.icon-bubble3:before {
    content: "\e2e4"
}

.icon-bubble2:before {
    content: "\e2e5"
}

.icon-bubble:before {
    content: "\e2e6"
}

.icon-bubble-video-chat:before {
    content: "\e2e7"
}

.icon-bubble-user:before {
    content: "\e2e8"
}

.icon-bubble-up:before {
    content: "\e2e9"
}

.icon-bubble-trash:before {
    content: "\e2ea"
}

.icon-bubble-star:before {
    content: "\e2eb"
}

.icon-bubble-right:before {
    content: "\e2ec"
}

.icon-bubble-reply:before {
    content: "\e2ed"
}

.icon-bubble-replu:before {
    content: "\e2ee"
}

.icon-bubble-quote:before {
    content: "\e2ef"
}

.icon-bubble-plus:before {
    content: "\e2f0"
}

.icon-bubble-paperclip:before {
    content: "\e2f1"
}

.icon-bubble-notification2:before {
    content: "\e2f2"
}

.icon-bubble-notification:before {
    content: "\e2f3"
}

.icon-bubble-minus:before {
    content: "\e2f4"
}

.icon-bubble-locked:before {
    content: "\e2f5"
}

.icon-bubble-link:before {
    content: "\e2f6"
}

.icon-bubble-left:before {
    content: "\e2f7"
}

.icon-bubble-last:before {
    content: "\e2f8"
}

.icon-bubble-heart:before {
    content: "\e2f9"
}

.icon-bubble-forward2:before {
    content: "\e2fa"
}

.icon-bubble-forward:before {
    content: "\e2fb"
}

.icon-bubble-first:before {
    content: "\e2fc"
}

.icon-bubble-down:before {
    content: "\e2fd"
}

.icon-bubble-dots2:before {
    content: "\e2fe"
}

.icon-bubble-dots:before {
    content: "\e2ff"
}

.icon-bubble-check:before {
    content: "\e300"
}

.icon-bubble-cancel:before {
    content: "\e301"
}

.icon-bubble-blocked:before {
    content: "\e302"
}

.icon-brightness-medium:before {
    content: "\e303"
}

.icon-brightness-low:before {
    content: "\e304"
}

.icon-brightness-high:before {
    content: "\e305"
}

.icon-brightness-contrast:before {
    content: "\e306"
}

.icon-briefcase3:before {
    content: "\e307"
}

.icon-briefcase2:before {
    content: "\e308"
}

.icon-briefcase:before {
    content: "\e309"
}

.icon-box-remove:before {
    content: "\e30a"
}

.icon-box-add:before {
    content: "\e30b"
}

.icon-bottle2:before {
    content: "\e30c"
}

.icon-bottle:before {
    content: "\e30d"
}

.icon-books:before {
    content: "\e30e"
}

.icon-bookmarks:before {
    content: "\e30f"
}

.icon-bookmark3:before {
    content: "\e310"
}

.icon-bookmark2:before {
    content: "\e311"
}

.icon-bookmark:before {
    content: "\e312"
}

.icon-book2:before {
    content: "\e313"
}

.icon-book:before {
    content: "\e314"
}

.icon-bold:before {
    content: "\e315"
}

.icon-boat:before {
    content: "\e316"
}

.icon-blogger2:before {
    content: "\e317"
}

.icon-blogger:before {
    content: "\e318"
}

.icon-blog:before {
    content: "\e319"
}

.icon-blocked:before {
    content: "\e31a"
}

.icon-bishop:before {
    content: "\e31b"
}

.icon-binoculars:before {
    content: "\e31c"
}

.icon-bell:before {
    content: "\e31d"
}

.icon-bed2:before {
    content: "\e31e"
}

.icon-bed:before {
    content: "\e31f"
}

.icon-basket2:before {
    content: "\e320"
}

.icon-basket:before {
    content: "\e321"
}

.icon-bars3:before {
    content: "\e322"
}

.icon-bars2:before {
    content: "\e323"
}

.icon-bars:before {
    content: "\e324"
}

.icon-barcode2:before {
    content: "\e325"
}

.icon-barcode:before {
    content: "\e326"
}

.icon-balloon:before {
    content: "\e327"
}

.icon-balance:before {
    content: "\e328"
}

.icon-backward2:before {
    content: "\e329"
}

.icon-backward:before {
    content: "\e32a"
}

.icon-backspace3:before {
    content: "\e32b"
}

.icon-backspace2:before {
    content: "\e32c"
}

.icon-backspace:before {
    content: "\e32d"
}

.icon-attachment2:before {
    content: "\e32e"
}

.icon-attachment:before {
    content: "\e32f"
}

.icon-arrow4:before {
    content: "\e330"
}

.icon-arrow3:before {
    content: "\e331"
}

.icon-arrow2:before {
    content: "\e332"
}

.icon-arrow:before {
    content: "\e333"
}

.icon-arrow-up11:before {
    content: "\e334"
}

.icon-arrow-up10:before {
    content: "\e335"
}

.icon-arrow-up9:before {
    content: "\e336"
}

.icon-arrow-up8:before {
    content: "\e337"
}

.icon-arrow-up7:before {
    content: "\e338"
}

.icon-arrow-up6:before {
    content: "\e339"
}

.icon-arrow-up5:before {
    content: "\e33a"
}

.icon-arrow-up4:before {
    content: "\e33b"
}

.icon-arrow-up3:before {
    content: "\e33c"
}

.icon-arrow-up2:before {
    content: "\e33d"
}

.icon-arrow-up:before {
    content: "\e33e"
}

.icon-arrow-up-right5:before {
    content: "\e33f"
}

.icon-arrow-up-right4:before {
    content: "\e340"
}

.icon-arrow-up-right3:before {
    content: "\e341"
}

.icon-arrow-up-right2:before {
    content: "\e342"
}

.icon-arrow-up-right:before {
    content: "\e343"
}

.icon-arrow-up-left5:before {
    content: "\e344"
}

.icon-arrow-up-left4:before {
    content: "\e345"
}

.icon-arrow-up-left3:before {
    content: "\e346"
}

.icon-arrow-up-left2:before {
    content: "\e347"
}

.icon-arrow-up-left:before {
    content: "\e348"
}

.icon-arrow-right12:before {
    content: "\e349"
}

.icon-arrow-right11:before {
    content: "\e34a"
}

.icon-arrow-right10:before {
    content: "\e34b"
}

.icon-arrow-right9:before {
    content: "\e34c"
}

.icon-arrow-right8:before {
    content: "\e34d"
}

.icon-arrow-right7:before {
    content: "\e34e"
}

.icon-arrow-right6:before {
    content: "\e34f"
}

.icon-arrow-right5:before {
    content: "\e350"
}

.icon-arrow-right4:before {
    content: "\e351"
}

.icon-arrow-right3:before {
    content: "\e352"
}

.icon-arrow-right2:before {
    content: "\e353"
}

.icon-arrow-right:before {
    content: "\e354"
}

.icon-arrow-left11:before {
    content: "\e355"
}

.icon-arrow-left10:before {
    content: "\e356"
}

.icon-arrow-left9:before {
    content: "\e357"
}

.icon-arrow-left8:before {
    content: "\e358"
}

.icon-arrow-left7:before {
    content: "\e359"
}

.icon-arrow-left6:before {
    content: "\e35a"
}

.icon-arrow-left5:before {
    content: "\e35b"
}

.icon-arrow-left4:before {
    content: "\e35c"
}

.icon-arrow-left3:before {
    content: "\e35d"
}

.icon-arrow-left2:before {
    content: "\e35e"
}

.icon-arrow-left:before {
    content: "\e35f"
}

.icon-arrow-first:before {
    content: "\e360"
}

.icon-arrow-down11:before {
    content: "\e361"
}

.icon-arrow-down10:before {
    content: "\e362"
}

.icon-arrow-down9:before {
    content: "\e363"
}

.icon-arrow-down8:before {
    content: "\e364"
}

.icon-arrow-down7:before {
    content: "\e365"
}

.icon-arrow-down6:before {
    content: "\e366"
}

.icon-arrow-down5:before {
    content: "\e367"
}

.icon-arrow-down4:before {
    content: "\e368"
}

.icon-arrow-down3:before {
    content: "\e369"
}

.icon-arrow-down2:before {
    content: "\e36a"
}

.icon-arrow-down:before {
    content: "\e36b"
}

.icon-arrow-down-right5:before {
    content: "\e36c"
}

.icon-arrow-down-right4:before {
    content: "\e36d"
}

.icon-arrow-down-right3:before {
    content: "\e36e"
}

.icon-arrow-down-right2:before {
    content: "\e36f"
}

.icon-arrow-down-right:before {
    content: "\e370"
}

.icon-arrow-down-left5:before {
    content: "\e371"
}

.icon-arrow-down-left4:before {
    content: "\e372"
}

.icon-arrow-down-left3:before {
    content: "\e373"
}

.icon-arrow-down-left2:before {
    content: "\e374"
}

.icon-arrow-down-left:before {
    content: "\e375"
}

.icon-archive:before {
    content: "\e376"
}

.icon-apple:before {
    content: "\e377"
}

.icon-apple-fruit:before {
    content: "\e378"
}

.icon-angry2:before {
    content: "\e379"
}

.icon-angry:before {
    content: "\e37a"
}

.icon-android:before {
    content: "\e37b"
}

.icon-anchor:before {
    content: "\e37c"
}

.icon-alarm2:before {
    content: "\e37d"
}

.icon-alarm:before {
    content: "\e37e"
}

.icon-airplane2:before {
    content: "\e37f"
}

.icon-airplane:before {
    content: "\e380"
}

.icon-aid:before {
    content: "\e381"
}

.icon-address-book:before {
    content: "\e382"
}

.icon-accessibility2:before {
    content: "\e383"
}

.icon-accessibility:before {
    content: "\e384"
}

#loadingbar {
    position: fixed;
    z-index: 2147483647;
    top: 0;
    left: -6px;
    width: 1%;
    height: 2px;
    background: #3c99df;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#loadingbar.left {
    left: 100%;
    right: 0;
    width: 100%
}

#loadingbar.up {
    left: 0;
    top: 100%;
    width: 5px;
    bottom: 0;
    height: 100%
}

#loadingbar.down {
    left: 0;
    width: 5px;
    height: 0
}

#loadingbar.waiting dd,
#loadingbar.waiting dt {
    -moz-animation: pulse 2s ease-out 0s infinite;
    -ms-animation: pulse 2s ease-out 0s infinite;
    -o-animation: pulse 2s ease-out 0s infinite;
    -webkit-animation: pulse 2s ease-out 0s infinite;
    animation: pulse 2s ease-out 0s infinite
}

#loadingbar dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px, 90px, 14px, -6px)
}

#loadingbar dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px, 22px, 14px, 10px)
}

#loadingbar dd,
#loadingbar dt {
    position: absolute;
    top: 0;
    height: 2px;
    -moz-box-shadow: #b91f1f 1px 0 6px 1px;
    -ms-box-shadow: #b91f1f 1px 0 6px 1px;
    -webkit-box-shadow: #B91F1F 1px 0 6px 1px;
    box-shadow: #B91F1F 1px 0 6px 1px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

#loadingbar.left dt {
    opacity: .6;
    width: 180px;
    left: -4px;
    clip: rect(-6px, 185px, 14px, 25px)
}

#loadingbar.left dd {
    opacity: .6;
    width: 20px;
    left: 0;
    margin: 0;
    clip: rect(-6px, 22px, 14px, 0)
}

#loadingbar.down dd,
#loadingbar.down dt,
#loadingbar.up dd,
#loadingbar.up dt {
    left: -5px;
    right: auto;
    width: 10px
}

#loadingbar.left dd,
#loadingbar.left dt {
    top: 0;
    height: 2px
}

#loadingbar.down dt {
    opacity: .6;
    height: 180px;
    top: auto;
    bottom: -47px;
    clip: rect(-6px, 20px, 130px, -6px)
}

#loadingbar.down dd {
    opacity: .6;
    height: 20px;
    top: auto;
    bottom: 0;
    clip: rect(-6px, 22px, 20px, 10px);
    margin: 0
}

#loadingbar.up dt {
    opacity: .6;
    height: 180px;
    bottom: auto;
    top: -10px;
    clip: rect(13px, 20px, 190px, -6px)
}

#loadingbar.up dd {
    opacity: .6;
    height: 20px;
    bottom: auto;
    top: 0;
    clip: rect(-6px, 22px, 25px, 10px);
    margin: 0
}

@keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-moz-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-ms-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    100%,
    30% {
        opacity: .6
    }
    60% {
        opacity: 0
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) center center no-repeat
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container,
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}


/*13.04.2017*/

.you_btn {
  float: right;
  position: relative;
  top: 20px;
  width: 28%;
  margin-right: -9px;
  margin-top: 9px;
}

.course_popup .form-group #askquestionsubmit.btn.btn-color
{
      display: table;
  left: 0;
  margin: 0 auto;
  right: 0;

}

.course_popup .form-group .error {
  color: #c00;
  font-size: 13px;
}

.row.m-t-sm h5.inline {
  margin-bottom: 0;
}

.page-content .row .sbox-content
{
    padding: 15px 20px;
}


.seach_alone_courses .search-block ul.dropdown-menu
{
    height:auto;
}

#wrapper {
  min-height: 383px;
 background: #f5f5f5 none repeat scroll 0 0;
}

.course_popup .modal-body
{
    max-height: 500px;
}

.sidebar_left .dropdown-menu > li:hover > a,.sidebar_left .dropdown-menu > li:focus > a {
  background-color: #e59859;
  color: #ffffff;
  text-decoration: none;
}

body {
  background: #f5f5f5 none repeat scroll 0 0 !important;
}

.payform .well fieldset .form-group i {
  position: absolute;
  right: 36px;
  top: 15px;
}


/*18.04.2017*/

.result_block form#ans_form label#answer_text-error
{
    color:#ff0000;
}

/*.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active {
  margin-bottom: 14px;
}*/

.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active {
  display: table;
  margin: 0 auto 14px;
  text-align: center;
}
.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active h1 {font-size: 28px; text-align: center; width: 100%; display: inline-block; }
.register-b #pricing.top h3.pricing_head {
  margin-top: 20px;
  color:#fff;text-shadow: 1px 0px 1px #000;
    font-family: Lato, sans-serif;
}

.register-b #pricing.top h5 { color:#fff;text-shadow: 1px 0px 1px #000; }
.show-grid h3{font-size: 15px;}
.payform .well fieldset .text-center #submit_button.btn.btn-mixed {
  background: #158d8e none repeat scroll 0 0;
  border: 1px solid #158d8e;
  color: #ffffff;
  font-weight: 600;
}

/*.pricing_container.section .pricing_content .pricing_descr {
   min-height: 274px;
 }
 */
 
  .pricing_container.section .pricing_content .pricing_descr {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

 .pricing_container.section .pricing_content {
   max-height: 600px;
  min-height: 600px;
  }
  
  
 
 @media (max-width:767px)
{
    .sidebar_left.more_att.clearfix {
  width: 100%;
}
.expert.navbar-fixed-top .col-xs-5.col-sm-7 {
  width: 100%;
}
.expert.navbar-fixed-top .col-xs-7.col-sm-5 {
  width: 100%;
}
.home_menu.list-unstyled.list-inline.pull-right {
  float: none !important;
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
  display: block;
}
.dropdown-submenu:hover > a .category-count::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  transform: rotate(90deg);
}
.dropdown-submenu > a .category-count::after {border-width: 6px 0 6px 6px !important;}
.categ_list .sidebar_left .categories_block.extra_ort .mang_develop li.dropdown-submenu .dropdown-menu.cat li:last-child {margin-bottom:0px;}
.sidebar_left .categories_block.extra_ort ul li ul {top: 100% !important;
    width: 100%;left:0;}

div.sidebar_left .categories_block.extra_ort ul
{
    width:auto;
}

.head_block .TeachingCourse_create
{
    float: right !important;
}

.mycourse_block .image img
{
    width:auto;
}

}


@media (max-width:480px)
{
    ul.home_menu.list-unstyled.list-inline.pull-right li a
    {
        font-size: 11px;
    }
}
.reg_form.new_reg_form.mycourse_block .head_block h2.title {float:left;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus ,
.dropdown-menu > li:hover > a, .dropdown-menu > li:focus > a 
{
  background-color: #e59859;
  color: #ffffff;
  text-decoration: none;
}

.page-content .row .sbox-content {
  padding: 25px 20px 15px;
}

.page-content .anwsers_block {
  padding: 20px 0;
}

.page-content.row .page-content-wrapper .nav.nav-tabs.module_tab > li {
  margin-bottom: 4px;
}



/*19.04.2017*/

.demo_slides_one .bxslider > li {
  display: table;
  margin: 0 auto;
}

.demo_slides_one .bx-viewport .bxslider > li.bx-clone,
.demo_slides_one .bx-viewport .bxslider > li
 {
  display: block;
}

.demo_slides_one {
/*  height: 100px;*/
  height: 150px;
  margin-bottom: 42px;
  overflow: visible;
  position: relative;
}

.demo_slides_one .container,.demo_slides_one .container .bx-wrapper,.demo_slides_one .container .bx-wrapper .bx-viewport,
.demo_slides_one .container .bx-wrapper .bx-viewport .bxslider
 {
  height: 100% !important;
}


.confirm-section .payment-block #my-tab-content #ccavenue.tab-pane.active form input.btn {
  font-family: open sans;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  padding: 0 15px;
  text-transform: uppercase;
}


/*.register-b #pricing.top h3.pricing_head, .register-b #pricing.top h5 {
 color: #ffffff;
}
*/

#billing_free .payform.fade.active.in > h3 {
  color: #ffffff;
}

.register-b #pricing.top .tab-content .pricing_content .pricing_descr {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.register-b #pricing.top .tab-content .pricing_content {
  max-height: 600px;
  min-height: 600px;
}

.register-b #pricing.top .tab-content .pricing_content .term_text span
{
    font-size: 18px;
}

/*Search*/
.long_search_bar {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    box-shadow: 2px 2px 11px 4px #eee inset;
    color: #8d8d8d;
    font-family: open sans;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 90%;
    padding-left: 20px;
    margin: 0 10px 30px 15px;
}

.search_btn {
    width: 6%;
    text-align: center;
    padding: 0;
    border-radius: 0;
    font-family: open sans;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    height: 50px;
    margin-top: -5px;
}

span.basic_subtitle { 
    position: absolute; display: inline-block; margin-top: -20px; right: 37px; background-color: #eee; color: #000; 
    padding: 0px 4px; font-weight: bold; 
}
.su_course_add_lecture_desc_content.editing { 
    height: auto !important; display: inline-block; position: relative; 
}
.su_course_curriculam .childli { 
    margin-left: 20px; display: inline-block; width: 100%; position: relative; 
}



/* New Styles */
.form-group.show-grid .file_name{overflow:auto}
.banner .easier_course .alert.alert-info.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*/ /*z-index: 3;*/ }
.banner .easier_course .alert.alert-success.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*/ /*z-index: 3;*/ }
.banner .easier_course .alert.alert-danger.fade.in.block-inner { width: auto; display: inline-block; padding: 15px; position: relative !important; top: -60px; /*right: 5px;*/ /*margin-top:70px;*//*z-index: 3;*/ }
.banner .easier_course .fade { transition: unset !important; -webkit-transition:unset !important; position: absolute !important; }
.banner .easier_course .alert { position: absolute !important; margin-bottom: 0px !important; }

.banner_section .banner .easier_course { text-align:center; } 
.banner_section .banner .easier_course .alert button.close { bottom: 3px; display: inline-block; position: relative; left: 5px; }

#error .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 10px 20px; position: relative; width:100%; }
.breadcrumb-c ~ #error { text-align: center; }
.breadcrumb-c ~ #error .alert button.close { position: relative; display: inline-block; padding: 0px 5px; bottom: 3px; }
section.forum_block h3.title { text-transform: capitalize; }
.upload_type .youtube_class .you_btn { float: right; position: relative; top: 1px; width: 28%; margin-right: -9px; margin-top: 9px; }
/*.success_img{background:url(../images/success.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}*/
.pending_img{background:url(../static/css/images/Pending.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}
.error_img{background:url(../static/css/images/error.png)no-repeat;width:560px;height:293px;  margin: 45px auto;}
.course_details_error { position: relative; left: 0px; display: inline-block; width: 100%; }
.login-s .alert-danger { border-radius: 0; color: #a94442; padding: 7px 6px; margin: 20px 0%; }
.form-horizontal table.table.table-striped tr td:last-child { width: 9%; text-align:center; }
label .parsley-error-list { position: absolute; margin-top: 0px; margin-left: 90px; display:inline-block; }
.modal-dialog .modal-content .modal-body { padding: 15px 50px; }

.sbox-content .show-grid .form-group .btn.btn-default:hover { padding:7px 20px; }
@media (max-width: 1199px)
{ 
.banner .easier_course .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 15px; position: relative; top:0px; right: 0px; }
}
@media (max-width: 767px ) 
{ 
.payment-block .form-group input[type=submit] { width:100%; } 
}

@media (max-width:347px)
{
.user_profile ul.dropdown-menu { left: -100px; position: absolute; }
}

span.basic_subtitle { 
    position: absolute; display: inline-block; margin-top: -20px; right: 37px; background-color: #eee; color: #000; 
    padding: 0px 4px; font-weight: bold; 
}
.su_course_add_lecture_desc_content.editing { 
    height: auto !important; display: inline-block; position: relative; 
}
.su_course_curriculam .childli { 
    margin-left: 20px; display: inline-block; width: 100%; position: relative; 
}
/**/
body .instructor_block label.error { 
color: #c00; position: relative; display: inline-block; padding: 5px 0px; font-size: 12px; 
}
.course_info .instructor_block .redactor_box { 
    margin-bottom: 18px; 
}
.course_info .instructor_block .redactor_box label#biography-error { 
    position: absolute; bottom: -29px; display: inline-block; 
}
body .redactor_box label#address-error { 
    display: inline-block; position: absolute; 
}

.subblock .video_block .image_container img { 
    width:100%; height:auto; 
}

/* 21-03-2018 Start */
body .term_btn_text { height: auto; }
body .term_text { font-size: 14px; font-weight: bold; padding: 0px 20px; }
/*body em { font-style: normal; }*/
.business_trend .empty_courses ~ center { font-size: 18px; }
/* 21-03-2018 End */


/* 22-03-2018 Start */
.dump_text_added a.btn:hover { background-color: #158d8e; border: 1px solid #158d8e; border-radius: 0; color: #fff; }
.seach_alone_courses button:hover { background-color: #158d8e; color: #fff;  }
.home_menu.list-unstyled.list-inline.pull-right li a:hover { outline: 0; color: #158d8e; }
.courses_block h4 a:hover { color: #158d8e; }
.recent_viewed_course_content { position: relative; display: inline-block; bottom: 12px; }
.curriculam-block .quescount p {  display: inline-block; }
.curriculam-block .questionlist .ui-sortable .quescount { padding: 10px 0px; }

.activity-box .comment-body p img { width: 100%; height: auto; }
.add_label ul.list-group li.list-group-item button { position: absolute; top: 10px; right: 15px; }
body .modal-body { max-height:100%; height: auto; }
body .select2-container .select2-choice { height: 38px; line-height: 34px; }
label.form-error-class{ color:#c00 !important; display: inline-block; white-space: nowrap; }

/* 24-03-2018 Start */
label#is_terms-error { display: inline-block; position: relative; float: unset; max-width: unset; top: 26px; width: 600px; }
/* 24-03-2018 End */

/* 27-03-2018 Start */
#wrapper .gray-bg .sbox-content .show-grid .form-group { width: 100%; position: relative; display: inline-block; }
#wrapper .gray-bg .sbox-content .show-grid .form-group textarea.form-control.required.parsley-validated.parsley-error { width: 100% !important; height: auto !important; position: relative; display: inline-block; }
/* 27-03-2018 End */

label#is_terms-error
{
    display: inline-block;
    position: relative;
    float: unset;
    max-width: unset;
    top: 26px;
    width: 600px;
}

.create-course .lach_dev.resp-tab-content.course_tab .form-group label#description-error
{
    position: absolute;
    display: inline-block;
    bottom: -47px;
}
span.star { color:#f20; }

label#instructorname_error { text-align: left !important; display: inline-block !important; position: relative; width: 100%; top: 5px; }

@media (min-width: 768px) and (max-width:991px)
{
.search_btn { width:8%; }
.long_search_bar { width:85%; }
}

@media (min-width: 481px) and (max-width:767px)
{
.search_btn { width:13%; }
.long_search_bar { width:78%; }
 .categ .mobile_menu .icon-menu i { margin-left: 20px; display: inline-block; position: relative; } 
}

@media (min-width: 320px) and (max-width:480px)
{
body button.btn.btn-color.search_btn { width:15%; padding:0px 0px; }
.long_search_bar { width:73%; }
}
/* 22-03-2018 End */

/* 04-02-2018 Start */
body .course_detail p.description { width: 100%; padding: 0px 0px; word-wrap: break-word; word-break: break-word; }
body .course_view_section .course_view_overview .over_view div p { padding: 15px !important; position: relative; }
.course_view_section .course_view_overview .over_view div { width: 100% !important; position: relative; margin: 15px 0px !important; }
body .select2-container-multi .select2-choices { border: 1px solid #e5e6e7; background-image: none; }
/* 04-02-2018 End  */

/* 06-04-2018 Start */
ul.social_profile { padding-left:0px; }
ul.social_profile li { display: inline-block; margin:0px 13px; }
ul.social_profile li i.fa { font-size: 30px; color: #158d8e; }
.show-grid .form-group textarea.form-control { width: 100% !important; position: relative; }
.social_follow_me { font-size: 16px; color: #333; }
/* 06-04-2018 End */


.view_custom_req_desc{overflow-wrap: break-word;}

@media (max-width: 1199px)
{ 
.banner .easier_course .alert.alert-success.fade.in.block-inner { display: inline-block; padding: 15px; position: relative; top:0px; right: 0px; }
}

@media (max-width: 767px ) 
{ 
.payment-block .form-group input[type=submit] { width:100%; } 
}


@media (max-width:347px)
{
.user_profile ul.dropdown-menu { left: -100px; position: absolute; }
}

.main_second_section .activity-post .activity-body .activity-content ol > li {
    list-style-type: unset;
}

.main_second_section .activity-post .activity-body .activity-content ul > li {
    list-style-type: unset;
}

.comment-box .activity-box .comment-body ol > li{
    list-style-type: unset;
}
.comment-box .activity-box .comment-body ul > li{
    list-style-type: unset;
}
ul.list-group li button#deleteLabel { 
    position: absolute; 
    top: 9px; 
    right: 10px; 
    background-color: transparent; 
    border: none; 
    color: #f20; 
    font-size: 20px; 
}

body .btn:focus, body .btn:active:focus, body .btn.active:focus { outline:none; box-shadow:none;}
.go_to_ccr a {
    background: #158d8e none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    outline: medium none;
    padding: 10px 56px;
    text-shadow: none;
    text-transform: uppercase;    
}
/*30-05-2018*/

@media (max-width: 767px)
{
    .payment-block .mob-block {
        position: relative;
    display: inline-block;
    height: 54px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.payment-block .mob-block .nav.nav-tabs {
    display: table;
    white-space: normal;
/*    width: 250%;*/
    overflow: hidden;
    position: absolute;
    height: 40px;
    overflow: auto;
}

.payment-block .mob-block .nav.nav-tabs li {
    float: left;
    width: auto;
    white-space: nowrap;
    display: list-item;
    position: relative;
}

.payment-block .mob-block .nav.nav-tabs li a {
    /*width: auto;*/display: inline-block;
}

}

.payment-block .mob-block .nav.nav-tabs li a {
    padding: 12px 40px;
}
#payment_credit_stripe input.error {
    margin-bottom: 0;
}
#payment_credit_stripe label.error {
    margin-top: 0;
}

@media (max-width:720px)
{
    .payment-block .mob-block .nav.nav-tabs {
    width: 200%;
}

}

@media (min-width: 992px) and (max-width: 1199px)
{
    .payment-block .mob-block .nav.nav-tabs li a {
    font-size: 14px;
    padding: 12px 24px;
}
.payment-block .nav.nav-tabs li a{padding: 10px 29.4px;}
}
@media (max-width: 767px)
{
.payment-block .mob-block .nav.nav-tabs li a {
     padding: 12px 45px; 
}
}
@media (max-width: 767px)
{
.payment-block .mob-block .nav.nav-tabs li a {
     padding: 0 7%;
}

.banks, .ban_det,.cash {
    padding: 0 10px;
}

.des_con .pending_img {
    height: 200px;
    max-width: 100%;
    width: 100%;
    background-size: 134% 100%;
    background-position: center center;
}

#ccavenue input[type="submit"]
{
    background: #e59859;
    border-radius: 0;    
    font-family: open sans;
    font-weight: 600;
    height: 50px;
    padding: 0 15px;    display: table;
    margin: 0 auto;    font-size: 15px;
    text-transform: uppercase;width:100%;
}

.confirm-section .payment-block #my-tab-content div#ccavenue.tab-pane.active {
    margin: 0 auto 0;
    width: 100%;    padding: 0 15px;
}

.confirm-section .payment-block #my-tab-content div#ccavenue h1
{
    font-size: 20px;margin-bottom: 20px;
}

}
@media(max-width: 340px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 205%;
}

.payment-block .mob-block .nav.nav-tabs li a {
   min-width:90px;
}

}

@media(max-width: 480px)
{
.payment-block .mob-block .nav.nav-tabs li a {
    width: auto;display: inline-block;
}

}

@media (max-width: 320px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 260%;
}

}

@media (min-width: 768px) and (max-width: 991px)
{
    .payment-block .mob-block .nav.nav-tabs li a {
    padding: 12px 16px;font-size: 12px;
}
.payment-block .nav.nav-tabs li {
    margin-bottom: 5px; height: 45px;
}
}

@media (min-width: 710px) and (max-width: 767px)
{
    .payment-block .mob-block .nav.nav-tabs {
    width: 110%;
}

}

@media (max-width:315px)
{
.payment-block .mob-block .nav.nav-tabs {
    width: 260%;
}

}



#user_forum .form-control{padding: 0px 8px; }
#user_forum textarea#editor {
    padding: 0px 8px;
}
#forum_update textarea#editor {
    padding: 0px 5px;
}
#forum_update input {padding: 0px 5px; }
#user_forum .select2-container .select2-choice > .select2-chosen {
    color: #676a6c;
}
#myModal1 #editor {
    padding: 0px 8px;
}
.ccr_file {
    word-break: break-all;
    margin: 15px 0px;
}
.ccr_file p {
    width: 95%;
    margin: 5px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.course_popup select.form-control.error {
    color: inherit;
    font-weight: normal;
}
.course_popup .form-group input.error {
    font-weight: 400;
}
.course_popup .form-group textarea.error {
    font-weight: 400;
    color: inherit;
}
.course_popup input.form-control.error {
    color: inherit;
}
.country select.bfh-countries {
    margin: 0px;
    border: 0px;
    border: 1px solid #e5e6e7;
}
.country .select-style_block.style_blk_div {
    border: 0px;
}
textarea.form-control {
    max-width: 100%;
    max-height: 200px;
    min-height:30px;
}
.business_office {
    min-height: 320px;
}
.course_popup select.form-control.error {
    color: inherit;
}
.payform  select::-ms-expand {
    display: none;
}
/*10-07-2018*/
.user_profile .user_name {/*    text-overflow: ellipsis;*/ vertical-align: middle; line-height: 26px; width: 61%; display: inline-block; white-space: normal; overflow:hidden; }
.su_course_add_lecture_desc_content  ol li,.tips  ol li,.note-editable ol li,.activity-post ol li{list-style: decimal !important; }
.course_lecture_curriculam_list_desc ol li {list-style: decimal !important; }
.note-editable ul li,.su_course_add_lecture_desc_content  ul li,.activity-post ul li {list-style: initial !important; }
.lecture_contenttext ul li {list-style: initial !important; }
.note-editable ul{padding-left: 10px !important; }
.section_one_inroduction ul.section_introduction_lasting ul li {list-style: initial; }
.course_lecture_curriculam_list_desc ul li {list-style: initial; }
#CVVinformation .text-center img {display: inline-block; }
.su_course_curriculam .editdescription ul {padding-left: 10px; }
.upload_type .you_txt {margin-left: 0px; }
.uploadvideo .luploadvideo{border: 1px solid #CDCDCD; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-width:1px; }
.luploadvideo input{border-width:1px; }
#payment-stripe .form-control::-ms-clear {display: none; }
.qanswer .chcountfield {border: 1px solid #ddd; }
.qanswer .answer-feedback {width: 92%; }
.formrow  .editdescription .note-video-clip {width: 100%; max-width: 100%; }
.formrow  .editdescription {margin: 10px 0px; padding: 0px 5px; }
.note-editable ol {padding-left: 10px !important; }
.activity-post ul, .activity-post ol {padding-left:10px !important; }


@media(max-width:1200px)
{
.qmultiple .qanswer .answer-feedback {margin-left: 27px; } 
}

@media(max-width:992px)
{
.reset_nodification {position: relative !important; height: auto; z-index: 1; top: 3px; } #register-form label.form-error-class {white-space: normal; font-size: 11px; } header.expert {position: fixed; } body {padding-top: 90px; } 
}

@media(max-width:767px)
{
#register-form label.form-error-class {white-space: normal; font-size: 11px; } .reg_form  .m-t-n-md {margin-top: -10px; } .answerblock {padding-top: 15px; } .select2-search input {background: url(select2.png) 100% -22px no-repeat,linear-gradient(to bottom,#fff 85%,#eee 99%); } .ccr_file p {width: 92%; } .block3 #cropContainerPreload.image_container {height: 250px; } .subblock .video_block .image_container img {width: 100%; height: 100%; } .ccr_file .arrow {margin-top: 5px; } .custom-error {display: block; } .mycourse_block .block_course {margin-bottom: 10px; } .home_menu.list-unstyled.list-inline.pull-right li a {line-height: 30px; } .logo .site-logo img {max-height: 30px; } .categ .jumbotron .icon-menu {padding: 1px 0; } body header.expert {position: fixed; } body {padding-top: 90px; } .categ .jumbotron {top: 10px; } header.expert .logo a {margin: 10px 0 5px 0px; } .home_menu.list-unstyled.list-inline.pull-right {margin-bottom: 10px; } .qmultiple .qanswer .answer-feedback {margin-left: 27px; } .formrow  .editdescription .note-video-clip {max-height: 280px; } 
.payment-block .mob-block .nav.nav-tabs li{padding:0 10;background-color:#e6e6e6}
.payment-block .mob-block .nav.nav-tabs li a{padding:0 0;background:none;min-width:auto;text-align:center}
#bank.banking.active .banks, #cod.cashpi.active .cash{margin-top:20px}
.table-payment table th{font-size:14px}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)
{
.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice abbr, .select2-search input, .select2-search-choice-close {background: url(../js/plugins/all/select2.png) 0 1px no-repeat !important; } .select2-search input{background: url(../js/plugins/all/select2.png) 100% -22px no-repeat,linear-gradient(to bottom,#fff 85%,#eee 99%) !important; } 
}

@media(max-width:480px)
{
.modal-dialog .modal-content .modal-body {padding: 15px 30px; } .lecture_main_content_first_block1 .media_preview {margin-left: -60px; } .home_menu.list-unstyled.list-inline.pull-right li a {padding: 0 8px; } .user_profile ul.dropdown-menu {left: auto; right: 0px; } .home_menu.list-unstyled.list-inline.pull-right {margin-bottom: 7px; } .home_menu.list-unstyled.list-inline.pull-right li a {line-height: 25px; } label.form-error-class {white-space: normal; } ul.home_menu.list-unstyled.list-inline.pull-right li a {font-size: 10px; } .payform .well fieldset .form-group i.fa.fa-question-circle.tips.know_cvv{right: 20px; } .well .col-xs-4.col-sm-4 {padding: 0px; } .well{padding-left:0px; padding-right:0px; } .well .col-xs-4.col-sm-4:first-child {padding-left: 15px; } .well .col-xs-4.col-sm-4:nth-child(2) {padding: 0px 10px; } .well .col-xs-4.col-sm-4:nth-child(3) {padding: 0px 15px 0px 0px; } .formrow  .editdescription .note-video-clip {max-height: 190px; } 
}

@media(max-width:360px)
{
#register-form label.form-error-class {font-size: 10px; } label.form-error-class {font-size: 10px; } .course_info .image_sec.subblock .account_block {width: 90%; } .home_menu.list-unstyled.list-inline.pull-right li a {padding: 0 5px; } .user_profile span.profile_img img {height: 25px; width: 25px; } ul.home_menu.list-unstyled.list-inline.pull-right li a {font-size: 10px; } 
}

.course_recommend_preview p.description , .course_recommend_view p.description {
    margin: 0 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
}

 .course_recommend_preview .owl-theme .owl-controls .owl-buttons div.owl-next,
 .course_recommend_view .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right_white_arrow.png) 14px center no-repeat #158d8e;
    border-radius: 0 3px 3px 0;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px;
    border-left: 1px solid #1f9fa0;
}

.course_recommend_preview .owl-theme .owl-controls .owl-buttons div.owl-prev,
.course_recommend_view .owl-theme .owl-controls .owl-buttons div.owl-prev
 {
    background: url(../images/white_arrow.png) 9px center no-repeat #158d8e;
    border-radius: 3px 0 0 3px;
    margin: 0;
    opacity: 1;
    padding: 10px 16px;
    text-indent: -9999px;
}

.course_recommend_preview .owl-theme .owl-controls .owl-buttons div,
.course_recommend_view .owl-theme .owl-controls .owl-buttons div{
    position: static;
}
.course_info.profile .input-group span.input-group-addon.facebookicon{
    padding: 0 16px;
}
.course_info.profile .input-group span.input-group-addon.googleicon{
    padding: 0 9px;
}