/*-------------------------------------------------
 =  Table of Css

 1.Some default basic style of template
 2.Header
 3.Isotope filtering
 4.General
 5.Slider
 6.feature section
 7.Collection section
 8.Countdown section
 9.popular courses section
 10.course-post
 11.Events
 12.events-posts
 13.video-post
 14.News sections
 15.blog post
 16.testimonial section
 17.Sidebar
 18.single post
 19.teachers section
 20.about section
 21.portfolio section
 22.pricing section
 23.single event section
 24.single course section
 25.cart section
 26.Contact
 27.Footer
-------------------------------------------------*/

body {
    font-family: "Roboto", sans-serif;
    direction: rtl;
    text-align: right;
    font-size: 11px;
}

.reset-elem,
.top-line .right-top-line ul,
.dropdown,
.mobile-menu nav.mobile-nav ul,
section.page-banner-section ul.page-depth,
section.blog-section ul.page-pagination,
.sidebar .category-widget ul.category-list,
.sidebar .category-widget ul.archives-list,
.sidebar .category-widget ul.filter,
.sidebar .archives-widget ul.category-list,
.sidebar .archives-widget ul.archives-list,
.sidebar .archives-widget ul.filter,
.sidebar .filter-widget ul.category-list,
.sidebar .filter-widget ul.archives-list,
.sidebar .filter-widget ul.filter,
.sidebar .tags-widget ul.tags-list,
.sidebar .products-widget ul.products-list,
.sidebar div.course-widget ul.share-list,
.blog-post.single-post .tags-share-box ul,
.comments-holder .comment-list,
.comments-holder .comment-list li ul.depth-comment,
section.clients-section ul.clients-list,
section.pricing-section .pricing-table .pricing-content ul.pricing-list,
section.single-event-section .single-event-box .event-content ul,
section.single-event-section .single-event-box .event-content ul.share-list,
section.single-course-section .single-course-content ul.list,
section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines,
section.single-course-section .course-reviews .course-reviews-inner ul.comments,
footer .up-footer .footer-widget.text-widget ul,
footer .up-footer .footer-widget ul.quick-list,
footer .copyright-inner ul.studiare-social-links {
    margin: 0;
    padding: 0;
}

p,
.paragraph,
.blog-post.single-post ul.text-list li {
    font-size: 13px;
    color: #7d7e7f;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px;
}

h1,
.heading1 {
    color: #2f2f32;
    font-size: 20px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 20px;
}

h2,
.heading2 {
    color: #2f2f32;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 15px;
    line-height: 26px;
}

h3,
.heading3 {
    color: #2f2f32;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 14px;
    line-height: 28px;
}

.back-cover {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

a,
.anchor {
    display: inline-block;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

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

/* =  Header
 *------------------------------------------------- */

header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    -o-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    z-index: 999998;
}

.top-line {
    background-color: #2e3e77;
}

    .top-line p {
        display: inline-block;
        margin-right: 25px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
        padding: 18px 0;
        margin-bottom: 0;
    }

        .top-line p i {
            font-size: 16px;
            float: left;
            margin-right: 7px;
            line-height: 24px;
        }

    .top-line .right-top-line {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        align-items: center;
    }

        .top-line .right-top-line ul {
            display: block;
            z-index: 71;
        }

            .top-line .right-top-line ul li {
                display: block;
                margin-right: 15px;
            }

                .top-line .right-top-line ul li a {
                    font-size: 12px;
                    font-weight: 400;
                    color: #ffffff;
                    color: rgba(255, 255, 255,  81);
                }

.top-menu .drop-link ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #676767;
}

.top-line .drop-link {
    position: relative;
}


.search-icon:hover {
    width: 156px !important;
}

    .search-icon:hover:after {
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        content: "جستجو در دوره ها";
        border: 1px solid #afafaf8a;
        padding: 8px 10px 10px 10px;
        margin-bottom: 13px;
        -ms-border-radius: 1em;
        border-radius: 1em;
        width: 126px;
        min-width: 204px;
    }

.search-icon:after {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    content: "                ";
    -ms-border-radius: 1em;
    border-radius: 1em;
    width: 0;
    min-width: 0;
}

.close-search, .open-search {
    vertical-align: middle;
}

.top-line .right-top-line button {
    display: inline-block;
    width: 56px;
    height: 56px;
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(0, 0, 0, 0.15);
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.top-line .right-top-line a i {
    line-height: 60px;
}

.top-line .right-top-line button i.close-search {
    display: none;
}

.top-line .right-top-line a.shop-icon, .top-line .right-top-line button.shop-icon {
    background-color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    width: 56px;
    /* height: 56px; */
    text-align: center;
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(0, 0, 0, 0.15);
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.top-line .right-top-line a span.studiare-cart-number {
    position: absolute;
    font-size: 10px;
    top: 10px;
    right: 10px;
    width: 16px;
    line-height: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #26abff;
    color: #fff;
}

.search_bar {
    position: absolute;
    top: 63px;
    bottom: 0;
    width: 100%;
    z-index: 70;
    background-color: #fff;
    display: none;
}

    .search_bar .container {
        position: relative;
    }

    .search_bar input[type='search'] {
        width: 100%;
        font-size: 18px;
        border: 0;
        background-color: transparent;
        outline: 0;
        box-shadow: none !important;
        font-weight: 300;
    }

    .search_bar button, .search_bar a {
        position: absolute;
        top: 33%;
        right: 15px;
        background-color: transparent;
        border: none;
        outline: none;
        color: #2f2f32;
        cursor: pointer;
    }

.navbar {
    padding: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-bottom: none;
    width: 100%;
    z-index: 50;
    background-color: #fff !important;
    border-bottom: 1px solid rgba(204, 204, 204, 0.3);
}

    .navbar a.navbar-brand {
        float: none;
        margin-right: 30px;
    }

        .navbar a.navbar-brand img {
            margin-bottom: 5px;
        }

    .navbar .login-button {
        color: #fff;
        text-align: center;
        border: 0;
        padding: 11px 22px;
        vertical-align: bottom;
        font-weight: 400;
        font-size: 14px;
        text-shadow: none;
        display: inline-block;
        background-color: #f9a134;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .navbar .login-button i {
            font-size: 18px;
            float: left;
            margin-right: 5px;
        }

.navbar-nav {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin-right: -15px;
}

    .navbar-nav > li > a {
        color: #2f2f32 !important;
        font-size: 14px;
        font-weight: 400 !important;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        padding: 20px 10px 20px !important;
        margin: 0 7px -1px;
        position: relative;
    }

        .navbar-nav > li > a i {
            color: #454545 !important;
            font-size: 14px;
            margin-right: 6px;
        }

    .navbar-nav > li:last-child > a {
        padding-left: 0 !important;
        margin-left: 0;
    }

    .navbar-nav > li > a.active,
    .navbar-nav > li > a:hover {
        color: #26abff !important;
    }

    .navbar-nav li.drop-link {
        position: relative;
    }

    .navbar-nav.active > li > a {
        opacity: 0;
        visibility: hidden;
    }

.navbar-collapse {
    position: relative;
}

.dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    width: 240px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

    .dropdown li {
        position: relative;
        display: block;
        padding: 0px 20px;
        border: none;
    }

        .dropdown li a {
            position: relative;
            display: block;
            padding: 12px 0;
            color: #464749;
            font-size: 12px;
            font-weight: 400;
            line-height: 20px;
            border-bottom: 1px solid #e9ecef;
        }

            .dropdown li a:hover {
                color: #26abff;
            }

        .dropdown li .dropdown.level2 {
            top: 0px;
            margin-top: 0;
            right: 100%;
            margin-left: 10px;
        }

        .dropdown li:hover .dropdown.level2 {
            margin-left: 0;
        }

        .dropdown li:last-child a {
            border-bottom: none;
        }

        .dropdown li.drop-link > a:after {
            content: '';
            display: block;
            position: absolute;
            left: 0px;
            top: 50%;
            margin-top: -4px;
            width: 6px;
            height: 6px;
            border-style: solid;
            border-width: 5px 7px 5px 0px;
            border-color: transparent #b9b9b9 transparent transparent;
        }

li:hover > .dropdown {
    visibility: visible;
    opacity: 1;
    margin-top: -20px;
    /* z-index: 999999; */
}

a.mobile-nav-toggle {
    position: relative;
    padding: 10px;
    display: none;
    margin-right: 50%;
}

    a.mobile-nav-toggle span {
        vertical-align: middle;
        position: relative;
        margin-top: 6px;
        margin-bottom: 6px;
        display: inline-block;
        width: 18px;
        height: 2px;
        background-color: #343a40;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

        a.mobile-nav-toggle span:before,
        a.mobile-nav-toggle span:after {
            position: absolute;
            content: "";
            left: 0;
            display: inline-block;
            width: 18px;
            height: 2px;
            background-color: #343a40;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

        a.mobile-nav-toggle span:before {
            top: -6px;
        }

        a.mobile-nav-toggle span:after {
            top: 6px;
        }

    a.mobile-nav-toggle.opened span {
        background-color: transparent;
    }

        a.mobile-nav-toggle.opened span:before {
            -webkit-transform: translateY(6px) rotateZ(-45deg);
            transform: translateY(6px) rotateZ(-45deg);
        }

        a.mobile-nav-toggle.opened span:after {
            -webkit-transform: translateY(-6px) rotateZ(45deg);
            transform: translateY(-6px) rotateZ(45deg);
        }

.mobile-menu {
    position: fixed;
    top: 0;
    right: -75%;
    width: 75%;
    background-color: #2e3e77;
    height: 100%;
    z-index: 999999;
    overflow-y: scroll;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

    .mobile-menu.open {
        right: 0;
    }

    .mobile-menu .search-form-box {
        padding: 24px 20px;
        display: flex;
        align-items: stretch;
    }

        .mobile-menu .search-form-box form {
            position: relative;
        }

            .mobile-menu .search-form-box form input {
                width: 100%;
                background-color: rgba(0, 0, 0, 0.3);
                border-color: transparent;
                color: #6c757d;
                padding: 8px 12px;
                font-size: 12px;
                outline: none;
            }

            .mobile-menu .search-form-box form button {
                position: absolute;
                background-color: transparent;
                border: none;
                outline: none;
                color: #6c757d;
                top: 7px;
                right: 4px;
            }

    .mobile-menu .shopping-cart-box {
        padding: 0 20px 24px;
        border-bottom: 1px solid #2c3237;
    }

        .mobile-menu .shopping-cart-box a {
            color: #fff;
            display: flex;
            align-items: center;
            font-size: 13px;
            text-transform: uppercase;
        }

            .mobile-menu .shopping-cart-box a i {
                margin-right: 6px;
            }

            .mobile-menu .shopping-cart-box a span {
                margin-left: 10px;
                background-color: #26abff;
                min-width: 15px;
                height: 15px;
                line-height: 15px;
                font-size: 11px;
                border-radius: 3px;
                margin-top: -20px;
                margin-left: 8px;
                text-align: center;
            }

            .mobile-menu .shopping-cart-box a:hover {
                color: #fff;
            }

    .mobile-menu nav.mobile-nav {
        padding: 24px 20px;
    }

        .mobile-menu nav.mobile-nav ul li {
            display: block;
        }

            .mobile-menu nav.mobile-nav ul li a {
                color: #fff;
                font-size: 16px;
                padding: 6px 0;
            }

                .mobile-menu nav.mobile-nav ul li a:hover {
                    color: #26abff !important;
                }

        .mobile-menu nav.mobile-nav ul.drop-level {
            padding-left: 16px;
            border-left: 1px solid #333940;
        }

            .mobile-menu nav.mobile-nav ul.drop-level li a {
                font-size: 12px;
                color: #adb5bd;
            }

@media (max-width: 991px) {
    .right-top-line {
        display: none !important;
    }

    .top-line {
        text-align: center;
    }

        .top-line p {
            padding: 10px 0;
        }

    header .search_bar {
        display: none;
    }

    header .navbar-brand {
        /* padding: 25px; */
    }

    a.mobile-nav-toggle {
        display: flex;
        justify-content: flex-end;
    }
}

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */

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

/* Isotope filtering */

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

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }

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

/* =  General */

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

#container {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

    #container.move {
        /*      margin-left: -300px;
        margin-right: 300px;*/
    }

    #container.active {
        opacity: 1;
    }

.container {
    max-width: 1240px;
}

.title-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .title-section p {
        font-size: 15px;
        color: #7d7e7f;
    }

    .title-section span {
        display: inline-block;
        color: #26abff;
        font-size: 13px;
        margin: 0;
    }

    .title-section .right-part {
        padding-top: 15px;
    }

    .title-section.white-style h1 {
        color: #ffffff;
    }

a.button-one {
    color: #26abff;
    font-size: 13px;
    padding: 10px 25px;
    border: 1px solid #26abff;
    font-weight: 400;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
}

    a.button-one:hover {
        background: #26abff;
        color: #fff;
        box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
    }

a.button-two {
    color: #ffffff;
    font-size: 13px;
    padding: 10px 25px;
    border: 1px solid #f9a134;
    background: #f9a134;
    font-weight: 400;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    border-radius: 24px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
}

    a.button-two:hover {
        opacity: 0.95;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

a.text-link {
    color: #26abff;
    font-size: 13px;
    padding: 0 0 5px 0;
    line-height: 26px;
    border-bottom: 1px solid #e5e5e5;
}

    a.text-link:hover {
        color: #2f2f32;
    }

.center-button {
    text-align: center;
}

button.mfp-close,
button.mfp-arrow,
a.zoom {
    outline: none;
}

section.page-banner-section {
    background-color: #f8f9fa;
    padding-top: 40px;
}

    section.page-banner-section h1 {
        margin-bottom: 5px;
    }

    section.page-banner-section ul.page-depth li {
        display: inline-block;
        margin-right: 5px;
    }

        section.page-banner-section ul.page-depth li a {
            color: #8f8f8f;
            font-size: 14px;
        }

            section.page-banner-section ul.page-depth li a:hover {
                color: #26abff;
            }

        section.page-banner-section ul.page-depth li:before {
            content: "\f104";
            font-family: 'FontAwesome';
            color: #8f8f8f;
            font-size: 12px;
            margin-left: 8px;
        }

        section.page-banner-section ul.page-depth li:first-child:before {
            display: none;
        }

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

/* =  Slider */

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

.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0px 30px;
}

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

#home-section {
    height: 400px;
    background-color: #343434;
    overflow: hidden;
    background: #111111;
}

    #home-section .tp-shapewrapper {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    #home-section .tp-line-shape {
        background-color: #f9a134;
    }

    #home-section .Woo-PriceLarge {
        padding: 10px 0;
        text-align: center;
        color: #fff;
        background-color: #f9a134;
        font-size: 24px;
        line-height: 24px;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        transform: rotate(-45deg) !important;
    }

    #home-section .tp-caption.Woo-TitleLarge {
        font-size: 30px;
        line-height: 48px;
        font-family: "Roboto", sans-serif;
        font-weight: 300 !important;
        color: #2f2f32;
    }

    #home-section .tp-caption.Woo-Rating {
        font-family: "Roboto", sans-serif;
        font-style: normal !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        color: #7d7e7f;
    }

    #home-section .persephone .tp-bullet {
        width: 30px;
        height: 3px;
        background: rgba(255, 255, 255, 0.5);
        border: none;
    }

        #home-section .persephone .tp-bullet:hover,
        #home-section .persephone .tp-bullet.selected {
            background: #fff;
        }

    #home-section a.rev-btn {
        z-index: 9;
        white-space: nowrap;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: white;
        letter-spacing: 0px;
        font-family: Roboto;
        background-color: #26abff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        outline: none;
        box-sizing: border-box;
        cursor: pointer;
        box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
        -o-box-shadow: rgba(0, 0, 0, 0.098) 0px -3px 0px 0px inset;
        visibility: inherit;
        transition: none 0s ease 0s;
        text-align: inherit;
        margin: 0px;
        padding: 12px 25px 13px;
        min-height: 0px;
        min-width: 0px;
        max-height: none;
        max-width: none;
        border: none;
        opacity: 1;
        transform-origin: 50% 50% 0px;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

        #home-section a.rev-btn:hover {
            background-color: #26abff !important;
            color: #fff !important;
            opacity: 0.7 !important;
        }

    #home-section .tparrows {
        background-color: #2e3e77;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

