@media (max-width: 992px) {
    .nav-dropdown > li > a {
        border-bottom: 1px solid #2d3454;

        color: #dcdee4;
    }

    .nav-menu.nav-menu-social > li.login_click.search {
        display: none;
    }

    .filter_wraps {
        display: inline-flex;

        align-items: center;

        justify-content: flex-start;

        width: 100%;
    }

    .submenu-indicator-chevron {
        border-color: transparent #fff #fff transparent;
    }

    .nav-menu > li .nav-dropdown {
        background: transparent;

        padding: 0px;

        min-height: 250px;
    }

    .nav-menu > li > .nav-dropdown:before {
        display: none;
    }
}

@media (max-width: 1023px) {
    .banner_count_sec {
        display: none;
    }

    .woo_product_title {
        font-size: 18px;
    }

    ul.woo_info li {
        margin-right: 0.5rem;

        font-size: 13px;
    }

    .dashboard_single_course {
        display: block;
    }

    .dashboard_single_course_thumb {
        width: 100%;

        margin-bottom: 1rem;
    }

    .dashboard-navbar,
    .dashboard-wraper {
        padding: 1em;
    }

    .dashboard_single_course_thumb img {
        height: 100%;

        object-fit: cover;

        width: 100%;
    }

    .cart_totals.checkout {
        margin-top: 1rem;
    }

    .checkout_coupon.checkout {
        display: block;
    }

    .checkout_coupon_flex {
        margin-bottom: 1rem;
    }

    .ed_view_box.style_3 .ed_view_features ul li {
        flex: 0 0 100%;
    }

    .edu_wraper .edu_title {
        font-size: 20px;

        font-weight: 600;
    }

    ul.edu_list li {
        font-size: 10px;
    }

    .inline_edu_wrap {
        display: block;
    }

    .inline_edu_first {
        margin-bottom: 1rem;
    }

    .nav-link {
        padding: 0.8rem 1rem;
    }

    .show-23 {
        display: block;
    }

    .hide-23 {
        display: none;
    }

    .featured_jb_box {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    div#brand-slide {
        padding-top: 2rem;
    }

    .edu_data .title {
        font-size: 15px;

        line-height: 35px;

        margin-bottom: 0px;
    }

    ul.cources_facts_list li {
        padding: 5px 12px;

        font-size: 12px;
    }

    .cources_info_last h3 {
        font-size: 25px;
    }

    .jobs_info ul li {
        margin-right: 4px;

        padding: 5px 10px;
    }
}

.login-btn i {
    margin-right: 10px;
}

.login-btn {
    color: #fff;
}

.login_click a span {
    font-weight: 700;
}

.cat-2-multi {
    column-count: 2;
}

.cat-1 {
    /*height: 469px !important;*/

    right: 890px !important;
}

.cat-2 {
    margin-left: 0px !important;

    top: -0px !important;
}

.cat-3 {
    top: 0px;

    margin-left: 0px !important;

    min-height: 0px !important;
}

.cat-2 ul {
    min-width: 750px !important;
}

.cat-2-sub {
    margin-left: 0px !important;

    top: -42px !important;
}

.cat-2-sub2 {
    margin-left: 0px !important;

    top: -84px !important;
}

@media (min-width: 360px) and (max-width: 720px) {
    .cat-2-sub2 {
        column-count: auto !important;
    }
}

@media (min-width: 360px) and (max-width: 720px) {
    .cat-2-sub4 {
        column-count: auto !important;
    }

    .hop {
        margin-bottom: 8rem !important;

        font-size: 14px;
    }
}

.nav-submenu {
    min-height: 469px !important;
}

.cat-2-sub3 {
    margin-left: 0px !important;

    top: -126px !important;
}

.cat-2-sub4 {
    margin-left: 0px !important;

    top: -168px !important;
}

.cat-2-sub5 {
    margin-left: 0px !important;

    top: -210px !important;
}

