nav.meta-login { float: right; max-height: 48px; overflow: hidden }
    nav.meta-login ul { margin: 0; padding: 0; list-style: none }
        nav.meta-login ul li { float: left; color: #99a6bb; border-left: 1px solid #e9ecef }
            nav.meta-login ul li:first-child { border: none }
            nav.meta-login ul li a { color: #99a6bb; text-decoration: none }
                nav.meta-login ul li a:hover { color: #ff5722 }
            nav.meta-login ul li i { display: inline; float: left; margin: -2px 5px; font-size: 18px }
.site-branding { padding-top: 20px; padding-bottom: 20px }
    .site-branding img { width: auto }
    .site-branding h2 { margin: 0 }
.popular-courses { background: #e4e8ee; padding: 70px 0 }
    .popular-courses .btn-group .btn, .popular-courses .btn-group { float: none }
    .popular-courses .course_rel { bottom: -8px }
.course { background: #fff; min-height: 570px; max-height: 635px; position: relative; -moz-box-shadow: 0 0 5px #bfc3c9; -webkit-box-shadow: 0 0 5px #bfc3c9; box-shadow: 0 0 5px #bfc3c9 }
    .course h3 { font-size: 17px; font-weight: 700; padding-right: 42px; line-height: 20px }
.price { position: absolute; right: -8px; top: 20px; padding: 9px 20px 9px 25px; font: 700 16px Roboto,Arial,Tahoma; color: #fff; background: #4caf50 url(../images/price_tag_l.png) no-repeat left bottom }
    .price span { position: absolute; right: 0; top: -8px; width: 8px; height: 8px; background: url(../images/price_tag_r.png) no-repeat right top }
    .price s { font-size: 13px; display: block }
.course_list .col-xs-12 { margin-bottom: 35px }
.course .meta a { }
.course h3 a { color: #262c38 }
    .course h3 a:hover { color: #ff5722 }
.course a { color: #0583e4 }
    .course a:hover { color: #ff5722 }
.course_space { padding: 10px 30px 0; min-height: 300px; position: relative }
    .course_space p.meta { line-height: normal }
.course_rel { width: 82%; display: table; position: absolute; left: 30px; bottom: 15px }
.course_rating, .average-rating span, .widget_courses li span.rating { font: 15px glyphicons halflings; color: #ffaf00; letter-spacing: -6px; clear: both; display: block }
    .course_rating i, .average-rating span i, .widget_courses li span.rating i { font-style: normal; margin: 0; padding: 0 }
.course_rating, .enroll { padding: 0; margin: 0 }
.course_rating { padding-top: 4px }
.enroll { text-align: right; color: #b0b7c5 }
.popular-courses .btn-orange { font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
    .popular-courses .btn-orange i { ont-size: 16px }
.breadcrumb-section { min-height: 190px; background: url(../images/use_img/banner_img2.jpg) no-repeat center; background-size: cover }
    .breadcrumb-section h1 { padding: 50px 25px; font-size: 36px; font-weight: 700; color: #fff }
.taxonomy-des h1 { padding-bottom: 0 }
.taxonomy-des { padding-bottom: 50px }
    .taxonomy-des p { padding: 0 25px }
.instructors-name { clear: both; display: block; font-size: 14px; color: #ececec }
h1 .instructors-name a { color: #ececec }
    h1 .instructors-name a:hover { color: #fff }
.page-spacer { padding: 100px 0 }
.course-learn-spacer { padding: 20px 0 100px }
.online-course img { margin-bottom: 20px }
.abutinfo { margin-bottom: 145px }
.meet-teachers { padding-bottom: 145px }
.teacher p.post { color: #03a9f4; font-size: 12px; font-style: italic }
.social-icons { list-style: none; margin: 0; padding: 0 }
    .social-icons li, .courses-info .social-icons li { float: left; margin: 0; padding: 0 }
.courses-info .social-icons li { line-height: 22px }
.courses-info .social-icons { padding-bottom: 50px }
.social-icons li i { color: #fff; font-size: 14px }
.social-icons li a { background: #bfc6d0; width: 23px; height: 23px; line-height: 22px; display: block; text-align: center; vertical-align: middle; margin: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
    .social-icons li a:hover { background: #263238 }
.howitworks { padding: 90px 0; background: #e4e8ee; margin-bottom: 145px }
.work-steps .steps { padding: 20px 30px; position: relative; background: #e91e63; color: #fff; margin: 40px 0 50px }
    .work-steps .steps i { color: #000; font-size: 60px; position: absolute; right: 5%; bottom: 10%; opacity: .3 }
.work-steps .col-sm-4:nth-child(2) .steps { background: #03a9f4 }
.work-steps .col-sm-4:nth-child(3) .steps { background: #673ab7 }
.work-steps .steps h3 { color: #fff }
.action { clear: both }
    .action span { padding: 10px 30px; font: 700 30px Roboto,Arial,Tahoma; color: #262c38; top: 10px; position: relative }
.plan { background: #f1f5f6; text-align: center; padding-bottom: 50px; margin-bottom: 150px }
.plan-info { color: #fff; padding-bottom: 15px; margin-bottom: 30px }
    .plan-info h3 { padding-top: 10px; padding-bottom: 10px; font-size: 18px; color: #fff }
    .plan-info .plan-price { font: 30px Roboto,Arial,Tahoma }
        .plan-info .plan-price span { font-size: 100px }
        .plan-info .plan-price small { font-size: 60px }
.plan ul { list-style: none; text-align: left; padding-left: 15%; padding-right: 15% }
    .plan ul li i { margin-right: 10px }
.plan-btn { padding-left: 35px; padding-right: 35px }
    .plan-btn:hover { border: 1px solid #657184 }
.first-plan .plan-info { background: #e84f83 }
    .first-plan .plan-info h3 { background: #e91e63 }
.second-plan .plan-info { background: #03a9f4 }
    .second-plan .plan-info h3 { background: #53bae8 }
.third-plan .plan-info { background: #4caf50 }
    .third-plan .plan-info h3 { background: #51ca56 }
#main .first-plan .plan-btn { color: #e91e63; border: 1px solid #e91e63 }
    #main .first-plan .plan-btn:hover { color: #fff; background: #e91e63 }
#main .second-plan .plan-btn { color: #53bae8; border: 1px solid #53bae8 }
    #main .second-plan .plan-btn:hover { color: #fff; background: #53bae8 }
#main .third-plan .plan-btn { color: #4caf50; border: 1px solid #4caf50 }
    #main .third-plan .plan-btn:hover { color: #fff; background: #4caf50 }
.faq-section h4::first-letter { margin-right: 10px }
.faq-section .col-sm-6 p { padding-left: 30px }
.clist { border: 1px solid #e4e8ee; border-top: none; margin-bottom: 30px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.course-thumbnail figure { width: 370px; height: 270px; overflow: hidden }
#products .video_player figure, .img-thumb .video_player figure { width: 370px }
    #products .video_player figure embed, .img-thumb .video_player figure embed, #products .video_player figure iframe, .img-thumb .video_player figure iframe, #products .video_player figure object, .img-thumb .video_player figure object { width: 100%; height: 270px; margin-bottom: 0 }
.course a.img-thumb { position: relative }
    .course a.img-thumb span { position: absolute; left: 0; top: 0; z-index: 999; padding: 5px 8px; background: #fe5722; font: 12px Roboto,Arial,Tahoma; text-transform: uppercase; color: #fff }
.courses.grid-group-item .course_space2 p { margin-bottom: 5px }
.course-dash { min-height: 545px }
.courses.list-group-item { float: none; width: 96%; padding: 0; margin-left: 15px; border: none; background: 0 0 }
    .courses.list-group-item .clist { min-height: inherit; border: 1px solid #e4e8ee; display: table; width: 100% }
    .courses.list-group-item .img-thumb { float: left }
    .courses.list-group-item .course-thumbnail figure { height: auto; overflow: inherit }
    .courses.list-group-item .video_player figure { height: auto }
        .courses.list-group-item .video_player figure embed, .courses.list-group-item .video_player figure iframe, .courses.list-group-item .video_player figure object { height: 270px !important; margin-bottom: -10px !important }
    .courses.list-group-item .course_space { float: right; width: 50%; min-height: inherit; padding: 10px 20px 0 }
    .courses.list-group-item .course_space2 { width: 66% }
    .courses.list-group-item p.meta { line-height: normal; margin-bottom: 8px; line-height: 22px }
    .courses.list-group-item .course_rel { position: relative; float: right; left: 0; width: 44%; margin-right: 4%; clear: right }
    .courses.list-group-item .course h3 { padding-right: 43px }
    .courses.list-group-item:before, .courses.list-group-item:after { display: table; content: " " }
    .courses.list-group-item img { float: left }
    .courses.list-group-item:after { clear: both }
.three-column.grid-group-item p.desc { display: none }
.three-column.grid-group-item .price { padding: 9px 10px 9px 23px }
.three-column.grid-group-item .course { min-height: 405px; max-height: 450px }
.three-column.grid-group-item .course_space { min-height: 150px }
.three-column.list-group-item .course { min-height: inherit; max-height: inherit }
.three-column.list-group-item p.desc { display: block }
.three-column.list-group-item .course_space { width: 65%; min-height: inherit }
.three-column.list-group-item .course_rel { width: 58.5% }
#products .three-column.grid-group-item figure, #products .three-column.grid-group-item .video_player figure embed { height: 190px !important; width: 260px }
.dash-title { padding-left: 15px; margin-top: 40px; margin-bottom: 20px }
.dash-note { padding-left: 18px }
.sorting label { fontt: normal 15px Roboto,Arial,Tahoma; padding: 5px 10px 0 0 }
.sorting select { padding: 13px; width: 195px; background: #eff2f7; border: 1px solid #eff2f7; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.well { background: 0 0; border: none; box-shadow: none }
    .well .btn-group { float: right }
        .well .btn-group a, .well .btn-group a.btn-default { padding: 12px 15px; background: #eff2f7; border: 1px solid #eff2f7; color: #99a6bb !important }
            .well .btn-group a:hover.btn-default, .well .btn-group a:focus.btn-default, .well .btn-group a:active.btn-default, .well .btn-group a.active { background: #0583e4; border: 1px solid #0583e4; color: #fff !important }
.with-sidebar.three-column.grid-group-item figure, .with-sidebar.three-column.grid-group-item #products .video_player figure { width: 260px !important; height: 190px }
.with-sidebar.three-column.grid-group-item .video_player figure embed, .with-sidebar.three-column.grid-group-item .video_player figure object, .with-sidebar.three-column.grid-group-item .video_player figure iframe { height: 190px !important }
.with-sidebar.three-column.grid-group-item p.desc { display: none }
.with-sidebar.three-column.grid-group-item .price { padding: 9px 10px 9px 23px }
.with-sidebar.three-column.grid-group-item .course { min-height: 405px; max-height: 450px }
.with-sidebar.three-column.list-group-item .course { min-height: inherit !important; max-height: inherit }
.with-sidebar.three-column.list-group-item p.desc { display: block }
.with-sidebar.three-column.list-group-item .course_space { width: 65% }
.with-sidebar.three-column.list-group-item .course_rel { width: 58.5% }
.without-sidebar.three-column.list-group-item .course_space { width: 63% }
.without-sidebar.three-column.list-group-item .course_rel { width: 57% }
#secondary.col-sm-3 .widget_events li img, #secondary.col-sm-3 .recent_posts_widget img, #secondary.col-sm-3 .widget_courses img, #secondary.col-sm-3 .widget_courses li iframe { width: 70px }
.pagination { clear: both; display: table; width: 98.5%; text-align: right }
#navigation-pagination.navigation { float: right }
    #navigation-pagination.navigation li { display: inline; list-style: none }
        .pagination a.page-numbers, #navigation-pagination.navigation li.disabled, .pagination .page-numbers.dots { margin: 0 5px; background: #fff; border: 1px solid #e4e8ee; padding: 15px 20px; font: 14px Roboto,Arial,Tahoma; color: #99a6bb }
        #navigation-pagination.navigation li a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, #navigation-pagination.navigation li a:hover, #navigation-pagination.navigation li.active a, .pagination .current, .pagination span.dots, .pagination a:hover.page-numbers { margin: 0 5px; background: #ff5722; color: #fff; padding: 15px 20px; border: 1px solid #ff5722; font: 14px Roboto,Arial,Tahoma }
.btns .btn::after { content: "\e87a"; font-family: linearicons-free; margin-left: 10px; position: relative; top: 2px }
.btns .btn { float: left }
a.fav { background: #99a6bb; padding: 9px 20px; color: #fff; float: right; font-size: 18px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.fav { background: #fe5722 }
    a:hover.fav i { color: #fff }
a.fav span { position: absolute; right: -11px; top: -8px; padding: 1px 9px; background: #fe5722; line-height: inherit; font-size: 13px; font-weight: 700; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 2px solid #fff }
a:hover.fav span { display: block; color: #fff }
a.fav-load { padding: 9px 17px }
#secondary .cp_course_categories ul { border: none; padding: 0 }
    #secondary .cp_course_categories ul li { color: #0583e4 }
#secondary .widget_courses ul, #secondary .widget_events ul, #secondary .recent_posts_widget ul { padding: 15px 0 0; list-style: none }
#secondary .widget_courses li, #secondary .widget_events li, #secondary .recent_posts_widget li { padding: 30px; padding-bottom: 20px; font: 14px Roboto,Arial,Tahoma; border-bottom: 1px solid #e8ebf1; width: 100% }
.widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe { float: left; width: 100px }
.widget_courses iframe { height: 90px }
.footer-widget .widget_courses img, .footer-widget .widget_courses li iframe { width: 100px }
.footer-widget .widget_courses .simi-co { width: 55% }
#secondary .widget_courses ul li:last-child, #secondary .widget_events ul li:last-child, #secondary .recent_posts_widget ul li:last-child { padding-bottom: 20px }
.widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { float: right; width: 65% }
.widget_courses li h5, .widget_events li h5, .recent_posts_widget li h5 { margin: 0; padding: 0 0 5px; font-size: 14px }
#secondary .widget_courses li p, #secondary .widget_events li p, #secondary .recent_posts_widget li p { margin: 0; padding: 0 }
    #secondary .widget_courses li p.meta, #secondary .widget_events li p.meta, #secondary .recent_posts_widget li p.meta { margin-bottom: 5px; font: 14px Open Sans,sans-serif }
.widget_courses li span.simi-price { font: 16px Roboto,Arial,Tahoma; color: #4caf50; float: left; padding-right: 10px }
.footer-widget .widget_courses li span.simi-price { font-size: 14px }
.teachers { margin-bottom: 70px; min-height: 300px }
    .teachers h4 { padding: 0; margin: 0 }
.teachers-in .remove_space { padding: 0 10px 0 0 }
.teachers-in .teacher { min-height: 325px }
.teachers-in p.author-name { margin-bottom: 1em }
.teachers-in p.email { word-wrap: break-word; line-height: 20px }
.teachers-in a { color: #262c38 }
    .teachers-in a:hover { color: #ff5722 }
.teachers-in .phone { padding-bottom: 8px; border-bottom: 1px solid #e4e8ee }
    .teachers-in .phone i { margin-right: 5px }
.teachers-in a.more { color: #ff5722 }
.teachers-in a:hover.more { color: #263238 }
.teachers-in .teacher-img { margin-bottom: 10px; display: block }
.teachers-in p { clear: both }
#main .gallery { margin: 0; padding: 0; list-style: none }
    #main .gallery li { margin-bottom: 30px }
.page-template-tpl-gallery #main { overflow: hidden; min-height: 700px }
.gallery-category { padding: 20px 0 }
    .gallery-category .btn-gallery { color: #99a6bb; border: 1px solid #e4e8ee; background: #fff; padding: 15px 20px; margin-right: 5px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px }
        .gallery-category .btn-gallery:hover { color: #ff5722; background: #fff; border: 1px solid #ff5722 }
    .gallery-category .btn-current { color: #ff5722; background: #fff; border: 1px solid #ff5722 }
.events { min-height: 350px; margin-bottom: 50px;max-height:396px}
    .events .entry-meta { color: #99a6bb }
        .events .entry-meta p { padding-left: 0 }
        .events .meta strong, .events .entry-meta strong { color: #262c38 }
    .events small { padding: 0 5px; font-size: 16px; position: relative; top: -3px }
    .events .entry-meta .social-icons { float: right }
.social-icons li.i_fb a { background: #3b579d }
.social-icons li.i_twit a { background: #2caae1 }
.social-icons li.i_linkin a { background: #007bb6 }
.social-icons li.i_gplus a { background: #dd4d40 }
    .social-icons li.i_fb a:hover, .social-icons li.i_twit a:hover, .social-icons li.i_linkin a:hover, .social-icons li.i_gplus a:hover { opacity: .6; filter: alpha(opacity=60) }
.event-countdown { background: #f0f3f6; padding: 20px }
    .event-countdown .col { width: 24%; float: left; padding-right: 10px }
        .event-countdown .col strong { display: block; font: 22px Roboto,Arial,Tahoma; color: #0583e4 }
        .event-countdown .col span { font-weight: 700 }
#map-canvas { width: 100%; height: 370px }
.event-countdown .btn { float: right }
#primary article header.entry-header { border: none; margin: 0; padding: 0 }
.posted-on small, .byline small, .cat-links small, .tags-links small, .tags-links small, .comments-link small, .edit-link small { padding: 0 8px; font-size: 16px; position: relative; top: -3px }
#post-slider { margin-bottom: 0 }
    #post-slider .item { min-height: 330px }
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 40px }
    .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.post .embed-responsive { height: 420px; border-bottom: 1px solid #e5e5e5; padding-bottom: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative }
.sticky .embed-audio { height: 120px }
.sticky .embed-audio, .sticky .embed-responsive { overflow: inherit }
.post .embed-responsive .embed-responsive-item, .post .embed-responsive iframe, .post .embed-responsive embed, .post .embed-responsive object, .embed-responsive video { height: inherit }
.post .post-thumb { position: relative; display: block }
    .post .post-thumb img { width: 100%; height: auto }
.sticky { background: #fcfbe9 }
    .sticky .entry-header { padding-top: 5px }
    .sticky .entry-header, .sticky .entry-content, .sticky .entry-footer { margin-left: 20px; margin-right: 20px }
#main .sticky a.read-more { margin-left: 20px; margin-bottom: 20px }
.sticky-tag { position: absolute; right: -8px; top: 20px; padding: 9px 15px; font: 700 16px Roboto,Arial,Tahoma; color: #fff; background: #4caf50; z-index: 9 }
    .sticky-tag i { font: 15px glyphicons halflings; color: #fff }
    .sticky-tag small { width: 16px; height: 40px; background: url(../images/sticky_l.png) no-repeat left top; position: absolute; right: 44px; top: 0 }
    .sticky-tag span { position: absolute; right: 0; top: -8px; width: 8px; height: 8px; background: url(../images/price_tag_r.png) no-repeat right top }
.single-post .sticky-tag { right: 7px }
article blockquote.post-quote { margin: 0; padding: 30px; font: 21px Open Sans,sans-serif; font-style: italic; font-weight: 400; border: none; background: #262c38; color: #fff; position: relative }
    article blockquote.post-quote i { font-size: 50px; color: #ff5722 }
    article blockquote.post-quote .sticky-tag i { font-size: 15px; color: #fff }
    article blockquote.post-quote footer { font: 700 16px Roboto,Arial,Tahoma; color: #fff }
.entry-footer { padding-top: 15px; padding-bottom: 25px }
    .entry-footer, .entry-footer a, .entry-meta, .entry-meta a { color: #262c38 }
        .entry-footer a:hover, .entry-meta a:hover { color: #ff5722 }
#main .post a.read-more { padding: 15px 15px 15px 20px; border: 1px solid #e4e8ee; color: #99a6bb }
#main a:hover.read-more { border: 1px solid #ff8365; color: #ff5722 }
.post-navigation { padding: 40px 0 }
.related-posts { padding-bottom: 70px }
    .related-posts .col-sm-6, .related-posts .col-sm-4 { padding: 30px 15px 0 0 }
        .related-posts .col-sm-6:nth-child(3) { padding-right: 0; float: right }
    .related-posts .meta a { color: #262c38 }
        .related-posts .meta a:hover { color: #ff5722 }
.about-author { background: #f4f6fa; padding: 30px 10px; clear: both; margin-bottom: 60px }
    .about-author h3 { margin-top: 0; font: 21px Open Sans,sans-serif }
        .about-author h3 span { font-size: 12px; color: #ff5722 }
    .about-author p { clear: both }
#commentform p label { width: 13%; font: 14px Roboto,Arial,Tahoma; float: left; font-weight: 400 }
    #commentform p label .required { display: none }
#commentform textarea { width: auto }
#commentform p.form-submit #submit { margin-left: 13% }
#comments .author-photo { margin-top: 20px; overflow: hidden; float: left }
    #comments .author-photo img { width: 68px; height: 68px }
#comments-title { font-size: 18px; padding: 13px 0; margin: 0; border-bottom: 1px solid }
    #comments-title:before { font-family: fontawesome; content: "\f086"; margin-right: 7px; font-size: 24px }
.commentlist { overflow: hidden; padding: 0 0 25px; margin: 0 0 50px; border-bottom: 1px solid }
#main #comments .commentlist ul, #main #comments .commentlist ol { list-style: none; margin: 0 0 50px -15px; padding: 0 !important }
.comment-list { margin-left: -15px }
#main .comment-list li { margin-bottom: 0; margin-top: -1px }
    #main .comment-list li ul li:last-child { border-bottom: none; margin: 0 }
    #main .comment-list li.even { background: #fff }
    #main .comment-list li.odd { background: #fbfbfd }
#comments { padding-bottom: 40px }
    #comments .comment { display: block; border: 1px solid #e4e8ee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
#main .comment-list li ul.children li { border-right: none; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px }
#comments .comment-body { overflow: hidden; padding-left: 25px }
#comments .comment-wrapper { display: table; padding: 20px 0 0 20px; width: 88% }
#comments .depth-2 article, #comments .depth-3 article, #comments .depth-4 article, #comments .depth-5 article { padding-left: 20px; padding-right: 20px }
#main .comment-list li.pingback { padding-top: 10px; padding-bottom: 20px; border-bottom: 1px solid #eee }
#comments .pingback { list-style: none; border-bottom: 1px solid; padding: 10px 10px 10px 0 }
    #comments .pingback p { margin: 0 }
#comments .comment-meta { margin-bottom: 10px }
#comments .comment-author, #comments .comment-metadata { display: inline; color: #262c38; font-size: 12px }
#comments .comment-metadata { padding-bottom: 15px; display: table; width: 100% }
    #comments .comment-metadata small { padding: 0 8px; font-size: 16px; position: relative; top: -3px }
#comments .fn { display: inline; font-size: 15px; font-weight: 400 }
#comments time { font-size: 13px; margin-left: 4px }
.bypostauthor .comment-wrapper { border-top-width: 3px; border-bottom-width: 3px }
#comments .reply .btn-default { margin-bottom: 20px; color: #99a6bb !important; border: 1px solid #e4e8ee; background: #fff; text-transform: uppercase; font-size: 12px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
    #comments .reply .btn-default:hover { color: #ff5722 !important; background: #fff; border: 1px solid #ff5722 }
    #comments .reply .btn-default:focus { color: #99a6bb !important }
#comments .btn-default { padding: 10px 25px; font-size: 15px; background: #03a9f4; border: 1px solid #03a9f4; color: #fff !important }
    #comments .btn-default:hover { background: #4caf50; border: 1px solid #4caf50 }
#respond { padding-top: 30px }
.comment-notes { display: none }
#comments .comment-list li #respond { padding: 20px }
#commentform { padding-top: 30px }
    #commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea { padding: 8px 10px; border: 1px solid #e4e8ee; width: 60%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
        #commentform input[type=text]:focus, #commentform input[type=email]:focus, #commentform input[type=url]:focus, #commentform textarea:focus { border: 1px solid #d5d8dd }
    #commentform textarea { width: 70%; text-align: left }
.page-template-tpl-contact h3, .map-location { margin-bottom: 30px }
.contact-info .address i, .contact-info .phone i, .contact-info .email i { font-size: 18px; color: #ff5722; margin: 0 10px; position: relative; top: 3px }
.contact-info .col-sm-6 { padding-left: 0 }
.contact-info .address i { float: left; min-height: 100px }
.contact-info ul { margin-left: 10px }
.contactform input[type=text], .contactform input[type=email] { padding: 5px 10px; border: 1px solid #c7ced9 }
.contactform textarea { height: 150px; border: 1px solid #c7ced9 }
.contactform p { margin-bottom: 18px }
.contactform label.error { clear: both; color: #c00; display: block; font-size: 11px; font-weight: 400; width: 100% }
.have-question { background: #edf1f7; padding: 20px; margin-top: 65px }
.map-location { padding-top: 30px }
#success, #error { display: none }
#mapBox { width: 100%; height: 350px }
.video_player embed, .video_player iframe, .video_player object, .video_player video { width: 100%; max-width: 100%; margin-bottom: 0; overflow: hidden; display: block }
.breadcrumb-detail-page { min-height: 60px; background: #f7f8fb }
.breadcrumb-in { background: 0 0 }
.breadcrumb-detail-page p { padding: 20px 0 20px 20px; font: 11px Roboto,Arial,Tahoma; color: #657184; text-transform: uppercase }
.breadcrumb-in p { padding-left: 0 }
.breadcrumb-detail-page p i { padding: 0 10px }
.breadcrumb-detail-page p a { color: #99a4b3 }
    .breadcrumb-detail-page p a:hover { color: #657184 }
.divider { display: none }
.co-detail-page { background: #f7f8fb; padding-top: 0 }
    .co-detail-page .courses-info { background: #fff; padding: 10px 40px 5px }
    .co-detail-page .excerpt { padding-bottom: 10px; margin-bottom: 10px; background: url(../images/border_bottom.png) no-repeat left bottom }
    .co-detail-page .meta { margin-bottom: 0 }
        .co-detail-page .meta a { color: #0583e4 }
            .co-detail-page .meta a:hover { color: #fe5722 }
    .co-detail-page h1 { font-size: 24px }
.courses-info h3 { font-size: 16px; padding-bottom: 10px; background: url(../images/border_bottom.png) no-repeat left bottom }
.courses-info h4 { font-size: 15px; font-weight: 400 }
.courses-info ul { padding-left: 0 }
    .courses-info ul li { list-style: none; padding-left: 15px; background: url(../images/bullet_orange.png) no-repeat 3px 12px }
.single-course .nav-tabs > li.active > a, .single-course .nav-tabs > li.active > a:focus, .single-course .nav-tabs > li.active > a:hover { border: none; background: #fff; outline: none }
.single-course .tab-content { border: none }
.single-course #main .nav-tabs li { font: 14px Roboto,Arial,Tahoma }
.single-course .nav-tabs { border-bottom: none }
    .single-course .nav-tabs > li > a { background: #bfc6d0; border: none }
#main .co-join-info li { list-style: none; background: 0 0; padding-left: 0 }
#main .units-archive-list li { width: 100%; clear: both }
.progress { height: 70px; margin-bottom: 20px; overflow: hidden; float: right; position: relative; background-color: #e4e8ee; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; width: 70px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px }
.topcircle { width: 60px; height: 60px; position: absolute; left: 5px; top: 5px; font: 700 15px Roboto,Arial,Tahoma; text-align: center; vertical-align: middle; color: #fe5722; line-height: 55px; background: #fff; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px }
.unit-archive-single .progress-bar { float: right; background: #fe5722 }
.co-join-info .btn { padding: 15px 60px }
.co-join-info .co-price { font: 14px Roboto,Arial,Tahoma; color: #99a4b3 }
    .co-join-info .co-price span { font-size: 22px; color: #4caf50 }
.co-join-info .course_rat { padding: 20px 0; clear: both; display: inline-block; width: 100% }
.co-join-info ul { padding-left: 0; margin-bottom: 40px; list-style: none; clear: both }
.co-join-info li { padding: 20px 0; font: 14px Roboto,Arial,Tahoma; color: #ff5722; border-bottom: 1px solid #e8ebf1; width: 100% }
    .co-join-info li span { color: #262c38; width: 100px; display: block; float: left }
    .co-join-info li:last-child { border-bottom: none }
.courses-info .courses-instructor li { list-style: none; background: 0 0; padding: 0 }
    .courses-info .courses-instructor li a { width: auto; height: auto; background: 0 0; padding: 0; margin-right: 8px }
        .courses-info .courses-instructor li a i { font-size: 18px; color: #99a4b3 }
        .courses-info .courses-instructor li a:hover i { color: #fe5722 }
.courses-instructor h3 { margin-bottom: 40px }
    .courses-instructor h3.inst-name { margin: 12px 0 0; padding: 0; font-weight: 400; font-size: 14px; background: 0 0 }
.courses-instructor p.meta { font-size: 13px; color: #262c38 }
.courses-instructor h3.inst-name a { color: #0583e4 }
    .courses-instructor h3.inst-name a:hover { color: #fe5722 }
.courses-instructor .col-sm-2 { margin-left: -15px; padding-right: 0 }
    .courses-instructor .col-sm-2 img { width: 120px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px }
.courses-instructor .col-sm-9 { padding-bottom: 10px }
.about-instr { clear: both; width: 100% }
.instructor-single { margin-bottom: 30px; border-bottom: 1px solid #e4e8ee; margin-left: inherit; margin-right: inherit }
.courses-instructor .instructor-single:last-child { border-bottom: none }
a.button_submit { font: 15px Roboto,Arial,Tahoma; float: right; color: #fff !important; background: #0583e4; padding: 10px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.button_submit { color: #fff; background: #ff5722 }
.rr_review_form table.form_table, .rr_review_form table.form_table td { border: none }
.courses-review { padding-bottom: 30px; border-bottom: 1px solid #e4e8ee }
    .courses-review p { margin: 0 0 5px }
        .courses-review p.total-rating { font: 36px Montserrat; color: #fe5722 }
.stars-rating { display: table; width: 100%; clear: both }
    .stars-rating span { float: left; line-height: normal }
    .stars-rating .progress { width: 100px; height: 8px; float: left; margin: 7px 10px; background: #e4e8ee; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px }
        .stars-rating .progress.active .progress-bar, .stars-rating .progress-bar.active { background: #fe5722 }
    .stars-rating .progress-bar { float: left }
#main .courses-curriculum ul { margin: 0; padding: 5px 0 20px; clear: both }
    #main .courses-curriculum ul li { margin: -1px 0 0; list-style: none; background: #fff; padding: 8px 10px 7px; border: 1px solid #e4e8ee; font-family: Roboto,Arial,Tahoma; display: table; width: 100% }
        #main .courses-curriculum ul li a i { color: #838fa1 }
        #main .courses-curriculum ul li a:hover i { color: #262c38 }
        #main .courses-curriculum ul li.courses-close { background: #f7f8fb }
.courses-curriculum ul li .no { font-size: 14px; float: left; padding-right: 10px; color: #262c38 }
#main .courses-curriculum ul li .ctitle { margin: 0; padding: 0; font-size: 14px; float: left; color: #262c38; width: 64% }
.courses-curriculum ul li .title i { padding: 0 5px; font-size: 16px; color: #838fa1 }
.courses-curriculum ul li .ctitle .fa-angle-down { margin: 0 10px 0 15px }
.courses-curriculum ul li .type { color: #0583e4; font-size: 10px; padding-left: 10px; text-transform: uppercase }
.courses-curriculum ul li .free { color: #32cc47 }
.courses-curriculum ul li .exam { color: #fe5722 }
.courses-curriculum ul li .preview { font-size: 10px; text-transform: uppercase; background: #99a6bb; padding: 3px 5px; color: #fff; border-radius: 3px }
.courses-curriculum ul li .info { float: right; font-size: 11px; padding: 5px 0 }
#main .courses-curriculum ul li p.other { margin: 0; padding: 0; float: right; width: 23% }
.courses-curriculum ul li .time { float: left; font-size: 11px; padding: 5px 0; float: left }
    .courses-curriculum ul li .info i, .courses-curriculum ul li .time i { font-size: 16px }
.courses-curriculum ul li .desc { clear: both }
#main .courses-curriculum ul li .desc p { font: 14px Open Sans,sans-serif; margin-bottom: 8px; font-weight: 300 }
    #main .courses-curriculum ul li .desc p a { color: #fe5722 }
        #main .courses-curriculum ul li .desc p a:hover { color: #262c38 }
#main .review-list { margin: 0; padding: 30px 0; list-style: none }
    #main .review-list li { margin: 0 0 20px; padding: 0; list-style: none; background: 0 0; border-bottom: 1px solid #eee }
.review-list li .avatar { float: left; border-radius: 55px }
.review-list li .review-right { float: right; width: 89%; padding-top: 20px }
    .review-list li .review-right .author-name { float: left; font-weight: 700; padding-top: 5px; color: #0583e4 }
    .review-list li .review-right .time { display: inline-block; margin-top: 5px; float: right }
.review-list li .review-des { clear: both; display: table; width: 100%; padding: 10px 0 0 }
    .review-list li .review-des p:first-child { color: #262c38; margin-bottom: 0; font-weight: 700 }
.review-list li .review-right .course_rating { float: right; margin-left: 15px }
.add-review { clear: both; padding-bottom: 40px }
.review_form .form_row { width: 100%; display: table; margin-bottom: 15px }
    .review_form .form_row label { text-align: left; font-size: 14px; color: #262c38; font-weight: 400 }
    .review_form .form_row input { width: 100% }
.btns .btn::after { content: "\e87a"; font-family: linearicons-free; margin-left: 10px; position: relative; top: 2px }
.btns .btn { float: left }
a.fav { background: #99a6bb; padding: 9px 20px; color: #fff; float: right; font-size: 18px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
a:hover.fav { background: #fe5722 }
    a:hover.fav i { color: #fff }
a.fav span { position: absolute; right: -11px; top: -8px; padding: 1px 9px; background: #fe5722; line-height: inherit; font-size: 13px; font-weight: 700; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 2px solid #fff }
a:hover.fav span { display: block; color: #fff }
a.fav-load { padding: 9px 17px }
.error404 h4 { color: #657184; line-height: 30px; margin-bottom: 40px }
.font-large { font: 700 300px Roboto,Arial,Tahoma; color: #262c38; position: relative }
    .font-large strong { padding: 8px 21px; font-size: 14px; text-transform: uppercase; position: absolute; top: 47%; left: 30.3%; background: #0583e4; color: #fff }
.page-header { border-bottom: none }
    .page-header h1 { text-align: center; padding-bottom: 20px; background: url(../images/border_bottom.png) no-repeat center bottom }
.panel-heading, .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
#main .nav-tabs { margin: 0; padding: 0 }
    #main .nav-tabs li { margin-bottom: -1px; font-weight: 700; font-size: 18px }
.nav-tabs > li > a { margin-right: 7px; padding: 10px 20px; color: #262c38; background: #efefef; border: 1px solid #c7ced9; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
    .nav-tabs > li > a:hover { background: #fff }
#main a.btn { color: #fff }
.tab-content { border: 1px solid #ddd; border-top: none; padding: 0; margin: 0 }
    .tab-content .tab-pane h2 { margin-top: 0; padding-top: 20px }
    .tab-content .tab-pane { padding: 20px }
#register-form { width: 450px }
#login-form, #register-form { overflow: hidden }
.fancybox-skin { border-radius: 10px }
#login-form h3, #register-form h3 { font-size: 30px; text-align: center; text-transform: uppercase }
#login-form p, #register-form p { text-align: center }
#login-form a, #register-form a { text-decoration: underline }
#login-form input[type=text], #register-form input[type=text] { width: 97%; padding: 10px 30px; background: #eff4f8; margin-top: -1px }
#login-form input[type=button], #register-form input[type=button] { width: 88%; text-transform: uppercase; padding: 18px }
.my-account .fancybox-close { background: 0 0; color: #7e8898 }
    .my-account .fancybox-close:hover { background: 0 0; color: #ff5722 }
.remeber, .new-login { padding: 20px 45px }
#login-form .remeber label { float: left; font-weight: 300 }
.remeber a { float: right }
.button { padding-bottom: 20px }
.login-form, .register-form, .edit-form { border: 1px solid #e5e5e5; float: none; margin: 0 auto; padding-bottom: 15px }
    .login-form label { width: 100%; display: block }
    .login-form p, .register-form p { margin-bottom: 8px }
.form input[type=text], .form input[type=email], .form input[type=url], .form input[type=password] { width: 100% }
.register-form label { display: block; float: left; margin-right: 2%; width: 48% }
.register-form .btn { margin-right: 20px }
.edit-profile .btn { margin-top: 10px }
.shopping-table { margin-bottom: 70px; border: 1px solid #c7ced9; border-collapse: inherit }
    .shopping-table.table > thead > tr > th { padding: 20px 35px; border: none }
    .shopping-table.table > thead > tr > th { border: none; font-size: 18px }
    .shopping-table tr td { padding: 40px 35px !important; border: none; font-size: 16px; font-weight: 700 }
        .shopping-table tr td:nth-child(1) { text-align: center }
            .shopping-table tr td:nth-child(1) a { color: #ff5722 }
                .shopping-table tr td:nth-child(1) a:hover { color: #0583e4 }
        .shopping-table tr th:nth-child(6), .shopping-table tr td:nth-child(6) { text-align: right }
        .shopping-table tr td .form-control { width: 80px; text-align: center; border-radius: 0 }
    .shopping-table tr { border: none }
        .shopping-table tr:last-child td:nth-child(1) input[type=text] { width: 200px }
        .shopping-table tr:last-child td:nth-child(1) .btn-default { background: #fff; border: 1px solid #03a9f4; border-radius: 30px; color: #03a9f4 }
            .shopping-table tr:last-child td:nth-child(1) .btn-default:hover { background: #fff; border: 1px solid #ff5722; color: #ff5722 }
        .shopping-table tr:last-child td:nth-child(2) { }
            .shopping-table tr:last-child td:nth-child(2) .btn-blue { background: #fff; border: 1px solid #03a9f4; border-radius: 30px; color: #03a9f4 }
                .shopping-table tr:last-child td:nth-child(2) .btn-blue:hover { background: #fff; border: 1px solid #ff5722; color: #ff5722 }
.cart-total h3 { font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; background: url(../images/border_bottom.png) no-repeat left bottom }
.cart-total ul { margin: 0; padding: 0; list-style: none }
    .cart-total ul li { padding: 12px 0; border: 1px solid #c7ced9; border-bottom: none; font-size: 16px; color: #657184; width: 100%; display: table }
        .cart-total ul li label { float: left; padding-left: 20px }
        .cart-total ul li span { float: right; padding-right: 20px }
        .cart-total ul li:last-child { border-bottom: 1px solid #c7ced9 }
.calculate-shipping select { font-size: 16px; padding: 10px 15px; margin-bottom: 20px; width: 100%; border: 1px solid #c7ced9 }
.checkout-form h3 { font-size: 30px; padding-bottom: 20px; margin-bottom: 30px; background: url(../images/border_bottom.png) no-repeat left bottom }
.checkout-form .row { margin-bottom: 10px }
    .checkout-form .row label { width: 100% }
    .checkout-form .row input[type=text] { width: 100%; margin-bottom: 10px }
    .checkout-form .row.checkboxs label, .checkout-form .row .option label { width: auto }
    .checkout-form .row input[type=checkbox] { float: left; margin-right: 15px }
    .checkout-form .row .option article { background: #f4f4f4; padding: 15px; border-radius: 5px; margin-bottom: 10px }
.widget_courses img { float: left }
.widget_courses .simi-co { float: right; width: 66% }
.footer-widget .menu li { width: 50%; float: left }

@media(max-width:1024px) {
    .site-branding { width: 32% }
    .home-third-header { height: 700px }
        .home-third-header .site-branding { width: 100% }
    .navbar { float: none }
        .navbar ul { margin-top: 0 }
    .flexslider .slides li { min-height: 600px }
    .slides > li .slide-caption { width: 50% }
    .slides > li h2 { font-size: 40px }
    .slides > li .slide-caption .btn-medium { padding: 10px 15px }
    .home-two-slider .slides > li .slide-caption { padding-top: 5%; width: 70% }
    .search-form .form-inline .input-group > .form-control { width: 84% }
    .home-third-header .search-form .form-inline .input-group > .form-control { width: 82% }
    .courses.list-group-item figure { width: 300px }
    .course { min-height: inherit; max-height: inherit }
    .courses.list-group-item .course_space { min-height: inherit }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { height: 160px; width: 212px }
    .co-join-info .btn { padding: 15px 30px }
    .review-list li .review-right { width: 84% }
    .sign-form .form-control { width: 69% }
    .footer-widget .widget_courses img, .footer-widget .widget_courses li iframe, .widget_events li img, .recent_posts_widget img, .widget_courses img, .widget_courses li iframe { width: 75px }
}

@media(max-width:980px) {
    .navbar-nav > li > a { padding: 10px 13px; margin-right: 0 }
    .home-third-header { height: 600px }
        .home-third-header .brand { margin-top: 50px }
    .browse-by-category .by_cat { min-height: inherit; display: table; width: 100%; padding-top: 0; border: none; border-bottom: 1px solid #dee3ec }
    .browse-by-category .by_cat { }
    .search-form .form-inline .input-group > .form-control { width: 80% }
    .home-third-header .search-form .form-inline .input-group > .form-control { width: 75% }
    .course_rel { position: inherit; bottom: 0; left: 0; width: auto }
    .courses .course_rel { left: 25px }
    .home-two-pop-courses .course_rel { left: 30px }
    .course_rating i, .average-rating span i, .widget_courses li span.rating i { margin: -1px }
    .latest-news-updates div.col-sm-3 h3 { left: 20px }
    .latest-news-updates div.col-sm-3 .meta, .latest-news-updates div.col-sm-6 .meta { left: 20px; top: 260px }
    .latest-news-updates .articel-list div.col-sm-6:nth-child(3), .latest-news-updates .articel-list div.col-sm-3 { width: 100%; height: 300px; overflow: hidden }
        .latest-news-updates .articel-list div.col-sm-6:nth-child(3) img, .latest-news-updates .articel-list div.col-sm-3 img { width: 100% }
    .latest-news-updates-slider article figure { height: 155px }
    a.fav { float: left; text-align: center; margin-top: 20px }
    #main .courses-curriculum ul li .ctitle { width: 90% }
    #main .courses-curriculum ul li p.other { width: auto }
    .review-list li .review-right { width: 100%; clear: both; float: none }
        .review-list li .review-right .course_rating { width: 72px }
    .review_form .col-sm-6 { width: 100% }
    .teachers-in .remove_space { width: 100%; margin-bottom: 15px }
    .teachers { min-height: 575px }
    .teachers-in .remove_space img { width: 100% }
    .sign-form .form-control { width: 58% }
    .signup-newsletter p, .signup-newsletter h3 { width: 70% }
    .home-two-testimonials .col-sm-push-1 { left: 0 }
    .home-two-newsletter .sign-form .btn-orange { padding: 11px 30px }
    .instructor-week .remove_space { width: 100% }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 100%; padding-top: 20px }
    .contact-info .col-sm-6 { width: 100%; margin-bottom: 20px }
    .have-question { margin-top: 0 }
    #commentform p label { width: 100%; float: none }
    #commentform p.form-submit #submit { margin-left: 0 }
    .courses.list-group-item figure { width: 235px }
    .three-column.grid-group-item { width: 50% }
    .three-column.list-group-item { width: 95% }
        .three-column.list-group-item .course_space { width: 53% }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { height: 185px; width: 250px }
    .three-column.grid-group-item .course_rel { width: 100%; padding: 0 20px; left: 0 }
    .three-column.list-group-item .course_rel { float: right; padding: 10px; width: 47% }
    #secondary .widget_search .search-course .search-field { width: 77% }
    #secondary .widget_search .course-submit { width: 100%; border-radius: 0; position: relative }
    .shopping-table tr:last-child td:nth-child(1) input[type=text], .shopping-table tr:last-child td:nth-child(2) .btn-blue { margin-bottom: 10px }
    .footer-widget .menu li { width: 100% }
    .footer-widget .widget_courses .simi-co { width: 100%; padding-top: 10px }
}

@media(max-width:800px) {
    .flexslider .slides li, .home-two-slider .slides li { min-height: 400px }
    .slides > li .slide-caption { width: 60% }
    .slides > li h2, .home-two-slider .slides > li .slide-caption h3 { font-size: 25px }
    .slides > li .slide-caption .btn-medium, .home-two-slider .slides > li .slide-caption .btn-medium { padding: 8px 12px }
}

@media(max-width:768px) {
    .course .img-thumb img { width: 100% }
    .latest-news-updates-space { margin-bottom: 30px }
    .latest-news-updates-slider article figure { height: inherit }
        .latest-news-updates-slider article figure img { width: 100% }
}

@media(max-width:667px) {
    .course .img-thumb img { width: 100% }
}

@media(max-width:640px) {
    .site-description { display: none }
    .site-branding { width: 45% }
    .flex-direction-nav { display: none }
    .navbar { margin-top: 25px; margin-bottom: 0 }
        .navbar ul, .navbar-nav { margin-top: 0 }
            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar ul li a, .navbar ul li a:hover { border-radius: 0 }
            .navbar-nav > li > .dropdown-menu { padding: 0 }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { background: #fff; border-radius: 0 }
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: #ff5722; border-radius: 0 }
    .home-two-nav .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background: #094db9; border-radius: 0 }
    .navbar li.pull-right { border: medium; margin: 0; width: 100% }
        .navbar li.pull-right a.menu-cart { border: 1px solid #e4e8ee; border-radius: 3px; display: block; position: relative; text-align: center }
            .navbar li.pull-right a.menu-cart span { right: 41% }
    .home-two-slider .slides > li .slide-caption p { margin: 10px 0 }
    .home-two-search .head { padding: 5px 10px; top: -60px; width: 128px; font-size: 12px }
    .home-third-header h2 { font-size: 25px }
    .home-third-header .courses-count .col-sm-7 { width: 100%; display: table }
    .latest-news-updates .articel-list div.col-sm-6 img { width: 100% }
    .latest-news-updates-space { margin-bottom: 20px; min-height: inherit }
    .latest-news-updates-slider article figure { height: inherit }
    .latest-news-updates-slider .img-thumb img { width: 100% }
    .courses-count .col-md-3 { display: table; width: 100% }
    .course { max-height: inherit; min-height: inherit }
    .course_space { min-height: inherit }
    .course .img-thumb img { width: 100% }
    .course_rel { width: 88%; padding-bottom: 20px }
        .course_rel .col-xs-12 { width: 100px; float: left }
            .course_rel .col-xs-12:nth-child(2) { float: right }
    .action span { top: 0; padding-bottom: 20px }
    .work-steps .steps { margin: 30px 0 }
    .meet-teachers .teacher { float: left; width: 30%; margin-bottom: 30px }
    .event-countdown .btn { margin-top: 20px; float: none; width: 100% }
    .well .btn-group { display: none }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 290px; height: 215px }
    a.fav { float: right; margin-top: 0 }
    .co-join-info { padding-top: 30px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 83%; clear: inherit; padding-top: 0 }
    #commentform input[type=text], #commentform input[type=email], #commentform input[type=url], #commentform textarea { width: 100% }
    .courses.list-group-item figure { width: 300px }
    .course { min-height: inherit; max-height: inherit }
    .courses.list-group-item .course_space { min-height: inherit }
    .signup-newsletter p, .signup-newsletter h3 { width: 81% }
    .signup-newsletter .sign-form { padding: 10px 0 20px; display: table; width: 100% }
    .footer-widget { padding-top: 15px; padding-bottom: 15px }
        .footer-widget h6 { margin-bottom: 20px }
        .footer-widget .widget_courses .simi-co { width: 83% }
    .site-footer p.copy, .site-footer p.develop { margin: 0; padding: 5px 0; float: none; text-align: center }
}

@media(max-width:568px) {
    .search-form .form-inline .input-group > .form-control { width: 73% }
    .register-form label { width: 100% }
    .register-form .btn { margin-right: 0 }
}

@media(max-width:480px) {
    .site-branding { width: 60% }
    .navbar { margin-top: 20px }
    .flexslider .slides li { min-height: 300px }
    .slides > li .slide-caption { width: 70%; padding-top: 5% }
    .slides > li h2 { font-size: 15px }
    .slides > li .slide-caption .btn-medium { padding: 8px 12px }
    .search-form .form-inline .input-group > .form-control { width: 68% }
    .browse-by-category .head { left: 28% }
    .latest-news-updates .art-style1 img, .latest-news-updates .art-style2 img, .latest-news-updates .art-style3 img, .latest-news-updates .art-style4 img, .latest-news-updates .art-style5 img { height: 100%; width: 100% }
    .latest-news-updates .articel-list div.col-sm-6:nth-child(3), .latest-news-updates .articel-list div.col-sm-3 { height: auto }
    .latest-news-updates h3 { font-size: 18px; left: 20px }
    .latest-news-updates div.col-sm-3 .meta, .latest-news-updates div.col-sm-6 .meta { top: inherit }
    h2.text-center, .testimonials_outer h2, .upcoming-event h2, .instructor-week h2, .free-course-week h2 { font-size: 20px; margin-bottom: 20px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 75% }
    .font-large { font-size: 100px }
        .font-large strong { position: relative; top: 0; left: 0; clear: both; display: block }
    #secondary .widget_search .course-submit { width: auto; position: absolute }
    .courses.list-group-item .clist { width: 97% }
    .courses.list-group-item figure { width: 220px }
    .three-column.grid-group-item { width: 100% }
        .three-column.grid-group-item .course { min-height: inherit; max-height: inherit; padding-bottom: 10px }
        .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 450px; height: 335px }
        .three-column.grid-group-item .course_space { min-height: inherit }
    .meet-teachers .teacher { min-height: 280px }
    .event-countdown .col strong { font-size: 14px }
    .event-countdown .col span { font-size: 12px }
    .footer-widget .widget_courses .simi-co { width: 78%; padding-top: 0 }
}

@media(max-width:360px) {
    nav.meta-login { max-height: 36px; float: none }
        nav.meta-login ul li:first-child { font-size: 13px }
        nav.meta-login ul li { padding: 10px 6px }
    .navbar { margin-top: 15px }
    .home-third-header { height: 680px }
    .browse-by-category .head { left: 25% }
    .flexslider { margin-bottom: 20px }
        .flexslider .slides li { min-height: 200px }
        .flexslider .slides > li .slide-caption { width: 95%; padding-top: 4% }
    .slides > li h2 { font-size: 13px }
    .slides > li p { font-size: 12px; line-height: 14px }
    .slides > li .slide-caption .btn-medium { padding: 5px 10px }
    .search-form .form-inline .input-group > .form-control { border-radius: 3px; margin-bottom: 10px; width: 100% }
    .search-form .input-group-btn .btn { border-radius: 3px }
    .search-form .input-group-btn { clear: both; display: table; float: none }
    .cat_forth, .cat_fifth { width: 100% }
    .i-email-subscribe { padding: 10px 13px }
        .i-email-subscribe i { font-size: 30px }
    h2.text-center, .testimonials_outer h2, .upcoming-event h2, .instructor-week h2, .free-course-week h2 { font-size: 17px; margin-bottom: 20px }
    .home-two-testimonials .quote { background-size: 55% }
    .testimonial { font-size: 14px }
    .widget_courses li .simi-co, .widget_events li .simi-co, .recent_posts_widget li .simi-co { width: 65% }
    .meet-teachers .teacher { width: 100%; min-height: auto }
    .courses.list-group-item { width: 95% }
        .courses.list-group-item figure { width: inherit }
        .courses.list-group-item .course_space { width: 100% }
        .courses.list-group-item .course_rel { width: 90% }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 330px; height: 245px }
    .signup-newsletter p, .signup-newsletter h3 { width: 78% }
    .footer-widget .widget_courses .simi-co { padding-top: 0; width: 72% }
}

@media(max-width:320px) {
    .courses.list-group-item { width: 95% }
    .home-two-slider { margin-bottom: 0 }
    .three-column.grid-group-item figure, .three-column.grid-group-item #products .video_player figure { width: 290px; height: 215px }
    .sign-form .form-control { width: 100%; margin-bottom: 10px }
    .sign-form .btn-orange { margin-left: 3px }
}

@media only screen and (max-width:732px) {
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block }
        #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px }
    #no-more-tables tr { border: 1px solid #ccc }
    #no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left }
        #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: 700 }
    #no-more-tables td { color: #262c38 }
        #no-more-tables td:nth-child(1):before { content: "" }
        #no-more-tables td:nth-child(2):before { content: "Item"; padding-left: 25px }
        #no-more-tables td:nth-child(3):before { content: "Product"; padding-left: 25px }
        #no-more-tables td:nth-child(4):before { content: "Price"; padding-left: 25px }
        #no-more-tables td:nth-child(5):before { content: "Quantity"; padding-left: 25px }
        #no-more-tables td:nth-child(6):before { content: "total"; padding-left: 25px }
        #no-more-tables td:last-child.text-right:before { content: "" }
}

.block-20 { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 255px; position: relative; display: block; }
.shop-thumb .thumb { width: 100% !important; background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 200px; }

@media (min-width: 1200px) {
    col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
    .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
    .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
    .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
    .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
    .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
    .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
    .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
    .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
    .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
    .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

.shop-thumb { padding-top: 20px; /* padding-right: 30px; */ }
/*.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-xl-3 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; color: rgba(0, 0, 0, 0.8); font-weight: 400; }*/
.shop-book-name { font-size: 16px; margin-bottom: 16px; text-align: justify; line-height: normal; color: #333333; }

.hero-wrap.hero-wrap-2 .slider-text .bread { font-weight: 900; color: #fff; font-size:26px; }
.custom-breadcrumns a { color: #FFF; }
.icon-keyboard_arrow_right { color: #FFF; }
.hero-wrap.hero-wrap-2 { height: 187px; }
.container { max-width: 1230px; }
.ftco-animate { margin: 0px auto }
.icon-keyboard_arrow_right { color: #FFF; }
.custom-breadcrumns .current { color: #FFF; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.icon-keyboard_arrow_right:before { content: "\e315"; }
.block-21 .blog-img { display: block; height: 80px; width: 125px; }
.block-21 .text .heading a { color: #333333; }
.block-21 .text .heading { font-size: 16px; font-weight: 400; text-align: justify; margin-bottom: 5px; }
.block-21 .text { width: calc(100% - 100px); margin-left: 15px }
.hotel-img, .img, .blog-img, .user-img { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
h3.heading { line-height: normal !important; color: #fff; font-weight: 600; margin-top: 0px; }

.fix-page { margin: 0 auto !important; width: 100%; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.block-27 ul { padding: 0; margin: 0; }
    .block-27 ul li { display: inline-block; margin-bottom: 4px; font-weight: 400; }
        .block-27 ul li.active a, .block-27 ul li.active span { background: #1eaaf1; color: #fff; border: 1px solid transparent; }
        .block-27 ul li a, .block-27 ul li span { border: 1px solid #1eaaf1; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 23px; border-radius: 50%; padding-top: 7px; }
    .block-27 ul li { display: inline-block; margin-bottom: 4px; font-weight: 400; }
.ftco-footer .ftco-footer-widget h2 { font-weight: normal; color: #FFFFFF; margin-bottom: 10px; font-size: 22px; font-weight: 500; }
.ftco-footer .ftco-footer-widget span { color: #FFFFFF; }
.ftco-footer .ftco-footer-widget a { color: #FFFFFF; }
.hero-wrap-2{margin-bottom:20px;}

.hero-wrap { width: 100%; height: 100%; position: inherit; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
    .hero-wrap.hero-wrap-2 { height: 300px; }
    .hero-wrap .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; opacity: .3; /*background: #f1453d; */}
    .hero-wrap.hero-wrap-2 .slider-text { height: 300px; }
/*.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }*/
.ftco-animate{padding-top:6%}


.fix-copyr { border-top: 1px solid #FFF; }
.title-detail { font-size: 18px; font-weight: 700; text-align: justify; }
.desc { font-weight: 600; text-align: justify; margin: 10px 0; }
.detail { text-align: justify; overflow: hidden; }
    .detail * { font-size: 16px !important; font-family: Roboto,Arial,Tahoma !important; }
    .detail img { max-width: 100% !important; height: auto !important; }
    .detail table { max-width: 100%; }
    .detail * iframe { max-width: 100% !important; }
    .detail hr { display: none !important; }
.author { text-align: right; font-weight: bold; }
.flex-s-s { float: left; display: inline-flex; width: 100%; border-bottom: 1px solid #DDD; margin-bottom: 0px; }
    .flex-s-s span { margin-right: 10px; margin-top: 5px; }
.others-news ul { margin: 0; padding: 0 }
.others-news li { margin-bottom: 10px; list-style: disc; margin-left: 20px; }
    .others-news li a { color: #222; text-align: justify; }
        .others-news li a:hover { color: #207AE3; }
    .others-news li span { font-style: italic; font-size: 14px; }
.listdes { text-align: justify; color: #666; }
.linkweb { border: 1px solid #ccc; padding: 10px; width: 100%; }


/*====Vān ban=====*/
.lts-vanban-home { margin-bottom: 20px; }
    .lts-vanban-home .title { border: 1px solid #ddd; min-height: 14px; padding: 7px 10px; background: #f7f7fd; }
        .lts-vanban-home .title a { color: #58595B; font-size: 16px; font-weight: bold; }
.info-desc { overflow: auto; padding: 10px 0; }
    .info-desc .f1 { width: 70%; float: left; border-right: 1px dotted #ddd; padding-right: 1.8%; font-size: 16px }
    .info-desc .f2 { width: 30%; float: right; padding-left: 2%; }
        .info-desc .f2 p { margin-bottom: 10px; font-size: 16px; line-height: normal; }
.f1 ul { margin: 10px 0 5px 0; }
    .f1 ul li { display: initial; margin-right: 20px; }
        .f1 ul li a { color: #BE1E2D; }
.f2 p span:first-child { width: 52%; float: left; }

.listcategory { }
    .listcategory ul { margin: 0; padding-left: 20px; }
        .listcategory ul li { padding: 5px 10px; border-bottom: 1px solid #DDD; }
            .listcategory ul li:hover { padding: 5px 10px; background: #DDD; }
    .listcategory li a { font-weight: 600; color: #333 }

.vbProperties table { background: #ccc; border-spacing: 0px; border-collapse: scollapse; width: 100%; }
    .vbProperties table tr td { padding: 8px; background: #fff; text-align: justify; vertical-align: text-top; color: #333; font-size: 14px; }
    .vbProperties table tr.odd td { background: #F0F6FF; }
    .vbProperties table tr td.title { color: #0077d3; }
    .vbProperties table tr td.label-color { background: #f6f6f6; color: #333; font-weight: 600 }
    .vbProperties table tr td p { margin: 0; }
    .vbProperties table tr td a { font-size: 14px; }
.ctvanban { padding-top: 20px; }
    .ctvanban h5 { text-align: center; }
    .ctvanban * { font-family: Roboto,Arial,Tahoma !important; }
/*albums*/
.shop-area { background-size: cover; }
.shop-thumb .thumb { width: 100% !important; background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 150px; }
.shop-thumb { padding-top: 20px; /*padding-right: 30px;*/ }
.shop-book-name { font-size: 16px; margin-bottom: 16px; text-align: justify; line-height: normal; color: #000000 }
.book-inner-content { padding: 10px; }
.book-writter { font-size: 13px; line-height: 1; margin: 0; margin-top: 9px; }
.book-ratings ul li { display: inline-block; font-size: 14px; color: #f6393e; margin-left: 4px; }
.book-ratings ul { margin-left: 30px; }
.book-price .price { font-size: 14px; color: #777777; font-weight: 600; }
.book-price .user-number { font-size: 15px; color: #f6393e; font-weight: 700; }
.header-other-news span { text-transform: uppercase; margin-bottom: 0px; display: block; }
.others-video { }
    .others-video a.block-20 { height: 165px; }
    .others-video .blog-entry .text { padding: 10px !important; }
.i-gioithieu { text-align: center; }
    .i-gioithieu img { text-align: center; height: 300px; width: 300px; border-radius: 50%; }

.icon-keyboard_arrow_right { color: #FFF; }
.fix-page { margin: 0 auto !important; width: 100%; }

.align-items-center .mb-0 { margin: 0 auto; }
.dis-block { font-size: 22px; margin-right: 10px; }
.custom-breadcrumns a { color: #FFF; }
.custom-breadcrumns .current { color: #FFF; }
h3.heading { line-height: normal !important; color: #fff; font-weight: 600; }
a.link-event { color: #333; }
.panel-group .panel { border-radius: 5px; border-color: #EEEEEE; padding: 0; margin-bottom: 10px; }
.short-full { float: right; color: #808080; margin-top: 4px; }


.aboutus p { font-size: 16px }
.about-slide { overflow: inherit }
    .about-slide .slides { width: 282px; margin-left: 20%; margin-top: 7% }
        .about-slide .slides li { min-height: 305px; text-align: center; z-index: 13 }
            .about-slide .slides li img { min-height: inherit; height: 282px; width: 282px; border-radius: 300px; display: inherit; object-fit: cover }
    .about-slide .flex-direction-nav a { background: #ff5722; width: 160px; height: 160px; font-size: 0; border-radius: 100px; z-index: 1; top: 27%; text-indent: -9009px }
    .about-slide .flex-direction-nav .flex-prev::before { margin: 55px 29px }
    .about-slide .flex-direction-nav .flex-next::before { margin: -27px 19px }
    .about-slide .flex-direction-nav .flex-prev { right: 40px }
    .about-slide .flex-direction-nav .flex-next { text-indent: -9009px }
    .about-slide .flex-control-paging li a { border: 1px solid #ff5722; background: #fff; box-shadow: none; width: 10px; height: 10px; outline: none }
        .about-slide .flex-control-paging li a.flex-active { border: 1px solid #ff5722; background: #ff5722 }




/*co cau to chuc*/
.panel-title > a { display: block; padding: 10px 15px; text-decoration: none; color: #333; font-weight: 700; }
.panel-default > .panel-heading { color: #333; background-color: #f6f6f6; border: 1px solid #DDD; }
.panel-title { font-size: 16px; margin: 0; }
    .panel-title > a { display: block; padding: 10px 15px; text-decoration: none; color: #333; font-weight: 700; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #DDD; padding: 20px; }
.singel-event-list { background-color: #fff; border-radius: 5px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
    .singel-event-list .event-thum { width: 38%; }
        .singel-event-list .event-thum img { width: 100%; border-radius: 5px; }
.fix-cctc .event-thum img { width: 100%; }
.singel-event-list .event-cont { width: 62%; padding-left: 30px; }
    .singel-event-list .event-cont h4 { font-size: 18px; font-weight: 700; }
    .singel-event-list .event-cont p { text-align: justify; margin-bottom: 5px; }
.meta div { display: initial; margin-right: 20px; font-size: 14px; }
a.link-event { color: #333; }
.text-intro-home { line-height: 25px; }
.home-slider { max-height: 600px !important; }
    .home-slider img { width: 100% !important; height: auto !important; border-radius: unset !important; }

footer { background: #03a9f4; }
.navbar-collapse.collapse {float:right;}

.blog-entry .text { position: relative; border-top: 0; border-radius: 2px; }
    .blog-entry .text .heading { font-size: 18px; margin: 15px ; text-align: justify; line-height: normal; }
        .blog-entry .text .heading a { color: #000000; font-weight: 500; }
            .blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active { color: #03a9f4; }
/*.col-xs-12.col-sm-4.zoom {height: 550px; }*/