@media (max-width: 991px) {
    #home-section {
        height: auto;
    }

    .tp-caption {
        display: none !important;
    }
}

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

/* =  feature section */

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

section.feature-section {
    padding: 80px 0 0;
}

    section.feature-section .feature-box {
        padding-bottom: 30px;
        border-bottom: 1px solid #e9e9e9;
    }

        section.feature-section .feature-box .feature-post {
            margin-bottom: 40px;
            display: flex;
        }

            section.feature-section .feature-box .feature-post div.icon-holder {
                margin-left: 30px;
            }

                section.feature-section .feature-box .feature-post div.icon-holder i {
                    width: 70px !important;
                    height: 70px !important;
                    line-height: 68px;
                    text-align: center;
                    color: #26abff;
                    font-size: 28px;
                    -webkit-border-radius: 22px;
                    -moz-border-radius: 22px;
                    -ms-border-radius: 22px;
                    border-radius: 22px;
                    position: relative;
                    border: 1px solid #26abff;
                }

                section.feature-section .feature-box .feature-post div.icon-holder.color2 i {
                    color: #f9a134;
                    border-color: #f9a134;
                }

                section.feature-section .feature-box .feature-post div.icon-holder.color3 i {
                    color: #2e3e77;
                    border-color: rgba(46, 62, 119, 0.22);
                }

            section.feature-section .feature-box .feature-post .feature-content p {
                margin-bottom: 0px;
            }

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

/* =  Collection section */

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