.cat-2-sub6 {
    margin-left: 0px !important;

    top: -252px !important;
}

.cat-2-sub7 {
    margin-left: 0px !important;

    top: -294px !important;
}

.cat-2-sub9 {
    margin-left: 13px !important;

    top: -375px !important;
}

.cat-2-sub8 {
    top: -335px !important;

    /*margin-left: 13px !important;*/
}

.cat-2-sub10 {
    margin-left: 13px !important;

    top: -415px !important;
}

.card-counter {
    box-shadow: 2px 2px 10px #dadada;

    margin: 5px;

    padding: 20px 10px;

    background-color: #fff;

    height: 100px;

    border-radius: 5px;

    transition: 0.3s linear all;
}

.card-counter:hover {
    box-shadow: 4px 4px 20px #dadada;

    transition: 0.3s linear all;
}

.card-counter.primary {
    background-color: #007bff;

    color: #fff;
}

.card-counter.danger {
    background-color: #ef5350;

    color: #fff;
}

.card-counter.success {
    background-color: #66bb6a;

    color: #fff;
}

.card-counter.info {
    background-color: #26c6da;

    color: #fff;
}

.card-counter i {
    font-size: 5em;

    opacity: 0.2;
}

.card-counter .count-numbers {
    position: absolute;

    right: 35px;

    top: 20px;

    font-size: 32px;

    display: block;
}

.card-counter .count-name {
    position: absolute;

    right: 35px;

    top: 65px;

    font-style: italic;

    text-transform: capitalize;

    opacity: 0.5;

    display: block;

    font-size: 18px;
}

.res {
    min-height: 100px;
}

.txt-common {
    font-size: 16px;

    font-family: inherit;

    padding: 5px 0;

    line-height: 24px;

    text-align: justify;

    color: #333;
}

.txt-area {
    width: 100%;

    height: 250px;

    padding: 10px;

    border: 1px solid #d9d9d9;

    outline: none;

    font-size: 1rem;

    resize: none;

    line-height: 1.5rem;

    color: #000;
}

.words-box {
    padding: 15px;

    background-color: #ff1949;

    color: #fff !important;

    border-radius: 5px;

    margin-bottom: 20px;
}

.words-box-1 {
    background-color: #800080;

    padding: 15px;

    color: #fff !important;

    border-radius: 5px;
}

.title-service-page {
    font-size: 15px;

    text-transform: capitalize;

    text-align: left;

    font-weight: 600;

    color: #da0b4e;

    text-align: justify;
}

.service-order {
    position: sticky;

    top: 100px;
}

.order-form-title {
    border-bottom: 1px solid #000;

    margin-bottom: 20px;
}

.order-lable {
    font-size: 15px;

    color: #2d3954;
}

/*.number-spinner button{*/

/*  padding:0px 10px 0px 14px;*/

/*}*/

.you_get {
    padding: 0px;

    z-index: 9;

    width: 100%;

    bottom: 0;

    top: 0;
}

.you_get ul li:before {
    content: "\e724";

    font-size: 13px;
}

.you_get ul li {
    color: #000;

    font-size: 16px;

    line-height: 20px;

    position: relative;

    padding-left: 20px;

    margin-bottom: 10px;
}

.work-heading {
    color: #daa901;

    font-size: 25px;

    font-weight: 800;

    margin-top: 20px;
}

.works-img img {
    vertical-align: middle;
}

.hw-row {
    margin-bottom: 40px;
}

.float-rght {
    float: right;
}

.home-list li:before {
    font-family: "themify";

    margin: 0;

    position: relative;

    color: #ffffff;

    float: left;

    margin-left: -22px;

    display: block;
}

.trust_factors li {
    line-height: 28px;

    text-shadow: 1px 1px 2px #1b2028;

    list-style: none;

    padding: 3px 0px 3px 25px !important;

    color: #fff;

    font-size: 18px !important;

    margin: 0px !important;

    font-weight: 500;
}