section.collection-section {
    padding: 80px 0;
}

    section.collection-section .collection-box .collection-post {
        margin-bottom: 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }

        section.collection-section .collection-box .collection-post .inner-collection {
            position: relative;
        }

        section.collection-section .collection-box .collection-post img {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            margin-top: -7px;
            width: 105%;
            height: auto;
            margin-left: -5%;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        section.collection-section .collection-box .collection-post:first-child img {
            margin-top: 0;
        }

        section.collection-section .collection-box .collection-post a.hover-post {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            color: #fff;
            text-align: center;
            padding: 20px 10px 20px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
            z-index: 2;
        }

            section.collection-section .collection-box .collection-post a.hover-post span {
                display: block;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                section.collection-section .collection-box .collection-post a.hover-post span.title {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 40px;
                }

                section.collection-section .collection-box .collection-post a.hover-post span.numb-courses {
                    margin-bottom: -60px;
                }

        section.collection-section .collection-box .collection-post:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: transparent;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        section.collection-section .collection-box .collection-post:hover:after {
            background-color: rgba(0, 0, 0, 0.2);
        }

        section.collection-section .collection-box .collection-post:hover img {
            margin-left: 0;
        }

        section.collection-section .collection-box .collection-post:hover a.hover-post span.title {
            margin-bottom: 4px;
        }

        section.collection-section .collection-box .collection-post:hover a.hover-post span.numb-courses {
            margin-bottom: 0;
        }

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

/* =  Countdown section */

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

section.countdown-section {
    padding: 80px 0;
    background-color: #f8f9fa;
    text-align: center;
}

    section.countdown-section h1 {
        margin-bottom: 5px;
    }

    section.countdown-section .countdown-box {
        max-width: 800px;
        margin: 0 auto;
    }

    section.countdown-section .countdown-item {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 35px 0;
    }

        section.countdown-section .countdown-item .countdown-unit {
            min-width: 100px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            border-radius: 4px;
            display: block;
            margin-right: 10px;
            margin-left: 10px;
            text-align: center;
        }

            section.countdown-section .countdown-item .countdown-unit .number {
                display: block;
                color: #f9a134;
                padding: 25px 15px;
                border-bottom: 1px solid #efefef;
                font-size: 30px;
                font-weight: 300;
                letter-spacing: -2px;
                line-height: 1;
            }

            section.countdown-section .countdown-item .countdown-unit .text {
                color: #7d7e7f;
                font-size: 11px;
                display: block;
                line-height: 1;
                padding: 8px 15px;
            }

    section.countdown-section a.button-two {
        margin-top: 20px;
    }

@media (max-width: 767px) {
    .countdown-item {
        flex-wrap: wrap;
        margin-bottom: 10px !important;
    }

    .countdown-col {
        flex: 2;
        margin-bottom: 20px;
    }
}

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

/* =  popular courses section */

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

section.popular-courses-section {
    padding: 80px 0 50px;
}

section.courses-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.courses-section .courses-top-bar {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        margin-bottom: 1.875rem;
        padding: 1rem 1.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 125px;
        z-index: 100;
    }

        section.courses-section .courses-top-bar .courses-view a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #e5e5e5;
            border-radius: 2px;
            padding: 10px 12px;
            margin-right: 6px;
            color: #2f2f32;
            font-size: 13px;
        }

            section.courses-section .courses-top-bar .courses-view a.active,
            section.courses-section .courses-top-bar .courses-view a:hover {
                border-color: transparent;
                background-color: #26abff;
                color: #fff;
            }

        section.courses-section .courses-top-bar .courses-view span {
            color: #7d7e7f;
            margin-left: 15px;
        }

        section.courses-section .courses-top-bar form {
            position: relative;
        }

            section.courses-section .courses-top-bar form input {
                width: 100%;
                min-width: 224px;
                padding-right: 42px !important;
                line-height: 1.6;
                outline: 0;
                padding: 2px 10px;
                border: 1px solid #dcdcdc;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                border-radius: 2px;
                transition: all .2s;
            }

            section.courses-section .courses-top-bar form a {
                position: absolute;
                top: 0;
                right: 0;
                width: 42px;
                height: 42px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: transparent;
                border: 0;
                outline: 0;
                color: #7d7e7f;
                font-size: 13px;
            }

@media (max-width: 767px) {
    section.courses-section .courses-top-bar .courses-view span {
        display: none;
    }
}

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

/* =  course-post */

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

.course-post {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    overflow: hidden;
    margin-bottom: 30px;
}

    .course-post:hover {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    }

    .course-post .course-thumbnail-holder img {
        width: auto;
        height: 152px;
    }

    .course-post .course-content-main {
        padding: 20px;
        overflow: hidden;
    }

        .course-post .course-content-main h2 a {
            color: #2f2f32;
        }

            .course-post .course-content-main h2 a:hover {
                color: #f9a134;
            }

        .course-post .course-content-main .course-rating-teacher {
            display: flex;
            align-items: center;
            font-size: .8125rem;
        }

            .course-post .course-content-main .course-rating-teacher .star-rating .rating {
                background-color: #8bca48;
                color: #fff;
                padding: 3px 6px;
                margin-right: 2px;
                border-radius: 4px;
            }

            .course-post .course-content-main .course-rating-teacher .star-rating .votes-number {
                color: #adb5bd;
                margin-right: 8px;
            }

            .course-post .course-content-main .course-rating-teacher a.course-loop-teacher {
                color: #26abff;
                display: inline-flex;
                font-size: 12px;
            }

                .course-post .course-content-main .course-rating-teacher a.course-loop-teacher:before {
                    content: '';
                    display: inline-flex;
                    align-self: center;
                    margin-right: 10px;
                    width: 1px;
                    height: 18px;
                    background-color: #e9ecef;
                }

        .course-post .course-content-main p {
            margin-bottom: 0;
            margin-top: 10px;
        }

    .course-post .course-content-bottom {
        border-top: 1px solid #e5e5e5;
        padding: 10px 20px;
        font-size: .9375rem;
        margin-top: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

        .course-post .course-content-bottom .course-students {
            color: #7d7e7f;
        }

            .course-post .course-content-bottom .course-students i {
                margin-right: 8px;
                float: left;
            }

            .course-post .course-content-bottom .course-students span {
                font-size: 13px;
            }

        .course-post .course-content-bottom .course-price {
            font-size: 13px;
            color: #f9a134;
        }

    .course-post.list-style {
        width: 765px;
        display: flex;
        position: relative;
    }

        .course-post.list-style .course-thumbnail-holder {
            width: 43%;
            border-left: 1px solid #e5e5e5;
        }

        .course-post.list-style .course-content-holder {
            width: 57%;
            position: relative;
        }

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

/* =  Events */

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

section.events-section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

    section.events-section.events-page {
        padding: 40px 0;
    }

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

/* =  events-posts */

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

.events-post {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 29px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin-bottom: 30px;
}

    .events-post:hover {
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
        -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    }

    .events-post .event-inner-content {
        display: flex;
        align-items: center;
    }

        .events-post .event-inner-content .top-part {
            display: flex;
            flex-grow: 1;
            align-items: center;
        }

            .events-post .event-inner-content .top-part .date-holder {
                margin-left: 24px;
            }

                .events-post .event-inner-content .top-part .date-holder .date {
                    position: relative;
                    width: 80px;
                    height: 80px;
                    border: 2px solid #f9a134;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    -ms-border-radius: 4px;
                    border-radius: 4px;
                    color: #495057;
                    line-height: 1.2;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }

                    .events-post .event-inner-content .top-part .date-holder .date:before,
                    .events-post .event-inner-content .top-part .date-holder .date:after {
                        content: "";
                        position: absolute;
                        top: -7px;
                        width: 2px;
                        height: 14px;
                        border-radius: 2px;
                        left: 12px;
                        background-color: #f9a134;
                    }

                    .events-post .event-inner-content .top-part .date-holder .date:after {
                        right: 12px;
                        left: initial;
                    }

                    .events-post .event-inner-content .top-part .date-holder .date .date-day {
                        font-size: 20px;
                    }

                    .events-post .event-inner-content .top-part .date-holder .date .date-month {
                        font-size: 12px;
                    }

            .events-post .event-inner-content .top-part .event-meta {
                margin-bottom: 8px;
            }

                .events-post .event-inner-content .top-part .event-meta .event-meta-piece {
                    display: inline-block;
                    font-size: 12px;
                    padding-right: 15px;
                    color: #8f8f8f;
                }

                    .events-post .event-inner-content .top-part .event-meta .event-meta-piece i {
                        font-size: 16px;
                        margin-right: 8px;
                        color: #f9a134;
                        float: left;
                    }

            .events-post .event-inner-content .top-part h2 {
                margin-bottom: 0;
            }

                .events-post .event-inner-content .top-part h2 a {
                    color: #2f2f32;
                }

                    .events-post .event-inner-content .top-part h2 a:hover {
                        color: #26abff;
                    }

            .events-post .event-inner-content .top-part .events-image {
                margin-left: 30px;
            }

                .events-post .event-inner-content .top-part .events-image img {
                    max-width: 180px;
                    height: auto;
                }

@media (max-width: 767px) {
    .events-post .event-inner-content .top-part .events-image {
        display: none;
    }
}

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

/* =  video-post */

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

.video-post {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .video-post img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .video-post .hover-post {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        color: #fff;
        padding: 20px;
        pointer-events: none;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
    }

        .video-post .hover-post h2 {
            color: #fff;
            font-weight: 500;
            margin-bottom: 0;
        }

        .video-post .hover-post p {
            color: #fff;
            margin-bottom: 0px;
            margin-top: 5px;
        }

    .video-post a.video-link {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -27px;
        margin-top: -27px;
        width: 54px;
        height: 54px;
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        line-height: 54px;
        color: #fff;
        padding-left: 3px;
    }

        .video-post a.video-link:hover {
            background-color: #fff;
            color: #2f2f32;
        }

    .video-post.small-post a.video-link {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -30px;
        margin-left: -20px;
    }

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

/* =  News sections */

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

section.news-section {
    padding: 80px 0;
}

section.blog-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.blog-section ul.page-pagination {
        margin-bottom: 40px;
    }

        section.blog-section ul.page-pagination li {
            display: inline-block;
            margin-right: 8px;
        }

            section.blog-section ul.page-pagination li a {
                color: #464749;
                width: 40px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                background-color: #f0f0f1;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
            }

                section.blog-section ul.page-pagination li a:hover,
                section.blog-section ul.page-pagination li a.active {
                    color: #fff;
                    background-color: #f9a134;
                }

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

/* =  blog post */

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

.blog-post {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .blog-post img {
        width: 100%;
        height: auto;
    }

    .blog-post .post-content {
        padding: 30px;
    }

        .blog-post .post-content a.category {
            font-size: 12px;
            padding-right: 24px;
            color: #8f8f8f;
            margin-bottom: 8px;
        }

            .blog-post .post-content a.category:hover {
                color: #f9a134;
            }

        .blog-post .post-content h1 {
            margin-bottom: 5px;
        }

        .blog-post .post-content h2 a {
            color: #2f2f32;
        }

            .blog-post .post-content h2 a:hover {
                color: #26abff;
            }

        .blog-post .post-content .post-meta {
            display: inline-block;
            font-size: 12px;
            padding-right: 24px;
            line-height: 22px;
            color: #8f8f8f;
        }

            .blog-post .post-content .post-meta i {
                color: #f9a134;
                margin-right: 8px;
                float: left;
                font-size: 18px;
            }

            .blog-post .post-content .post-meta a {
                color: #8f8f8f;
            }

                .blog-post .post-content .post-meta a:hover {
                    color: #26abff;
                }

    .blog-post.list-style {
        display: flex;
    }

        .blog-post.list-style > a {
            width: 40%;
        }

        .blog-post.list-style div.post-content {
            width: 60%;
        }

@media (max-width: 767px) {
    .blog-post.list-style {
        flex-direction: column;
    }

        .blog-post.list-style > a {
            width: 100%;
        }

        .blog-post.list-style div.post-content {
            width: 100%;
        }
}

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

/* =  testimonial section
/*------------------------------------------------- */

section.testimonial-section {
    background: #f8f9fa;
    padding: 80px 0;
}

    section.testimonial-section .testimonial-box .testimonial-post {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        section.testimonial-section .testimonial-box .testimonial-post .profile-test {
            display: flex;
            align-items: center;
            min-width: 320px;
            margin-left: 20px;
        }

            section.testimonial-section .testimonial-box .testimonial-post .profile-test h2 {
                font-size: 17px;
                font-weight: 500;
                margin-bottom: 0px;
            }

            section.testimonial-section .testimonial-box .testimonial-post .profile-test p {
                margin-bottom: 0;
            }

        section.testimonial-section .testimonial-box .testimonial-post img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            border: 6px solid rgba(73, 80, 87, 0.1);
            max-width: 90px;
            height: auto;
            margin-right: 20px;
        }

        section.testimonial-section .testimonial-box .testimonial-post > p {
            font-size: 16px;
            color: #464749;
            margin: 0;
            line-height: 30px;
        }

    section.testimonial-section .owl-theme .owl-controls .owl-page.active span,
    section.testimonial-section .owl-theme .owl-controls.clickable .owl-page:hover span {
        background: #f9a134;
    }

    section.testimonial-section .owl-buttons {
        display: none;
    }

@media (max-width: 767px) {
    section.testimonial-section .testimonial-box .testimonial-post {
        flex-direction: column;
        text-align: center;
    }

        section.testimonial-section .testimonial-box .testimonial-post p {
            margin-bottom: 30px;
            padding: 0 15px;
        }
}

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

/* =  Sidebar */

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

.sidebar .widget {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1.75rem;
    margin-bottom: 1.75rem;
}

    .sidebar .widget h2 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 2px solid #f4f4f4;
        position: relative;
    }

        .sidebar .widget h2:before {
            content: '';
            display: block;
            position: absolute;
            left: -1.75rem;
            top: 0;
            width: 2px;
            height: 24px;
            background-color: #f9a134;
        }

.sidebar .search-widget form.search-form {
    position: relative;
}

.sidebar .search-widget input[type="search"] {
    width: 100%;
    padding-right: 42px;
    line-height: 1.6;
    outline: 0;
    padding: 8px 10px;
    border: 1px solid #dcdcdc;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .search-widget button {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #7d7e7f;
    font-size: 15px;
}

.sidebar .ads-widget img {
    width: 100%;
    height: auto;
}

.sidebar .category-widget ul.category-list li,
.sidebar .category-widget ul.archives-list li,
.sidebar .category-widget ul.filter li,
.sidebar .archives-widget ul.category-list li,
.sidebar .archives-widget ul.archives-list li,
.sidebar .archives-widget ul.filter li,
.sidebar .filter-widget ul.category-list li,
.sidebar .filter-widget ul.archives-list li,
.sidebar .filter-widget ul.filter li {
    display: block;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
}

    .sidebar .category-widget ul.category-list li a,
    .sidebar .category-widget ul.archives-list li a,
    .sidebar .category-widget ul.filter li a,
    .sidebar .archives-widget ul.category-list li a,
    .sidebar .archives-widget ul.archives-list li a,
    .sidebar .archives-widget ul.filter li a,
    .sidebar .filter-widget ul.category-list li a,
    .sidebar .filter-widget ul.archives-list li a,
    .sidebar .filter-widget ul.filter li a {
        display: block;
        color: #464749;
        font-size: 13px;
        line-height: 24px;
    }

        .sidebar .category-widget ul.category-list li a:hover,
        .sidebar .category-widget ul.category-list li a.active,
        .sidebar .category-widget ul.archives-list li a:hover,
        .sidebar .category-widget ul.archives-list li a.active,
        .sidebar .category-widget ul.filter li a:hover,
        .sidebar .category-widget ul.filter li a.active,
        .sidebar .archives-widget ul.category-list li a:hover,
        .sidebar .archives-widget ul.category-list li a.active,
        .sidebar .archives-widget ul.archives-list li a:hover,
        .sidebar .archives-widget ul.archives-list li a.active,
        .sidebar .archives-widget ul.filter li a:hover,
        .sidebar .archives-widget ul.filter li a.active,
        .sidebar .filter-widget ul.category-list li a:hover,
        .sidebar .filter-widget ul.category-list li a.active,
        .sidebar .filter-widget ul.archives-list li a:hover,
        .sidebar .filter-widget ul.archives-list li a.active,
        .sidebar .filter-widget ul.filter li a:hover,
        .sidebar .filter-widget ul.filter li a.active {
            color: #26abff;
        }

    .sidebar .category-widget ul.category-list li:last-child,
    .sidebar .category-widget ul.archives-list li:last-child,
    .sidebar .category-widget ul.filter li:last-child,
    .sidebar .archives-widget ul.category-list li:last-child,
    .sidebar .archives-widget ul.archives-list li:last-child,
    .sidebar .archives-widget ul.filter li:last-child,
    .sidebar .filter-widget ul.category-list li:last-child,
    .sidebar .filter-widget ul.archives-list li:last-child,
    .sidebar .filter-widget ul.filter li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.sidebar .tags-widget ul.tags-list li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
}

    .sidebar .tags-widget ul.tags-list li a {
        background-color: #26abff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        line-height: 1;
        font-size: 12px;
        padding: 6px 10px;
    }

        .sidebar .tags-widget ul.tags-list li a:hover {
            opacity: 0.85;
        }

.sidebar .products-widget ul.products-list li {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

    .sidebar .products-widget ul.products-list li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    .sidebar .products-widget ul.products-list li > a {
        margin-left: 10px;
    }

    .sidebar .products-widget ul.products-list li img {
        width: 65px;
        height: 65px;
        border-radius: 5px;
        max-width: unset;
    }

    .sidebar .products-widget ul.products-list li h3 {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 0px;
    }

        .sidebar .products-widget ul.products-list li h3 a {
            color: #2f2f32;
        }

            .sidebar .products-widget ul.products-list li h3 a:hover {
                color: #26abff;
            }

    .sidebar .products-widget ul.products-list li span {
        font-size: 11px;
        color: #f9a134;
        margin: 0;
    }

.sidebar .buy-widget table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 40px;
    border-radius: 0;
}

    .sidebar .buy-widget table tr th {
        padding: 15px 0;
        text-align: left;
        line-height: 1.4;
        font-weight: 400;
        color: #495057;
        font-size: 12px;
        vertical-align: middle;
        border: 0;
        border-bottom: 1px solid #efefef;
    }

    .sidebar .buy-widget table tr td {
        padding: 9px 0 8px;
        font-size: 13px;
        font-weight: 500;
        color: #888;
        border-bottom: 1px solid #efefef;
    }

        .sidebar .buy-widget table tr td span {
            color: #f9a134;
        }

        .sidebar .buy-widget table tr td input {
            width: 60px;
            outline: none;
            border: 1px solid #dfdfdf;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            padding: 8px 10px;
        }

.sidebar .buy-widget > a {
    width: 100%;
    text-align: center;
}

.sidebar div.course-widget p.price {
    margin-bottom: 24px;
}

    .sidebar div.course-widget p.price span.price-label {
        display: block;
        color: #adb5bd;
    }

    .sidebar div.course-widget p.price span.amount {
        color: #464749;
        font-size: 20px;
        line-height: 30px;
    }

        .sidebar div.course-widget p.price span.amount del {
            font-size: 13px;
            margin-right: 6px;
        }

.sidebar div.course-widget a.button-one {
    margin-bottom: 26px;
    width: 100%;
    text-align: center;
}

.sidebar div.course-widget h3 {
    font-weight: 500;
    margin-bottom: 4px;
}

.sidebar div.course-widget .product-meta-info-list .meta-info-unit {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e9ecef;
    padding-top: 12px;
    padding-bottom: 12px;
}

    .sidebar div.course-widget .product-meta-info-list .meta-info-unit .icon {
        color: #f9a134;
        font-size: 14px;
        margin-left: 15px;
        line-height: 10px;
    }

    .sidebar div.course-widget .product-meta-info-list .meta-info-unit .value {
        color: #7d7e7f;
        font-size: 13px;
        line-height: 26px;
    }

.sidebar div.course-widget ul.share-list {
    margin-top: 30px;
    text-align: center;
}

    .sidebar div.course-widget ul.share-list li {
        display: inline-block;
        margin: 0 2px;
    }

        .sidebar div.course-widget ul.share-list li a {
            width: 36px;
            height: 36px;
            display: flex;
            color: rgba(0, 0, 0, 0.6);
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

            .sidebar div.course-widget ul.share-list li a:hover {
                border-color: transparent;
                color: #fff;
            }

            .sidebar div.course-widget ul.share-list li a.facebook:hover {
                background: #7073e5;
            }

            .sidebar div.course-widget ul.share-list li a.google:hover {
                background: #e6545f;
            }

            .sidebar div.course-widget ul.share-list li a.linkedin:hover {
                background: #0077b5;
            }

            .sidebar div.course-widget ul.share-list li a.twitter:hover {
                background: #63bde3;
            }

.sidebar .profile-widget .top-part {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .sidebar .profile-widget .top-part img {
        max-width: 100%;
        width: 80px;
        height: auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .sidebar .profile-widget .top-part .name {
        line-height: normal;
        flex-grow: 1;
        padding-right: 20px;
    }

        .sidebar .profile-widget .top-part .name h3 {
            margin-bottom: 4px;
        }

        .sidebar .profile-widget .top-part .name span {
            color: #adb5bd;
        }

.sidebar .profile-widget p {
    line-height: 28px;
}

.sidebar .cart-widget table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
}

    .sidebar .cart-widget table tr {
        border-bottom: 1px solid #eaeaea;
    }

        .sidebar .cart-widget table tr th {
            padding: 15px 0;
            vertical-align: baseline;
            padding-right: 50px;
            width: 60px;
            font-size: 13px;
            color: #2f2f32;
            font-weight: 400;
        }

        .sidebar .cart-widget table tr td {
            padding: 15px;
            font-size: 13px;
            color: #7d7e7f;
        }

            .sidebar .cart-widget table tr td.name-pro {
                min-width: 240px;
            }

            .sidebar .cart-widget table tr td.total-price {
                color: #2f2f32;
                font-size: 18px;
            }

.sidebar .cart-widget a {
    color: #fff;
    text-align: center;
    border: 0;
    padding: 10px 22px;
    width: 100%;
    vertical-align: bottom;
    font-weight: 400;
    font-size: 14px;
    text-shadow: none;
    display: inline-block;
    background-color: #f9a134;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .sidebar .cart-widget a:hover {
        opacity: 0.86;
    }

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

/* =  single post */

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

.blog-post.single-post p {
    margin-bottom: 24px;
    line-height: 26px;
}

    .blog-post.single-post p span {
        font-weight: 600;
    }

.blog-post.single-post blockquote {
    margin: 0 0 25px;
    font-size: 17px;
    color: #464749;
    font-style: normal;
    padding-left: 1em;
    border-left: 3px solid #e5e5e5;
}

.blog-post.single-post ul.text-list {
    margin: 0 0 25px;
    padding-left: 20px;
}

    .blog-post.single-post ul.text-list li {
        line-height: 26px;
    }

.blog-post.single-post .tags-share-box {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
}

    .blog-post.single-post .tags-share-box ul {
        margin-bottom: 30px;
    }

        .blog-post.single-post .tags-share-box ul li {
            display: inline-block;
            color: #7d7e7f;
            font-size: 13px;
        }

            .blog-post.single-post .tags-share-box ul li:first-child {
                margin-left: 0;
            }

            .blog-post.single-post .tags-share-box ul li:last-child {
                margin-right: 0;
            }

            .blog-post.single-post .tags-share-box ul li span {
                margin-right: 4px;
            }

        .blog-post.single-post .tags-share-box ul.tags-list li a {
            color: #464749;
            padding: 4px 8px;
            line-height: 1.2;
            display: inline-block;
            background-color: #e9ecef;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            margin-left: 4px;
        }

            .blog-post.single-post .tags-share-box ul.tags-list li a:hover {
                color: #26abff;
            }

        .blog-post.single-post .tags-share-box ul.share-list li a {
            width: 36px;
            height: 36px;
            display: flex;
            color: rgba(0, 0, 0, 0.6);
            align-items: center;
            justify-content: center;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

            .blog-post.single-post .tags-share-box ul.share-list li a:hover {
                border-color: transparent;
                color: #fff;
            }

            .blog-post.single-post .tags-share-box ul.share-list li a.facebook:hover {
                background: #7073e5;
            }

            .blog-post.single-post .tags-share-box ul.share-list li a.google:hover {
                background: #e6545f;
            }

            .blog-post.single-post .tags-share-box ul.share-list li a.linkedin:hover {
                background: #0077b5;
            }

            .blog-post.single-post .tags-share-box ul.share-list li a.twitter:hover {
                background: #63bde3;
            }

.blog-post.single-post .about-author {
    padding-top: 30px;
    display: flex;
}

    .blog-post.single-post .about-author .image-holder {
        margin-right: 30px;
    }

        .blog-post.single-post .about-author .image-holder img {
            width: 110px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

.post-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

    .post-nav .post-nav-btn {
        max-width: 50%;
    }

        .post-nav .post-nav-btn .post-nav-link {
            color: #464749;
            display: block;
            position: relative;
            line-height: 1.5;
            padding-top: 10px;
            font-size: 13px;
            padding-bottom: 10px;
        }

            .post-nav .post-nav-btn .post-nav-link.prev {
                padding-left: 36px;
            }

            .post-nav .post-nav-btn .post-nav-link.next {
                padding-right: 36px;
            }

                .post-nav .post-nav-btn .post-nav-link.next i {
                    left: initial;
                    right: 0;
                }

            .post-nav .post-nav-btn .post-nav-link i {
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -10px;
                color: #adb5bd;
            }

            .post-nav .post-nav-btn .post-nav-link span {
                display: block;
                color: #adb5bd;
            }

.comments-holder {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 30px;
    margin-bottom: 30px;
}

    .comments-holder > h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .comments-holder .comment-list {
        margin-top: 30px;
    }

        .comments-holder .comment-list li {
            display: block;
            border-top: 1px solid #f2f2f2;
            padding-top: 30px;
            overflow: hidden;
        }

            .comments-holder .comment-list li div.image-holder {
                margin-right: 30px;
                float: left;
            }

                .comments-holder .comment-list li div.image-holder img {
                    width: 75px;
                    height: auto;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    border-radius: 50%;
                }

            .comments-holder .comment-list li div.comment-content {
                padding-top: 4px;
            }

                .comments-holder .comment-list li div.comment-content h2 {
                    margin-bottom: 10px;
                }

                    .comments-holder .comment-list li div.comment-content h2 span {
                        display: inline-block;
                        color: #adb5bd;
                        font-size: 12px;
                        margin: 0 10px;
                    }

                    .comments-holder .comment-list li div.comment-content h2 a {
                        padding: 5px 10px;
                        font-size: 11px;
                        background-color: #f8f9fa;
                        border-radius: 2px;
                        line-height: 1.5;
                        font-size: 12px;
                        color: #464749;
                    }

                        .comments-holder .comment-list li div.comment-content h2 a i {
                            color: #adb5bd;
                            margin-right: 6px;
                        }

                        .comments-holder .comment-list li div.comment-content h2 a:hover {
                            color: #26abff;
                        }

                .comments-holder .comment-list li div.comment-content p {
                    margin-bottom: 30px;
                }

            .comments-holder .comment-list li ul.depth-comment {
                margin-left: 105px;
            }

.comment-form {
    margin-bottom: 30px;
}

    .comment-form h2 {
        font-size: 22px;
    }

    .comment-form p {
        margin-bottom: 20px;
    }

    .comment-form label {
        display: block;
        color: #6c757d;
        margin-bottom: 3px;
    }

    .comment-form textarea {
        display: block;
        width: 100%;
        height: 140px;
        padding: 8px 10px;
        border: 1px solid #dcdcdc;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
        outline: none;
        border-radius: 2px;
        margin-bottom: 15px;
    }

    .comment-form button {
        color: #fff;
        text-align: center;
        border: 0;
        padding: 11px 22px;
        vertical-align: bottom;
        font-weight: 400;
        font-size: 16px;
        text-shadow: none;
        display: inline-block;
        background-color: #f9a134;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        .comment-form button:hover {
            opacity: 0.86;
        }

@media (max-width: 640px) {
    .comments-holder .comment-list li ul.depth-comment {
        margin-left: 0;
    }
}

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

/* =  teachers section */

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

section.teachers-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.teachers-section .profile-image {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-bottom: 40px;
        overflow: hidden;
    }

        section.teachers-section .profile-image .image-holder {
            max-height: 490px;
            overflow: hidden;
        }

            section.teachers-section .profile-image .image-holder img {
                width: 100%;
                height: auto;
            }

        section.teachers-section .profile-image ul.social-links {
            background-color: #fff;
            padding: 15px 20px;
            text-align: center;
            border: 1px solid #e5e5e5;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            margin: 0;
        }

            section.teachers-section .profile-image ul.social-links li {
                display: inline-block;
                margin: 0 2px;
            }

                section.teachers-section .profile-image ul.social-links li a {
                    width: 36px;
                    height: 36px;
                    display: flex;
                    color: rgba(0, 0, 0, 0.6);
                    align-items: center;
                    justify-content: center;
                    border: 1px solid #e5e5e5;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    border-radius: 50%;
                }

                    section.teachers-section .profile-image ul.social-links li a:hover {
                        border-color: transparent;
                        color: #fff;
                    }

                    section.teachers-section .profile-image ul.social-links li a.facebook:hover {
                        background: #7073e5;
                    }

                    section.teachers-section .profile-image ul.social-links li a.google:hover {
                        background: #e6545f;
                    }

                    section.teachers-section .profile-image ul.social-links li a.linkedin:hover {
                        background: #0077b5;
                    }

                    section.teachers-section .profile-image ul.social-links li a.twitter:hover {
                        background: #63bde3;
                    }

    section.teachers-section .profile-details {
        background-color: #fff;
        padding: 30px;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        section.teachers-section .profile-details p {
            margin-bottom: 30px;
        }

        section.teachers-section .profile-details .line-details {
            padding: 30px 0;
            border-top: 1px solid #ebebeb;
        }

        section.teachers-section .profile-details .detail-item {
            display: flex;
        }

            section.teachers-section .profile-details .detail-item i {
                width: 56px;
                height: 56px;
                font-size: 24px;
                text-align: center;
                line-height: 54px;
                color: #26abff;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: 1px solid #e6e6e6;
                margin-right: 24px;
            }

            section.teachers-section .profile-details .detail-item h2 {
                font-size: 16px;
                font-weight: 500;
                margin-bottom: 0;
            }

            section.teachers-section .profile-details .detail-item span,
            section.teachers-section .profile-details .detail-item a {
                font-size: 14px;
                color: #464749;
            }

                section.teachers-section .profile-details .detail-item a:hover {
                    color: #26abff;
                }

    section.teachers-section .teacher-content {
        background-color: #fff;
        padding: 30px;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        section.teachers-section .teacher-content p {
            margin-bottom: 30px;
        }

        section.teachers-section .teacher-content .skills-box .skill-line {
            background: #f7f7f7;
            position: relative;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            margin-bottom: 15px;
            overflow: hidden;
        }

            section.teachers-section .teacher-content .skills-box .skill-line span.fill-text {
                display: inline-block;
                color: #fff;
                padding: .5em 1em;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                font-size: 14px;
                position: relative;
                line-height: 26px;
                z-index: 2;
            }

            section.teachers-section .teacher-content .skills-box .skill-line span.fill-box {
                background-color: #4cadc9;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
            }

        section.teachers-section .teacher-content form.contact-form input,
        section.teachers-section .teacher-content form.contact-form textarea {
            display: block;
            width: 100%;
            margin-bottom: 20px;
            border: 1px solid #dcdcdc;
            line-height: 1.6;
            outline: 0;
            padding: 8px 10px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            font-size: 14px;
        }

        section.teachers-section .teacher-content form.contact-form textarea {
            height: 100px;
        }

        section.teachers-section .teacher-content form.contact-form button {
            color: #fff;
            text-align: center;
            border: 0;
            padding: 11px 22px;
            vertical-align: bottom;
            font-weight: 400;
            font-size: 16px;
            text-shadow: none;
            display: inline-block;
            background-color: #f9a134;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            border-radius: 50px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            cursor: pointer;
        }

            section.teachers-section .teacher-content form.contact-form button:hover {
                opacity: 0.86;
            }

.teacher-post {
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .teacher-post:hover {
        box-shadow: 0 15px 20px #cacaca;
        -webkit-box-shadow: 0 15px 20px #cacaca;
        -moz-box-shadow: 0 15px 20px #cacaca;
        -o-box-shadow: 0 15px 20px #cacaca;
    }

    .teacher-post a {
        position: relative;
        display: block;
    }

        .teacher-post a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: transparent;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .teacher-post a:hover:before {
            background-color: rgba(0, 0, 0, 0.3);
        }

    .teacher-post img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .teacher-post .hover-post {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        color: #fff;
        padding: 20px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(transparent));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, transparent 100%);
        z-index: 2;
    }

        .teacher-post .hover-post h2 {
            color: #fff;
            font-weight: 500;
            margin-bottom: 0;
        }

        .teacher-post .hover-post span {
            color: #fff;
            margin-bottom: 0px;
            margin-top: 7px;
        }

@media (max-width: 767px) {
    section.teachers-section .profile-details .detail-item {
        margin-bottom: 10px;
    }
}

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

/* =  about section */

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

section.about-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

.about-article img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.about-article .article-content {
    margin-bottom: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding: 50px;
    border: 1px solid #e5e5e5;
}

    .about-article .article-content.right-align {
        text-align: right;
    }

    .about-article .article-content i {
        font-size: 30px;
        color: #f9a134;
        margin-bottom: 30px;
    }

    .about-article .article-content h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .about-article .article-content p {
        margin-bottom: 20px;
        line-height: 26px;
    }

section.statistic-section {
    padding: 50px 0;
    background-color: #26abff;
}

    section.statistic-section .statistic-post {
        display: flex;
    }

        section.statistic-section .statistic-post span {
            color: #fff;
            font-size: 48px;
            font-weight: 300;
            margin-right: 15px;
            line-height: 48px;
        }

        section.statistic-section .statistic-post p {
            color: #fff;
        }

section.clients-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.clients-section h1 {
        font-size: 24px;
        margin-bottom: 0px;
    }

    section.clients-section p {
        margin-bottom: 30px;
    }

    section.clients-section ul.clients-list {
        overflow: hidden;
        margin-bottom: 20px;
    }

        section.clients-section ul.clients-list li {
            width: 20%;
            float: left;
            list-style: none;
            position: relative;
            border: 1px solid #e5e5e5;
            margin-right: -1px;
        }

            section.clients-section ul.clients-list li img {
                width: 100%;
                height: auto;
            }

            section.clients-section ul.clients-list li a {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
            }

                section.clients-section ul.clients-list li a:hover {
                    opacity: 1;
                }

                section.clients-section ul.clients-list li a:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: #26abff;
                    opacity: 0.86;
                }

                section.clients-section ul.clients-list li a span {
                    position: relative;
                    color: #fff;
                    z-index: 2;
                    font-size: 16px;
                }

@media (max-width: 640px) {
    section.statistic-section {
        padding-bottom: 20px;
    }

        section.statistic-section .statistic-post {
            justify-content: center;
            margin-bottom: 30px;
        }

    section.clients-section ul.clients-list li {
        width: 50%;
        margin-bottom: -1px;
    }
}

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

/* =  portfolio section */

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

section.portfolio-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.portfolio-section .portfolio-box {
        margin: -15px;
    }

    section.portfolio-section .project-post {
        width: 33.33333%;
        padding: 15px;
    }

        section.portfolio-section .project-post .inner-project {
            background-color: #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #e5e5e5;
            overflow: hidden;
        }

            section.portfolio-section .project-post .inner-project .image-holder {
                position: relative;
            }

                section.portfolio-section .project-post .inner-project .image-holder img {
                    width: 100%;
                    height: auto;
                }

                section.portfolio-section .project-post .inner-project .image-holder a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    opacity: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                }

                    section.portfolio-section .project-post .inner-project .image-holder a:after {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        bottom: 0;
                        right: 0;
                        background-color: #26abff;
                        opacity: 0.85;
                    }

                    section.portfolio-section .project-post .inner-project .image-holder a i {
                        position: relative;
                        z-index: 2;
                    }

                section.portfolio-section .project-post .inner-project .image-holder:hover a {
                    opacity: 1;
                }

            section.portfolio-section .project-post .inner-project .content-holder {
                padding: 24px;
            }

                section.portfolio-section .project-post .inner-project .content-holder h2 {
                    margin-bottom: 2px;
                    font-weight: 500;
                }

                    section.portfolio-section .project-post .inner-project .content-holder h2 a {
                        color: #2f2f32;
                    }

                        section.portfolio-section .project-post .inner-project .content-holder h2 a:hover {
                            color: #26abff;
                        }

                section.portfolio-section .project-post .inner-project .content-holder span {
                    display: inline-block;
                    margin: 0;
                    font-size: 14px;
                    color: #7d7e7f;
                }

    section.portfolio-section .project-image {
        margin-bottom: 30px;
    }

        section.portfolio-section .project-image img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

    section.portfolio-section .project-details {
        background-color: #fff;
        padding: 30px;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin-bottom: 40px;
    }

        section.portfolio-section .project-details h1 {
            margin-bottom: 20px;
        }

        section.portfolio-section .project-details p {
            line-height: 28px;
            margin-bottom: 30px;
        }

        section.portfolio-section .project-details table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 40px;
            border-radius: 0;
        }

            section.portfolio-section .project-details table tr th {
                padding: 15px 0;
                text-align: left;
                line-height: 1.4;
                font-weight: 500;
                color: #495057;
                vertical-align: middle;
                border: 0;
                border-bottom: 1px solid #efefef;
            }

            section.portfolio-section .project-details table tr td {
                padding: 9px 0 8px;
                font-size: 12px;
                color: #888;
                border-bottom: 1px solid #efefef;
            }

        section.portfolio-section .project-details a {
            color: #fff;
            font-size: 15px;
            padding: 10px 25px;
            border: 1px solid #222222;
            background-color: #222222;
            font-weight: 400;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            -ms-border-radius: 24px;
            border-radius: 24px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            margin: 0;
        }

            section.portfolio-section .project-details a:hover {
                opacity: 0.9;
            }

@media (max-width: 1199px) {
    section.portfolio-section .project-post {
        width: 50%;
    }
}

@media (max-width: 640px) {
    section.portfolio-section .project-post {
        width: 100%;
    }
}

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

/* =  pricing section */

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

section.pricing-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.pricing-section .pricing-table {
        margin-bottom: 30px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        section.pricing-section .pricing-table:hover {
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
            transform: translateY(-4px);
        }

        section.pricing-section .pricing-table .pricing-head {
            padding: 30px;
        }

            section.pricing-section .pricing-table .pricing-head h2 {
                margin-bottom: 8px;
                font-weight: 500;
            }

            section.pricing-section .pricing-table .pricing-head p {
                margin-bottom: 20px;
            }

            section.pricing-section .pricing-table .pricing-head span {
                font-weight: 300;
                font-size: 48px;
                line-height: 38px;
                color: #f9a134;
            }

        section.pricing-section .pricing-table .pricing-content {
            padding: 30px;
            border-top: 1px solid #efefef;
        }

            section.pricing-section .pricing-table .pricing-content ul.pricing-list {
                margin-bottom: 20px;
            }

                section.pricing-section .pricing-table .pricing-content ul.pricing-list li {
                    padding: 10px 0;
                    display: block;
                    color: #7d7e7f;
                    font-size: 15px;
                }

            section.pricing-section .pricing-table .pricing-content a.button-one {
                margin-bottom: 10px;
            }

section.question-section {
    padding: 60px 0 30px;
}

    section.question-section h3 {
        position: relative;
        text-align: center;
        font-weight: 500;
        font-size: 17px;
        margin-bottom: 50px;
    }

        section.question-section h3:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            top: 50%;
            background-color: #efefef;
        }

        section.question-section h3 span {
            position: relative;
            z-index: 2;
            padding: 0 20px;
            background-color: #fff;
        }

    section.question-section .block-content {
        display: flex;
        margin-bottom: 30px;
    }

        section.question-section .block-content .icon {
            margin-right: 30px;
        }

            section.question-section .block-content .icon i {
                color: #d1d1d1;
                font-size: 24px;
            }

        section.question-section .block-content h2 {
            font-weight: 500;
        }

        section.question-section .block-content p {
            line-height: 26px;
        }

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

/* =  single event section */

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

section.single-event-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.single-event-section .single-event-box img {
        width: 100%;
        height: auto;
    }

    section.single-event-section .single-event-box .event-meta-info {
        background-color: #343a40;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

        section.single-event-section .single-event-box .event-meta-info .box-content {
            position: relative;
            width: 100%;
            min-height: 1px;
            display: flex;
            padding-left: 0;
            padding-right: 0;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
        }

        section.single-event-section .single-event-box .event-meta-info .inner {
            position: relative;
            display: flex;
            flex: 1;
            justify-content: space-between;
            padding: 1.75rem;
            font-size: .875rem;
            align-items: center;
            z-index: 3;
        }

            section.single-event-section .single-event-box .event-meta-info .inner span {
                display: block;
                margin-bottom: 4px;
                color: rgba(255, 255, 255, 0.6);
            }

            section.single-event-section .single-event-box .event-meta-info .inner p {
                margin-bottom: 0;
                color: #fff;
                line-height: 26px;
            }

            section.single-event-section .single-event-box .event-meta-info .inner .icon {
                margin-left: 20px;
                color: #f9a134;
                font-size: 34px;
            }

            section.single-event-section .single-event-box .event-meta-info .inner:before {
                content: '';
                background-color: transparent;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -1;
            }

        section.single-event-section .single-event-box .event-meta-info div.end-time .inner:before {
            background-color: rgba(0, 0, 0, 0.1);
        }

        section.single-event-section .single-event-box .event-meta-info div.address .inner:before {
            background-color: rgba(0, 0, 0, 0.2);
        }

    section.single-event-section .single-event-box .event-content {
        background-color: #fff;
        padding: 30px;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        section.single-event-section .single-event-box .event-content h1 {
            font-size: 22px;
            margin-bottom: 20px;
            line-height: 32px;
        }

        section.single-event-section .single-event-box .event-content p {
            line-height: 28px;
            margin-bottom: 30px;
        }

        section.single-event-section .single-event-box .event-content ul {
            padding-left: 20px;
            margin-bottom: 30px;
        }

            section.single-event-section .single-event-box .event-content ul li {
                color: #7d7e7f;
                line-height: 28px;
                font-size: 15px;
            }

            section.single-event-section .single-event-box .event-content ul.share-list {
                margin-top: 30px;
                padding-top: 30px;
                border-top: 1px solid #e5e5e5;
                text-align: center;
            }

                section.single-event-section .single-event-box .event-content ul.share-list li {
                    display: inline-block;
                    margin: 0 2px;
                }

                    section.single-event-section .single-event-box .event-content ul.share-list li a {
                        width: 36px;
                        height: 36px;
                        display: flex;
                        color: rgba(0, 0, 0, 0.6);
                        align-items: center;
                        justify-content: center;
                        border: 1px solid #e5e5e5;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        border-radius: 50%;
                    }

                        section.single-event-section .single-event-box .event-content ul.share-list li a:hover {
                            border-color: transparent;
                            color: #fff;
                        }

                        section.single-event-section .single-event-box .event-content ul.share-list li a.facebook:hover {
                            background: #7073e5;
                        }

                        section.single-event-section .single-event-box .event-content ul.share-list li a.google:hover {
                            background: #e6545f;
                        }

                        section.single-event-section .single-event-box .event-content ul.share-list li a.linkedin:hover {
                            background: #0077b5;
                        }

                        section.single-event-section .single-event-box .event-content ul.share-list li a.twitter:hover {
                            background: #63bde3;
                        }

    section.single-event-section .single-event-box #map {
        height: 280px;
    }

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

/* =  single course section */

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

section.single-course-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.single-course-section .product-single-top-part {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 30px;
    }

        section.single-course-section .product-single-top-part .product-info-before-gallery {
            display: flex;
            align-items: center;
            padding: 30px;
        }

            section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit {
                display: flex;
                align-items: center;
                border-left: 1px solid #e5e5e5;
                padding-left: 20px;
                margin-left: 20px;
                font-size: 15px;
            }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit:last-child {
                    padding-right: 0;
                    border-right: 0;
                }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .icon {
                    margin-right: 15px;
                    font-size: 24px;
                    color: #1e83f0;
                }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info span.label {
                    color: #ced4da;
                }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info div.value a {
                    color: #2f2f32;
                }

                    section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit .info div.value a:hover {
                        color: #26abff;
                    }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit span.rating {
                    background-color: #8bca48;
                    color: #fff;
                    padding: 3px 6px;
                    margin-left: 8px;
                    border-radius: 4px;
                }

                section.single-course-section .product-single-top-part .product-info-before-gallery .before-gallery-unit span.votes-number {
                    color: #7d7e7f;
                }

        section.single-course-section .product-single-top-part .course-single-gallery img {
            width: 100%;
            height: auto;
        }

    section.single-course-section .single-course-content {
        background-color: #fff;
        padding: 1.75rem;
        padding-bottom: 0;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 30px;
    }

        section.single-course-section .single-course-content h2 {
            font-weight: 500;
        }

        section.single-course-section .single-course-content p {
            line-height: 28px;
            margin-bottom: 20px;
        }

        section.single-course-section .single-course-content ul.list {
            padding-left: 20px;
            margin-bottom: 30px;
        }

            section.single-course-section .single-course-content ul.list li {
                color: #7d7e7f;
                line-height: 28px;
                font-size: 15px;
            }

    section.single-course-section .course-section {
        margin-bottom: 30px;
    }

        section.single-course-section .course-section h3 {
            font-weight: 500;
            font-size: 18px;
            margin-bottom: 10px;
        }

        section.single-course-section .course-section .course-panel-heading {
            border-top: 1px solid #e9ecef;
            display: flex;
            align-items: center;
            padding: 15px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            section.single-course-section .course-section .course-panel-heading .panel-heading-left {
                display: flex;
                align-items: center;
                flex-grow: 1;
            }

                section.single-course-section .course-section .course-panel-heading .panel-heading-left .course-lesson-icon {
                    line-height: 1;
                    margin-right: 15px;
                }

                    section.single-course-section .course-section .course-panel-heading .panel-heading-left .course-lesson-icon i {
                        color: #d4d9dd;
                        font-size: 20px;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                    }

                section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 {
                    font-size: 16px;
                    font-weight: 500;
                    margin: 0 0 8px;
                }

                    section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item {
                        background-color: #e9ecef;
                        padding: 2px 6px;
                        display: inline-block;
                        font-size: 12px;
                        border-radius: 2px;
                        margin-left: 6px;
                        line-height: 1.2;
                        text-transform: capitalize;
                        color: #fff;
                    }

                        section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.video {
                            background-color: #65bded;
                        }

                        section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.practice {
                            background-color: #eada68;
                        }

                        section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.free {
                            background-color: #8be669;
                        }

                        section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.lecture {
                            background-color: #68e8b7;
                        }

                        section.single-course-section .course-section .course-panel-heading .panel-heading-left .title h4 .badge-item.quiz {
                            background-color: #bd83ef;
                        }

                section.single-course-section .course-section .course-panel-heading .panel-heading-left .title p {
                    font-size: 14px;
                    color: #adb5bd;
                    margin: 0;
                    line-height: 1;
                }

            section.single-course-section .course-section .course-panel-heading .panel-heading-right {
                display: flex;
                justify-content: flex-end;
            }

                section.single-course-section .course-section .course-panel-heading .panel-heading-right .preview-button {
                    font-size: 14px;
                    line-height: 1.4;
                    padding: 6px 10px;
                    background-color: #26abff;
                    color: #fff;
                    border-radius: 30px;
                }

                    section.single-course-section .course-section .course-panel-heading .panel-heading-right .preview-button i {
                        margin-right: 5px;
                    }

                section.single-course-section .course-section .course-panel-heading .panel-heading-right .private-lesson {
                    font-size: 14px;
                    line-height: 1.4;
                    padding: 6px 10px;
                }

                    section.single-course-section .course-section .course-panel-heading .panel-heading-right .private-lesson i {
                        margin-right: 5px;
                    }

            section.single-course-section .course-section .course-panel-heading:hover .panel-heading-left .course-lesson-icon i {
                color: #f9a134;
            }

            section.single-course-section .course-section .course-panel-heading:hover,
            section.single-course-section .course-section .course-panel-heading.active {
                background-color: #f8f9fa;
            }

        section.single-course-section .course-section .panel-content {
            max-height: 0;
            overflow: hidden;
            background-color: #f8f9fa;
            transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }

            section.single-course-section .course-section .panel-content .panel-content-inner {
                padding: 0 15px 20px 15px;
                font-size: 15px;
                color: #7d7e7f;
                line-height: 26px;
            }

        section.single-course-section .course-section .course-panel-heading.active + .panel-content {
            max-height: unset;
        }

    section.single-course-section .course-reviews {
        background-color: #fff;
        padding-bottom: 0;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 30px;
    }

        section.single-course-section .course-reviews .course-review-title {
            padding: 20px 30px;
            border-bottom: 1px solid #e5e5e5;
        }

            section.single-course-section .course-reviews .course-review-title h3 {
                margin-bottom: 0;
                position: relative;
                display: inline-block;
            }

                section.single-course-section .course-reviews .course-review-title h3:after {
                    content: '';
                    display: block;
                    position: absolute;
                    bottom: -21px;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #f9a134;
                }

                section.single-course-section .course-reviews .course-review-title h3 i {
                    margin-right: 10px;
                    float: left;
                }

        section.single-course-section .course-reviews .course-reviews-inner {
            padding: 30px;
        }

            section.single-course-section .course-reviews .course-reviews-inner .ratings-box {
                display: flex;
                margin-bottom: 20px;
            }

                section.single-course-section .course-reviews .course-reviews-inner .ratings-box .rating-average,
                section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-rating {
                    margin-bottom: 30px;
                }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .rating-average .average-box,
                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .rating-average .detailed-box,
                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-rating .average-box,
                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-rating .detailed-box {
                        padding: 30px;
                        border: 1px solid #e5e5e5;
                        border-radius: 4px;
                    }

                section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box {
                    margin-right: 30px;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                    justify-content: center;
                    min-width: 180px;
                    padding: 40px 30px 50px !important;
                }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.num {
                        font-size: 65px;
                        line-height: 65px;
                        color: #464749;
                        margin-bottom: 6px;
                    }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.ratings {
                        margin-bottom: 10px;
                        color: #f9a134;
                    }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box span.txt {
                        color: #adb5bd;
                        font-size: 15px;
                    }

                section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li {
                    list-style: none;
                    display: flex;
                    font-size: 15px;
                    color: #7d7e7f;
                    margin-bottom: 12px;
                    align-items: center;
                }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li:last-child {
                        margin-bottom: 0;
                    }

                    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li div.outer {
                        margin: 0 15px;
                        width: 290px;
                        position: relative;
                        background-color: #e9ecef;
                        height: 12px;
                        border-radius: 8px;
                    }

                        section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li div.outer span.inner-fill {
                            position: absolute;
                            top: 0;
                            left: 0;
                            display: block;
                            height: 100%;
                            border-radius: 8px;
                            background-color: #f9a134;
                        }

            section.single-course-section .course-reviews .course-reviews-inner ul.comments {
                border-bottom: 1px solid #f2f2f2;
                margin-bottom: 40px;
            }

                section.single-course-section .course-reviews .course-reviews-inner ul.comments li {
                    display: flex;
                    list-style: none;
                    padding: 30px 0;
                    border-top: 1px solid #f2f2f2;
                    align-items: center;
                }

                    section.single-course-section .course-reviews .course-reviews-inner ul.comments li .image-holder {
                        margin-right: 25px;
                    }

                        section.single-course-section .course-reviews .course-reviews-inner ul.comments li .image-holder img {
                            max-width: 75px;
                            height: auto;
                            -webkit-border-radius: 50%;
                            -moz-border-radius: 50%;
                            -ms-border-radius: 50%;
                            border-radius: 50%;
                        }

                    section.single-course-section .course-reviews .course-reviews-inner ul.comments li h2 {
                        font-weight: 500;
                        margin-bottom: 6px;
                    }

                        section.single-course-section .course-reviews .course-reviews-inner ul.comments li h2 span {
                            margin-left: 10px;
                            color: #f9a134;
                        }

            section.single-course-section .course-reviews .course-reviews-inner form.add-review h1 {
                font-size: 22px;
                line-height: 30px;
                margin-bottom: 15px;
            }

            section.single-course-section .course-reviews .course-reviews-inner form.add-review label {
                display: block;
                color: #7d7e7f;
                font-size: 15px;
                margin-bottom: 3px;
            }

            section.single-course-section .course-reviews .course-reviews-inner form.add-review select {
                display: block;
                width: 100%;
                height: 50px;
                padding: 10px 20px;
                border: 1px solid #dcdcdc;
                -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                border-radius: 2px;
                color: #7d7e7f;
                font-size: 15px;
                margin-bottom: 20px;
                outline: none;
                background-color: #fff;
            }

            section.single-course-section .course-reviews .course-reviews-inner form.add-review textarea {
                width: 100%;
                padding: 10px 20px;
                height: 120px;
                border: 1px solid #dcdcdc;
                -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                border-radius: 2px;
                color: #7d7e7f;
                font-size: 15px;
                margin-bottom: 10px;
                outline: none;
            }

            section.single-course-section .course-reviews .course-reviews-inner form.add-review button {
                color: #fff;
                text-align: center;
                border: 0;
                padding: 10px 22px;
                vertical-align: bottom;
                font-weight: 400;
                font-size: 16px;
                text-shadow: none;
                display: inline-block;
                background-color: #f9a134;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                -ms-border-radius: 50px;
                border-radius: 50px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                cursor: pointer;
            }

                section.single-course-section .course-reviews .course-reviews-inner form.add-review button:hover {
                    opacity: 0.86;
                }

@media (max-width: 767px) {
    section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li div.outer {
        width: 120px;
    }
}

@media (max-width: 560px) {
    section.single-course-section .course-reviews .course-reviews-inner .ratings-box {
        flex-direction: column;
    }

        section.single-course-section .course-reviews .course-reviews-inner .ratings-box .average-box {
            margin-right: 0;
        }

        section.single-course-section .course-reviews .course-reviews-inner .ratings-box .detailed-box ul.detailed-lines li div.outer {
            width: 100%;
        }
}

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

/* =  cart section */

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

section.cart-section {
    padding: 40px 0;
    background-color: #f8f9fa;
}

    section.cart-section .cart-box {
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 30px;
        margin-bottom: 30px;
    }

        section.cart-section .cart-box table {
            width: 100%;
        }

            section.cart-section .cart-box table tr {
                border-bottom: 1px solid #eaeaea;
            }

                section.cart-section .cart-box table tr th {
                    padding: 0 13px 10px;
                    color: #7f7e83;
                    font-weight: 400;
                    font-size: 15px;
                }

                section.cart-section .cart-box table tr td {
                    padding: 30px 13px;
                    font-size: 15px;
                    color: #7d7e7f;
                }

                    section.cart-section .cart-box table tr td img {
                        max-width: 80px;
                        height: auto;
                    }

                    section.cart-section .cart-box table tr td a {
                        font-size: 16px;
                        color: #2f2f32;
                    }

                        section.cart-section .cart-box table tr td a:hover {
                            color: #26abff;
                        }

                    section.cart-section .cart-box table tr td input[type="number"] {
                        max-width: 60px;
                        border: 0;
                        padding: 10px 12px;
                        border-bottom: 2px solid #e5e5e5;
                        outline: none;
                    }

                    section.cart-section .cart-box table tr td input[type="text"] {
                        width: 200px;
                        padding: 12px 20px;
                        border: 1px solid #dcdcdc;
                        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                        border-radius: 2px;
                        outline: none;
                    }

                section.cart-section .cart-box table tr.coupon-line {
                    border-bottom: none;
                }

                    section.cart-section .cart-box table tr.coupon-line td {
                        padding: 30px 0;
                    }

                    section.cart-section .cart-box table tr.coupon-line button {
                        float: right;
                        color: #26abff;
                        font-size: 15px;
                        padding: 10px 25px;
                        border: 1px solid #26abff;
                        font-weight: 400;
                        -webkit-border-radius: 24px;
                        -moz-border-radius: 24px;
                        -ms-border-radius: 24px;
                        border-radius: 24px;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        margin: 0;
                        outline: none;
                    }

                        section.cart-section .cart-box table tr.coupon-line button:hover {
                            background: #26abff;
                            color: #fff;
                            box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
                            -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
                            -moz-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
                            -o-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.1);
                        }

        section.cart-section .cart-box h2 {
            font-size: 22px;
            margin-bottom: 20px;
        }

        section.cart-section .cart-box form.billing-details label {
            display: block;
            color: #7d7e7f;
            font-size: 15px;
            margin-bottom: 6px;
        }

        section.cart-section .cart-box form.billing-details input[type="text"],
        section.cart-section .cart-box form.billing-details select,
        section.cart-section .cart-box form.billing-details textarea {
            border: 1px solid #dcdcdc;
            outline: none;
            width: 100%;
            font-size: 15px;
            color: #7d7e7f;
            padding: 12px 20px;
            -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
            border-radius: 2px;
            margin-bottom: 25px;
        }

        section.cart-section .cart-box form.billing-details select {
            height: 50px;
            background-color: #fff;
        }

        section.cart-section .cart-box form.billing-details textarea {
            margin-bottom: 0;
        }

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

/* =  Contact */

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

#map {
    width: 100%;
    height: 500px;
}

section.contact-section {
    padding: 80px 0;
}

    section.contact-section .contact-box {
        text-align: center;
        max-width: 790px;
        margin: 0 auto;
    }

        section.contact-section .contact-box h1 {
            margin-bottom: 10px;
        }

        section.contact-section .contact-box p {
            margin-bottom: 40px;
        }

    section.contact-section #contact-form {
        margin: 0;
        text-align: left;
    }

        section.contact-section #contact-form label {
            font-size: 15px;
            color: #7d7e7f;
            margin: 0 0 5px;
        }

        section.contact-section #contact-form input[type="text"],
        section.contact-section #contact-form textarea {
            width: 100%;
            padding: 10px 20px;
            background: transparent;
            color: #7d7e7f;
            font-size: 15px;
            font-family: "Roboto", sans-serif;
            font-weight: 300;
            outline: none;
            border: 1px solid #dcdcdc;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
            margin: 0 0 30px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            border-radius: 2px;
        }

            section.contact-section #contact-form input[type="text"]:focus,
            section.contact-section #contact-form textarea:focus {
                border: 1px solid #26abff;
            }

        section.contact-section #contact-form textarea {
            height: 120px;
            margin-bottom: 20px;
        }

        section.contact-section #contact-form button {
            color: #fff;
            text-align: center;
            border: 0;
            padding: 11px 22px;
            vertical-align: bottom;
            font-weight: 400;
            font-size: 16px;
            text-shadow: none;
            display: inline-block;
            background-color: #f9a134;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            border-radius: 50px;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            cursor: pointer;
        }

            section.contact-section #contact-form button:hover {
                opacity: 0.86;
            }