.trust_factors ul {
    float: left;

    width: 50%;

    margin: 0;

    padding: 0;
}

.pb-50 {
    background-color: #fff;

    width: 100%;

    float: right;

    position: relative;

    padding: 2rem;

    border-radius: 1rem;

    z-index: 2;
}

.order-heading h4 {
    color: #000 !important;

    text-align: center;
}

.order-heading h4 span {
    font-size: 18px;

    display: block;

    margin-top: 10px;

    font-weight: 800;

    text-transform: uppercase;

    color: #2196f3;

    text-align: center;

    margin-bottom: 20px;
}

.order-form-offer {
    background-color: #131b31;
}

.form-offer {
    color: #fff;

    padding: 114px 68px;

    text-align: center;
}

.form-offer h1 {
    color: #fff;

    font-size: 35px;

    margin-bottom: 20px;
}

.form-offer h3 {
    font-size: 30px;

    color: #2196f3;

    margin-top: 25px;
}

.form-offer p {
    font-size: 20px;

    border-radius: 5px;

    border: 2px dotted #2196f3;

    transform: rotate(-5deg);
}

.steps-wrap {
    border-radius: 10px;

    padding: 40px 30px 40px;
}

.steps-wrap h2 {
    font-size: 18px;

    color: #e4c412;

    font-weight: 700;
}

#working-steps {
    text-align: center;

    padding: 40px 0px 0px;
}

.steps-one:after {
    content: "";

    width: 134px;

    height: 88px;

    background: url(../img/arrow.png) no-repeat;

    top: 30px;

    right: -67px;

    position: absolute;

    display: inline-block;
}

.steps-two:after {
    content: "";

    width: 134px;

    height: 88px;

    background: url(../img/arrow-flip.png) no-repeat;

    top: 30px;

    right: -67px;

    position: absolute;

    display: inline-block;
}

.steps-one,
.steps-two,
.steps-three {
    text-align: center;
}

.steps-wrap p {
    font-family: "Roboto", sans-serif;

    font-size: 14px;

    color: #fff;

    font-weight: 300;

    line-height: 23px;
}

.divider-bar {
    width: 100%;

    height: 1px;

    margin: 30px 0px 0px;

    border-top: 1px dotted #446cb7;

    padding-top: 30px;
}

.page-heading {
    text-align: center;

    margin-top: 20px;

    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .works-content {
        text-align: center;

        margin-top: 30px !important;
    }

    .steps-one:after {
        display: none;
    }

    .steps-two:after {
        display: none;
    }

    .big-header-capt {
        margin-top: -50px;

        text-transform: uppercase;
    }
}

.main-content {
    width: 100%;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    grid-gap: 20px;
}

.card1 {
    display: flex;

    flex-direction: column;
}

/* ===================================== 



   Page Styles



======================================== */

* {
    box-sizing: border-box;
}

.main-content {
    margin: 2em auto;
}

.card1 {
    position: relative;

    padding: 2em 1em;

    border: 1px solid #e1e1e1;

    border-radius: 0.25em;

    background: #131b31;

    z-index: 1;
}

.card1 h3 {
    color: #fff;

    margin: 0.35em 0 0;

    line-height: 2rem;

    font-weight: 500;
}

.card1 p {
    color: #fff;
}

/*
.line {



    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/449443/line.png);



    background-size: 20%;



  height:20px;



    background-repeat: no-repeat;



    background-position: left 0; 



}*/

/* ===================================== 



   Animation 



======================================== */

.card1::after {
    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transform: scaleY(0);

    transform-origin: top center;

    background: #da0b4e;

    z-index: -1;

    transition: transform 0.3s;
}

.card1:hover::after {
    transform: scaleY(1);
}

.countries-menu img {
    height: 20px;

    width: 25px;

    margin-right: 10px;
}

.countries-menu a {
    margin-top: 10px;

    font-weight: 600;
}