section.contact-info-section {
    padding: 70px 0;
    background-color: #f8f9fa;
}

    section.contact-info-section .info-post {
        display: flex;
    }

        section.contact-info-section .info-post i {
            display: inline-block;
            color: #26abff;
            font-size: 32px;
            margin-right: 30px;
            margin-top: 5px;
        }

        section.contact-info-section .info-post p {
            font-size: 18px;
            line-height: 32px;
        }

            section.contact-info-section .info-post p a {
                color: #2f2f32;
            }

                section.contact-info-section .info-post p a:hover {
                    color: #26abff;
                }

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

/* =  Footer */

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

footer {
    padding-top: 70px;
    background: #2e3e77;
}

    footer .up-footer {
        padding-bottom: 30px;
    }

        footer .up-footer .footer-widget {
            margin-bottom: 50px;
        }

            footer .up-footer .footer-widget .footer-logo {
                margin-bottom: 30px;
                mix-blend-mode: unset;
            }

            footer .up-footer .footer-widget h2 {
                color: #fff;
                margin-bottom: 30px;
                margin-top: 10px;
                font-weight: 500;
            }

            footer .up-footer .footer-widget p {
                color: rgba(255, 255, 255, 0.6);
                margin-bottom: 20px;
            }

            footer .up-footer .footer-widget.text-widget ul {
                color: rgba(255, 255, 255, 0.6);
            }

                footer .up-footer .footer-widget.text-widget ul li {
                    display: flex;
                    padding: 6px 0;
                }

                    footer .up-footer .footer-widget.text-widget ul li .contact-info-icon {
                        margin-right: 12px;
                        font-size: 22px;
                    }

                    footer .up-footer .footer-widget.text-widget ul li .contact-info-value {
                        font-size: 15px;
                        /* color: white; */
                    }

            footer .up-footer .footer-widget ul.quick-list {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }

                footer .up-footer .footer-widget ul.quick-list li {
                    display: block;
                    width: 50%;
                    margin-bottom: 10px;
                }

                    footer .up-footer .footer-widget ul.quick-list li a, footer li a {
                        color: rgba(255, 255, 255, 0.6);
                        direction: ltr;
                    }

                        footer .up-footer .footer-widget ul.quick-list li a:before {
                            display: inline-block;
                            content: '';
                            height: 1px;
                            width: 0;
                            margin-right: 0;
                            background-color: #fff;
                            transition: all 0.2s ease-in-out;
                            -moz-transition: all 0.2s ease-in-out;
                            -webkit-transition: all 0.2s ease-in-out;
                            -o-transition: all 0.2s ease-in-out;
                            float: left;
                            margin-top: 11px;
                        }

                        footer .up-footer .footer-widget ul.quick-list li a:hover {
                            color: #ffffff;
                        }

                            footer .up-footer .footer-widget ul.quick-list li a:hover:before {
                                width: 12px;
                                height: 1px;
                                margin-right: 6px;
                            }

        footer .up-footer .newsletter-form {
            position: relative;
            display: flex;
        }

            footer .up-footer .newsletter-form:before {
                content: "\f003";
                font-family: 'FontAwesome';
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 46px;
                pointer-events: none;
                color: #6c757d;
                font-size: 16px;
                text-align: center;
                z-index: 1;
                line-height: 1;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            footer .up-footer .newsletter-form .form-control {
                display: block;
                position: relative;
                width: 100%;
                line-height: 20px;
                border-radius: 0 !important;
                border-top-left-radius: 2px !important;
                border-bottom-left-radius: 2px !important;
                outline: 0;
                padding: 22px 10px 21px 44px;
                border: 1px solid #dcdcdc;
                background-color: #fff;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
                border-radius: 2px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

            footer .up-footer .newsletter-form input[type=submit] {
                border-radius: 0;
                border-top-right-radius: 2px;
                border-bottom-right-radius: 2px;
                height: 100%;
                box-shadow: none;
                background-color: #f9a134;
                color: #fff;
                text-align: center;
                border: 0;
                padding: 9px 22px;
                vertical-align: bottom;
                text-shadow: none;
                line-height: 27px;
                display: inline-block;
                transition: all .2s ease-in-out;
            }

    footer .copyright-inner {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 15px;
        color: rgba(255, 255, 255, 0.6);
    }

        footer .copyright-inner .highlight {
            color: #f9a134;
        }

        footer .copyright-inner ul.studiare-social-links li {
            display: inline-block;
            margin: 1px;
        }

            footer .copyright-inner ul.studiare-social-links li a {
                width: 36px;
                height: 36px;
                display: flex;
                font-size: 15px;
                color: #fff;
                background-color: rgba(255, 255, 255, 0.05);
                align-items: center;
                justify-content: center;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
            }

                footer .copyright-inner ul.studiare-social-links li a.facebook:hover {
                    background: #7073e5;
                }

                footer .copyright-inner ul.studiare-social-links li a.google:hover {
                    background: #e6545f;
                }

                footer .copyright-inner ul.studiare-social-links li a.linkedin:hover {
                    background: #0077b5;
                }

                footer .copyright-inner ul.studiare-social-links li a.twitter:hover {
                    background: #63bde3;
                }

@media (max-width: 767px) {
    footer .copyright-inner {
        flex-direction: column;
    }

        footer .copyright-inner ul.studiare-social-links {
            margin-top: 20px;
        }
}

.android-overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.95);
    overflow-x: hidden;
}