.countries-menu {
    list-style-type: none;

    padding: 0;

    margin: 0;
}

.countries-menu li {
    line-height: 20px;

    padding: 5px;
}

.order_details_a {
    color: #da0b4e;

    font-weight: 600;
}

.circle_price {
    box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);

    border: 0.5em solid #e84d0e;

    font-size: 1em;

    line-height: 1.1em;

    color: #ffffff;

    background-color: #e84d0e;

    border-radius: 50%;

    height: 8em;

    width: 8em;

    position: relative;
}

.alizarin {
    background: #e74c3c;
}

.amethyst {
    background: #9b59b6;
}

.emerald {
    background: #2ecc71;
}

.midnight-blue {
    background: #2c3e50;
}

.peter-river {
    background: #3498db;
}

.dl {
    background: #f0f0f0;

    padding: 0px 0;

    border-radius: 20px;

    position: relative;
}

/*.dl:before {



  content: " ";



  height: 20px;



  width: 20px;



  background: #ddd;



  border-radius: 20px;



  position: absolute;



  left: 50%;



  top: 20px;



  margin-left: -10px;



}*/

.dl .brand {
    text-transform: uppercase;

    letter-spacing: 3px;

    padding: 10px 15px;

    margin-top: 10px;

    text-align: center;

    min-height: 100px;
}

.dl .discount {
    min-height: 50px;

    position: relative;

    font-size: 80px;

    line-height: 80px;

    text-align: center;

    font-weight: 700;

    padding: 20px 15px 0;

    color: #f1c40f;
}

.dl .discount:after {
    content: " ";

    border-right: 20px solid transparent;

    border-left: 20px solid transparent;

    position: absolute;

    bottom: -20px;

    left: 20%;
}

.dl .discount.alizarin:after {
    border-top: 20px solid #e74c3c;
}

.dl .discount.peter-river:after {
    border-top: 20px solid #3498db;
}

.dl .discount.emerald:after {
    border-top: 20px solid #2ecc71;
}

.dl .discount.amethyst:after {
    border-top: 20px solid #9b59b6;
}

.dl .discount .type {
    font-size: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-top: -30px;
}

.dl .descr {
    color: #999;

    margin-top: 10px;

    padding: 20px 15px;
}

.dl .ends {
    padding: 0 15px;

    color: #f1c40f;

    margin-bottom: 10px;
}

.dl .coupon {
    min-height: 50px;

    text-align: center;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 18px;

    padding: 20px 15px;
}

.dl .coupon a.open-code {
    color: #16a085;
}

.dl .coupon .code {
    letter-spacing: 1px;

    border-radius: 4px;

    margin-top: 10px;

    padding: 10px 15px;

    color: #f1c40f;

    background: #f0f0f0;
}

#search-subject-data {
    position: absolute;

    z-index: 9999;

    width: 100%;

    max-height: 300px;

    overflow-y: scroll;
}

.pagination a {
    background: #ffffff;

    color: #da0b4e;

    border: 2px solid #da0b4e;

    border-radius: 4px;

    align-items: center;

    margin: 0 auto;

    padding: 9px;

    font-weight: 600;

    transition: all ease 0.4s;

    margin: 2px;
}

.pagination strong {
    background: #da0b4e;

    color: #ffffff;

    border: 2px solid #da0b4e;

    border-radius: 4px;

    align-items: center;

    margin: 0 auto;

    padding: 9px;

    font-weight: 600;

    transition: all ease 0.4s;

    margin: 2px;
}

.title h3 {
    font-size: 25px !important;

    margin-top: 20px;

    margin-bottom: 10px;

    line-height: 1.4em !important;

    font-weight: 300;
}

/* dropdown */

.dropdown-menu.bootstrap-datetimepicker-widget.open {
    opacity: 1;

    transform: scale(1);

    top: 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;

    width: 19em;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.sr-only,
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;
}

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget a:hover {
    box-shadow: none !important;
}

.bootstrap-datetimepicker-widget a .btn:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 4px;

    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 991px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    right: auto;

    left: 12px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top {
    margin-top: auto;

    margin-bottom: 27px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
    margin-top: auto;

    margin-bottom: 27px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;

    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;

    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0;

    margin: 0;

    border-width: 0;

    background-color: transparent;

    color: #9c27b0;

    box-shadow: none;
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
    background-color: transparent;
}

.bootstrap-datetimepicker-widget a[data-action]:hover span {
    background-color: #eee;

    color: #9c27b0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 40px;

    height: 40px;

    line-height: 40px;

    font-weight: 300;

    font-size: 1.125rem;

    margin: 0;

    border-radius: 50%;
}

.bootstrap-datetimepicker-widget button[data-action] {
    width: 38px;

    height: 38px;

    margin-right: 3px;

    padding: 0;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;

    border-radius: 3px;

    font-size: 0.875rem;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;

    margin: 0;

    height: auto;

    width: auto;

    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;

    height: 2.5em;

    width: 100%;

    border-radius: 3px;

    margin: 2px 0px !important;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;

    margin: 0;
}

.bootstrap-datetimepicker-widget table.table-condensed tr > td {
    text-align: center;
}

.bootstrap-datetimepicker-widget table td > div,
.bootstrap-datetimepicker-widget table th > div {
    text-align: center;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;

    line-height: 20px;

    width: 20px;

    font-weight: 500;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;

    color: rgba(0, 0, 0, 0.12);

    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev span,
.bootstrap-datetimepicker-widget table th.next span {
    border-radius: 3px;

    height: 27px;

    width: 27px;

    line-height: 28px;

    font-size: 12px;

    border-radius: 50%;

    text-align: center;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table th.dow {
    text-align: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.12);

    font-size: 12px;

    text-transform: uppercase;

    color: rgba(0, 0, 0, 0.87);

    font-weight: 400;

    padding-bottom: 5px;

    padding-top: 10px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,
.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td > div {
    border-radius: 3px;

    height: 54px;

    line-height: 54px;

    width: 54px;

    text-align: center;
}

.bootstrap-datetimepicker-widget table td.cw > div {
    font-size: 0.8em;

    height: 20px;

    line-height: 20px;

    color: #999;
}

.bootstrap-datetimepicker-widget table td.day > div {
    height: 30px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    padding: 0px;

    border-radius: 50%;

    position: relative;

    z-index: -1;

    color: #3c4858;

    font-size: 0.875rem;
}

.bootstrap-datetimepicker-widget table td.minute > div,
.bootstrap-datetimepicker-widget table td.hour > div {
    border-radius: 50%;
}

.bootstrap-datetimepicker-widget table td.day:hover > div,
.bootstrap-datetimepicker-widget table td.hour:hover > div,
.bootstrap-datetimepicker-widget table td.minute:hover > div,
.bootstrap-datetimepicker-widget table td.second:hover > div {
    background: #eee;

    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old > div,
.bootstrap-datetimepicker-widget table td.new > div {
    color: #999;
}

.bootstrap-datetimepicker-widget table td.today > div {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today > div:before {
    content: "";

    display: inline-block;

    border: 0 0 7px 7px solid transparent;

    border-bottom-color: #9c27b0;

    border-top-color: rgba(0, 0, 0, 0.2);

    position: absolute;

    bottom: 4px;

    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active > div,
.bootstrap-datetimepicker-widget table td.active:hover > div {
    background-color: #9c27b0;

    color: #fff;

    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}

.bootstrap-datetimepicker-widget table td.active.today:before > div {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled > div,
.bootstrap-datetimepicker-widget table td.disabled:hover > div {
    background: none;

    color: rgba(0, 0, 0, 0.12);

    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    margin: 3px 3px;

    cursor: pointer;

    border-radius: 50%;

    text-align: center;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #9c27b0;

    color: #fff;
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #999;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;

    color: rgba(0, 0, 0, 0.12);

    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget .timepicker-picker span,
.bootstrap-datetimepicker-widget .timepicker-hours span,
.bootstrap-datetimepicker-widget .timepicker-minutes span {
    border-radius: 50% !important;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;

    line-height: 27px;
}

.btn.btn-primary {
    color: #fff !important;

    box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
}

.glyphicon-lg {
    font-size: 3em;
}

.blockquote-box {
    border-right: 5px solid #e6e6e6;
    margin-bottom: 25px;
}

.blockquote-box .square {
    width: 100px;
    min-height: 50px;
    margin-right: 22px;
    text-align: center !important;
    background-color: #e6e6e6;
    padding: 20px 0;
}

.blockquote-box.blockquote-primary {
    border-color: #357ebd;
}

.blockquote-box.blockquote-primary .square {
    background-color: #428bca;
    color: #fff;
}

.blockquote-box.blockquote-success {
    border-color: #4cae4c;
}

.blockquote-box.blockquote-success .square {
    background-color: #5cb85c;
    color: #fff;
}

.blockquote-box.blockquote-info {
    border-color: #46b8da;
}

.blockquote-box.blockquote-info .square {
    background-color: #5bc0de;
    color: #fff;
}

.blockquote-box.blockquote-warning {
    border-color: #eea236;
}

.blockquote-box.blockquote-warning .square {
    background-color: #f0ad4e;
    color: #fff;
}

.blockquote-box.blockquote-danger {
    border-color: #d43f3a;
}

.blockquote-box.blockquote-danger .square {
    background-color: #d9534f;
    color: #fff;
}

/*!



 * @copyright © Kartik Visweswaran, Krajee.com, 2014



 * @version 2.5.0



 *



 * A simple yet powerful JQuery star rating plugin that allows rendering



 * fractional star ratings and supports Right to Left (RTL) input.



 *



 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com



 * For more Yii related demos visit http://demos.krajee.com



 */

.rating-loading {
    width: 25px;

    height: 25px;

    font-size: 0px;

    color: #fff;

    border: none;
}

/*



 * Stars



 */

.rating-gly {
    font-family: "Glyphicons Halflings";
}

.rating-gly-star {
    font-family: "Glyphicons Halflings";

    padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-lg .rating-gly-star,
.rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px;
}

.rating-xl .rating-gly-star,
.rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
}

.rating-disabled {
    cursor: not-allowed;
}

.rating-uni {
    font-size: 1.2em;

    margin-top: -5px;
}

.rating-container {
    position: relative;

    vertical-align: middle;

    display: inline-block;

    color: #e3e3e3;

    overflow: hidden;
}

.rating-container:before {
    content: attr(data-content);
}

.rating-container .rating-stars {
    position: absolute;

    left: 0;

    top: 0;

    white-space: nowrap;

    overflow: hidden;

    color: #fde16d;

    transition: all 0.25s ease-out;

    -o-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
    content: attr(data-content);

    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
    position: relative;

    vertical-align: middle;

    display: inline-block;

    overflow: hidden;

    color: #fde16d;
}

.rating-container-rtl:before {
    content: attr(data-content);

    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
    position: absolute;

    left: 0;

    top: 0;

    white-space: nowrap;

    overflow: hidden;

    color: #e3e3e3;

    transition: all 0.25s ease-out;

    -o-transition: all 0.25s ease-out;

    -moz-transition: all 0.25s ease-out;

    -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
    content: attr(data-content);
}

/**



 * Rating sizes



 */

.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
}

/**



 * Clear rating button



 */

.star-rating .clear-rating,
.star-rating-rtl .clear-rating {
    color: #aaa;

    cursor: not-allowed;

    display: inline-block;

    vertical-align: middle;

    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.star-rating .clear-rating {
    padding-right: 5px;
}

/**



 * Caption



 */

.star-rating .caption,
.star-rating-rtl .caption {
    color: #999;

    display: inline-block;

    vertical-align: middle;

    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}

#search-subject-data {
    position: absolute;

    z-index: 9999;

    width: 100%;

    max-height: 300px;

    overflow-y: scroll;
}

.cat-2 li > ul > li > a {
    white-space: initial;
}

.edu_wraper a {
    color: #da0b4e;
}

.review-modal {
    padding: 10px 10px 12px 91px;
}

div.stars {
    width: 180px;

    display: inline-block;
}

label.star {
    float: right;

    padding: 5px;

    font-size: 26px;

    color: #444;

    transition: all 0.2s;
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

input.star {
    display: none;
}

label.star:before {
    content: "\f006";

    font-family: FontAwesome;

    border: none !important;
}

input.star:checked ~ label.star:before {
    content: "\f005";

    color: #dc3545;

    transition: all 0.25s;
}

.page-content a {
    color: #0d88f1;
}

.content-wrapper h1 {
    font-size: 25px;
    /*margin-bottom: 20px;*/
    padding-bottom: 20px;
    display: block;
    position: relative;
}

.post-content ul {
    margin-left: 20px;
}
.post-content h2 {
    font-size: 25px;
    display: block;
    position: relative;
}
.tab-content ul {
    list-style-position: inside;
    padding: 0;
}
div.offerstrip {
    margin-bottom: 0;
    text-align: center;
    border-radius: 0;
    padding: 5px;
    border-bottom: 1px solid #949494;
}
.offer-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 32px;*/
}
.bonus {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-style: italic;
    margin-left: 8px;
}
.offer-strip-wrap .offer-strip .text-cta-wrap a.cta {
    font-size: 23px;
    color: #ff4f1e;
    text-decoration: underline;
    font-weight: 500;
    margin-left: 6px;
}
div.offerstrip button.close {
    font-size: 35px;
    padding-top: 0;
    font-weight: 400;
}
div.offerstrip button.close {
    padding: 0.1rem 0.5rem;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.trust {
    padding-top: 20px;
    padding:20px;
}
@media only screen and (max-width: 1920px){
.trust{
    content: "";
    left: -140%;
    right: 0;
    bottom: 0;
    top: 0;
    background: #304aa6;
    z-index: -1;
}
}
.trust span {
    background: #ffc502;
    padding: 2px 20px;
    font-weight: 600;
    border-radius: 5px;
    text-align:center;
}
.trust h4 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    text-align: left;
    margin-bottom: 0;
    text-align:center;
}
@media only screen and (max-width: 768px){
.trust {
    padding-top: 7px;
    padding-bottom: 7px;
}
}
@media only screen and (max-width: 480px){
.trust {
    width: 100%;
    display: flex;
}
}
.about-features-list li i{
    color: #FF4F1E;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}
.about-features-list li {
    /*line-height: 36px;*/
    position: relative;
    padding-left: 25px;
    font-size: 16px;
}
.blur-text{
    filter: blur(3px);
    overflow: hidden;
    max-height: 1550px;
    margin-bottom: 20px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#need-full-solution {
    width: 60%;
    background: #163979;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
    margin: 0px auto -150px;
    top: 35px;
    border-radius: 7px;
    padding: 20px 20px;
}
.promo-content h3{
    font-size:20px;
    margin:0px 0px 10px 0px
}
@media only screen and (max-width: 991px){
    .bonus p{
    font-size: 15px;
    color: #000;
    font-weight: 500;
    font-style: italic;
    margin-left: 8px;
}
div.offerstrip {
    margin-bottom: 0;
    text-align: center;
    border-radius: 0;
    /* padding: 5px; */
    border-bottom: 1px solid #949494;
}
.offer-strip-wrap .offer-strip .text-cta-wrap a.cta {
    font-size: 22px;
    color: #ff4f1e;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 6px;
}
}
.style1 ul li{
    color:#fff !important;
}