/***************************************************************************************/

a,
a:focus,
a:hover,
h4 {
    color: #444;
    text-decoration: none;
}

a {
    background-color: transparent;
    cursor: pointer;
}

b {
    font-weight: 700;
}

button,
input,
select {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
    /* border: 0; */
    /* text-align: center; */
}

input {
    line-height: normal;
}

@media print {
    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 100% 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a[href^="#"]:after {
        content: "";
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input,
select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:focus,
    a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

h4 {
    font-family: inherit;
    color: inherit;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 {
    font-size: 18px;
}

.col-lg-12,
.col-lg-6,
.col-sm-12,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-12 {
    float: right;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width:768px) {
    .col-sm-12,
    .col-sm-6 {
        float: right;
    }

    .col-sm-12 {
        width: 100%;
    }
}

@media (min-width:992px) {
    .col-md-12,
    .col-md-6 {
        float: right;
    }
}

@media (min-width:1200px) {
    .col-lg-12,
    .col-lg-6 {
        float: right;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-6 {
        width: 50%;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

.form-group {
    margin-bottom: 15px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: right;
    width: 100%;
    margin-bottom: 0;
}

    .input-group .form-control:focus {
        z-index: 3;
    }

.input-group .form-control,
.input-group-addon {
    display: table-cell;
}

.input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group-addon:first-child {
        border-left: 0;
    }

.input-group .form-control:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 100% 0;
    border: 0;
}

.modal {
    position: fixed;
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-body {
    position: relative;
    padding: 20px;
    margin: 20px;
}


@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 70px auto 0;
    }
}

.modal-header:after,
.modal-header:before {
    display: table;
    content: " ";
}

.modal-header:after {
    clear: both;
}

.hide {
    display: none !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-user:before {
    content: "\f007";
}

.fa-times:before {
    content: "\f00d";
}

.fa-phone:before {
    content: "\f095";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-id-card-o:before {
    content: "\f2c3";
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.btn {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

    .btn i {
        margin-left: 10px;
    }

.rtl {
    direction: rtl;
}

:active,
:focus {
    outline: none !important;
}

.btn,
.form-control {
    border-radius: 0;
}

.form-control,
input {
    box-shadow: inset 0 2px 19px rgba(0,0,0,.05) !important;
}

    .form-control,
    .form-control:focus {
        box-shadow: none;
    }

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

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

.card-title {
    color: #3C4858;
    text-decoration: none;
}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card-title {
    color: #3C4858;
    text-decoration: none;
}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .card .header-primary {
        background: linear-gradient(60deg, #43a7e7, #2d1fa2);
    }

.modal-dialog .card-signup .card-content {
    padding: 15px 30px;
}

    .modal-dialog .card-signup .card-content .input-group {
        margin-bottom: 2%;
    }

.padding-0 {
    padding: 0 !important;
}

.modal input[type=text] {
    height: auto;
    padding: 10px 15px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.input-group {
    position: relative;
    display: table;
    margin: 0 auto;
    border-collapse: separate;
}

.form-control,
input:not([class*=rbDecorated]),
select {
    border-width: thin !important;
    border-style: inset !important;
    padding: 10px 12px;
    padding-right: 2em !important;
    height: auto !important;
    min-height: 32px !important;
    border-radius: 5px !important;
    border-color: #ececec !important;
    box-shadow: inset 0 2px 19px rgba(0,0,0,.05) !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/*! CSS Used from: Embedded */

.select2-container .select2-selection--single {
    height: 34px !important;
    vertical-align: middle;
}

/*! CSS Used from: Embedded */

@media screen and (max-height: 575px) {
}

@media print {
    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 100% 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

:active,
:focus {
    outline: none !important;
}

/*! CSS Used from: /assets/css/site?v=6Sxv1_gsgefuAVX6T5DIeRiJd5EUddUYqE8YI40vOV41 */

a,
a:focus,
a:hover,
h4,
h5 {
    color: #444;
    text-decoration: none;
}

hr {
    border-color: #ddd;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input {
    margin: 0;
    font: inherit;
    color: inherit;
}

    input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

@media print {
    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        a[href^="javascript:"]:after {
            content: "";
        }

    p {
        orphans: 3;
        widows: 3;
    }
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a:focus,
    a:hover {
        color: #23527c;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

h4,
h5 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h4,
h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

small {
    font-size: 85%;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-muted {
    color: #777;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-md-10,
.col-md-12,
.col-md-4,
.col-md-5,
.col-md-6,
.col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width:768px) {
    .col-sm-6 {
        float: right;
    }

    .col-sm-6 {
        width: 50%;
    }
}

@media (min-width:992px) {
    .col-md-10,
    .col-md-12,
    .col-md-4,
    .col-md-5,
    .col-md-6 {
        float: right;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-offset-1 {
        margin-right: 8.33333333%;
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

.form-group {
    margin-bottom: 15px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn:active:focus,
    .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:focus,
    .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.container:after,
.container:before,
.row:after,
.row:before {
    display: table;
    content: " ";
}

.container:after,
.row:after {
    clear: both;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-book:before {
    content: "\f02d";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-bolt:before {
    content: "\f0e7";
}

.fa-android:before {
    content: "\f17b";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.btn {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

    .btn:not(.outlined):not(.rect-angles):not(.btn-default) {
        text-shadow: -1px 1px 1px rgba(0,0,0,0.2);
    }

    .btn i {
        margin-left: 10px;
    }

.btn-outlined {
    text-shadow: none !important;
}

a:focus,
a:hover {
    text-decoration: none;
}

h4 {
    margin: 0 0 20px;
    line-height: 1.5;
    font-weight: 400;
}

h5 {
    margin: 0 0 30px;
    line-height: 1.5;
    font-weight: 400;
}

p {
    margin: 0 0 15px;
}

.btn,
.form-control {
    border-radius: 0;
}

.form-control,
input {
    border-width: thin;
    border-style: inset;
    padding: 10px 12px;
    height: auto;
    border-radius: 5px;
    border-color: #ececec;
}

    .form-control,
    .form-control:focus {
        box-shadow: none;
    }

.form-group {
    overflow: hidden;
}

a,
.btn,
.btn i,
.btn span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .custom-list li {
        line-height: 35px;
    }

        .custom-list li i {
            margin-left: 10px;
            font-size: 90%;
        }

@media (max-width: 992px) {
    [class*="col-md-"] {
        clear: both;
    }
}

@media (max-width: 768px) {
    [class*="col-md-"] {
        clear: both;
    }
}

* {
    font-family: Roboto;
    font-size: 12px;
}

.card-title {
    color: #3C4858;
    text-decoration: none;
}

.card-description {
    color: #999999;
}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .card .card-content {
        padding: 5px;
    }

    .card .footer div {
        display: inline-block;
    }

.back-background,
.front-background {
    background-position: center center;
    background-size: cover;
    text-align: center;
}

    .back-background .card-content,
    .front-background .card-content {
        position: relative;
        z-index: 2;
        min-height: 178px;
        padding-top: 40px;
        padding-bottom: 40px;
        max-width: 440px;
        margin: 0 auto;
    }

    .back-background .card-description {
        color: rgba(255, 255, 255, 0.7);
    }

    .back-background .card-title,
    .front-background .card-title {
        color: #FFFFFF;
        margin-top: 10px;
    }

    .back-background:not(.card-pricing) .btn {
        margin-bottom: 0;
    }

    .back-background:after,
    .front-background:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        right: 0;
        top: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.0);
        border-radius: 6px;
    }

    .back-background .card-content {
        min-height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

.rotating-card-container {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
}

    .rotating-card-container .card-rotate {
        background: transparent;
        box-shadow: none;
    }

        .rotating-card-container .card-rotate:after {
            display: none;
        }

    .rotating-card-container .card {
        -webkit-transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
        -moz-transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
        -o-transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
        -ms-transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
        transition: transform 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
    }

        .rotating-card-container .card .back,
        .rotating-card-container .card .front {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
            position: absolute;
            background-color: #FFFFFF;
            border-radius: 6px;
            top: 0;
            right: 0;
        }

            .rotating-card-container .card .back .card-content,
            .rotating-card-container .card .front .card-content {
                justify-content: center;
                align-content: center;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: -o-flex;
                display: flex;
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -ms-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
            }

        .rotating-card-container .card .front {
            z-index: 2;
            position: relative;
        }

        .rotating-card-container .card .back {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
            z-index: 5;
            text-align: center;
            width: 100%;
            height: 100%;
        }

            .rotating-card-container .card .back.back-background:after {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                display: block;
                right: 0;
                top: 0;
                content: "";
                background-color: rgba(0, 0, 0, 0.56);
                border-radius: 6px;
            }

            .rotating-card-container .card .back.back-background .card-content {
                position: relative;
                z-index: 2;
            }

            .rotating-card-container .card .back .footer .btn {
                margin: 0;
            }

            .rotating-card-container .card .back .card-content {
                padding-right: 15px;
                padding-left: 15px;
            }

    .rotating-card-container:not(.manual-flip):hover .card {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .rotating-card-container.hover.manual-flip .card {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .rotating-card-container .card .front,
    .rotating-card-container .card .back {
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .rotating-card-container .card .back {
        visibility: hidden;
        transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1);
    }

    .rotating-card-container .card .front {
        z-index: 4;
    }
}

.rotating-card-container .card .back.back-background.light-bk:after {
    background-color: white !important;
}

.forgotpass-card-title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 10%;
}

.color-black {
    color: black !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.5);
    overflow-x: hidden;
    transition: 0.5s;
}

    .overlay::after {
        content: "";
        background: url(/assets/images/patterns/pattern-4.png);
        opacity: 0.3;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

.overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
}

.modal .closebtn {
    position: absolute;
    top: 45px;
    right: 25px;
    font-size: 60px;
    color: white;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px;
    }

    .modal .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.card-title {
    color: #3C4858;
    text-decoration: none;
}

.card {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .card .header {
        box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        /* margin: 15px; */
        border-radius: 3px;
        padding: 15px 0;
        background-color: #FFFFFF;
    }

    .card .header-primary {
        background: linear-gradient(60deg, #43a7e7, #2d1fa2);
    }

    .card .header-primary {
        box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(156, 39, 176, 0.6);
        width: 100%;
    }

    .card [class*="header-"] {
        color: #FFFFFF;
    }

        .card [class*="header-"] .card-title {
            color: #FFFFFF;
        }

    .card .footer {
        margin-top: 15px;
    }

.card-signup .header {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    margin-left: 20px;
    /* margin-right: 20px; */
    margin-top: -40px;
    padding: 20px 0;
}

.card-signup .card-content {
    padding: 0px 30px 0px 10px;
}

.card-signup .social-line {
    margin-top: 15px;
    text-align: center;
    padding: 0;
}

.social-line {
    padding: 15px 0;
}

.login-icon {
    font-size: 24px;
    color: white;
}

.colorgraph {
    height: 5px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

body a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

.fa {
    font-size: 1.5em;
}

.form-control,
input:not([class*=rbDecorated]) {
    border-width: thin !important;
    border-style: inset !important;
    padding: 10px 12px;
    padding-right: 2em !important;
    height: auto !important;
    min-height: 32px !important;
    border-radius: 5px !important;
    border-color: #ececec !important;
    box-shadow: inset 0 2px 19px rgba(0,0,0,.05) !important;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-left: 0;
        margin-right: 0;
    }

.card-title {
    margin-bottom: 0.75rem;
}

.card {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.card-title {
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.card {
    margin-bottom: 1rem !important;
}

/*! CSS Used from: /assets/css/skins/default.css */

a:hover,
.main-color {
    color: #26abff;
}

.form-control:focus {
    border-color: #26abff;
}

/*! CSS Used from: Embedded */

@media (max-width: 767px) {
    .back {
        width: unset !important;
    }

    .front {
        width: unset !important;
    }
}

/*! CSS Used from: Embedded */

@media screen and (max-height: 575px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.text-center * {
    margin: 0 auto;
}

.owl-carousel,
.bx-wrapper {
    direction: ltr;
}

    .owl-carousel .owl-item {
        direction: rtl;
    }

svg.icon {
    fill: #fbc410;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
}

.rating.small svg.icon {
    fill: #fbc410;
    height: 16px;
    width: 16px;
    stroke-width: 0;
}

.rating {
    width: 100%
}

.button-group .btn {
    margin: 10px 0 10px 8px;
}

[class*="btn-icon-"] {
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

    [class*="btn-icon-"] i {
        position: absolute;
        top: 0;
        height: 100%;
        background: rgba(0,0,0,.2);
        line-height: 40px;
        width: 35px;
        text-align: center;
    }

.left-icon {
    overflow: hidden;
    padding: 0 0 0 20px;
}

.right-icon {
    overflow: hidden;
    padding: 0 20px 0 0;
}

    .right-icon i,
    .left-icon i {
        background: rgba(0,0,0,.2);
        line-height: 50px;
        text-align: center;
        padding: 0 10px;
        margin-left: 15px;
    }

    .right-icon i {
        margin-right: 15px;
        margin-left: 0;
    }

.btn-xl.right-icon i,
.btn-xl.left-icon i {
    line-height: 68px;
}

.btn-md.right-icon i,
.btn-md.left-icon i {
    line-height: 40px;
}

.btn-sm.right-icon i,
.btn-sm.left-icon i {
    line-height: 16px;
}

[class*="btn-icon-"] span {
    display: inline-block;
    position: relative;
    right: 0;
}

.btn-xs[class*="btn-icon-"] i {
    padding: 2px 5px;
    font-size: 10px;
    line-height: 1.2;
}

.btn.main-bg.btn-3d {
    margin-bottom: 5px;
}

.btn-sm[class*="btn-icon-"] i {
    line-height: 27px;
}

.btn-md[class*="btn-icon-"] i {
    line-height: 40px;
}

.btn-lg[class*="btn-icon-"] i {
    line-height: 50px;
}

.btn-xl [class*="btn-icon-"] i {
    line-height: 70px;
}

.btn-xxl[class*=btn-icon-] i {
    line-height: 1.5;
}

[class*="btn-icon-"].no-bg i {
    background: transparent;
}

.btn-icon-left i {
    right: -35px;
}

.btn-icon-left:hover i {
    right: 0;
}

.btn-icon-left:hover span {
    right: 15px;
}

.btn-icon-right i {
    left: -100%;
    margin: 0;
}

.btn-icon-right:hover i {
    left: 0;
}

.btn-icon-right:hover span {
    right: -15px;
}

.btn.white {
    color: #fff !important;
}

.btn-blue {
    background-color: #5472d2;
    color: #fff;
}

    .btn-blue.btn-outlined,
    .btn-blue.btn-square_outlined {
        color: #5472d2;
        border-color: #5472d2;
    }

    .btn-blue:hover {
        background-color: #3c5ecc;
        color: #f7f7f7;
    }

    .btn-blue.btn-3d {
        -webkit-box-shadow: 0 4px 0 #3253bc;
        box-shadow: 0 4px 0 #3253bc;
        margin-bottom: 5px;
    }

.btn-turquoise {
    background-color: #00c1cf;
    color: #fff;
}

    .btn-turquoise.btn-outlined,
    .btn-turquoise.btn-square_outlined {
        color: #00c1cf;
        border-color: #00c1cf;
    }

    .btn-turquoise:hover {
        background-color: #00a4b0;
        color: #f7f7f7;
    }

    .btn-turquoise.btn-3d {
        -webkit-box-shadow: 0 4px 0 #008d97;
        box-shadow: 0 4px 0 #008d97;
        margin-bottom: 5px;
    }

.btn-pink {
    background-color: #fe6c61;
    color: #fff;
}

    .btn-pink.btn-outlined,
    .btn-pink.btn-square_outlined {
        color: #fe6c61 !important;
        border-color: #fe6c61;
    }

    .btn-pink:hover {
        background-color: #fe5043;
        color: #f7f7f7;
    }

    .btn-pink.btn-3d {
        -webkit-box-shadow: 0 4px 0 #fe3829;
        box-shadow: 0 4px 0 #fe3829;
        margin-bottom: 5px;
    }

.btn-default.btn-3d {
    -webkit-box-shadow: 0 4px 0 #ddd;
    box-shadow: 0 4px 0 #ddd;
    margin-bottom: 5px;
}

.btn-default.btn-outlined {
    background-color: transparent;
}

.btn-default.btn-3d:hover {
    -webkit-box-shadow: 0 4px 0 #ccc;
    box-shadow: 0 4px 0 #ccc;
}

.btn-violet {
    background-color: #8d6dc4;
    color: #fff;
}

    .btn-violet.btn-outlined,
    .btn-violet.btn-square_outlined {
        color: #8d6dc4;
        border-color: #8d6dc4;
    }

    .btn-violet:hover {
        background-color: #7c57bb;
        color: #f7f7f7;
    }

    .btn-violet.btn-3d {
        -webkit-box-shadow: 0 4px 0 #6e48b1;
        box-shadow: 0 4px 0 #6e48b1;
        margin-bottom: 5px;
    }

.btn-peacoc {
    background-color: #4cadc9;
    color: #fff;
}

    .btn-peacoc.btn-outlined,
    .btn-peacoc.btn-square_outlined {
        color: #4cadc9;
        border-color: #1cadc9;
    }

    .btn-peacoc:hover {
        background-color: #39a0bd;
        color: #f7f7f7;
    }

    .btn-peacoc.btn-3d {
        -webkit-box-shadow: 0 4px 0 #338faa;
        box-shadow: 0 4px 0 #338faa;
        margin-bottom: 5px;
    }

.btn-chino {
    background-color: #cec2ab;
    color: #fff;
}

    .btn-chino.btn-outlined,
    .btn-chino.btn-square_outlined {
        color: #cec2ab;
        border-color: #cec2ab;
    }

    .btn-chino:hover {
        background-color: #c3b498;
        color: #f7f7f7;
    }

    .btn-chino.btn-3d {
        -webkit-box-shadow: 0 4px 0 #b9a888;
        box-shadow: 0 4px 0 #b9a888;
        margin-bottom: 5px;
    }

.btn-mulled_wine {
    background-color: #50485b;
    color: #fff;
}

    .btn-mulled_wine.btn-outlined,
    .btn-mulled_wine.btn-square_outlined {
        color: #50485b;
        border-color: #50485b;
    }

    .btn-mulled_wine:hover {
        background-color: #413a4a;
        color: #f7f7f7;
    }

    .btn-mulled_wine.btn-3d {
        -webkit-box-shadow: 0 4px 0 #342f3c;
        box-shadow: 0 4px 0 #342f3c;
        margin-bottom: 5px;
    }

.btn-vista_blue {
    background-color: #57ff9b;
    color: #fff;
}

    .btn-vista_blue.btn-outlined,
    .btn-vista_blue.btn-square_outlined {
        color: #75d69c !important;
        border-color: #75d69c;
    }

    .btn-vista_blue:hover {
        background-color: #5dcf8b;
        color: #f7f7f7;
    }

    .btn-vista_blue.btn-3d {
        -webkit-box-shadow: 0 4px 0 #4ac97d;
        box-shadow: 0 4px 0 #4ac97d;
        margin-bottom: 5px;
    }

.btn-black {
    background-color: #2a2a2a;
    color: #fff;
}

    .btn-black.btn-outlined,
    .btn-black.btn-square_outlined {
        color: #2a2a2a;
        border-color: #2a2a2a;
    }

    .btn-black:hover {
        background-color: #383838;
        color: #f7f7f7;
    }

    .btn-black.btn-3d {
        -webkit-box-shadow: 0 4px 0 #595959;
        box-shadow: 0 4px 0 #151515;
        margin-bottom: 5px;
    }

.btn-grey {
    background-color: #ebebeb;
    text-shadow: none;
}

    .btn-grey.btn-outlined,
    .btn-grey.btn-square_outlined {
        color: #444;
        border-color: #ebebeb;
    }

    .btn-grey:hover {
        background-color: #e2e2e2;
        color: #333;
    }

    .btn-grey.btn-3d {
        -webkit-box-shadow: 0 4px 0 #cfcfcf;
        box-shadow: 0 4px 0 #cfcfcf;
        margin-bottom: 5px;
    }

.btn-orange {
    background-color: #f9a134;
    color: #fff;
}

    .btn-orange.btn-outlined,
    .btn-orange.btn-square_outlined {
        color: #f9a134;
        border-color: #f9a134;
    }

    .btn-orange:hover {
        background-color: #f5b14b;
        color: #f7f7f7;
    }

    .btn-orange.btn-3d {
        -webkit-box-shadow: 0 4px 0 #f4a733;
        box-shadow: 0 4px 0 #f4a733;
        margin-bottom: 5px;
    }

.btn-sky {
    background-color: #26abff;
    color: #fff;
}

    .btn-sky.btn-outlined,
    .btn-sky.btn-square_outlined {
        color: #26abff;
        border-color: #26abff;
    }

    .btn-sky:hover {
        background-color: #4092df;
        color: #f7f7f7;
    }

    .btn-sky.btn-3d {
        -webkit-box-shadow: 0 4px 0 #2a86db;
        box-shadow: 0 4px 0 #2a86db;
        margin-bottom: 5px;
    }

.btn-green {
    background-color: #6dab3c;
    color: #fff;
}

    .btn-green.btn-outlined,
    .btn-green.btn-square_outlined {
        color: #6dab3c;
        border-color: #6dab3c;
    }

    .btn-green:hover {
        background-color: #5f9434;
        color: #f7f7f7;
    }

    .btn-green.btn-3d {
        -webkit-box-shadow: 0 4px 0 #53812d;
        box-shadow: 0 4px 0 #53812d;
        margin-bottom: 5px;
    }

.btn-juicy_pink {
    background-color: #f4524d;
    color: #fff;
}

    .btn-juicy_pink.btn-outlined,
    .btn-juicy_pink.btn-square_outlined {
        color: #f4524d;
        border-color: #f4524d;
    }

    .btn-juicy_pink:hover {
        background-color: #f23630;
        color: #f7f7f7;
    }

    .btn-juicy_pink.btn-3d {
        -webkit-box-shadow: 0 4px 0 #f11f18;
        box-shadow: 0 4px 0 #f11f18;
        margin-bottom: 5px;
    }

.btn-sandy_brown {
    background-color: #8fc6fb;
    color: #fff;
}

    .btn-sandy_brown.btn-outlined,
    .btn-sandy_brown.btn-square_outlined {
        color: #f79468;
        border-color: #f79468;
    }

    .btn-sandy_brown:hover {
        background-color: #f57f4b;
        color: #f7f7f7;
    }

    .btn-sandy_brown.btn-3d {
        -webkit-box-shadow: 0 4px 0 #f46e33;
        box-shadow: 0 4px 0 #f46e33;
        margin-bottom: 5px;
    }

.btn-purple {
    background-color: #b97ebb;
    color: #fff;
}

    .btn-purple.btn-outlined,
    .btn-purple.btn-square_outlined {
        color: #b97ebb;
        border-color: #b97ebb;
    }

    .btn-purple:hover {
        background-color: #ae6ab0;
        color: #f7f7f7;
    }

    .btn-purple.btn-3d {
        -webkit-box-shadow: 0 4px 0 #a559a8;
        box-shadow: 0 4px 0 #a559a8;
        margin-bottom: 5px;
    }

.btn-white {
    background-color: #fff;
}

    .btn-white.btn-outlined,
    .btn-white.btn-square_outlined {
        color: #fff;
        border-color: #fff;
    }

    .btn-white:hover {
        background-color: #f0f0f0;
        color: #5e5e5e;
    }

    .btn-white.btn-3d {
        -webkit-box-shadow: 0 4px 0 #e3e3e3;
        box-shadow: 0 4px 0 #e3e3e3;
        margin-bottom: 5px;
    }

.btn-grace {
    background-color: #aed13b;
    color: #fff;
}

    .btn-grace.btn-outlined,
    .btn-grace.btn-square_outlined {
        color: #aed13b;
        border-color: #aed13b;
    }

    .btn-grace:hover {
        background-color: #9ec02d;
        color: #f7f7f7;
    }

    .btn-grace.btn-3d {
        -webkit-box-shadow: 0 4px 0 #8dac28;
        box-shadow: 0 4px 0 #8dac28;
        margin-bottom: 5px;
    }

.btn-round {
    border-radius: 25px;
}

.btn-outlined {
    border: 1px solid;
    text-shadow: none !important;
}

.article-list__page {
    padding-top: 20px !important;
    border-top: 1px solid #ddd;
    clear: both;
    counter-increment: page;
    padding-bottom: 3em;
    position: relative;
}

    .article-list__page:before {
        background-color: #ddd;
        display: inline-block;
        content: counter(page);
        color: #888;
        padding: .25em .5em;
        position: absolute;
        left: calc(50% - .75em);
        top: -.75em;
        vertical-align: middle;
        z-index: 1;
    }

.article-list__item {
    background-color: #eee;
    float: left;
    height: 15em;
    max-width: 50%;
    opacity: .75;
    transform: scale(.8);
    transition: opacity .2s, transform .2s;
    width: 15em;
}

    .article-list__item:hover {
        opacity: 1;
        transform: scale(1);
    }

.article-list__item__image {
    display: block;
    height: auto;
    margin: 0;
    opacity: 1;
    transition: opacity .2s;
    width: 100%;
}

.article-list__item__image--loading {
    opacity: 0;
}

.article-list__pagination {
    background-color: #222;
    box-shadow: 0 0 1em rgba(#000, .25);
    display: block;
    bottom: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: .5em;
    position: fixed;
    right: 0;
    text-align: center;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transition: transform 2s;
    -webkit-transition: transform 2s;
    -ms-transition: transform 2s;
    transition: transform 2s;
    z-index: 2;
}

.article-list__pagination--inactive {
    transform: translateY(100%);
}

.article-list__pagination__item {
    display: inline-block;
    margin: 0 1em;
}

    .article-list__pagination__item a {
        color: white;
        text-decoration: none;
    }

        .article-list__pagination__item a:hover, .article-list__pagination__item a:focus {
            color: lighten(#888, 15%);
        }

        .article-list__pagination__item a:active {
            color: lighten(#888, 30%);
        }

.article-list {
    flex: 0 0 100%;
}

input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}



label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

    input[type=radio]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    /* border-radius: 4px; */
}

    .btn:active:focus, .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:focus, .btn:hover {
        color: #333;
        text-decoration: none;
    }

    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:focus, .btn-default:active:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active {
        background-image: none;
    }

[data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn {
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

:active, :focus {
    outline: none !important;
}

.btn {
    /* border-radius: 0; */
}

    .btn, .btn span {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }


input {
    color: inherit;
    font: inherit;
    margin: 0;
}

    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

:focus {
    outline: 0;
}

.btn:active, .btn:active:focus, .btn:focus {
    outline: 0;
}

label {
    font-size: 14px;
    line-height: 1.42857;
    color: #aaa;
    font-weight: 400;
}

.profile-page .page-header {
    background-position: top center;
}

.header-filter {
    position: relative;
}

.page-header {
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
}

.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.line4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
}

.card-ribbon {
    z-index: 100;
    position: absolute;
    top: 0;
    right: -5px;
    background-color: rgba(153, 153, 153, 0.84);
    border-radius: 2px 2px 0 2px;
    padding: 3px 5px;
    font-size: 12px;
    color: white;
    line-height: 1.4;
    box-sizing: border-box;
}

.card-ribbon-pink {
    background-color: rgba(242, 93, 142, 0.85);
}

#backtotop {
    display: inline-block;
    background-color: #FF9800;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #backtotop::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
    }

    #backtotop:hover {
        cursor: pointer;
        background-color: #333;
    }

    #backtotop:active {
        background-color: #555;
    }

    #backtotop.show {
        opacity: 1;
        visibility: visible;
    }

img {
    max-width: 100%;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:last-child) > .btn-round, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.btn-group > .btn-group:not(:first-child) > .btn-round, .btn-group > .btn:not(:first-child) {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.btn-group {
    padding-bottom: 5px;
}

.line3

.category ,search-icon:hover:after{
 min-height: 75px;
}

.nav-icons {
    margin-left: 10px;
    float: right;
    color: #8a8a8a;
}

.rev_slider_wrapper, .rev_slider_wrapper * {
    direction: ltr;
}

.section:after {
    height: 1px;
    background-color: red;
    width: 100%
}

.search-submit {
    background-color: #ffffff30;
    border: 1px solid #f1f1f1a8;
    border-radius: 1em;
    padding: 5px 7px 0px 8px;
    margin-right: 10px;
}

.card-content > .category {
    min-height: 75px
}