.btn-link-siyah,
.sepet-price {
    color: #484848;
}

.beyaz,
.card,
.cardFeature,
.fixed-contact-bar,
.purchase-area,
.timeline .tm-title,
html.dark .radio-custom input[type="radio"]:checked + label:after {
    background-color: #fff;
}

#full-screen-banner,
#full-screen-banner-link {
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.course-actions a.addtowishlist,
.course-actions a.comparelink,
.course-actions a.quickview,
.course-slide-item:hover .watch-demo-text,
.quick-view-frame.active {
    visibility: visible;
    opacity: 1;
}

.bordered-panel.active,
.last-total-price.active {
    animation-duration: 2s;
    animation-iteration-count: 2;
}

.card,
.crop-text-2 {
    -webkit-box-orient: vertical;
}

.advantages-content li,
.toggle-ugurcan {
    counter-increment: stepNum;
}

.course-detail-tabs ul,
.featured-box-quaternary ul,
.nav,
div.container.beyaz.p-md.pt-lg.mobile-icerik > div.toggle.toggle-tertiary.col-xs-12.p-none.pd-toggle-style > section > div > div > ul {
    list-style: none;
}

@font-face {
    font-family: Gotham-Medium;
    font-display: swap;
    src: url("/assets/new_assets/assets_front/fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/new_assets/assets_front/fonts/Gotham-Medium.otf") format("opentype"), url("/assets/new_assets/assets_front/fonts/Gotham-Medium.woff") format("woff"), url("/assets/new_assets/assets_front/fonts/Gotham-Medium.ttf") format("truetype"), url("/assets/new_assets/assets_front/fonts/Gotham-Medium.svg#Gotham-Book") format("svg");
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Gotham-Medium, Arial, sans-serif !important;
    font-weight: 400 !important;
}

.footer-aboutus p.lead {
    font-family: Gotham-Medium, Arial, sans-serif;
    color: #ee2223 !important;
}

#wh-call-to-action a:link,
.course-category .course-list-view:hover,
.course-list .course .courseframe:hover,
a:focus,
a:hover {
    text-decoration: none;
}

.certdetail .heading strong,
.login-frame .line label span {
    font-weight: 400;
}

#overlay-back {
    background: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#overlay,
.timeline .tm-body:after {
    height: 100%;
    position: absolute;
    top: 0;
}

#overlay {
    left: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

.myAccount {
    border: 2px solid #919191;
    padding-top: 3px;
    border-radius: 4px;
    cursor: pointer;
}

.lightgrey {
    background-color: #f9f9f9;
}

.grey {
    background-color: #f0f0f0;
}

.gri {
    background-color: #ebebeb;
}

.cizgi {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.nav-tabs.nav-justified {
    margin-bottom: -1px;
    width: 100%;
    border-bottom: 0;
}

.sepet-price {
    font-size: 19px;
    font-weight: 600;
}

.sepet-old-price {
    color: #a2a2a2;
    font-size: 13px;
    text-decoration: line-through;
}

.course .egitim-name {
    color: #777;
    font-weight: 400;
    font-size: 17px;
    margin: 0 0 3px;
}

    .card-text,
    .course .egitim-name a {
        color: #000;
    }

        .course .egitim-name a:focus,
        .course .egitim-name a:hover {
            color: #ee3d43;
            text-decoration: none;
        }

.timeline .tm-body {
    position: relative;
    padding: 0;
}

    .timeline .tm-body:after {
        content: "";
        display: block;
        left: 30px;
        margin-left: -2px;
        width: 3px;
        z-index: 0;
        background: -moz-linear-gradient( top, #fff 0, #fff 80%, rgba(125, 185, 232, 0) 100% );
        background: -webkit-linear-gradient( top, #fff 0, #fff 80%, rgba(125, 185, 232, 0) 100% );
        background: linear-gradient( to bottom, #fff 0, #fff 80%, rgba(125, 185, 232, 0) 100% );
    }

.timeline .tm-title {
    position: relative;
    display: inline-block;
    text-align: center;
    min-width: 200px;
    border: 1px solid #dadada;
    padding: 4px 5px;
    margin: 0 40px;
    z-index: 1;
}

.timeline .tm-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .timeline .tm-items > li {
        position: relative;
        margin: 0 0 30px;
        padding: 0 0 0 80px;
        min-height: 65px;
        z-index: 1;
    }

.educationdetail-frame {
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
    opacity: 0;
}

    .educationdetail-frame a {
        display: flex;
        width: 100%;
        cursor: pointer;
    }

    .contact-mapframe #map,
    .education-footer-content .footer-info,
    .educationdetail-frame .education-info,
    .login-frame .btn.btn-face span.name,
    .showcase .moduleframe.multi {
        flex-grow: 1;
    }

    .educationdetail-frame .education-icon {
        width: 20%;
        flex-shrink: 0;
        background: #f9f9f9;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: 36px;
    }

.timeline .tm-items > li .tm-datetime {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100px;
    height: 48px;
    margin-top: -15px;
    text-align: right;
    z-index: 3;
}

    .timeline .tm-items > li .tm-datetime .tm-datetime-time {
        color: #ccc;
        font-size: 2.4rem;
        font-weight: 700;
        margin: 0;
        white-space: nowrap;
    }

.timeline .tm-items > li .tm-icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 3px solid #ccc;
    font-size: 24px;
    font-family: Gotham-Medium, Arial, sans-serif;
    padding: 10px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 29px;
    margin-top: 0;
    margin-left: 0;
    z-index: 2;
    -webkit-border-radius: 28px;
    border-radius: 28px;
}

.timeline .tm-items > li .tm-box {
    position: relative;
    background: #fff;
    min-height: 65px;
    padding: 10px 20px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .timeline .tm-items > li .tm-box:after {
        right: 100%;
        border: 8px solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #dadada;
        top: 50%;
        margin-top: -8px;
        z-index: 2;
        display: none;
    }

    #owl1 .banner,
    .course-category .course-list-view .course-name,
    .course-detail-tabs .tab-content-frame .tabcontent:last-child,
    .course-details-box .custom-price-box .course-price-box,
    .education-footer-content .contact-info p:last-child,
    .filtre-container ul,
    .radio-custom:last-child,
    .radio-custom:last-of-type,
    .success-cert-line:last-child,
    .table,
    .timeline .tm-items > li .tm-box p:last-child {
        margin-bottom: 0;
    }

    .timeline .tm-items > li .tm-box .tm-meta {
        margin: 10px 0 0;
        border-top: 1px solid #f0f0f0;
        padding: 10px 0;
    }

        .timeline .tm-items > li .tm-box .tm-meta span {
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
        }

            .timeline .tm-items > li .tm-box .tm-meta span.text-default {
                color: #a7a7a7;
            }

.lead {
    font-size: 14px;
    color: #525252;
}

.custom-smart-timer .smart-timer-count .stc-group.stc-group-seconds,
.mobile-category-filter.tabs.tabs-simple .nav-tabs > li:first-child,
.timeline .tm-items > li .tm-box .tm-meta span:last-child,
.timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
    padding-right: 0;
}

.timeline.timeline-simple .tm-body:after {
    left: 30px;
}

.timeline.timeline-simple .tm-body .tm-title {
    border: 1px solid #e9e9e9;
    margin: 0 10px;
}

.timeline.timeline-simple .tm-body .tm-items > li {
    padding: 0 0 0 55px;
}

    .timeline.timeline-simple .tm-body .tm-items > li:before {
        display: block;
        position: absolute;
        content: " ";
        background: #ccc;
        border-radius: 50%;
        box-shadow: 0 0 0 3px #fff, 0 0 0 6px #ccc;
        height: 7px;
        left: 30px;
        top: 50%;
        width: 8px;
        margin-left: -4px;
        margin-top: -4px;
    }

    .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
        left: -17px;
        border: 8px solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #e9e9e9;
        top: 50%;
        margin-top: -8px;
        z-index: 1;
    }

@media only screen and (max-width: 991px) {
    .timeline .tm-body:after {
        left: 20px;
    }

    .timeline .tm-title {
        margin: 0;
    }

    .timeline .tm-items > li {
        padding-left: 50px;
    }

        .timeline .tm-items > li .tm-info {
            margin: 0 0 15px;
            position: absolute;
            left: 0;
        }

            .timeline .tm-items > li .tm-info:after {
                content: "";
                display: table;
                clear: both;
            }

        .timeline .tm-items > li .tm-icon {
            border-width: 2px;
            float: left;
            font-size: 18px;
            height: 40px;
            line-height: 36px;
            margin: 0 15px 0 0;
            padding: 0;
            position: static;
            width: 40px;
        }

        .timeline .tm-items > li .tm-datetime {
            margin: 0;
            position: static;
            text-align: left;
        }

            .timeline .tm-items > li .tm-datetime .tm-datetime-date {
                font-size: 1.2rem;
                line-height: 1.3;
            }

            .timeline .tm-items > li .tm-datetime .tm-datetime-time {
                font-size: 1.8rem;
                line-height: 1.3;
            }
}

@media only screen and (max-width: 767px) {
    .timeline .tm-items > li .tm-box .tm-meta span {
        display: block;
    }
}

.timeline .tm-items > li .tm-icon {
    border-color: #400190;
    color: #400190;
}

    .timeline .tm-items > li .tm-icon.completed {
        border-color: #256f00;
        color: #fff;
        background: #349e00;
    }

    .timeline .tm-items > li .tm-icon.continues {
        border-color: #867557;
        color: #867557;
        background: #fff;
    }

    .timeline .tm-items > li .tm-icon.notplayed {
        border-color: #400190;
        color: #400190;
        background: #fff;
    }

.checkbox-custom,
.radio-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
}

    .checkbox-custom.checkbox-inline,
    .radio-custom.radio-inline {
        display: inline-block;
        vertical-align: middle;
    }

.form-group .checkbox-custom.checkbox-inline,
.form-group .radio-custom.radio-inline {
    margin-top: 7px;
    padding-top: 0;
}

.checkbox-custom input[type="checkbox"]:disabled,
.checkbox-custom input[type="checkbox"]:disabled + label,
.radio-custom input[type="radio"]:disabled,
.radio-custom input[type="radio"]:disabled + label {
    cursor: not-allowed;
}

    .checkbox-custom input[type="checkbox"]:disabled:checked + label:after,
    .radio-custom input[type="radio"]:disabled:checked + label:after {
        color: #999;
    }

    .checkbox-custom input[type="checkbox"]:disabled + label:before,
    .radio-custom input[type="radio"]:disabled + label:before {
        background-color: #eee;
    }

#backblock.active,
.camp-tab-frame .camp-tab-content.active,
.checkbox-custom label + label.error,
.collapse-frame.toggle-active .toggle-button,
.collapse-frame.toggle-active::after,
.course-detail-tabs .tab-content-frame .tabcontent.active,
.d-none.active,
.egitmen-collapse.collapse-active::after,
.footer-camp-code .camp-header .camp-minify i.fa-plus,
.footer-camp-code.active .camp-header .camp-minify i.fa-minus,
.hire-toggle-content,
.mobile-side-menu li ul,
.mobile-subcats-frame.subcats-show,
.mobile-user-dropdown.active,
.radio-custom label + label.error,
.sticky-actions.active,
.toggle-content.active,
html.sticky-header-active #header .header-nav {
    display: block;
}

.radio-custom input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -6px 0 0;
    z-index: 2;
    cursor: pointer;
}

    .radio-custom input[type="radio"]:checked + label:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 4px;
        margin-top: -5px;
        display: inline-block;
        font-size: 11px;
        line-height: 1;
        width: 10px;
        height: 10px;
        background-color: #444;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 1px #444;
        box-shadow: 0 0 1px #444;
    }

.radio-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.2;
}

    .radio-custom label:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #bbb;
        background: #fff;
    }

.breadcrumbtoggle,
.course-details-box hr.solid,
.purchase-table .moduleframe:hover {
    background: #eaeaea;
}

html.dark .radio-custom label:before {
    background: #282d36;
    border-color: #21262d;
}

html.dark .radio-custom input[type="radio"]:disabled + label:before {
    background: #242830;
    border-color: #242830;
}

.radio-primary input[type="radio"]:checked + label:after,
html.dark .radio-primary input[type="radio"]:checked + label:after {
    background: #ccc;
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1px #ccc;
}

.radio-success input[type="radio"]:checked + label:after,
html.dark .radio-success input[type="radio"]:checked + label:after {
    background: #47a447;
    -webkit-box-shadow: 0 0 1px #47a447;
    box-shadow: 0 0 1px #47a447;
}

.radio-warning input[type="radio"]:checked + label:after,
html.dark .radio-warning input[type="radio"]:checked + label:after {
    background: #ed9c28;
    -webkit-box-shadow: 0 0 1px #ed9c28;
    box-shadow: 0 0 1px #ed9c28;
}

.radio-danger input[type="radio"]:checked + label:after,
html.dark .radio-danger input[type="radio"]:checked + label:after {
    background: #d2322d;
    -webkit-box-shadow: 0 0 1px #d2322d;
    box-shadow: 0 0 1px #d2322d;
}

.radio-info input[type="radio"]:checked + label:after,
html.dark .radio-info input[type="radio"]:checked + label:after {
    background: #5bc0de;
    -webkit-box-shadow: 0 0 1px #5bc0de;
    box-shadow: 0 0 1px #5bc0de;
}

.radio-dark input[type="radio"]:checked + label:after,
html.dark .radio-dark input[type="radio"]:checked + label:after {
    background: #171717;
    -webkit-box-shadow: 0 0 1px #171717;
    box-shadow: 0 0 1px #171717;
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 100%;
}

    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        display: inline-block;
        position: absolute;
        width: 30px;
        height: 30px;
    }

.brand-logos .owl-carousel .owl-nav .owl-prev {
    left: -48px;
}

.brand-logos .owl-carousel .owl-nav .owl-next {
    right: -48px;
}

.golge {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

#mainNav.nav.nav-pills > li.dropdown-mega {
    min-width: 120px;
    position: relative;
}

    #mainNav.nav.nav-pills > li.dropdown-mega > a,
    .avantaj-logo-mobile,
    .cardFeature--center {
        text-align: center;
    }

    #mainNav.nav.nav-pills > li.dropdown-mega:first-child > a,
    #mobile-filter-categories,
    .advantages-frame,
    .certificate-step .imgframe,
    .collapse-frame,
    .course .courseframe .course-image,
    .course-actions,
    .cvv-question,
    .ec-timeline-portlet__item,
    .relative,
    html.sticky-header-active #header .header-body.relative {
        position: relative;
    }

        #mainNav.nav.nav-pills > li.dropdown-mega:first-child > a::before {
            content: "\f107";
            margin-left: 10px;
            font-size: 18px;
            line-height: 20px;
            font-family: FontAwesome;
            float: right;
        }

.owl-theme.owl-carousel .owl-nav {
    margin-top: -21px;
    opacity: 0;
    transition: 0.3s;
    z-index: 999 !important;
    height: 0;
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) !important;
    border-radius: 50% !important;
    padding: 10px !important;
    width: 42px !important;
    height: 42px !important;
    text-align: center !important;
    margin-top: -21px;
    line-height: 22px;
    background-color: #fff !important;
}

.container.relative:hover .nav-custom,
.course:hover .action-link-frame,
.gallery-thumbs .swiper-slide-active,
.gallery-thumbs .swiper-slide-thumb-active,
.gallery-thumbs .swiper-slide-thumb-active img,
.nav-custom.owl-nav .owl-next:hover,
.nav-custom.owl-nav .owl-prev:hover,
.owl-theme.owl-carousel.owl-theme:hover .owl-nav,
.payment-step-frame .payment-step.active img,
.success-stories-bg .owl-theme .owl-dots .owl-dot,
.testimonial-slide:hover .nav-custom,
.tooltip.in {
    opacity: 1;
}

.course .course-details-area,
.course figure,
.course-category .course-list-view *,
.mmenu-toggle-btn .menu-anim-icon::after,
.mmenu-toggle-btn .menu-anim-icon::before {
    transition: 0.3s;
}

    #header .menu-banner-area,
    #owl1,
    #taksitler,
    .banner-module img,
    .breadcrumbtoggle a,
    .course .course-details-area,
    .course .course-details-area .course-actions,
    .coursedetail .course-img-box-wrapper,
    .custom-actions,
    .mobile-smart-courses.smart-courses hr.solid,
    .mobile-subcats-frame #subcats-linkcontent li,
    .mobile-user-dropdownmenu,
    .modulesection,
    .purchase-table,
    .search-custom-list .ais-hits .ais-hits--item,
    .search-custom-list.course-list .course .courseframe,
    .static-mobile-menu,
    .tabs.course-tabs .tab-content,
    .video-container .video,
    .video-cover-image,
    .videoframe .video-content-frame .video-watch-frame embed,
    .videoframe .video-content-frame .video-watch-frame iframe,
    .videoframe .video-content-frame .video-watch-frame video {
        width: 100%;
        float: left;
    }

.course:hover .course-details-area,
.course:hover figure {
    opacity: 0.8;
}

.course .course-name a:hover,
.dvBilgilendirme p {
    color: #000 !important;
}

.coursedetail {
    display: flex;
    flex-direction: row-reverse;
    flex-basis: 100%;
    margin: 0 -15px;
}

    .coursedetail .course-img-box {
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        position: relative;
    }

    .ais-hits,
    .banner-section img,
    .campaign-slider .campaign-item,
    .certframe.horizontal img,
    .course-extra-features .course-item-frame .course-extra-item,
    .coursedetail .course-img-wrapper,
    .desktop-cart-style .cart-price p,
    .dropdown-menu-subcats .dropdown-subcats-frame .custom-scrollbar,
    .flex-mega-content .flex-category-frame .dropdown-subcats-frame,
    .mainbanners,
    .mobile-user-icon .name,
    .smart-courses .smart-course-detail-frame,
    .smart-courses .smart-course-full,
    .tabcontent .advantages .imgframe,
    .yde-module .module img,
    div.course-chooser {
        width: 100%;
    }

        .coursedetail .course-img-wrapper img {
            max-height: 500px;
            max-width: 100%;
            width: auto;
            margin: auto;
            border-radius: 7px;
            border: 1px solid #6a6a6a;
        }

.course-img-carousel {
    max-height: 500px;
    overflow: hidden;
}

    .course-img-carousel.owl-carousel.nav-inside .owl-dots {
        bottom: 60px;
    }

    .course-img-carousel::after {
        height: 0;
        opacity: 1 !important;
    }

.owl-carousel .owl-nav .owl-prev {
    left: 5px;
}

.owl-carousel .owl-nav .owl-next {
    right: 5px;
}

.owl-carousel.nav-inside .owl-dots,
.owl-carousel.nav-inside .owl-nav {
    left: 0;
    right: 0;
}

.coursedetail .course-details-box {
    padding: 10px 20px;
    background: #f9f9f9;
    flex-grow: 1;
}

    .coursedetail .course-details-box .tablink.scrollcontent-link-2,
    .coursedetail .course-details-box .tablink.scrollcontent-link-3 {
        cursor: pointer;
        float: left;
        padding: 10px 0;
        display: flex;
        align-items: center;
        font-size: 15px;
    }

        .coursedetail .course-details-box .tablink.scrollcontent-link-2 .camp-count,
        .coursedetail .course-details-box .tablink.scrollcontent-link-3 .camp-count {
            margin: 0 0 0 5px;
            font-size: 11px;
        }

.coursedetail .course-actions a,
.coursedetail .course-actions div.btn {
    margin: 10px 1px;
    padding: 10px 20px;
}

.coursedetail .alert.alert-info {
    margin-bottom: 0;
    padding: 5px;
    float: left;
}

    .coursedetail .alert.alert-info a {
        color: inherit;
    }

.stock-line {
    padding-bottom: 15px;
    width: 100%;
    float: left;
}

.similar-courses.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

.custom-smart-timer {
    color: #fff;
    display: flex;
    flex-direction: row;
}

    .custom-smart-timer .smart-timer-time {
        float: right;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .custom-smart-timer .smart-timer-time span {
            float: left;
            font-size: 24px;
            padding: 0 10px 0 0;
        }

    .custom-smart-timer .smart-timer-name {
        float: left;
        font-size: 32px;
        font-weight: 600;
        line-height: 38px;
    }

    .custom-smart-timer .smart-timer-and-counter {
        border: 0;
        padding: 0;
    }

    #header .custom-block,
    #header .header-column .cart-area,
    #header .header-column .header-search,
    #header .header-logo .sticky-category span,
    #header .header-nav-main nav > ul > li.single-menu-link,
    #header .myAccount .myAccount-link-area,
    #header
    .subcat-banner-area.big-banner-area
    .menu-banner-area.banner-type-c
    a:nth-child(4),
    #mainNav .dropdown:last-child,
    .custom-smart-timer .smart-timer-count .stc-divider,
    .mobile-nav .mobilenavtitle-icon span,
    .simple-post-list li .post-image .img-thumbnail img,
    .taksitframe img,
    html.sticky-header-active #header .header-logo a {
        float: left;
    }

    .custom-smart-timer .smart-timer-count .stc-group {
        float: left;
        display: flex;
        flex-direction: row;
        padding: 0 5px;
    }

    .custom-smart-timer .smart-timer-count .stc-group-digits {
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

    .custom-smart-timer .smart-timer-count .stc-group-label {
        text-align: center;
        font-size: 12px;
        line-height: 12px;
        margin: 6px 0 0 5px;
    }

.page-header .header-course-count {
    display: inline;
    font-weight: 700;
    padding-left: 2px;
    font-size: 12px;
}

    #header .top-menu-area a[href="/tumkampanyalar"],
    .page-header .header-course-count span {
        color: #4d00ae;
    }

.page-header .breadcrumb {
    margin: 0;
    display: inline;
    padding-left: 8px;
}

.coursedetail .course-img-wrapper,
.mobile-filter-frame.active,
.page-header.breadcrumb-frame {
    background: #f9f9f9;
}

.page-header .breadcrumb > li {
    font-size: 12px;
    text-transform: capitalize;
}

    .page-header .breadcrumb > li > a {
        color: #646464;
        font-weight: 400;
    }

    .page-header .breadcrumb > li:last-child > a {
        font-weight: 600;
        color: #000;
    }

    .page-header .breadcrumb > li > a:focus,
    .page-header .breadcrumb > li > a:hover {
        color: #646464;
    }

    .page-header .breadcrumb > li.active {
        color: #646464;
        font-weight: 700;
    }

    .page-header .breadcrumb > li + li:before {
        content: "\f105";
        font-size: 12px;
        opacity: 1;
        color: #646464;
    }

.breadcrumbtoggle {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 20px;
    left: 0;
    border-bottom: 3px solid #ccc;
    display: none;
    z-index: 99;
}

    .breadcrumbtoggle a::before {
        content: "";
        width: 7px;
        height: 7px;
        float: left;
        background: url(/assets_front/img/breadcrumb-subcats.png) 0 0 / cover no-repeat;
        margin: 8px 5px 0 0;
    }

    #dvSearchFrame,
    .abroad-education .brand-name-content span,
    .advantages-content li:last-child:after,
    .all-rules-title .fa-angle-up,
    .all-rules-title.active .fa-angle-down,
    .breadcrumbtoggle a:first-child::before,
    .certficate-slider,
    .certificate-step:last-child::after,
    .check_marka_label b,
    .checkmark,
    .collapse-frame.active::after,
    .course-badge:empty,
    .course-book-detail .course-institution-name,
    .course-book-detail
    .mobile-category-course-list.course-list-1.course-list
    .course
    .courseframe
    .course-image:after,
    .course-extra-features .course-extra-item:empty,
    .course-list .course.course-book .courseframe .brandarea::before,
    .course-list-1 .brand-details-frame .brandarea::before,
    .course-slide-item.first-picture::after,
    .course-slide-item.noplay::after,
    .course.add-more-course .course-image::after,
    .custom-course-sidebar .checkbox-custom label b,
    .d-none,
    .educationacc .myAccount-mainlink,
    .egitmen-collapse.collapse-active.active::after,
    .footer-camp-code.active .camp-header .camp-minify i.fa-plus,
    .header-stickylogo,
    .hidden,
    .mmenu-open #mobile-menu-overlay,
    .mobile-side-menu li li a:before,
    .mobile-user-dropdown,
    .odeme-custom-check.checkbox-custom input[type="checkbox"],
    .pd-toggle-style .toggle > label.toggle-link::before,
    .search-see-all #pagination .ais-pagination--item__disabled,
    .sticky-actions .sticky-hidden,
    html.sticky-header-active #header .header-logo .sticky-category,
    html.sticky-header-active #header .header-mainlogo,
    html.sticky-header-active #header .top-menu-area {
        display: none;
    }

    .breadcrumbtoggle a:nth-child(2),
    .campaigns-list-right,
    .mobile-login-area li.course a:hover {
        padding-left: 10px;
    }

    .breadcrumbtoggle a:nth-child(3),
    .course-detail-tabs .tab-content-frame .tabcontent ul,
    .odeme-custom-check.checkbox-custom label,
    .tabcontent ul {
        padding-left: 20px;
    }

    .breadcrumbtoggle a:nth-child(4) {
        padding-left: 30px;
    }

    .breadcrumbtoggle a:nth-child(5) {
        padding-left: 40px;
    }

.custom-category-header {
    width: 100%;
    background: #f9f9f9;
    height: 70px;
    padding: 25px 0;
}

    .custom-category-header h4 {
        color: #4d00ae;
        font-size: 24px;
        line-height: 20px;
        font-weight: 700;
        float: left;
        margin: 0 25px 0 0;
    }

    .custom-category-header h6 {
        color: #4d00ae;
        font-size: 12px;
        line-height: 10px;
        font-weight: 600;
        float: left;
        padding-top: 10px;
        margin: 0;
    }

.course-extra-features {
    margin-top: 10px;
    width: 100%;
    float: left;
}

    .course-extra-features .course-extra-item {
        float: left;
        padding: 10px;
        border: 1px solid #e7e7e7;
        background: #fff;
        border-radius: 3px;
        font: 600 12px/14px "Open Sans", Arial, sans-serif;
        color: #575757;
        margin: 0 10px 10px 0;
    }

        .course-extra-features .course-extra-item:last-child,
        .etu-story-module .module:last-child,
        .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
        .mobile-nav .mobile-login-area a:last-child,
        .not-login a:last-child,
        .price-list .price-modules .module:last-child,
        .slider-area .owl-custom-dots .owl-dot:last-child {
            margin-right: 0;
        }

        .course-extra-features .course-extra-item .item-icon {
            float: left;
            border-right: 1px solid #e7e7e7;
            padding-right: 10px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

            .course-extra-features .course-extra-item .item-icon img {
                max-width: 48px;
                max-height: 34px;
            }

            .course-extra-features .course-extra-item .item-icon .course-extra-price {
                float: left;
                font-size: 14px;
            }

                .course-category .course-list-view .course-label span.discount,
                .course-category .course-list-view .course-price-box .old-price,
                .course-extra-features .course-extra-item .item-icon .course-extra-price span,
                .education-footer p.fs-12,
                .gallery-main .swiper-button-next::after,
                .gallery-main .swiper-button-prev::after,
                .rating-img-col p,
                div.adres-chooser div.adres-chooser-item span.description {
                    font-size: 12px;
                }

        .course-extra-features .course-extra-item .item-name {
            float: left;
            padding-left: 10px;
        }

            .course-extra-features .course-extra-item .item-name span {
                font-size: 10px;
                display: block;
                color: grey;
            }

    .course-extra-features .course-item-frame {
        padding-right: 5px;
        float: left;
    }

.single-menu-link {
    color: #fff !important;
    float: left;
}

    .single-menu-link a {
        color: #fff;
        padding: 8px 25px;
        float: left;
        line-height: 16px;
        border-radius: 0;
        font-size: 13px;
    }

        .single-menu-link a:hover {
            color: #cf5600;
        }

        .single-menu-link a img {
            float: right;
            margin-top: -20px;
        }

#header .header-nav-main nav > ul > li.single-menu-link a {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 20px;
    float: left;
    line-height: 20px;
    border-radius: 0;
    background: center;
    transition: 0.2s;
}

    #header .header-nav-main nav > ul > li.single-menu-link a.newlink {
        position: relative;
        text-transform: none;
    }

        #header .header-nav-main nav > ul > li.single-menu-link a.newlink::before {
            top: -7px;
            right: 10px;
            padding: 3px;
            background: #ee2223;
            content: "YENÄ°";
            position: absolute;
            color: #fff;
            font-size: 8px;
            line-height: 8px;
            border-radius: 3px;
            font-weight: 400;
        }

        #header .header-nav-main nav > ul > li.single-menu-link a.newlink::after {
            top: 5px;
            right: 24px;
            background: #ee2223;
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            transform: rotate(45deg);
        }

    #header .header-nav-main nav > ul > li.single-menu-link a:hover {
        color: #232323;
        background-color: #f9f9f9;
    }

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    width: 1050px;
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle {
    font-size: 14px;
    font-weight: 600;
}

.custom-toggle .toggle label,
.nav-pills > li + li,
.subcat-links .course-category {
    margin: 0;
}

.course-img-box,
.feature-custom-list .line:nth-child(2n),
.page-nasil-sertifika-alirim,
.purchase-table .moduleframe.head:hover,
.see-all-container,
.showcase-module-frame:nth-child(odd) {
    background: #fff;
}

.menu-open-fixed {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

.mobile-nav,
.mobile-subcats-frame #subcats-linkcontent {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    float: left;
}

.mmenu-open.body,
.nav-custom.owl-nav .owl-prev {
    left: 0;
}

.mmenu-open .fa.fa-bars {
    color: #b2040e;
}

.mmenu-toggle-btn .menu-anim-icon {
    float: left;
    width: 22px;
    height: 14px;
    position: relative;
    border-bottom: 2px solid #ee2223;
    box-sizing: content-box;
}

    .mmenu-toggle-btn .menu-anim-icon::before {
        content: "";
        width: 100%;
        height: 2px;
        background: #ee2223;
        border-radius: 1px;
        float: left;
    }

    .mmenu-toggle-btn .menu-anim-icon::after {
        content: "";
        width: 100%;
        height: 2px;
        background: #ee2223;
        border-radius: 1px;
        float: left;
        margin-top: 5px;
    }

.mmenu-open .menu-anim-icon::after,
.mmenu-open .menu-anim-icon::before {
    position: absolute;
    left: 0;
    background: #b2040e;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
}

.mmenu-open .menu-anim-icon::after {
    background: #b2040e;
    transform: rotate(-45deg);
}

.course-category .course-list-view:last-child,
.course-detail-tabs.course-detail .tab-content-frame .tabcontent:last-child,
.custom-flex-list.custom-flex-list-4
.course:nth-child(4n + 1):nth-last-child(-n + 4),
.custom-flex-list.custom-flex-list-4
.course:nth-child(4n + 1):nth-last-child(-n + 4) ~ .course,
.custom-flex-list.custom-flex-list-5
.course:nth-child(5n + 1):nth-last-child(-n + 5),
.custom-flex-list.custom-flex-list-5
.course:nth-child(5n + 1):nth-last-child(-n + 5) ~ .course,
.dropdown-menu-subcats ul li:last-child,
.mmenu-open .mmenu-toggle-btn .menu-anim-icon,
.mobile-nav .mobile-catnav li:last-child,
.mobile-subcats-frame #subcats-linkcontent li:last-child a,
.stories-module:last-child {
    border-bottom: 0;
}

#header .header-search-area form,
#header .subcat-banner-area .menu-banner-area a,
.course-detail-tabs .tab-content-frame .tabcontent.kurs-content ul,
.course-details.kurs-content ul,
.mobile-side-menu li {
    float: left;
    width: 100%;
}

    .mobile-side-menu li a,
    .sidebar.shop-sidebar ul li {
        padding: 0;
        margin: 0;
    }

    .mobile-side-menu li li a {
        margin: 0;
        padding: 0;
    }

.mobile-nav {
    left: -100%;
    width: 100%;
    background: #fff;
    padding: 0;
    top: inherit;
    bottom: 0;
}

    .mobile-nav .mobile-nav-wrapper,
    .mobile-nav.mobile-nav-hidden,
    .snow {
        overflow: hidden;
    }

    .mobile-nav .mobile-side-menu {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .mobile-nav .mobile-login-area {
        padding: 20px;
        background: #fff;
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #f0f0f0;
    }

        .mobile-nav .mobile-login-area a {
            padding: 8px 10px;
            border: 1px solid #2ec986;
            background: #2ec986;
            color: #fff;
            font: 500 14px/14px "Open Sans", sans-serif;
            transition: 0.3s;
            margin-right: 10px;
            flex-grow: 1;
            display: flex;
            align-items: center;
            border-radius: 3px;
            justify-content: center;
        }

            .mobile-nav .mobile-login-area a img {
                float: left;
                max-width: 24px;
                max-height: 24px;
            }

            .mobile-nav .mobile-login-area a span {
                float: left;
                margin: 0 0 0 10px;
            }

            .mobile-nav .mobile-login-area a:hover,
            .mobile-nav .mobilenavtitle.camp-mobile-link:hover {
                background: #2ec07c;
            }

    .mobile-nav .mobile-catnav {
        float: left;
        padding: 20px;
        background: #f5f5f5;
        width: 100%;
    }

        .mobile-nav .mobile-catnav li {
            float: left;
            width: 100%;
            padding: 15px 0;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #ededed;
        }

            .mobile-nav .mobile-catnav li:first-child {
                border-top: 0;
                padding-top: 0;
            }

        .mobile-nav .mobile-catnav .catnav-icon {
            width: 32px;
            height: 32px;
            display: table-cell;
            vertical-align: middle;
        }

            .mobile-nav .mobile-catnav .catnav-icon img {
                max-width: 32px;
                max-height: 32px;
                float: left;
            }

    .mobile-nav .mobilenavtitle {
        font-size: 16px;
        font-weight: 700;
        color: #545454;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

    .mobile-nav .mobilenavtitle-icon {
        background: no-repeat;
        float: left;
        margin-right: 10px;
    }

        .mobile-nav .mobilenavtitle-icon img {
            max-width: 24px;
            max-height: 20px;
        }

        #header .cart-dropdown .cart-icon img,
        .mobile-nav .mobilenavtitle-icon.equalicon img {
            max-width: 24px;
            max-height: 24px;
        }

    .mobile-nav .mobile-catnav li a {
        display: table;
        width: 100%;
    }

        .mobile-nav .mobile-catnav li a span {
            float: left;
            margin: 7px 0 0 10px;
        }

    .mobile-nav .mobile-catnav .mobile-catnav-name {
        padding-left: 10px;
        height: 32px;
        display: table-cell;
        vertical-align: middle;
    }

        .mobile-nav .mobile-catnav .mobile-catnav-name h4 {
            margin: 0;
            color: #545454;
            font: 500 16px/16px "Open Sans", sans-serif;
        }

            .mobile-nav .mobile-catnav .mobile-catnav-name h4.new-link {
                padding-top: 5px;
            }

        .mobile-nav .mobile-catnav .mobile-catnav-name h6 {
            margin: 0;
            color: #666;
            font: 400 11px/16px "Open Sans", sans-serif;
        }

.mobile-subcats-frame {
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ccc;
    background: #fff;
    flex-direction: column;
    display: none;
}

    .mobile-subcats-frame .subcats-back {
        width: 100%;
        float: left;
        padding: 10px 20px;
        background: #eee;
        font-size: 14px;
        font-weight: 700;
        height: 40px;
    }

        .mobile-subcats-frame .subcats-back i {
            font-size: 16px;
            font-weight: 700;
            margin-right: 10px;
        }

    .mobile-subcats-frame #subcats-linkcontent {
        padding: 0 20px 60px;
        width: 100%;
        list-style-type: none;
        background: #f5f5f5;
        height: 100%;
        margin-bottom: 0;
    }

        .mobile-subcats-frame #subcats-linkcontent li a {
            padding: 10px 0;
            border-bottom: 1px solid #eaeaea;
            border-top: 1px solid #fafafa;
            width: 100%;
            float: left;
            color: #545454;
            font-size: 16px;
            font-weight: 500;
        }

            .mobile-subcats-frame #subcats-linkcontent li a img {
                max-width: 20px;
            }

            .mobile-subcats-frame #subcats-linkcontent li a.seeall {
                padding: 15px;
                color: #fff;
                background: #ee2223;
                margin-top: 20px;
            }

                #header
                .header-nav-main
                nav > ul > li.dropdown
                .dropdown-menu
                li
                a.subcats-seeall:hover,
                .custom-actions a.addtowishlist:hover,
                .kvkk-links a:hover,
                .mobile-subcats-frame #subcats-linkcontent li a.seeall:hover {
                    background: #b2040e;
                }

                .mobile-subcats-frame #subcats-linkcontent li a.seeall i {
                    float: right;
                    font-size: 22px;
                    line-height: 24px;
                }

        .course-detail .tablink-price-frame,
        .mobile-subcats-frame #subcats-linkcontent li:first-child a {
            border-top: 0;
        }

.slider-area .owl-custom-dots {
    cursor: pointer;
    width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #fff;
}

    .slider-area .owl-custom-dots .owl-dot {
        padding: 4px;
        border-bottom: 4px solid #d4d4d4;
        flex-grow: 1;
        margin-right: 1px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .slider-area .owl-custom-dots .owl-dot.active {
            border-bottom-color: #ff5c01;
        }

.camp-tab-frame,
.dropdown-menu-subcats li:hover .dropdown-subcats-frame,
.special-flex-row {
    display: flex;
    flex-direction: row;
}

#header .header-column .row {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

#header .myAccount {
    float: left;
    border: 0;
    text-align: left;
    min-width: 150px;
}

    #header .myAccount .myAccount-icon {
        float: left;
        margin-right: 10px;
    }

    #header .myAccount .myAccount-link-area a {
        color: #555;
        font-size: 12px;
        float: left;
    }

    #header .myAccount .myAccount-link-area .myAccount-mainlink {
        float: left;
        margin-bottom: 7px;
        clear: both;
    }

        #header .myAccount .myAccount-link-area .myAccount-mainlink a {
            color: #555;
            font-size: 14px;
            font-weight: 500;
            float: left;
            line-height: 14px;
        }

    #header .myAccount .myAccount-link-area .myAccount-otherlinks,
    .footer-contact span {
        float: left;
        clear: both;
    }

        #header .myAccount .myAccount-link-area .myAccount-otherlinks a {
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #aaa;
            line-height: 10px;
        }

            #header .myAccount .myAccount-link-area .myAccount-otherlinks a:last-child {
                padding-right: 0;
                margin-right: 0;
                border-right: 0;
            }

#header .cart-dropdown {
    float: left;
    padding: 0;
}

    #header .cart-dropdown .cart-icon {
        float: left;
        margin-right: 6px;
        position: relative;
    }

    #header .cart-dropdown .cart-dropdown-icon {
        height: auto;
        padding-top: 3px;
        float: left;
        line-height: normal;
    }

    #header .cart-dropdown .cart-icon .cart-info {
        position: absolute;
        width: 16px;
        height: 16px;
        right: -6px;
        top: -2px;
        background: #c9bebe;
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        line-height: 16px;
        text-align: center;
        left: auto;
    }

        #header .cart-dropdown .cart-icon .cart-info.active {
            background: #f05753;
            color: #fff;
        }

            #header .cart-dropdown .cart-icon .cart-info.active.bg-red {
                background: #f05753 !important;
                color: #fff;
            }

    #header .cart-dropdown .cart-dropdown-icon .cart-info .basket-count {
        font-size: 11px;
        line-height: 16px;
    }

    #header .cart-dropdown .cart-mainlink {
        float: left;
        color: #5a5a5a;
        font: 500 14px/12px "Open Sans", Arial, sans-serif;
        padding-top: 7px;
    }

.subcat-banner-area {
    flex: 0 0 50px;
}

    .subcat-banner-area.big-banner-area {
        flex: 0 0 410px;
    }

#header .subcat-banner-area.big-banner-area .menu-banner-area a {
    float: left;
    width: 200px;
}

    #header .subcat-banner-area.big-banner-area .menu-banner-area a:nth-child(2n),
    #header
    .subcat-banner-area.big-banner-area
    .menu-banner-area.banner-type-b
    a:nth-child(3),
    #header
    .subcat-banner-area.big-banner-area
    .menu-banner-area.banner-type-c
    a:nth-child(3),
    #header
    .subcat-banner-area.big-banner-area
    .menu-banner-area.banner-type-c
    a:nth-child(5) {
        float: right;
    }

#header
.subcat-banner-area.big-banner-area
.menu-banner-area.banner-type-a
a:nth-child(3) {
    width: 160px;
}

#header
.subcat-banner-area.big-banner-area
.menu-banner-area.banner-type-a
a:nth-child(4) {
    width: 240px;
}

.row.gri h3 {
    font-size: 24px;
    font-weight: 500;
}

#anasayfatabdetay .tab-content > .tab-pane ul {
    padding-left: 15px;
    padding-right: 15px;
}

#anasayfatabdetay .courses-grid {
    margin: 0 0 30px;
    border-bottom: 1px solid #eaeaea;
    padding: 0 15px;
}

    #anasayfatabdetay .courses-grid:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

#anasayfatabdetay .course .course-price-box span.old-price {
    margin-bottom: 9px;
}

.mobile-user-icon.active {
    padding-bottom: 15px;
    border-bottom: 2px solid #ccc;
}

.mobile-login-area .solid {
    width: 100%;
    float: left;
    height: 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.mobile-login-area li.course,
.mobile-login-area li.course a {
    width: 100%;
    float: left;
    font-weight: 400;
}

    .mobile-login-area li.course a {
        background: 0 0;
        padding: 15px 0;
        border: 0;
        transition: 0.3s;
    }

        .mobile-login-area li.course a i {
            color: #a2a2a2;
            margin-right: 10px;
        }

.mobile-nav .mobile-login-area .mobile-menu-line a {
    color: #545454;
    background: 0 0;
    border: 0;
    padding: 15px 0;
    justify-content: flex-start;
    text-align: left;
}

    .mobile-nav .mobile-login-area .mobile-menu-line a i {
        float: left;
        margin-right: 10px;
        color: #a2a2a2;
    }

.mobile-user-icon {
    display: flex;
    flex-direction: row;
    transition: 0.3s;
}

    .mobile-user-icon .icon,
    .mobile-user-icon .name {
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-size: 16px;
        font-weight: 500;
        position: relative;
    }

    .certdetail ul,
    .course-detail-tabs .tab-content-frame .tabcontent ul.lead5.list-icons,
    .custom-smart-timer.smart-course-detail .smart-timer-count .stc-group-hours,
    .flex-category-frame .subcat-sublink-frame:first-child,
    .mobile-user-icon .icon,
    .smart-courses
    .smart-course
    .course-extra-features
    .course-extra-item
    .item-name {
        padding-left: 0;
    }

    .mobile-user-icon .name::after {
        content: "\f107";
        font: 24px/30px FontAwesome;
        position: absolute;
        right: 10px;
        top: 0;
        transition: 0.3s;
        color: #afafaf;
    }

    .mobile-user-icon.active .name::after {
        transform: rotate(-180deg);
    }

@media (max-width: 767px) {
    #header .cart-dropdown .cart-mainlink {
        display: none;
    }
}

#header .header-container,
#hits.course-category .course .course-details-area,
.course-list-1 .course .brandarea,
.footer-aboutus .panel-body,
.simple-post-list li:last-child,
.subcat-links .course-category .course-list-view .course-details-area,
div.adres-chooser div.adres-chooser-item img,
div.course-chooser div.course-chooser-item img,
html.sticky-header-active #header .header-logo {
    padding: 0;
}

    #header .header-container.full-container,
    .odeme-custom-check {
        padding: 0;
        width: 100%;
    }

        #header .header-container.full-container .header-row {
            padding: 0 50px;
        }

            #header .header-container.full-container .header-row.grey,
            .contact-mail-style .module:hover,
            .purchase-table .moduleframe:nth-child(2n) {
                background: #f0f0f0;
            }

#header .top-menu-area,
.educationacc .myAccount-otherlinks,
.search-see-all {
    padding-top: 10px;
}

html.sticky-header-active #header .header-body {
    position: fixed;
    z-index: 150;
    top: 0;
    box-shadow: 0 0 5px #0000002b;
}

    html.sticky-header-active #header .header-body.relative.sticky-down {
        top: 0 !important;
        position: fixed;
    }

html.sticky-header-active #header .header-nav.active {
    display: block;
    border-bottom: 0;
}

.camp-detail .social-icons li,
.course-list .course.course-book .courseframe .course-details-area,
.flex-category-frame .subcat-sublink-frame .subcat-sublinks-frame:last-child,
html.sticky-header-active #header .header-container {
    padding-bottom: 0;
}

#header .header-column.center,
#header .header-search-area,
.flex-center {
    justify-content: center;
}

    #header .header-search-area .search-icon {
        font-size: 18px;
        color: #ef4e4a;
        padding-right: 15px;
        border-right: 1px solid #dcdcdc;
        cursor: pointer;
    }

#header .header-search-frame {
    width: 100%;
    position: relative;
}

#header .header-search-wrapper .compare-dropdownmenu {
    top: 40px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

    #header .header-search-wrapper .compare-dropdownmenu .dropdownmenu-wrapper,
    .course-book-detail
    .mobile-category-course-list.course-list-1.course-list
    .course
    .courseframe,
    .sticky-actions .custom-flex-list {
        padding: 10px;
    }

        #header
        .header-search-wrapper
        .compare-dropdownmenu
        .dropdownmenu-wrapper:before {
            left: 0;
            right: 0;
            width: 20px;
            margin: 0 auto;
        }

html.sticky-header-active #header .header-search-wrapper .compare-dropdownmenu {
    top: 40px;
}

.header-search-frame .search-frame {
    position: relative;
    width: 100%;
    float: left;
}

    #dvMyAccount.active,
    .header-search-frame .search-frame.active {
        z-index: 150;
    }

#backblock {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 106;
    display: none;
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
}

.course-price-box .course-price,
.course-price-box .old-price + .course-price {
    font-family: Gotham-Medium;
    font-weight: 400;
    color: #6a6a6a;
}

.last-day {
    border-radius: 3px;
    color: #f05753;
}

.last-dayDesktop {
    float: left;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 2px solid #eaeaea;
    display: flex;
    align-items: center;
    color: #f05753;
}

.last-day::before {
    content: "\f017";
    float: left;
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 16px;
}

.discount-timer span,
.last-day strong,
.last-dayDesktop strong {
    font-weight: 600;
    font-size: 14px;
}

.last-dayDesktop::before {
    content: "\f017";
    float: left;
    font-family: FontAwesome;
    margin-right: 3px;
    font-size: 16px;
    vertical-align: top;
    margin-top: 24px;
}

#header .header-logo,
.payment-step-frame {
    display: flex;
    width: 100%;
}

    #header .header-logo.mini-logo img {
        height: 40px;
    }

html.sticky-header-active #header .header-stickylogo {
    display: block;
    height: 32px;
}

#header .header-logo .sticky-category {
    display: none;
    float: left;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 14px;
}

    #header .header-logo .sticky-category i {
        margin-right: 10px;
        font-size: 22px;
        color: #555;
        float: left;
    }

.container-top-title {
    font-weight: 500;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}

    .container-top-title.fit-lr {
        margin-left: -15px;
        margin-right: -15px;
    }

.greyborder.container-top-title {
    border-bottom: 1px solid #bbb;
}

.after-pay-adress,
.avantaj,
.contact-mapframe,
.course-top-frame .course-story-info,
.education-footer-content,
.educationCard-price-box .course-price-box,
.etu-story-module,
.flex,
.instructor-frame .instructor,
.mini-banner.active,
.price-list .price-modules {
    display: flex;
}

.custom-flex {
    display: flex;
    flex-direction: row-reverse;
}

.flex-justy-end {
    justify-content: flex-end;
}

.custom-course-slider {
    display: flex;
    flex-basis: 100%;
}

#wh-call-to-action,
.course-slide-item,
.pulse-button {
    position: relative;
    cursor: pointer;
}

    .course-slide-item::after {
        content: "";
        width: 92px;
        height: 92px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(assets/new_assets/assets_front/icon/youtube_play.webp) center no-repeat;
    }

    .course-slide-item:hover::after {
        opacity: 0.9;
        width: 112px;
        height: 112px;
    }

    .course-slide-item.first-picture,
    div.course-chooser.disabled div.course-chooser-item {
        cursor: default;
    }

    .course-slide-item::before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: absolute;
        opacity: 0;
        transition: 0.3s;
    }

    .course-slide-item:hover::before {
        opacity: 0.3;
    }

p.watch-demo-text {
    transition: 0.3s;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    height: 30px;
    margin: 0;
    z-index: 99;
    color: #fff;
    text-align: center;
    font-size: 24px;
    opacity: 0;
}

.category-banner-frame {
    float: left;
    width: 100%;
    height: 270px;
    overflow: hidden;
    margin: 0 0 15px;
}

    .after-pay-adress .afterpayment-success,
    .category-banner-frame .owl-carousel {
        height: 100%;
    }

        .category-banner-frame .owl-carousel .owl-dots {
            position: absolute;
            width: 100%;
            bottom: 0;
        }

.mobile-category-course-list.courses-list li {
    padding: 20px 0;
}

.course.course-list .course-name,
.course.course-list .course-name a {
    margin: 0;
    line-height: 18px;
    font-size: 16px;
}

.course-badge,
.course.course-2018::after,
.course.course-new::after {
    right: 10px;
    z-index: 4;
    background: #4d00ae;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    line-height: 36px;
    font-size: 12px;
    position: absolute;
    top: 0;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.educationacc .myAccount,
.mobile-category-course-list.course-list-1.course-list,
.not-login,
.panel-body {
    padding-top: 0;
}

.custom-course-list .courses-grid li,
.custom-flex-list.custom-flex-list-4 .course,
.custom-flex-list.custom-flex-list-5 .course {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    margin-bottom: 20px;
}

.mobile-category-course-list.course-list-1.course-list .course {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .course-list .course.course-book .courseframe,
    .mobile-category-course-list.course-list-1.course-list .course .courseframe {
        box-shadow: none;
    }

        .mobile-category-course-list.course-list-1.course-list
        .course
        .courseframe
        .course-image {
            width: 110px;
            height: 110px;
        }

            .mobile-category-course-list.course-list-1.course-list
            .course
            .courseframe
            .course-image
            img,
            .showcase-module-frame
            .mobile-category-course-list.course-list-1.course-list
            .course
            .courseframe
            .course-image
            img {
                height: 100%;
                width: auto;
            }

        .mobile-category-course-list.course-list-1.course-list
        .course
        .courseframe
        .course-details-area {
            padding: 5px 10px;
            margin: 0;
            border-top: 0;
        }

            .addBasket-area-mobile button,
            .mobile-category-course-list.course-list-1.course-list
            .course
            .courseframe
            .course-details-area
            p {
                font-size: 10px;
            }

        .mobile-category-course-list.course-list-1.course-list
        .course
        .courseframe
        .course-name {
            max-height: 40px;
            font-size: 17px;
            line-height: 19px;
        }

            .mobile-category-course-list.course-list-1.course-list
            .course
            .courseframe
            .course-name
            em {
                color: #4d00ae;
                font-style: normal;
            }

.course-book-detail
.mobile-category-course-list.course-list-1.course-list
.course
.courseframe
.course-image
img {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}

.course.course-2018::after {
    content: "2018";
}

.course.course-new::after {
    content: "yeni";
}

.custom-course-sidebar {
    flex: 0 0 270px;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
}

.custom-course-list {
    padding: 0 15px;
    flex-grow: 1;
    width: 0;
}

    .custom-course-list .courses-grid,
    .smart-courses {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

        .custom-course-list .courses-grid li {
            flex: 0 0 25%;
        }

    .custom-course-list .course .course-name a {
        font-size: 13px;
        line-height: 16px;
    }

.course .course-name,
.course .course-name a {
    line-height: 18px;
    display: block;
    height: 37px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
}

.custom-flex-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    float: left;
}

    .custom-flex-list.custom-flex-list-5 .course,
    .segmentify-content .course {
        width: 20%;
    }

    .custom-flex-list.custom-flex-list-4 .course {
        width: 25%;
    }

.search-custom-list .ais-hits .ais-hits--item .course-name em {
    font-weight: 500;
    font-style: normal;
}

.course-list .course.course-book .courseframe .course-image img,
.search-custom-list .ais-hits .ais-hits--item .course-image-area img {
    max-width: 110px;
    max-height: 110px;
}

.search-custom-list.course-list .course {
    box-shadow: none;
    width: 100%;
    float: left;
}

.search-see-all a.see-all {
    float: right;
    padding: 8px 15px;
    background: #ee2223;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}

.search-see-all #pagination {
    float: left;
    padding-left: 0 !important;
}

    .search-see-all #pagination .ais-pagination {
        padding-left: 0;
        margin: 0 !important;
    }

        .search-see-all #pagination .ais-pagination .ais-pagination--item {
            padding: 3px 1px;
        }

.sidebar.shop-sidebar ul li a {
    width: 100%;
    float: left;
    padding: 10px;
    line-height: normal;
    font-size: 14px;
    position: relative;
}

    .sidebar.shop-sidebar ul li a:hover {
        color: #222;
    }

    .sidebar.shop-sidebar ul li a.active {
        color: #222;
        background: #ebebeb;
    }

        .sidebar.shop-sidebar ul li a.active::after {
            position: absolute;
            background: #ebebeb;
            width: 15px;
            height: 15px;
            transform: rotate(-45deg);
            right: -6px;
            content: "";
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .sidebar.shop-sidebar ul li a img {
        max-width: 16px;
        max-height: 16px;
    }

.list {
    margin: 0 !important;
    width: 100%;
    float: left;
}

.custom-course-sidebar .checkbox-custom label {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.custom-course-sidebar .form-control {
    height: 32px;
    padding: 5px 5px 5px 30px;
}

.custom-course-sidebar .checkbox-custom,
.smart-courses .smart-course .course-extra-features .course-extra-item,
.tabcontent .featured-box .box-content li {
    margin-bottom: 10px;
}

.custom-cat-course-count {
    width: 100%;
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
    color: #828282;
}

.custom-filter-input {
    float: left;
    width: 100%;
    position: relative;
}

    .custom-filter-input::before {
        content: "\f0b0";
        position: absolute;
        left: 10px;
        top: 10px;
        font: 14px/12px FontAwesome;
        border-right: 1px solid #c5c5c5;
        padding-right: 5px;
        color: #9e9e9e;
    }

.tab-content .form-control:focus {
    border-color: #afafaf;
}

.course-list-cargo {
    width: 100%;
    float: left;
    padding-top: 20px;
}

    .course-list-cargo .cargo-line {
        padding: 5px;
        background: #f0f0f0;
    }

    .course-list-cargo img {
        max-height: 12px;
        margin-right: 7px;
    }

    .course-list-cargo .free-cargo,
    .course-list-cargo .same-day-cargo {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

        .course-list-cargo .free-cargo p,
        .course-list-cargo .same-day-cargo p {
            color: #4d00ae;
            font-weight: 700;
            margin: 0 !important;
            font-size: 12px;
            line-height: 12px;
            text-transform: uppercase;
        }

        .course-list-cargo .free-cargo p {
            color: #349e00;
        }

.action-link-frame {
    opacity: 0;
    transition: 0.3s;
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#header .header-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    #header .header-row.align-center,
    #hits.course-category .course-list-view {
        align-items: center;
    }

#header .header-column {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    #header .header-column.mobile-logo-area {
        flex: 5;
    }

    #header .header-column.menu-column {
        flex-grow: 1;
        align-items: center;
        padding: 12px 0;
    }

    #header .header-column.student-column {
        flex: 0 0 380px;
    }

    #header .header-column .header-search {
        flex-grow: 1;
        height: 34px;
        position: relative;
        display: flex;
        align-items: center;
    }

#full-screen-banner .full-banner-toggle-frame {
    height: 0;
    position: relative;
}

#full-screen-banner .full-banner-toggle {
    float: right;
    padding: 5px 10px;
    border: 2px solid #fff;
    border-radius: 2px;
    cursor: pointer;
    margin-top: 20px;
    color: #fff;
    width: 65px;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

#full-screen-banner-link {
    display: block;
    height: 120px;
    background-color: #d8d8d8;
}

.dropdown-menu {
    background: 0 0;
    box-shadow: none !important;
}

    .dropdown-menu.beyaz {
        background: #fff;
        box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important;
    }

.dropdown-menu-subcats {
    width: 25%;
    float: left;
    padding: 0;
    background: #fff;
}

    .dropdown-menu-subcats ul {
        list-style-type: none;
        padding: 0;
        margin-top: 0;
    }

        .dropdown-menu-subcats ul li {
            border-bottom: 1px solid #fff;
            width: 100%;
            float: left;
        }

            .dropdown-menu-subcats ul li .subcats-mainlink {
                width: 100%;
                float: left;
                padding: 10px 10px 10px 20px !important;
                border-right: 4px solid #e7e7e7;
                font-size: 14px !important;
            }

    .dropdown-menu-subcats .dropdown-subcats-frame {
        display: none;
        width: 75%;
        float: left;
        position: absolute;
        left: 25%;
        top: 0;
        background: #fff;
        padding: 20px;
        min-height: 100%;
    }

    .dropdown-menu-subcats li:hover .dropdown-subcats-frame.flex-column,
    .smart-courses .smart-course.smart-course-3 .smart-course-detail-frame {
        flex-direction: column;
    }

.flex-mega-content .flex-category-frame,
.subcat-links {
    flex: 1;
    display: flex;
}

#header
.header-nav-main
nav > ul > li.dropdown
.dropdown-menu
li
a.subcats-seeall {
    padding: 15px 20px;
    float: left;
    width: 100%;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 0;
    background: #ee2223;
    color: #fff;
    font-size: 16px;
}

    #header
    .header-nav-main
    nav > ul > li.dropdown
    .dropdown-menu
    li
    a.subcats-seeall
    i {
        float: right;
        font-size: 16px;
        line-height: 24px;
    }

.subcat-sublink-frame {
    width: 50%;
    padding: 0 15px 15px;
}

    .subcat-sublink-frame .subcat-sublinks-frame {
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

    .subcat-sublink-frame .subcat-sublinks a {
        padding: 0 !important;
        font-size: 12px;
        line-height: 12px;
        display: inline;
    }

.subcat-links {
    flex-direction: row;
    flex-wrap: wrap;
}

    .subcat-links .subcat-sublink-mainlink {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #4d00ae !important;
        padding: 0 !important;
    }

.flex-mega-content {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding-top: 10px;
}

.flex-category-frame .subcat-sublink-frame,
.smart-courses .smart-course-3 {
    width: 33.3336%;
}

    .flex-category-frame
    .subcat-sublink-frame
    .subcat-sublinks-frame
    a.dropdown-mega-sub-title {
        color: #4d00ae !important;
    }

.feature-box.feature-box-style-6 .feature-box-icon i.fa,
.feature-box.feature-box-style-6 .feature-box-icon i.icons,
.modal .modal-header .close {
    font-size: 32px;
}

#dvMyAccount .compare-dropdown {
    padding: 0 20px;
}

#dvMyAccount .compare-dropdownmenu {
    min-width: 150px;
}

    #dvMyAccount .compare-dropdownmenu .dropdownmenu-wrapper:before {
        left: 38px;
    }

#owl-latest-courses .owl-dots,
#owl-list-5 .owl-dots {
    padding-top: 20px;
}

.home-page-main-slider {
    max-height: 350px;
    overflow: hidden;
}

.course-img-wrapper .owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

.course-category {
    margin: 0 -15px;
}

    .course-category .course-list-view {
        display: flex;
        flex: 1;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 15px 15px 15px 0;
        border-bottom: 1px solid #eaeaea;
    }

        .course-category .course-list-view:hover .course-count span,
        .course-category .course-list-view:hover h2.course-name {
            color: #ee2223;
            border-color: #ee2223;
        }

        .course-category .course-list-view .course-count {
            padding-right: 20px;
            padding-left: 15px;
            display: flex;
            align-items: center;
            flex-shrink: 0;
        }

            .course-category .course-list-view .course-count span {
                padding: 10px 5px;
                border-radius: 50%;
                border: 2px solid #ccc;
                float: left;
                width: 35px;
                height: 35px;
                text-align: center;
                font-size: 12px;
                line-height: 12px;
                font-weight: 500;
                color: #444;
            }

        .course-category .course-list-view .course-sell-count {
            padding-right: 10px;
            width: 100px;
            align-self: center;
            color: #333;
            font-weight: 600;
        }

            .course-category .course-list-view .course-sell-count span {
                font-size: 10px;
                color: #888;
                width: 100%;
                float: left;
                font-weight: 400;
            }

        .course-category .course-list-view h2.course-name {
            font-size: 16px;
            color: #ee2223 !important;
            font-weight: 500;
            height: auto;
            line-height: 22px !important;
            margin-bottom: 0 !important;
        }

#header .course-category .course-list-view .course-image-area {
    width: 100px;
}

.course-category .course-list-view .course-image-area {
    padding-right: 15px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.custom-price-box .course-label .discount,
.custom-price-box .course-label .discount-name {
    width: 100%;
    text-align: center;
    display: block;
}

#hits.course-category .course-image-area img,
.camp-tab-frame .camp-tab-content .img-frame img,
.course-category .course-list-view .course-image-area img,
.imgframe img,
.instructor-frame .imgframe img,
.microsite img,
.modal-small img,
.modulesection.cat-images a img,
.quick-view-frame .imgframe img,
.sepet-banner-area img,
.toggle-content img {
    max-width: 100%;
}

.collapse-content p,
.course-category .course-list-view .course-price-box .course-price,
.course-details-box .brand-name,
.custom-actions a i,
.feature-box-info p,
.modal-small .modal-timer .discount-timer span,
.onlyday,
.smart-courses .smart-course h2 a,
.stories-module .stories-content p,
.tabcontent p {
    font-size: 16px;
}

.course-category .course-list-view .course-label {
    padding: 8px 6px;
}

.subcat-links .course-category .course-list-view {
    padding: 0 0 15px !important;
}

.custom-price-box {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    padding-top: 10px;
}

    .custom-price-box .course-price-box {
        display: flex;
        flex-direction: column;
        justify-items: center;
        margin: 0;
        justify-content: center;
        margin-top: 0 !important;
    }

    .custom-price-box .course-label {
        margin-right: 10px;
        padding: 10px 8px;
        border-radius: 2px;
        background: #f90909;
        color: #fff;
    }

        .custom-price-box .course-label .discount {
            background-color: transparent !important;
            padding: 0;
            font-size: 16px;
        }

.kontenjanframe,
.taksitframe {
    float: left;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 2px solid #eaeaea;
    display: flex;
    align-items: center;
}

    .footer-aboutus p,
    .taksitframe .hire-purchase {
        font-size: 15px;
    }

    .taksitframe a {
        font-size: 18px;
        line-height: 16px;
        color: #444;
    }

.taksitcontent {
    font-size: 16px;
    color: #222;
}

.course-details-box .custom-price-box .course-label,
.tablink-price-frame .custom-price-box .course-label {
    padding: 8px;
    background: #e21e25;
    color: #fff;
}

    .course-details-box .custom-price-box .course-label .discount,
    .tablink-price-frame .custom-price-box .course-label .discount {
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

    .course-details-box .custom-price-box .course-label .discount-name,
    .mobile-smart-courses
    .course-details-box
    .custom-price-box
    .course-label
    .discount-name,
    .tablink-price-frame .custom-price-box .course-label .discount-name {
        font-size: 10px;
        line-height: 10px;
    }

.campaign-check i,
.course-price.solo-price,
.tablink-price-frame .course-price.solo-price {
    font-size: 26px;
}

#hits.course-category p,
.alert h4,
.campaing-name .seemore,
.footer-contact span:last-child,
.instructor-frame .instructor-info-frame p.instructor-title,
.mobile-filter-link a i,
.price-area .old-price,
.static-font-style ol,
.static-font-style ul,
.tablink-price-frame .custom-smart-timer,
p {
    font-size: 14px;
}

.course-category .course-list-view .course-details-area {
    flex-grow: 1;
    padding-right: 20px;
}

.course-category .course-list-view .course-status {
    align-items: center;
    display: flex;
    width: 16px;
    flex-shrink: 0;
}

    .course-category .course-list-view .course-status.up-status span::after {
        content: "\f0de";
        font-family: FontAwesome;
        font-size: 16px;
        color: #10a668;
    }

    .course-category .course-list-view .course-status.down-status span::after {
        content: "\f0dd";
        font-family: FontAwesome;
        font-size: 16px;
        color: #f90909;
    }

    .course-category .course-list-view .course-status.same-status span::after {
        content: "\f068";
        font-family: FontAwesome;
        font-size: 16px;
        color: #007bff;
    }

#hits.course-category .course-list-view h2.course-name {
    height: auto;
    font-weight: 400;
    font-size: 16px;
}

#hits.course-category .course-list-view h2 em {
    transition: none;
    font-style: normal;
    color: #b2040e;
}

#hits.course-category .course-image-area {
    flex: 0 0 90px;
}

#hits.course-category .custom-price-box {
    width: auto;
    padding-top: 0;
    flex: 0 0 120px;
}

#hits.course-category .course-list-view:last-child {
    border-bottom: 1px solid #eaeaea;
}

.header-search #pagination {
    padding: 3px 10px;
    margin-top: 0;
}

    .header-search #pagination a {
        padding: 3px 10px;
        font-size: 12px;
    }

.feature-custom-list {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
}

    .feature-custom-list .line {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        background: #eaeaea;
    }

        .desktop-price-box.custom-price-box .course-label,
        .feature-custom-list .line .desc,
        .feature-custom-list .line .name,
        .tablink-price-frame .custom-price-box .course-label {
            padding: 5px;
        }

        .feature-custom-list .line .name {
            border-right: 1px solid #fff;
            flex: 0 0 20%;
            font-weight: 500;
        }

        .feature-custom-list .line:nth-child(2n) .name {
            border-right: 1px solid #eaeaea;
        }

.flex-list-item.stok_kontrol_var {
    display: flex;
    flex: 1;
    width: 100%;
}

.simple-post-list {
    padding: 0;
    list-style-type: none;
    float: left;
    margin: 0;
    width: 100%;
}

    .simple-post-list li {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: row;
        padding-bottom: 10px;
    }

        .simple-post-list li .post-image .img-thumbnail {
            border-radius: 0;
            border: 0;
            border-right: 1px solid #ccc;
            padding: 0 10px 0 0;
        }

        .simple-post-list li .post-info {
            flex: 1;
            padding-left: 15px;
        }

        .simple-post-list li:last-child .post-info {
            flex: 0 0 75%;
            padding-left: 0;
        }

        .camp-tab-frame .camp-tab-links a.old-camp.active,
        .camp-tab-frame .camp-tab-links a.old-camp:hover,
        .simple-post-list li .post-info .post-name {
            color: #333;
        }

.see-all-results {
    font-weight: 500;
    font-size: 14px;
    color: #333;
    display: block;
    padding-top: 10px;
}

#header .compare-dropdownmenu .dropdownmenu-wrapper {
    width: 100%;
    float: left;
    border-radius: 0;
    border: 1px solid #f5f5f5;
}

.smart-timer-and-counter {
    border-bottom: 2px solid #eaeaea;
    float: left;
    padding-bottom: 5px;
}

.stc-skin-simple.stc-style-crystal-light .stc-group-digits,
.stc-skin-simple.stc-style-crystal-light .stc-group-label {
    border: 0 !important;
}

.menu-banner-frame {
    padding: 0 !important;
    margin-bottom: 10px !important;
    display: block;
}

.alert-danger,
.alert-success {
    color: rgba(255, 255, 255, 0.8);
    border: 0;
    padding: 20px;
}

.alert h4 {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.8);
}

.cart-price p.value-middle,
.feature-box-info h4,
.mobile-smart-courses.smart-courses .smart-course h2 a,
.onlyday b,
.other-stories .stories-module .stories-content h4 {
    font-size: 18px;
}

.alert-danger {
    background: rgba(210, 50, 45, 0.95);
}

.alert-success {
    background: rgba(71, 164, 71, 0.95);
}

    .alert-success p,
    .all-brands .brand-module:focus h4,
    .all-brands .brand-module:hover h4,
    .btn-ueegitimtakvimi:hover,
    .btn-ueyesil:hover,
    .stories-content {
        color: #fff;
    }

.custom-smart-timer.smart-course-detail {
    background: 0 0;
    color: #7b7b7b;
    padding-bottom: 15px;
    justify-content: center;
}

    .custom-smart-timer.smart-course-detail .smart-timer-count .stc-divider {
        border-right-color: #fff;
        border-left-color: #e8e8e8;
    }

.custom-smart-timer.mobile-smart-timer {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 15px 0;
    justify-content: center;
    z-index: 99;
}

    .custom-smart-timer.mobile-smart-timer h3 {
        color: #fff;
        margin: 0;
        padding-right: 20px;
    }

    .custom-smart-timer.mobile-smart-timer .smart-timer-count .stc-group-digits {
        font-size: 22px;
        line-height: 22px;
    }

    .custom-smart-timer.mobile-smart-timer .smart-timer-count .stc-group-label {
        font-size: 12px;
        line-height: 10px;
    }

.onlyday b {
    font-weight: 600;
    line-height: 14px;
    margin: 0 3px;
}

.smart-courses .course-details-box .course-name a {
    color: inherit;
    text-decoration: none;
}

.smart-courses .smart-course {
    padding: 15px;
    display: flex;
    flex-direction: row;
}

    .smart-courses .smart-course .course-actions a {
        position: static;
        margin-right: 10px;
        opacity: 1;
        visibility: visible;
    }

.smart-courses .smart-course-2 {
    width: 50%;
}

.smart-courses .smart-course .smart-course-detail-frame {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: row;
}

.smart-courses .smart-course .course-img-box {
    width: 50%;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .smart-courses .smart-course .course-img-box img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

.smart-courses .smart-course .course-details-box {
    width: 50%;
    padding: 0 15px 0 25px;
    background: #fff;
}

.smart-courses .smart-course.smart-course-2 .course-img-box {
    padding: 30px;
}

.smart-courses .smart-course.smart-course-3 .course-img-box {
    width: 100%;
    padding: 30px;
}

    .smart-courses .smart-course.smart-course-3 .course-img-box img {
        max-height: 200px;
    }

.smart-courses .smart-course.smart-course-3 .course-details-box {
    width: 100%;
    padding: 0 15px;
}

.smart-courses .smart-course-full .course-img-wrapper img {
    max-width: 100%;
    max-height: 500px;
    width: auto;
    margin: auto;
}

.brand-logos .brand-module img,
.course-book-detail .coursedetail .course-img-box img,
.success-cert-line .img-frame img {
    max-height: 100%;
    max-width: 100%;
}

.mobile-smart-courses.smart-courses .smart-course .course-img-box {
    margin: 0;
    padding: 20px 10px 10px;
}

    .mobile-smart-courses.smart-courses .smart-course .course-img-box img {
        max-width: 170px;
        max-height: 170px;
    }

.mobile-smart-courses
.course-details-box
.course-detail-info
.course-price-box
.course-price {
    font-size: 24px;
    line-height: 24px;
}

.mobile-smart-courses
.course-details-box
.course-detail-info
.course-price-box
.old-price,
.mobile-smart-courses
.course-details-box
.custom-price-box
.course-label
.discount {
    font-size: 14px;
    line-height: 14px;
}

.mobile-smart-courses .course-details-box .custom-price-box .course-label {
    padding: 8px;
}

.segmentify-content {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

.mobile-filter-frame {
    padding-bottom: 20px;
    background: 0 0;
}

    .camp-tab-frame .camp-tab-links a .campaing-name,
    .mobile-filter-frame .panel {
        background: 0 0;
    }

    .mobile-filter-frame.active .nav.nav-tabs,
    .payment-step-frame .payment-step.active::after {
        background: #00a501;
    }

.mobile-filter-link {
    margin: 0 10px 0 0 !important;
}

    .mobile-filter-link:last-child {
        margin: 0 !important;
    }

    .mobile-filter-link a {
        font-size: 15px !important;
    }

.footer-about-content .footer-seeless,
.footer-about-content .footer-seemore-link {
    color: #3e3e3e;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
}

.footer-seeless i,
.footer-seemore-link i,
.mb-old-price {
    font-size: 11px;
}

#footer.ud-footer,
.course-details-box .course-actions,
.coursedetail .sticky-actions.course-actions a,
.page-tumkampanyalar #footer,
.tabcontent .advantages .imgframe img {
    margin-top: 0;
}

.tooltip.top .tooltip.top .tooltip-arrow {
    border-top-color: #8a8a8a;
}

.tooltip.top .tooltip-inner {
    border: 1px solid #8a8a8a;
    color: #6b6b6b;
    padding: 4px 10px;
    background-color: #fff;
}

.campaigns-list-left {
    padding-right: 10px;
}

    .campaign-detail a.custom-button2,
    .campaigns-list-left a.custom-button2 {
        padding: 7px 15px;
        width: auto !important;
        display: flex;
        align-items: center;
    }

.campaign-detail a.custom-button2 {
    padding: 7px 15px;
    align-items: center;
}

    .campaign-detail a.custom-button2:hover,
    .campaigns-list-left a.custom-button2:hover {
        background: #b2040e;
        color: #fff;
    }

    .campaign-detail a.custom-button2 i,
    .campaigns-list-left a.custom-button2 i,
    div.course-chooser div.course-chooser-item span.title {
        font-weight: 700;
    }

.banner-module {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.campaing-name {
    background-color: #b2040e;
    color: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 16px;
    transition: 0.3s;
}

.banner-module:hover .campaing-name {
    background-color: #666;
}

.campaing-name .seemore i {
    font-size: 12px;
    margin-left: 5px;
}

.old-campaigns .campaing-name {
    background-color: #b3b3b3;
}

.white-popup-block.campaign-detail {
    max-width: 570px;
    background-color: #fff;
}

.all-brands .brand-module,
.brands-letter a {
    background: #f9f9f9;
    transition: 0.3s;
    float: left;
    text-align: center;
}

.campaign-detail p {
    margin-bottom: 15px;
}

.campaign-detail .campaign-detail-img {
    margin: 0 auto;
}

.campaign-share-frame {
    width: 100%;
    float: left;
    padding: 10px;
    border-top: 1px solid #ccc;
    display: flex;
}

    .campaign-share-frame p {
        line-height: 14px;
        margin: 0;
        align-self: center;
    }

    .campaign-share-frame .social-icons a {
        border-radius: 0;
        box-shadow: none;
    }

    .campaign-share-frame .social-icons {
        flex-grow: 1;
        align-self: center;
    }

        .campaign-share-frame .social-icons li {
            border-radius: 0;
            box-shadow: none;
            background: #ee2223;
            margin-bottom: 0;
        }

            .campaign-share-frame .social-icons li a i {
                line-height: 30px;
            }

.social-icons li a {
    background: #ee2223;
    color: #fff !important;
}

.all-brands {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
}

    .all-brands .brand-module {
        padding: 15px;
        width: 20%;
        border: 5px solid #fff;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .all-brands .brand-module:focus,
        .all-brands .brand-module:hover {
            background: #4d00ae;
            text-decoration: none;
            color: #fff;
        }

            .all-brands .brand-module:focus p,
            .all-brands .brand-module:hover p {
                color: #f9f9f9;
            }

        .all-brands .brand-module h4 {
            font-size: 14px;
            margin: 0;
            font-weight: 500;
            color: #4a4a4a;
            transition: 0.3s;
        }

        .all-brands .brand-module p {
            font-size: 12px;
            margin: 0;
            color: #656565;
            transition: 0.3s;
        }

.brands-letter {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
}

    .brands-letter a {
        color: #656565;
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        text-decoration: none;
        border-right: 1px solid #fff;
        font-weight: 500;
        padding: 0 5px;
        flex-grow: 1;
    }

        .brands-letter a:first-child {
            border-radius: 16px 0 0 16px;
            padding-left: 10px;
        }

        .brands-letter a:last-child {
            border-radius: 0 16px 16px 0;
            border-right: 0;
            padding-right: 10px;
        }

        .brands-letter a.active,
        .brands-letter a:hover,
        .kosul-link:hover,
        .showcase .tablink.active {
            background: #4d00ae;
            color: #fff;
        }

.custom-scrollbar {
    overflow: hidden;
    width: 100%;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 18px;
}

.mCSB_scrollTools {
    position: absolute;
    width: 12px;
    height: auto;
    left: auto;
    top: 0;
    right: 4px;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 4px;
    background: #f2f2f2;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
    border-radius: 5px;
    background: #cecece;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_dragger
.mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer:hover
.mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.stc-skin-simple.stc-style-crystal-light {
    color: #9a9a9a !important;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
    }

        .form-field-area,
        .online-certificate-questionMark,
        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px;
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 0.2s;
            border-radius: 30px;
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #6d6d6d;
        }

.success-stories-bg .owl-theme .owl-dots .owl-dot.active span,
.success-stories-bg .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
    opacity: 1;
}

.advantages-content ul,
.note-area td {
    padding: 0 !important;
}

.modal-small .modal-content,
.note-area .alert {
    border-radius: 0;
}

.owl-lazy.inline {
    display: inline-block !important;
    max-width: 110px;
    max-height: 110px;
}

.flex-inside-frame {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
}

.mobile-category-filter {
    background: #ee2223;
}

    .mobile-category-filter.tabs.tabs-simple .nav-tabs {
        display: flex;
        justify-content: space-between;
    }

        .mobile-category-filter.tabs.tabs-simple .nav-tabs > li {
            padding: 10px 15px;
            margin: 0 !important;
            float: left;
        }

            .mobile-category-filter.tabs.tabs-simple .nav-tabs > li a {
                background: #fff;
                padding: 5px 10px;
                border-bottom: 0;
                border-radius: 5px;
            }

.onborder {
    padding: 0 10px;
    background: #fff;
    display: block;
    position: relative;
    width: 50px;
    margin: -20px auto 0;
    z-index: 9;
}

.btn-grey {
    color: #0a0a0a;
    background: #eaeaea;
}

.sticky-actions {
    position: fixed;
    padding: 0;
    background: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 120;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
}

.coursedetail .course-price-box .course-price {
    font-size: 32px;
    min-width: 130px;
}

.course-price-box .old-price {
    font-size: 19px;
}

.coursedetail .mobile-detail-actions.course-actions a.mobile-custom-button {
    margin-top: 0;
    border-radius: 5px;
}

.coursedetail
.course-actions.sticky-actions
.mobile-cta-button
a.mobile-custom-button {
    padding: 20px !important;
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    border: 0;
    font-size: 18px;
    font-weight: 600;
}

    .coursedetail
    .course-actions.sticky-actions
    .mobile-cta-button
    a.mobile-custom-button.active,
    .stories-module .stories-content a:hover,
    .videoframe .other-videos .module.active,
    .videoframe .other-videos .module:hover {
        background: #ee2223;
        color: #fff;
    }

    #stickyaddcart-button .course-price-box .course-price,
    .coursedetail
    .course-actions.sticky-actions
    .mobile-cta-button
    a.mobile-custom-button
    i {
        font-size: 20px;
    }

.dropdown .a[href="/c/yilbasi"],
.sticky-header-active #kampanya {
    display: none !important;
}

.snow canvas {
    height: 3600px !important;
}

.sellcount {
    background: #0a001f;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
}

.banner-section {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
}

.showcase {
    display: flex;
    width: 100%;
    flex-direction: row;
}

    .showcase .moduleframe img {
        max-width: 100%;
        float: left;
    }

    .all-campaigns,
    .showcase .moduleframe {
        display: flex;
        flex-wrap: wrap;
    }

        .showcase .moduleframe.multi a {
            width: 33.3336%;
            float: left;
            padding: 20px 10px;
            text-align: center;
        }

        .showcase .moduleframe.multi .imgframe {
            width: 100%;
            float: left;
            height: 155px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .showcase .moduleframe.multi .imgframe img,
            .showcase .moduleframe.tabcontent .module .imgframe img {
                float: none;
            }

        .showcase .moduleframe.multi .title {
            width: 100%;
            margin-bottom: 0;
            float: left;
            color: #222;
            font-weight: 500;
            font-size: 14px;
        }

.not-login a.active,
.not-login a.active:hover,
.not-login a:hover,
.video-container .video-title .target-button:hover {
    border-color: #ee2223;
    color: #fff;
    background: #ee2223;
}

.showcase .moduleframe.multi .title i {
    font-size: 16px;
    margin-left: 10px;
}

.showcase .moduleframe.solo {
    width: 430px;
    flex-shrink: 0;
}

.showcase .moduleframe.tab {
    width: 270px;
    flex-shrink: 0;
    background: #f0f0f0;
}

    .showcase .moduleframe.tab h4 {
        padding: 20px;
        font-size: 20px;
        font-weight: 500;
        margin: 0;
    }

.showcase .tablink {
    width: 100%;
    float: left;
    padding: 10px 20px;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: 0.3s;
}

.showcase .moduleframe.tabcontent {
    flex-grow: 1;
    padding: 0 10px;
}

    .showcase .moduleframe.tabcontent a {
        width: 25%;
        float: left;
        padding: 20px 10px;
    }

    .showcase .moduleframe.tabcontent .module p {
        width: 100%;
        float: left;
        margin: 10px 0 0;
        line-height: 16px;
        display: block;
        height: 32px;
        overflow: hidden;
        font-size: 14px;
        color: #222;
    }

    .showcase .moduleframe.tabcontent .module .imgframe {
        text-align: center;
        width: 100%;
        float: left;
    }

    .showcase .moduleframe.tabcontent .module .custom-price-box .course-label {
        padding: 5px 8px;
    }

#header .header-search .header-search-wrapper .form-control {
    background: #f0f0f0;
    padding: 10px;
    height: 50px;
    font-size: 16px;
}

    #header .header-search .header-search-wrapper .form-control:focus {
        background: #f0f0f0;
        color: #3e3e3e;
    }

.not-login a {
    display: flex;
    padding: 6px 18px;
    border: 2px solid #a2a2a2;
    color: #707070;
    margin-right: 15px;
    font-weight: 500;
    transition: 0.3s;
    text-decoration: none;
    align-items: center;
    border-radius: 7px;
}

.campaign-check a,
.cert-qr-code p a,
.register-sub-content a,
.top-count-banner .text-center a:hover {
    text-decoration: underline;
}

.not-login a:first-child {
    border: 0;
}

#owl-list-6,
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.maincontent.negative-margin {
    margin-top: -30px;
    z-index: 99;
    position: relative;
}

.video-container {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

    .video-container::before {
        content: "";
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(left, #1e1e1e 0, rgba(30, 30, 30, 0) 100%);
        background: -webkit-linear-gradient( left, #1e1e1e 0, rgba(30, 30, 30, 0) 100% );
        background: linear-gradient(to right, #1e1e1e 0, rgba(30, 30, 30, 0) 100%);
    }

    .video-container.gradient-purple::before {
        background: -moz-linear-gradient(left, #9f30d8 0, rgba(159, 48, 216, 0) 100%);
        background: -webkit-linear-gradient( left, #9f30d8 0, rgba(159, 48, 216, 0) 100% );
        background: linear-gradient(to right, #9f30d8 0, rgba(159, 48, 216, 0) 100%);
    }

    .video-container.gradient-blue::before {
        background: -moz-linear-gradient(left, #3d67b1 0, rgba(30, 30, 30, 0) 100%);
        background: -webkit-linear-gradient( left, #3d67b1 0, rgba(30, 30, 30, 0) 100% );
        background: linear-gradient(to right, #3d67b1 0, rgba(30, 30, 30, 0) 100%);
    }

    .video-container.gradient-cyan::before {
        background: -moz-linear-gradient(left, #1ab8dc 0, rgba(30, 30, 30, 0) 100%);
        background: -webkit-linear-gradient( left, #1ab8dc 0, rgba(30, 30, 30, 0) 100% );
        background: linear-gradient(to right, #1ab8dc 0, rgba(30, 30, 30, 0) 100%);
    }

    .video-container.gradient-red::before {
        background: -moz-linear-gradient(left, #bf3568 0, rgba(30, 30, 30, 0) 100%);
        background: -webkit-linear-gradient( left, #bf3568 0, rgba(30, 30, 30, 0) 100% );
        background: linear-gradient(to right, #bf3568 0, rgba(30, 30, 30, 0) 100%);
    }

    .video-container.gradient-yellow::before {
        background: -moz-linear-gradient(left, #988335 0, rgba(30, 30, 30, 0) 100%);
        background: -webkit-linear-gradient( left, #988335 0, rgba(30, 30, 30, 0) 100% );
        background: linear-gradient(to right, #988335 0, rgba(30, 30, 30, 0) 100%);
    }

    .video-container.video-gradient-1::before {
        background: #0000;
        background: -webkit-linear-gradient(-45deg, #59ac9c, #42bdcc, #4bb6da);
        background: linear-gradient(-45deg, #59ac9c, #42bdcc, #4bb6da);
        opacity: 0.6;
    }

    .video-container.video-gradient-2::before {
        background: #0000;
        background: -webkit-linear-gradient(-45deg, #906bae, #639cd1, #5ac4ba);
        background: linear-gradient(-45deg, #906bae, #639cd1, #5ac4ba);
        opacity: 0.6;
    }

    .video-container.video-gradient-3::before {
        background: #0000;
        background: -webkit-linear-gradient(-45deg, #986ead, #d070b0, #e36183);
        background: linear-gradient(-45deg, #986ead, #d070b0, #e36183);
        opacity: 0.6;
    }

    .video-container.video-gradient-4::before {
        background: #0000;
        background: -webkit-linear-gradient(-45deg, #5ac475, #6eada8, #61a4e3);
        background: linear-gradient(-45deg, #5ac475, #6eada8, #61a4e3);
        opacity: 0.6;
    }

    .video-container.video-gradient-5::before {
        background: #0000;
        background: -webkit-linear-gradient(-45deg, #dc4579, #8f5f98, #906bae);
        background: linear-gradient(-45deg, #dc4579, #8f5f98, #906bae);
        opacity: 0.6;
    }

.video-cover-image #slider-video {
    width: 100%;
    float: left;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.video-cover-image img {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.video-container .video-title {
    position: absolute;
    z-index: 99;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    height: 100%;
    text-shadow: 1px 1px 1px #222;
}

    .video-container .video-title h3 {
        font-size: 37px;
        font-weight: 500;
        color: #ee2223;
    }

    .video-container .video-title p {
        font-size: 20px;
        color: #fff;
        font-weight: 300;
    }

    .video-container .video-title .target-button {
        padding: 10px 20px;
        border: 2px solid #ee2223;
        float: left;
        font: 600 16px "Open Sans", Arial, sans-serif;
        color: #fff;
        transition: 0.3s;
        cursor: pointer;
        box-shadow: 1px 1px 3px #222;
        background-color: #ee2223;
        border-radius: 7px;
    }

.c-pointer,
.cta-button {
    cursor: pointer;
}

.course-list .course .courseframe {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    width: 100%;
    float: left;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 7px;
    overflow: hidden;
}

.course-category .course-list .course .courseframe {
    height: auto;
}

.course-list .course .courseframe .course-image {
    max-height: 145px;
    float: left;
    width: 100%;
    flex-shrink: 0;
    background: #f0f0f0;
    overflow: hidden;
}

    .course-list .course .courseframe .course-image img {
        min-height: 100%;
        min-width: 100%;
    }

.course-list .course .courseframe .course-details-area {
    padding: 10px 15px;
    flex-grow: 1;
}

.course-list.course-list-1 .course .courseframe .course-image {
    max-height: none;
}

.course-list .course.add-more-course .courseframe {
    padding: 10px;
    border: 3px dashed #ccc;
    background: 0 0;
    border-radius: 10px;
    box-shadow: none;
}

    .course-list .course.add-more-course .courseframe .course-image {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        max-height: none;
        background: #fff;
        border-radius: 7px;
        overflow: hidden;
        flex-direction: column;
        padding: 30px;
    }

        .course-list .course.add-more-course .courseframe .course-image img {
            width: auto;
            height: auto;
            min-height: auto;
            min-width: auto;
        }

        .course-list .course.add-more-course .courseframe .course-image h4 {
            color: #adadad;
        }

.course-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.course-list-3 .row,
.course-list-3.row {
    margin-right: -10px;
    margin-left: -10px;
}

.course-list-3 .course {
    float: left;
    padding: 10px;
    width: 33.3336%;
}

.course-list-4 .course {
    float: left;
    padding: 0 15px 15px;
    width: 25%;
}

.course-list .course.course-book {
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
}

    .course-list .course.course-book .courseframe .course-image {
        padding: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        height: auto;
    }

    .course-list .course.course-book .courseframe .brandarea {
        padding-top: 15px;
    }

    .course-list .course.course-book .course-actions {
        flex-shrink: 0;
        height: 32px;
        position: relative;
        width: 100%;
    }

        .course-list .course.course-book .course-actions a {
            margin: 0 5px;
        }

.course-list-1.course-list .course .courseframe {
    flex-direction: row;
}

    .course-list-1.course-list .course .courseframe .course-details-area {
        padding: 15px 0 0;
        margin-top: 10px;
        border-top: 1px solid #f0f0f0;
    }

    .course-list-1.course-list .course .courseframe .course-image {
        width: 270px;
    }

.course-list-1 .course {
    width: 100%;
    padding: 0 0 20px;
}

.course-list-1 .brandarea .course-name {
    height: auto;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 700 !important;
}

.course-list-1 .brand-name-content,
.desktop-cart-style .cart-price .remove-code,
.educationCard-price-box .course-price-box .old-price,
.subcat-links .brand-name {
    font-size: 13px;
}

.course-list-1 .brand-details-frame {
    flex-grow: 1;
    padding: 20px 20px 10px 45px;
    position: relative;
}

    .course-list-1 .brand-details-frame::before {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        width: 60px;
        height: 60px;
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        margin: auto 0;
        border-radius: 50%;
        background: url(/assets/new_assets/assets_front/img/certificate_icon.png) center no-repeat #f9f9f9;
        border: 2px solid #ee2223;
    }

.brand-details-frame .label-warning {
    float: right;
    align-self: center;
}

.course-list-1 .brand-name {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .course-list-1 .brand-name .imgframe img {
        height: 30px;
    }

.course-list-1 .quick-view-frame::before {
    left: 0;
    right: 0;
    top: -10px;
    margin: 0 auto;
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.15);
}

.course-list-1 .top-open .quick-view-frame::before {
    top: auto;
    bottom: -10px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.course .brandarea {
    position: relative;
    padding: 10px 15px 0;
    font-size: 13px;
    color: #464646;
}

.course:hover .brandarea.myeducationitem:before {
    transform: scale(1.1, 1.1);
}

.brandarea .course-name {
    margin: 0;
    font-weight: 500;
    line-height: 23px;
    height: 46px;
    color: #1d1d1d;
    font-size: 18px;
}

.course .brandlogo {
    padding: 3px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: left;
}

    .course .brandlogo img {
        height: 30px;
        width: auto;
    }

.references-logos {
    width: 50px;
}

.brand-logos {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .brand-logos .brand-module {
        width: 100%;
        height: 75px;
        float: left;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ee2223;
        border-radius: 6px;
        box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    }

    .brand-logos .owl-item {
        padding: 5px;
        height: 80px;
    }

    .brand-logos .brand-module img {
        width: auto !important;
    }

.brand-name {
    color: #333;
    font-size: 12px;
}

.course-book-detail .coursedetail .course-img-box {
    padding: 50px;
}

.quick-view-frame {
    position: absolute;
    padding: 20px;
    background: #fff;
    width: 300px;
    min-height: 200px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: 7px;
    overflow: hidden;
}

    .quick-view-frame.active {
        z-index: 99;
    }

    .quick-view-frame::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: -10px;
        top: 50%;
        margin-top: -10px;
        transform: rotate(-45deg);
        background: #fff;
        z-index: -1;
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
    }

.left-open .quick-view-frame::before {
    left: auto;
    right: -10px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.custom-actions a {
    padding: 10px 15px;
    float: left;
    font-size: 14px;
}

    .custom-actions a.addtowishlist {
        background: #ee2223;
        color: #fff;
        margin: 0;
        width: 100%;
    }

        .custom-actions a.addtowishlist i {
            float: right;
            font-size: 20px;
        }

    .custom-actions a.comparelink {
        background: #333;
        color: #fff;
        float: right;
    }

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    color: #ee2223;
    opacity: 0.7;
}

.cert-qr-code p a,
.tablink .camp-count {
    color: #fff;
    font-weight: 600;
}

.owl-carousel .owl-dot:hover,
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
    color: #ee2223;
    opacity: 1;
}

.footer-aboutus p.lead {
    font-size: 21px;
    font-weight: 400;
}

html .toggle-primary .toggle label.active {
    color: #ee2223 !important;
    border-left-color: #ee2223 !important;
    border-right-color: #ee2223 !important;
    border-radius: 0 !important;
}

.course-detail-tabs {
    width: 100%;
    display: flex;
}

    .course-detail-tabs .tab-link-frame {
        flex: 0 0 270px;
        position: relative;
    }

        .course-detail-tabs .tab-link-frame .follow-side-menu,
        .course-detail-tabs .tab-link-frame .follow-side-menu.bottom,
        .course-detail-tabs .tab-link-frame .follow-side-menu.following {
            position: relative;
            width: 100%;
            height: auto;
            top: 0;
        }

        .course-detail-tabs .tab-link-frame .tablink {
            background: #fff;
            color: #222;
            float: left;
            width: 100%;
            padding: 15px;
            transition: 0.3s;
            cursor: pointer;
            font-size: 16px;
            position: relative;
            line-height: 16px;
        }

            .course-detail-tabs .tab-link-frame .tablink::after {
                content: "";
                position: absolute;
                right: 3px;
                background: #fff;
                top: 50%;
                margin-top: -5px;
                height: 10px;
                width: 10px;
                transform: rotate(45deg);
                transition: 0.3s;
            }

            .course-detail-tabs .tab-link-frame .tablink.active::after {
                right: -5px;
                background: #f0f0f0;
            }

            .course-detail-tabs .tab-link-frame .tablink.active {
                background: #f0f0f0;
                color: #f05753;
            }

    .course-detail-tabs .tab-content-frame {
        flex-grow: 1;
        width: 0;
        padding-left: 20px;
    }

        .course-detail-tabs .tab-content-frame .tabcontent {
            padding: 20px;
            float: left;
            font-size: 16px;
            width: 100%;
            height: auto;
            background: #fff;
            margin-bottom: 20px;
            color: #444;
            padding-bottom: 0 !important;
        }

            .course-detail-tabs .tab-content-frame .tabcontent p {
                color: #444;
            }

            .course-detail-tabs .tab-content-frame .tabcontent.kurs-content p,
            .course-details.kurs-content p {
                color: #444;
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }

            .course-detail-tabs .tab-content-frame .tabcontent.kurs-content .p-check-mark,
            .course-details.kurs-content .p-check-mark {
                padding-left: 20px;
                position: relative;
                width: 100%;
                float: left;
                margin-bottom: 10px;
            }

                .course-detail-tabs
                .tab-content-frame
                .tabcontent.kurs-content
                .p-check-mark::before,
                .course-details.kurs-content .p-check-mark::before {
                    content: "\f00c";
                    position: absolute;
                    left: 0;
                    top: 2px;
                    font-family: FontAwesome;
                    font-size: 14px;
                }

            .course-detail-tabs .tab-content-frame .tabcontent.kurs-content hr,
            .course-details.kurs-content hr {
                float: left;
                width: 100%;
                background: #fff;
            }

            .course-detail-tabs .tab-content-frame .tabcontent.kurs-content h4,
            .course-details.kurs-content h4 {
                font-size: 26px;
                color: #000 !important;
                width: 100%;
                float: left;
                margin-bottom: 20px;
            }

            .course-detail-tabs .tab-content-frame .tabcontent ul li ul {
                padding-left: 20px;
                list-style: circle;
            }

.tablink .camp-count {
    font-size: 12px;
    background: #ee2223;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    margin-top: -2px;
}

.tablink.active .camp-count {
    color: #b2040e;
    background: #fff;
}

.certdetail h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #b2040e;
    font-weight: 500;
}

.certdetail p {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
}

    .certdetail p i {
        position: absolute;
        left: 0;
        top: 3px;
    }

.certdetail {
    font-size: 18px;
    font-weight: 300;
}

.featured-box-primary .icon-featured,
.icon-featured,
html .featured-box-primary .icon-featured {
    background-color: #ee2223;
}

.cert-title {
    font-size: 30px;
    font-weight: 300;
    color: #f05753;
    padding: 0;
}

.meta-title p,
h1 {
    display: inline;
    font-weight: 400 !important;
    color: #000;
    padding: 0 !important;
    line-height: normal !important;
}

.border-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    text-transform: none;
}

.certframe img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
    max-width: 100%;
}

.cert-sub-title {
    font-size: 14px !important;
    color: #ee2223 !important;
}

.cert-qr-code {
    display: flex;
    width: 100%;
    margin-top: 15px;
}

    .cert-qr-code i {
        font-size: 50px !important;
        margin-right: 24px !important;
    }

    .cert-qr-code p {
        flex-grow: 1;
        margin: 0;
        padding-right: 30px;
        font-size: 14px !important;
        color: #fff !important;
    }

    .cert-qr-code img {
        width: 80px;
        box-shadow: none;
        border: 1px solid #f0f0f0;
    }

.certframe.vertical img {
    max-width: 440px;
    margin: auto;
}

.success-stories-bg {
    background-color: #e5e5e5;
    padding: 30px 50px;
}

.success-stories-innerbg {
    width: 100%;
    height: 100%;
    background: rgba(62, 12, 125, 0.45);
    background: -moz-linear-gradient( -45deg, rgba(62, 12, 125, 0.45) 0, rgba(121, 55, 204, 0.45) 100% );
    background: -webkit-linear-gradient( -45deg, rgba(62, 12, 125, 0.45) 0, rgba(121, 55, 204, 0.45) 100% );
    background: linear-gradient( 135deg, rgba(62, 12, 125, 0.45) 0, rgba(121, 55, 204, 0.45) 100% );
    border: 3px solid rgba(255, 255, 255, 0.45);
}

.owl-carousel.success-stories-slide {
    margin: 0 auto;
    width: 70%;
    height: 290px;
    overflow: hidden;
}

.success-stories-slide .success-stories {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    min-height: 290px;
    align-items: center;
}

.success-stories-slide .stories-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 0;
    flex-grow: 1;
    padding-right: 100px;
}

.stories-module .imgframe,
.success-stories-slide .stories-image {
    width: 290px;
    height: 290px;
    flex-shrink: 0;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #9b9b9b;
}

.success-stories-slide .owl-dots {
    width: 100%;
    position: absolute;
    margin: 0 !important;
}

.stories-content h4 {
    font-size: 26px;
    color: #ee2223;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .stories-content h4:after {
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: #ee2223;
        left: 0;
        bottom: 0;
    }

.stories-content p {
    font-size: 16px;
    font-weight: 400 !important;
    color: #000;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    white-space: pre-line;
}

.stories-content a {
    border: 2px solid #ee2223;
    color: #ee2223;
    padding: 10px 20px;
    align-self: flex-start;
    border-radius: 7px;
}

.nav-custom {
    position: absolute;
    height: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 999;
}

    .nav-custom.owl-nav .owl-next,
    .nav-custom.owl-nav .owl-prev {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        border-radius: 50% !important;
        padding: 10px;
        width: 42px;
        height: 42px;
        text-align: center;
        margin-top: -21px;
        line-height: 22px;
        background-color: #fff !important;
        opacity: 0.7;
        position: absolute;
        cursor: pointer;
        font-size: 22px;
        color: #ee2223;
        transition: 0.3s;
    }

    .nav-custom.owl-nav .owl-next {
        right: 0;
    }

.testimonial-slide .nav-custom .owl-next {
    right: 20px;
}

.testimonial-slide .nav-custom .owl-prev {
    left: 20px;
}

.nav-custom.owl-nav .owl-prev:before {
    font-family: FontAwesome;
    content: "\f053";
    position: relative;
    left: -1px;
    top: 1px;
}

.nav-custom.owl-nav .owl-next:before {
    font-family: FontAwesome;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 1px;
}

.main-mobil-video iframe,
.swiper {
    width: 100%;
    height: 100%;
}

.univercity-area {
    width: 100%;
    display: flex;
    align-items: center;
}

    .univercity-area .univercity-logo {
        margin-right: 10px;
        flex-shrink: 0;
    }

    .univercity-area .brand-logo img {
        max-width: 80px;
        max-height: 30px;
    }

.sidebar.shop-sidebar .panel.panel-default .panel-body {
    padding: 0 10px 20px 15px;
}

.testimonial-slide {
    padding: 30px;
    background: #fff;
    width: 100%;
    float: left;
    position: relative;
}

.testimonial-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

    .testimonial-item .testimonial-img {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        align-self: center;
        border-radius: 50%;
        border: 5px solid #fff;
        background: #f9f9f9;
        justify-content: center;
        overflow: hidden;
    }

    .testimonial-item .testimonial-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        color: #4a4a4a;
        justify-content: center;
        padding: 10px 100px 0;
        position: relative;
    }

        .testimonial-item .testimonial-content::before {
            content: "“";
            position: absolute;
            left: 20px;
            top: 10px;
            font-family: Gotham-Medium, Arial, sans-serif;
            font-size: 90px;
            line-height: 60px;
            color: #ccc;
        }

        .testimonial-item .testimonial-content::after {
            content: "”";
            position: absolute;
            right: 20px;
            bottom: 0;
            font-family: Gotham-Medium, Arial, sans-serif;
            font-size: 90px;
            line-height: 60px;
            color: #ccc;
        }

        .testimonial-item .testimonial-content h2 {
            font-size: 24px;
            margin-bottom: 0;
            color: #b2040e;
        }

        .testimonial-item .testimonial-content .testimonial-job {
            font-size: 13px;
            margin-bottom: 20px;
        }

        .testimonial-item .testimonial-content p {
            font-size: 15px;
            margin-bottom: 30px;
            color: #444;
        }

        .testimonial-item .testimonial-content a {
            padding: 10px 20px;
            border: 2px solid #424242;
            color: #424242;
            align-self: left;
            font-weight: 600;
        }

.custom-page-header {
    padding: 50px 0;
    background: #f0f0f0;
    text-align: center;
    position: relative;
}

    .custom-page-header::after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        margin: auto;
        bottom: -20px;
        width: 64px;
        height: 64px;
        transform: rotate(45deg);
        background: #f0f0f0;
    }

    .custom-page-header h2 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative;
        font-size: 36px;
    }

        .custom-page-header h2::after {
            content: "";
            width: 120px;
            height: 1px;
            background: #a2a2a2;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

    .custom-page-header p {
        margin-bottom: 0;
        font-size: 26px;
        font-weight: 300;
    }

.avantaj-title h2,
.avantaj-title-mobile h2 {
    color: #000 !important;
    font-weight: 700 !important;
}

.certificate-step {
    display: flex;
    width: 100%;
    flex-direction: row;
    position: relative;
    padding: 30px 0;
}

    .certificate-step .imgframe-img {
        width: 270px;
        height: 270px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        box-shadow: 3px 10px 30px rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .certificate-step .imgframe::before {
        content: "";
        width: 80px;
        height: 80px;
        position: absolute;
        background: #ee2223;
        text-align: center;
        font-size: 48px;
        line-height: 80px;
        color: #fff;
        border-radius: 50%;
        z-index: 9;
        font-family: Gotham-Medium, Arial, sans-serif;
        right: 0;
        top: 0;
    }

    .certificate-step:first-child .imgframe::before {
        content: "1";
    }

    .certificate-step:nth-child(2) .imgframe::before,
    .payment-step-frame .payment-step:nth-child(2)::after {
        content: "2";
    }

    .certificate-step:nth-child(3) .imgframe::before,
    .payment-step-frame .payment-step:nth-child(3)::after {
        content: "3";
    }

    .certificate-step .certificate-step-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 100px;
    }

        .certificate-step .certificate-step-content h4 {
            font-size: 30px;
            color: #ee2223;
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

            .certificate-step .certificate-step-content h4::after {
                content: "";
                position: absolute;
                left: 1px;
                bottom: 0;
                width: 140px;
                height: 2px;
                background: #ee2223;
            }

        .certificate-step .certificate-step-content p {
            font-size: 15px;
            font-weight: 300;
        }

    .certificate-step:nth-child(2n-1)::after {
        content: "";
        position: absolute;
        background: url(/assets_front/img/advantages-arrow-1.png) no-repeat;
        width: 117px;
        height: 94px;
        right: 20%;
        bottom: -50px;
    }

    .certificate-step:nth-child(2n)::after {
        content: "";
        position: absolute;
        background: url(/assets_front/img/advantages-arrow-2.png) no-repeat;
        width: 178px;
        height: 113px;
        bottom: -50px;
        left: 0;
        right: 0;
        margin: auto;
    }

.tabcontent .certificate-step .imgframe-img {
    width: 160px;
    height: 160px;
    border-width: 10px;
}

.tabcontent .certificate-step .imgframe::before {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
}

.tabcontent .certificate-step:nth-child(2n) .certificate-step-content {
    padding: 0 50px 0 100px;
}

.tabcontent .certificate-step:nth-child(2n-1)::after {
    width: 75px;
    background-size: contain;
}

.tabcontent .certificate-step:nth-child(2n)::after {
    background-size: contain;
    width: 120px;
    height: 90px;
}

.tabcontent .featured-box {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    margin: 0 !important;
}

    .tabcontent .featured-box .box-content {
        border: 0;
        border-radius: 0;
        padding: 0;
        text-align: left;
    }

.tabcontent .icon-featured {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px !important;
    font-size: 30px;
    display: inline-block;
}

.all-rules-title.active .fa-angle-up,
.footer-camp-code .camp-container p b,
.tabcontent .box-content h2.mb-lg {
    display: inline-block;
}

.slider-title {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.mobile-icerik {
    padding-bottom: 0 !important;
}

.advantages {
    padding: 0 30px;
    display: flex;
    position: relative;
    z-index: 9;
}

    .advantages .imgframe img {
        float: right;
        margin: -90px 0 -40px;
    }

.avantaj-title h2 {
    font-size: 32px;
    margin-left: 20px;
}

.avantaj-mobile {
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.custom-button,
.custom-button2 {
    text-decoration: none !important;
    display: inline-block;
    margin: auto;
    font-size: 16px;
    transition: 0.3s;
}

.avantaj-title-mobile h2 {
    font-size: 25px;
    margin-left: 10px;
    text-align: center;
}

.advantages-content {
    padding-left: 60px;
}

    .advantages-content h4 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .advantages-content li {
        position: relative;
        padding-left: 38px;
        list-style-type: none;
        font-size: 15px;
        padding-bottom: 15px;
        font-weight: 300;
        color: #777;
    }

        .advantages-content li::before {
            position: absolute;
            left: -30px;
            top: 0;
            display: block;
            margin: 0 auto 4px;
            background-color: #fff;
            width: 45px;
            height: 45px;
            line-height: 32px;
            border: 5px solid #ee2223;
            border-radius: 50%;
            content: counter(stepNum);
            font-size: 30px;
            text-align: center;
            font-weight: 700;
        }

        .advantages-content li:after {
            border-left: 4px solid #bcbec2;
            height: 115px;
            position: absolute;
            left: -10px;
            top: 0;
            z-index: -1;
        }

        .advantages-content li::marker {
            color: red;
        }

.custom-button {
    padding: 15px 50px;
    font-weight: 600;
    border: 2px solid #ee2223;
    color: #fff;
    background: #ee2223;
    border-radius: 7px;
}

.custom-button2,
.stories-module .stories-content a {
    border: 2px solid #ee2223;
    font-weight: 600;
    color: #ee2223;
}

.custom-button:hover {
    background: #fff;
    color: #ee2223;
}

.custom-button i,
.custom-button2 i {
    margin-left: 10px;
    font-size: 18px;
}

.custom-button2 {
    padding: 10px 40px;
    background: 0 0;
}

.course-detail-tabs
.tab-content-frame
.tabcontent
.price-list
ul.lead5.list-icons,
.education-footer-content {
    margin-bottom: 20px !important;
}

.custom-button2:hover {
    background: #4d00ae;
    color: #fff;
    border-color: #b2040e;
}

.course-list-target .custom-button2 {
    width: 100%;
    background: #ee2223;
    color: #fff;
}

    .course-list-target .custom-button2:hover {
        background: 0 0;
        color: #b2040e;
    }

.stories-frame {
    padding: 0 15px;
}

.stories-module {
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .stories-module .stories-content {
        flex-grow: 1;
        padding-left: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .stories-module .stories-content h4 {
            color: #ee2223;
            font-size: 32px;
            margin-bottom: 5px;
        }

        .stories-module .stories-content .post-meta {
            width: 100%;
            float: left;
            color: #4a4a4a;
            font-size: 12px;
            margin-bottom: 20px;
        }

            .stories-module .stories-content .post-meta i {
                margin-right: 5px;
                font-size: 14px;
            }

        .stories-module .stories-content a {
            padding: 10px 20px;
            align-self: flex-start;
            text-decoration: none;
            border-radius: 7px;
        }

.story-detail-frame {
    display: flex;
    flex-direction: row;
    padding: 20px;
}

.story-detail {
    display: flex;
    flex-direction: column;
    padding-right: 50px;
    border-right: 1px solid #f0f0f0;
}

    .story-detail .imgframe {
        width: 100%;
        flex-shrink: 0;
    }

    .story-detail .story-detail-content {
        font-size: 16px;
        margin-top: 30px;
    }

        .story-detail .story-detail-content p {
            font: inherit;
            margin-bottom: 15px;
            font-size: 16px;
        }

        .story-detail .story-detail-content h2 {
            color: #ee2223;
            font-size: 32px;
        }

.other-stories {
    width: 340px;
    flex-shrink: 0;
    padding-left: 30px;
}

    .other-stories .stories-module {
        flex-direction: column;
        padding: 15px 0;
    }

        .other-stories .stories-module .stories-content {
            padding-left: 0;
            padding-top: 10px;
            font-size: 14px;
        }

        .other-stories .stories-module .imgframe {
            width: 140px;
            height: 140px;
            overflow: hidden;
            border-radius: 50%;
            border: 5px solid #d98489;
            margin: auto;
        }

        .other-stories .stories-module .stories-content a {
            padding: 5px 10px;
            font-size: 12px;
        }

.course-details-box .course-name {
    font-size: 27px;
}

.watch-video {
    background: rgba(27, 27, 27, 0.75);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 14px 15px;
    width: 100%;
    cursor: pointer;
    z-index: 99;
}

    .watch-video img {
        height: 32px;
        float: left;
    }

    .watch-video p {
        float: left;
        font: 22px/32px Gotham-Medium;
        color: #fff;
    }

.discount-timer,
.new-link span {
    font-family: "Open Sans", Arial, sans-serif;
}

.coursedetail .course-img-wrapper img.course-watchicon {
    margin-top: 20px;
}

.overflow-hidden {
    overflow: hidden !important;
}

.videoframe {
    display: none !important;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
}

    .videoframe.active {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .videoframe .backblock {
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0.3);
        z-index: 10;
        top: 0;
        left: 0;
    }

    .videoframe .video-content-frame {
        display: flex;
        flex-direction: column;
        width: 1024px;
        background: #fff;
        overflow: hidden;
        position: relative;
        z-index: 20;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

        .videoframe .video-content-frame .video-watch-frame {
            background: #666;
            width: 100%;
            float: left;
        }

    .videoframe .other-videos {
        padding: 20px 0;
        background: #fff;
        width: 100%;
        float: left;
    }

        .videoframe .other-videos .module {
            display: flex;
            align-items: center;
            padding: 10px;
            border-bottom: 1px solid #f0f0f0;
            transition: 0.3s;
            cursor: pointer;
        }

            .videoframe .other-videos .module i {
                width: 24px;
                font-size: 16px;
            }

            .videoframe .other-videos .module p {
                margin-bottom: 0;
                color: inherit;
                font-weight: 600;
            }

    .videoframe .video-title {
        padding: 20px;
        color: #333;
    }

    .videoframe .closepanel {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        z-index: 9999;
        text-align: center;
        cursor: pointer;
    }

        .videoframe .closepanel::after {
            content: "\f00d";
            width: 50px;
            height: 50px;
            font-size: 24px;
            color: #aeaeae;
            font-family: FontAwesome;
            line-height: 50px;
        }

.education-footer-content .footer-info p {
    font-size: 13px;
    margin: 0;
    text-align: justify;
}

.education-footer-content .contact-info {
    width: 30%;
    flex-shrink: 0;
}

    .education-footer-content .contact-info p {
        text-align: right;
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: 600;
        color: #0e0e0e;
    }

        .education-footer-content .contact-info p a {
            color: #0e0e0e !important;
        }

.emptycart-icon {
    display: inline-block;
    font-size: 30px;
    height: 75px;
    line-height: 70px;
    padding: 0;
    width: 75px;
    margin-top: 0;
    border-radius: 50%;
}

.bg-red {
    background: #ee2223 !important;
}

.bg-purple {
    background: #4d00ae;
}

.custom-roundicon {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    margin: auto;
    background: #47a447 !important;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

#header .educationacc .myAccount .myAccount-link-area a,
.top-count-banner .text-center b {
    font-weight: 600;
}

.empty-cart-title {
    font-size: 30px;
    margin: 30px 0 10px;
}

.empty-cart-alt-title {
    font-size: 20px;
    color: #444;
}

.what-is-co {
    min-height: 460px;
    display: flex;
    align-items: center;
}

.online-certificate-frame {
    text-align: left;
    color: #2f2323;
    font-size: 24px;
    font-weight: 300;
}

    .online-certificate-frame h2 {
        color: #2f2323;
        font-size: 38px;
    }

.online-certificate-frame-desc-mobile {
    color: #2f2323;
    font-size: 18px;
    font-weight: 300;
}

    .online-certificate-frame,
    .online-certificate-frame-desc-mobile h1 {
        display: inline;
    }

        .online-certificate-frame p span.highlight {
            position: relative;
            float: left;
            z-index: 10;
        }

            .online-certificate-frame p span.highlight::before {
                content: "";
                position: absolute;
                left: -20px;
                right: -20px;
                height: 100%;
                z-index: -1;
                background: url(/assets_front/img/highlight.png) 0 0/100% 100% no-repeat;
            }

.nasilkatilirim-content .certificate-step {
    padding: 30px 0;
}

.nasilkatilirim-content.tabcontent .certificate-step .imgframe::before {
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
}

.avatar-image {
    max-height: 45px;
}

div.course-chooser div.course-chooser-item {
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    border: 2px solid #777;
    font-size: 14px;
    flex-shrink: 0;
}

    div.course-chooser div.course-chooser-item.selected {
        background: #4d00ae;
        color: #fff;
        border: 2px solid #4d00ae;
    }

    div.adres-chooser div.adres-chooser-item input,
    div.course-chooser div.course-chooser-item input {
        position: absolute;
        left: 0;
        top: 0;
        visibility: hidden;
    }

.days,
.hours,
.minutes,
.seconds {
    float: inline-start;
}

.days {
    margin-right: 1px;
}

.scrollcontent {
    overflow: auto;
    position: relative;
    height: 470px;
}

.panel {
    margin-bottom: 0 !important;
    margin-top: 20px;
}

.has-thumb {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

    .has-thumb .course-chooser div.course-chooser-item {
        flex-shrink: 0;
    }

    .has-thumb .result-data {
        padding-left: 10px;
        align-self: center;
        width: 0;
        flex-grow: 1;
    }

        .has-thumb .result-data p {
            margin: 0;
            word-wrap: break-word;
        }

.showcase-module-frame {
    padding-bottom: 0;
    width: 100%;
    float: left;
}

    .showcase-module-frame .showcase-title {
        font-size: 20px;
        position: relative;
        padding: 15px 0;
        margin-bottom: 0;
        color: #ee2223;
        display: flex;
        justify-content: space-between;
    }

.other-educations-link {
    color: #ee2223;
    float: right;
    font-size: 16px;
    align-self: center;
    line-height: 16px;
}

.purchase-table .moduleframe {
    display: flex;
    width: 100%;
    padding: 8px 0;
    background: #fff;
    cursor: pointer;
    margin-bottom: 0;
}

    .purchase-table .moduleframe.head {
        border-bottom: 2px solid #ddd;
        font-weight: 600;
        font-size: 14px;
        cursor: default;
    }

    .purchase-table .moduleframe .module {
        padding: 0 10px;
        width: 33.3336%;
    }

        .purchase-table .moduleframe .module.check {
            width: 50px;
            flex-shrink: 0;
            flex-grow: 0;
        }

#cvvcontent .imgframe {
    text-align: center;
    padding: 20px;
    background: #f0f0f0;
}

.cvv-question a {
    float: right;
    margin-top: -30px;
    margin-right: 15px;
}

    .cvv-question a i {
        font-size: 16px;
        color: #0054ae;
    }

.discount p.name {
    font-size: 8px;
    margin: 0;
    color: #fff;
    text-align: center;
}

.custom-price-box.cart-price-box .course-label {
    padding: 7px 5px;
}

.remove-from-cart {
    color: #a0a0a0;
    margin-top: 5px;
    height: 24px;
}

.desktop-price-box {
    width: auto;
    float: right;
    text-align: left;
}

.indirim-success {
    padding: 10px;
    background: #e3ffe9;
    color: #fff;
}

    .indirim-success p {
        margin: 0;
        color: #29823e;
    }

.course-actions a.book-button {
    margin: 19px 10px 0 0;
    padding: 8px 15px;
}

.top-count-banner {
    padding: 10px 0;
    text-align: center;
    display: none;
    cursor: pointer;
}

    .top-count-banner::before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        content: "";
        background: #fff;
        opacity: 0;
    }

    .top-count-banner:hover::before {
        opacity: 0.2;
        z-index: 0;
    }

    .top-count-banner.active {
        display: block;
        position: relative;
    }

    .top-count-banner a {
        cursor: pointer;
        display: block;
        position: relative;
        z-index: 10;
    }

        .top-count-banner a img {
            max-width: 80px;
        }

    .top-count-banner .cost-date {
        display: inline-block;
        font-weight: 600;
    }

    .rep-logo,
    .top-count-banner .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-count-banner .text-center {
        color: #fff;
        font-size: 14px;
        padding-bottom: 5px;
        display: block;
        text-align: left;
    }

        .top-count-banner .text-center h1 {
            color: #fff;
            font-size: 26px;
        }

    .top-count-banner .close-topbanner {
        position: absolute;
        top: 0;
        margin: auto;
        right: 0;
        height: 100%;
        width: 60px;
        color: #fff;
        cursor: pointer;
        transition: 0.3s;
        z-index: 10;
    }

        .top-count-banner .close-topbanner:hover {
            background: rgba(0, 0, 0, 0.2);
        }

        .top-count-banner .close-topbanner img {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
        }

.total-discount {
    width: 100%;
    float: left;
    position: relative;
}

    .total-discount::after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        transform: rotate(-45deg);
        bottom: -3px;
        left: 0;
        right: 0;
        margin: auto;
        background: #2baab1;
        z-index: 1;
    }

    .total-discount p {
        padding: 10px;
        background: #2baab1;
        color: #fff;
        margin: 0;
        position: relative;
        z-index: 3;
        border-radius: 3px;
    }

        .total-discount p i {
            margin-right: 5px;
            font-size: 16px;
        }

.collapse-frame::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    display: none;
    background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, #fff 100% );
    background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, #fff 100% );
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 40%, #fff 100% );
    z-index: 9;
}

.collapse-content {
    position: relative;
    height: 70px;
    overflow: hidden;
}

.collapse-frame.active .collapse-content {
    height: auto;
    max-height: none;
}

.collapse-content h4 {
    font-size: 20px !important;
}

.collapse-frame .toggle-button {
    position: relative;
    float: left;
    cursor: pointer;
    padding: 20px 0 10px;
    z-index: 99;
    font-size: 14px;
    display: none;
}

    .collapse-frame .toggle-button::before {
        content: "Devamını Göster";
        display: inline-block;
    }

    .collapse-frame .toggle-button::after {
        content: "\f078";
        display: inline-block;
        font-family: FontAwesome;
        margin-left: 10px;
    }

.tabcontent .collapse-content {
    height: auto;
    max-height: 450px;
}

.egitmen-collapse .collapse-content {
    height: auto;
    max-height: 230px;
}

.egitmen-collapse.collapse-active .toggle-button {
    display: block;
    padding: 10px 0 15px;
    width: 100%;
}

.collapse-frame.active .toggle-button::before {
    content: "Devamını Gizle";
}

.collapse-frame.active .toggle-button::after {
    content: "\f077";
    font-family: FontAwesome;
    margin-left: 10px;
}

.discount-timer {
    float: right;
    clear: both;
    padding: 5px 10px;
    background: #ffeae9;
    color: #ab0004;
    font-size: 13px;
}

.course-details-area .discount-timer {
    margin-top: 10px;
    padding: 0 5px;
    float: left;
}

.instructor-frame .instructor-info-frame {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 0;
}

    .instructor-frame .instructor-info-frame p {
        margin: 0;
        font-size: 16px;
        color: #8f8f8f;
    }

        .instructor-frame .instructor-info-frame p.instructor-name,
        .instructor-name {
            margin: 0 0 5px;
            color: #444;
        }

.instructor .imgframe {
    width: 76px;
    height: 76px;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.custom-toggle {
    padding: 0 5px;
    float: left;
    width: 100%;
}

    .custom-toggle .toggle {
        margin: 0 0 10px;
    }

        .custom-toggle .toggle .toggle-content {
            display: none;
            padding: 15px;
            background: #fff;
        }

        .custom-toggle .toggle.active > label:before {
            border-top-color: #fff;
        }

.faq-title {
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
}

    .faq-title::after {
        position: absolute;
        width: 80px;
        height: 2px;
        background: #ccc;
        content: "";
        bottom: 0;
        left: 0;
    }

.list.list-icons .fa {
    color: #777 !important;
}

.tabcontent {
    padding: 20px 0 30px;
    width: 100%;
    float: left;
    font-size: 16px;
}

    .my-0,
    .tabcontent h4.mt-xlg {
        margin-top: 0 !important;
    }

    .tabcontent ul.lead5 li ul {
        margin: 5px 0 20px;
    }

        .tabcontent ul.lead5 li ul li {
            margin-bottom: 5px;
            font-weight: 400;
        }

.micro-content img {
    margin-top: 30px;
    max-height: 50px;
}

.loading-more {
    display: none;
    padding: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #777;
}

.tablink-price-frame {
    padding: 0 10px;
    background: #fff;
    float: left;
    border-top: 1px solid #f0f0f0;
    width: 100%;
}

    .tablink-price-frame .last-day {
        width: 100%;
        margin-bottom: 15px;
    }

    .tablink-price-frame .custom-price-box .course-label .discount {
        line-height: 16px;
    }

    .tablink-price-frame .custom-price-box .course-label .discount-name {
        font-size: 10px;
        line-height: 12px;
    }

.text-right .hire-purchase {
    width: 100%;
    text-align: center;
}

.hire-purchase {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #777;
}

.hire-purchase-cart,
.hire-purchase-cart:hover {
    background: #f0f0f0;
    color: #009c26;
    font-size: 14px;
}

.hire-purchase-cart {
    float: right;
    width: auto;
    padding: 5px 15px;
}

html .btn-primary.green-button {
    background: #00a501;
    border: 1px solid #009c01;
    cursor: pointer;
}

.btn-primary.red-button {
    background: #ee2223;
    border: 1px solid #ee2223;
}

    .btn-primary.red-button:hover,
    html .btn-primary.red-button:focus {
        background: #f05753;
        border-color: #f05753;
    }

.btn-orange {
    color: #fff;
    background: #d87431;
    border-color: #b55f25;
    outline: 0;
}

    .btn-orange:hover {
        color: #fff;
        background: #b55f25;
    }

.meta-content {
    padding: 15px;
    background: #f9f9f9;
    font-size: 18px;
    color: #ee2223;
    font-weight: 400;
}

.hire-toggle {
    width: 100%;
    padding: 0 0 15px;
    border-bottom: 1px solid #f0f0f0;
}

    .hire-toggle i {
        font-size: 22px;
        display: inline-block;
        margin: 0 0 0 15px;
    }

.odeme-custom-check.checkbox-custom
input[type="checkbox"]:checked + label:after {
    color: #969696;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 10px;
}

.odeme-custom-check.checkbox-custom label:before {
    display: block;
    border: 1px solid #bbb;
    width: 16px;
    height: 16px;
}

.odeme-custom-check a {
    color: #777;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    float: left;
}

.modal-body.modal-font-style li,
.modal-body.modal-font-style p,
.modal-body.modal-font-style table,
.modal-body.modal-font-style td,
.modal-body.modal-font-style tr,
.modal-body.modal-font-style ul {
    font-size: 12pt;
    color: #444;
}

.kosul-link {
    float: right;
    margin-bottom: 10px;
    padding: 10px;
    background: #f0f0f0;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

    .kosul-link i {
        float: right;
        margin-left: 10px;
        font-size: 18px;
    }

.footer-contact span:first-child {
    font-size: 22px;
    line-height: 16px;
}

.new-link span {
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 5px;
    color: #fff;
    background: #ee2223;
    float: none !important;
    font-weight: 400;
}

.payment-step-frame .payment-step {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 15px 0 20px;
    position: relative;
    border-bottom: 3px solid #c5c5c5;
    width: 33.3336%;
}

    .payment-step-frame .payment-step::after {
        content: "1";
        position: absolute;
        z-index: 90;
        width: 25px;
        height: 25px;
        background: #c5c5c5;
        border-radius: 50%;
        left: 0;
        right: 0;
        bottom: -14px;
        margin: auto;
        line-height: 25px;
        text-align: center;
        color: #fff;
        font-weight: 600;
    }

    .payment-step-frame .payment-step.active {
        border-color: #00a501;
    }

    .payment-step-frame .payment-step img {
        margin-bottom: 5px;
        opacity: 0.5;
        max-width: 40px;
        max-height: 30px;
        display: none;
    }

    .payment-step-frame .payment-step h4 {
        margin-bottom: 0;
        color: #8c8c8c;
        font-size: 14px;
    }

    .payment-step-frame .payment-step .step-circle {
        padding: 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #fff;
        position: relative;
        z-index: 99;
    }

    .payment-step-frame .payment-step.active h4 {
        color: #5d5d5d;
    }

.cart-price {
    width: 100%;
    padding: 5px;
    align-items: center;
    position: relative;
}

    .cart-price .color-green {
        color: #00a501;
    }

    .cart-price.discount-applied {
        width: auto;
        margin: 0 -10px 10px;
        padding: 10px !important;
        background: #e3ffe9;
    }

        .cart-price.discount-applied p {
            color: #29823e;
        }

            .cart-price.discount-applied p span {
                font-size: 12px;
                font-weight: 600;
            }

                .cart-price.discount-applied p span .discount-timer {
                    margin: 0 !important;
                    padding: 0 6px;
                    float: none;
                }

    .cart-price a.remove-code {
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .cart-price p {
        text-align: left;
        margin-bottom: 0;
        width: 50%;
        font-size: 14px;
    }

    .cart-price.last-price p {
        font-size: 16px;
        color: #00a501;
        font-weight: 600;
    }

    .cart-price p.value {
        font-size: 15px;
        flex-shrink: 0;
    }

    .cart-price p.value-big {
        font-size: 30px !important;
        color: #00a501;
    }

html .btn-primary.green-button.onCheckout {
    padding: 16px !important;
    font-size: 24px;
}

.desktop-cart-style .cart-price {
    flex-direction: column;
    padding: 0 0 10px;
}

.sidebar .desktop-cart-style h4 {
    color: #767676;
}

.bordered-panel {
    border-radius: 5px;
    border: 5px solid #00a501;
}

    .bordered-panel.active {
        animation-name: bordercolor;
    }

.last-total-price.active {
    animation-name: bgcolor;
    margin: 0 -10px 10px;
    padding: 5px 10px;
    width: auto;
}

@keyframes bordercolor {
    0%, 100%, 50% {
        border-color: #00a501;
    }

    25%, 75% {
        border-color: #177117;
    }
}

@keyframes bgcolor {
    0%, 100%, 50% {
        background: #fff;
    }

    25%, 75% {
        background: #e3ffe9;
    }
}

.return-banner {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

    .return-banner .return-img {
        position: relative;
        z-index: 10;
        padding: 0 30px;
    }

    .return-banner::after {
        content: "";
        bottom: 0;
        left: 0;
        background: #e8e8e8;
        width: 100%;
        height: 70%;
        position: absolute;
        z-index: 7;
    }

    .return-banner .return-content {
        padding: 30px 30px 50px 0;
        position: relative;
        z-index: 9;
        align-self: flex-end;
        height: 70%;
    }

        .return-banner .return-content h2 {
            font-size: 24px;
            color: #5e5e5e;
            margin-bottom: 5px;
        }

        .return-banner .return-content p {
            font-size: 14px;
            color: #787878;
            margin: 0;
        }

            .return-banner .return-content p b {
                color: #3f3f3f;
            }

.camp-tab-frame .camp-tab-links {
    flex-shrink: 0;
    width: 290px;
}

    .camp-tab-frame .camp-tab-links a {
        border-bottom: 2px solid #e9e9e9;
        padding: 20px 0 20px 25px;
        font-size: 18px;
        color: #777;
        position: relative;
        float: left;
        width: 100%;
    }

        .camp-tab-frame .camp-tab-links a::before {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #a7a7a7;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            transition: 0.3s;
        }

        .camp-tab-frame .camp-tab-links a.active-camp::before {
            background: #39c843;
        }

        .camp-tab-frame .camp-tab-links a.active-camp.active::before,
        .camp-tab-frame .camp-tab-links a.active-camp:hover::before {
            background: #0d9216;
        }

        .camp-tab-frame .camp-tab-links a.active-camp.active,
        .camp-tab-frame .camp-tab-links a.active-camp:hover {
            color: #0d9216;
        }

        .camp-tab-frame .camp-tab-links a.old-camp.active::before,
        .camp-tab-frame .camp-tab-links a.old-camp:hover::before {
            background: #565656;
        }

.camp-tab-frame .camp-tab-content {
    flex-grow: 1;
    padding-left: 30px;
    width: 0;
    display: none;
}

.camp-detail {
    padding: 20px;
    background: #f9f9f9;
}

    .camp-detail ul {
        padding: 0 0 0 20px;
        font-size: 18px;
        line-height: 28px;
    }

        .camp-detail ul li {
            padding-bottom: 10px;
        }

    .camp-detail .social-icons {
        line-height: 18px;
        padding-left: 0;
    }

.camp-big-title {
    font-size: 32px;
    color: #848484;
}

.camp-detail-style,
.camp-detail-style p {
    font-size: 18px;
    line-height: 28px;
}

.toggle-link.active-camp {
    border-left-color: #39c843;
}

    .toggle-link.active-camp.active {
        border-left-color: #0d9216;
    }

.all-rules-title {
    margin-bottom: 0;
    transition: 0.3s;
    cursor: pointer;
}

    .all-rules-title.active {
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

.yde-module {
    padding: 0 5px;
}

    .yde-module .module {
        float: left;
        width: 33.3336%;
        padding: 0 10px 10px;
    }

        .yde-module .module h3 {
            padding: 10px;
            background: #f0f0f0;
            color: #444;
        }

.campaign-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .campaign-slider .owl-dots {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

.campaign-toggle.toggle .toggle-content {
    border: none;
    border-bottom: 2px solid #f0f0f0;
}

a.see-all-category {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-align: right;
    float: right;
}

    #footer h5,
    a.see-all-category:hover {
        color: #ee2223 !important;
    }

    a.see-all-category i {
        font-size: 18px;
        margin-left: 5px;
    }

.sepet-banner-area {
    padding-top: 15px;
    background: #ebebeb;
    margin: 0 -15px;
    display: none;
}

.footer-camp-code {
    position: fixed;
    right: 50px;
    bottom: 0;
    width: 270px;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
}

    .footer-camp-code .copy-button {
        background: #ee2223;
        color: #fff;
        border: 0;
        margin-bottom: 15px;
        padding: 5px 10px;
        transition: 0.3s;
    }

        .footer-camp-code .copy-button.copied {
            background: #1e9220;
        }

    .footer-camp-code .camp-header {
        padding: 10px;
        color: #fff;
        background: #ee2223;
        width: 100%;
        float: left;
    }

        .footer-camp-code .camp-header h4 {
            color: #fff;
            margin: 0;
            float: left;
        }

        .footer-camp-code .camp-header .camp-minify {
            float: right;
            padding: 4px;
            cursor: pointer;
        }

            .footer-camp-code .camp-header .camp-minify i {
                float: left;
                display: none;
            }

    .footer-camp-code .camp-container {
        padding: 10px;
        background: #fff;
        float: left;
        width: 100%;
        display: none;
    }

        .footer-camp-code .camp-container p {
            margin: 0;
            font-size: 18px;
        }

        .footer-camp-code .camp-container .camp-code {
            border: 2px dashed #ee2223;
            margin: 20px 10px;
            padding: 5px 10px;
            font-size: 16px;
            font-weight: 700;
            border-radius: 5px;
            transition: 0.3s;
        }

            .footer-camp-code .camp-container .camp-code.copied {
                border-color: #1e9220;
            }

.success-cert-line {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #f9f9f9;
    padding: 20px;
}

    .contact-mail-frame h2.heading-primary,
    .success-cert-line h2 {
        font-size: 24px;
    }

    .success-cert-line .img-frame {
        width: 120px;
        background: #f9f9f9;
        flex-shrink: 0;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .success-cert-line .check-mark {
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        display: flex;
        font-size: 24px;
        border-left: 2px solid #f0f0f0;
        padding-left: 20px;
        color: #376e37;
    }

    .success-cert-line .content-frame {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 30px;
        flex-grow: 1;
    }

        .success-cert-line .content-frame .education-name {
            font-size: 20px;
            position: relative;
            padding-left: 25px !important;
        }

            .success-cert-line .content-frame .education-name i {
                position: absolute;
                font-size: 20px;
                left: 0;
                top: 3px;
                margin: auto;
                line-height: 100%;
            }

.rep-logo img {
    max-width: 120px;
}

.contact-mail-frame p {
    font-size: 18px;
    color: #666;
}

.contact-mail-style {
    display: flex;
    margin: 0 -15px;
    padding: 30px 0;
}

    .contact-mail-style .module {
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-grow: 1;
        margin: 0 15px;
        background: #f9f9f9;
        align-items: center;
        justify-content: center;
        padding: 30px;
    }

        .contact-mail-style .module .icon-frame {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .contact-mail-style .module p {
            text-align: center;
            margin: 0;
            font-size: 21px;
            color: #444;
        }

.mobile-nav .mobilenavtitle.camp-mobile-link {
    padding: 10px !important;
    background: #ee2223;
    color: #fff;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-left: -10px;
    border-radius: 3px;
}

#mobile-filter-categories::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "\f107";
    width: 100%;
    height: 40px;
    background: rgba(220, 220, 220, 0.3);
    font-size: 26px;
    font-family: FontAwesome;
    animation: 1s infinite fontbulger;
    color: #000;
    text-align: center;
    transition: 0.3s;
}

@keyframes fontbulger {
    0%, 100% {
        padding-top: 0;
    }

    50% {
        padding-top: 4px;
    }
}

#footer {
    border-top: 3px solid #ee2223;
}

.footer-copyright {
    background: rgb(229 229 229) !important;
}

#footer .container .row > div {
    margin-bottom: 12px !important;
}

#footer.short {
    padding-top: 12px;
}

.social-icons li:hover.social-icons-twitter a {
    background-color: #ee2223;
}

.social-icons li:hover.social-icons-facebook a {
    background-color: #ee2223;
}

.social-icons li:hover.social-icons-linkedin a {
    background-color: #ee2223;
}

.login-main-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 7px;
    width: 950px;
    margin: 20px auto auto;
    border: 1px solid #dedede;
}

    .login-main-frame .login-frame {
        border-right: 1px solid #dedede;
        padding: 40px 40px 10px;
        flex-grow: 1;
    }

.login-frame .line label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

    .login-frame .line label p {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
    }

    .login-frame .line label span b {
        cursor: pointer;
        color: #3181ff;
    }

.login-frame .btn.btn-login {
    font-size: 14px;
    background: #ee2223;
    border-color: #ee2223;
    border-radius: 3px;
}

    .login-frame .btn.btn-login.btn-pw-reset {
        padding: 0 80px;
        float: right;
        width: auto;
    }

    .login-frame .btn.btn-login:hover {
        background: #2ec07c;
        border-color: #2ec07c;
        outline: 0;
    }

    .login-frame .btn.btn-login:focus {
        background: #2daa69;
        border-color: #2daa69;
        outline: 0;
    }

.login-frame .btn.btn-face {
    font-size: 14px;
    background: #4267b2;
    border-color: #36599e;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 50%;
}

    .login-frame .btn.btn-face img {
        justify-items: flex-start;
    }

    .login-frame .btn.btn-face span.icon {
        padding: 10px;
        border-right: 1px solid #34528c;
    }

.login-frame .form-control {
    box-shadow: none;
    border-width: 1px;
    height: 48px;
    font-size: 16px;
}

.login-frame h3.heading-text-color {
    font: 400 24px "Open Sans" !important;
}

.login-frame .heading-text-color label {
    font: 400 15px "Open Sans" !important;
}

.login-main-frame .feature-box-frame {
    padding: 30px;
    width: 380px;
    flex-shrink: 0;
}

.modulesection.cat-images a {
    padding: 15px 15px 0;
}

    .modulesection.cat-images a:last-child {
        padding-bottom: 15px;
    }

.top-auto {
    top: auto !important;
    font-size: 12px !important;
}

    .top-auto a {
        color: #fff;
        font-weight: 700;
    }

.campaign-check label {
    font-size: 13px;
    line-height: 15px;
}

.campaign-check .tooltip-inner {
    width: 240px;
    max-width: none;
    text-align: left;
}

.campaign-check a {
    color: #2f2f2f;
}

.register-sub-content p {
    color: #888;
    font-size: 12px;
    line-height: 16px;
}

.register-sub-content a {
    color: #888;
}

.kvkk-links,
.modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kvkk-links a {
        display: flex;
        padding: 20px;
        background: #ee2223;
        text-align: center;
        flex-grow: 1;
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        margin: 0 15px 15px;
        border-radius: 5px;
    }

        .kvkk-links a i {
            margin-left: 10px;
        }

.statik-course-module.course-list-1 .course {
    width: 50%;
    padding: 15px;
}

.etu-story-module .module {
    padding: 30px;
    background: #fff;
    margin-right: 30px;
}

#stickyaddcart-button {
    padding: 5px !important;
    display: flex;
    align-items: center;
}

.sticky-course-price {
    background: #fff;
    margin-right: 30px;
    padding: 0 15px 0 5px;
    border-right: 1px solid #f0f0f0;
    min-height: 40px;
    display: flex;
    align-items: center;
}

#stickyaddcart-button.active .sticky-course-price {
    border-radius: 3px;
    border-right-color: transparent;
}

.sticky-course-price .custom-price-box .course-label {
    padding: 10px 8px;
}

#modalAnimakilli .modal-header {
    padding: 0;
    border-bottom: 0;
}

#modalAnimakilli button.close {
    position: absolute;
    right: -30px;
    top: 0;
    color: #fff;
    opacity: 0.8;
}

#modalAnimakilli .modal-body {
    padding: 0;
    border-top: 0;
}

.modal-small {
    width: 400px;
}

    .modal-small .modal-body {
        padding: 0;
        background: #fff;
    }

    .modal-small .modal-header {
        width: 100%;
        top: 0;
        position: absolute;
        z-index: 999;
    }

    .modal-small .modal-footer {
        border-top: 0;
        margin-top: 0;
        background: #fff;
    }

        .modal-small .modal-footer .btn {
            font-size: 16px;
            padding: 10px 40px;
            position: relative;
        }

    .modal-small .modal-timer {
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }

        .modal-small .modal-timer .discount-timer {
            padding: 0;
            background: 0 0;
        }

#couponval {
    opacity: 0;
    z-index: -1;
    position: absolute;
}

.checkmark.draw:after {
    animation-duration: 0.8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 16px;
    width: 8px;
    transform-origin: left top;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    content: "";
    left: 15px;
    top: 22px;
    position: absolute;
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 8px;
        opacity: 1;
    }

    100%, 40% {
        height: 16px;
        width: 8px;
        opacity: 1;
    }
}

.mini-banner {
    width: 300px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    flex-direction: column;
    background: linear-gradient(135deg, #e31e24 0, #c4272e 100%);
    z-index: 100;
    box-shadow: 0 0 6px #b9b9b9;
}

    .mini-banner .close-mini-banner {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 5;
    }

        .mini-banner .close-mini-banner i {
            font-size: 20px;
            position: absolute;
            right: 10px;
            top: 10px;
            color: #505050;
            cursor: pointer;
        }

    .mini-banner .mini-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

        .mini-banner .mini-content p {
            font-size: 24px;
            color: #fff;
        }

            .mini-banner .mini-content p span {
                font-size: 30px;
                display: block;
                font-weight: 600;
            }

        .mini-banner .mini-content .btn-white {
            background: #fff;
            border-radius: 5px;
            color: #ee2223;
            font-weight: 600;
            padding: 10px 20px;
            font-size: 16px;
        }

.course-detail-tabs.course-detail {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}

    .course-detail-tabs.course-detail .tab-link-frame {
        flex: 0 0 360px;
    }

    .course-detail-tabs.course-detail .tab-content-frame {
        padding-left: 0;
        padding-right: 30px;
    }

        .course-detail-tabs.course-detail .tab-content-frame .tabcontent {
            padding-left: 0;
            padding-right: 0;
            box-shadow: none;
            border-bottom: 2px solid #f0f0f0;
        }

    .course-detail-tabs.course-detail .tab-link-frame .follow-side-menu {
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #f0f0f0;
    }

.course-top-frame {
    background: #000;
    display: flex;
}

    .course-top-frame .course-left-content {
        padding: 60px 0 60px 15%;
        color: #fff;
        flex-grow: 1;
    }

        .course-top-frame .course-left-content .logo-frame {
            padding: 0 0 15px;
        }

        .course-top-frame .course-left-content .course-name h1 {
            font-size: 42px;
            font-family: Times New Roman !important;
            color: #fff;
            width: 85%;
            line-height: 50px;
            margin-bottom: 5px;
        }

    .course-top-frame .course-story-info .module {
        min-width: 200px;
        display: flex;
        flex-direction: column;
        border-radius: 5px;
        background: #fff;
        padding: 13px;
        align-items: center;
        margin-right: 10px;
    }

        .course-top-frame .course-story-info .module h4 {
            color: #ee2223;
            margin: 0 0 5px;
            font-size: 15px;
            line-height: 18px;
        }

        .course-top-frame .course-story-info .module p {
            margin: 0;
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }

    .course-top-frame .course-right-image {
        width: 45%;
        flex-shrink: 0;
        position: relative;
    }

        .course-top-frame .course-right-image::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 50%);
        }

.tablink-story-frame {
    float: left;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
}

    .tablink-story-frame .line {
        display: flex;
        align-items: baseline;
        margin-bottom: 5px;
    }

        .tablink-story-frame .line p {
            margin-bottom: 0;
            color: #333;
            font-size: 15px;
        }

            .tablink-story-frame .line p span {
                color: #666;
            }

        .tablink-story-frame .line i {
            margin-right: 5px;
            font-size: 16px;
            width: 16px;
        }

.course-detail p.lead {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 300;
}

.course-detail-tabs.course-detail
.tab-content-frame
.tabcontent.kurs-content
h4,
.course-details.kurs-content h2 {
    font-size: 30px;
}

.list-modules {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0 !important;
    margin-top: 30px !important;
}

    .list-modules li {
        display: flex;
        align-items: center;
        padding: 30px 30px 30px 15px !important;
        border-radius: 10px;
        width: 48%;
        margin-right: 2%;
        background: #f0f0f0;
        font-size: 20px;
        font-weight: 500;
    }

        .list-modules li span.number {
            font-size: 32px;
            width: 50px;
            letter-spacing: -3px;
            font-weight: 600;
            color: #ee2223;
        }

.instructor-frame.course-instructor {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.pd-toggle-style.toggle .toggle {
    border-bottom: 1px solid #eaeaea;
    margin-top: 0;
    width: 100%;
    float: left;
}

.pd-toggle-style.toggle .toggle-content {
    border: 0;
    padding: 20px 0;
    width: 100%;
    float: left;
}

.pd-toggle-style .toggle > label.toggle-link {
    padding: 20px 30px;
    border-left: 0;
    background: 0 0;
    position: relative;
    font-size: 26px;
    color: #000;
}

    .pd-toggle-style .toggle > label.toggle-link::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(/assets_front/img/icon-arrow-toggle.webp) center/contain no-repeat;
        width: 24px;
        height: 16px;
        transition: 0.3s;
    }

    .pd-toggle-style .toggle > label.toggle-link.active::after {
        transform: rotate(180deg);
    }

.price-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .price-list .price-modules .module {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #f0f0f0;
        padding: 15px;
        display: flex;
        flex-direction: column;
    }

        .price-list .price-modules .module .list-icons {
            padding-top: 15px;
            margin-top: 15px;
            border-top: 1px solid #f0f0f0;
        }

            .price-list .price-modules .module .list-icons li {
                font-size: 14px;
                margin-bottom: 5px;
                color: #666;
            }

.course-detail-tabs
.tab-content-frame
.tabcontent.kurs-content
.price-list
.price-modules
.module
h4 {
    font-size: 18px !important;
    color: #ee2223 !important;
    margin-bottom: 10px;
}

.price-alert {
    display: flex;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    padding: 15px;
    margin-bottom: 15px;
    align-items: center;
}

    .price-alert i {
        font-size: 38px;
        width: 48px;
        margin-right: 15px;
        color: #666;
    }

.price-list .btn-primary.red-button {
    margin-top: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .all-campaigns {
        display: block;
    }

    .certificate-step .certificate-step-content {
        width: 0;
        flex-basis: 100%;
    }

    :nth-child(2n).certificate-step .certificate-step-content {
        align-items: stretch;
    }
}

@media (max-width: 1540px) {
    #header .header-column.logo-column {
        flex: 0 0 260px;
    }

    #header .header-container.full-container .header-row {
        padding: 0 30px;
    }

    .course-top-frame .course-left-content .course-name h1 {
        width: 100%;
    }

    .course-top-frame .course-left-content {
        padding-left: 12%;
    }
}

@media (max-width: 1366px) {
    #header .header-column:first-child {
        flex: auto;
    }

    .header-mainlogo {
        display: none;
    }

    .header-stickylogo {
        display: block;
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        width: 1024px;
    }
}

@media (max-width: 1200px) {
    .course-top-frame .course-left-content .course-name h1 {
        font-size: 42px;
    }

    .return-banner .return-content {
        padding-bottom: 30px;
    }

    .education-footer-content .contact-info {
        width: 40%;
    }

    #mainNav.nav.nav-pills > li.dropdown-mega > a {
        padding: 7px 10px;
    }

    #mainNav.nav.nav-pills > li.dropdown-mega {
        min-width: 90px;
    }

    .custom-flex-list.custom-flex-list-5 .course {
        width: 25%;
    }

    .custom-course-list .courses-grid li {
        flex-basis: 33.33336%;
    }

    .campaing-header p {
        font-size: 16px;
    }

    .campaing-header h2 {
        font-size: 54px;
        line-height: 44px;
    }

    .certificate-step .imgframe-img {
        width: 270px;
        height: 270px;
    }

    .certificate-step .imgframe::before {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .certificate-step {
        padding: 30px 0;
    }

        .certificate-step:nth-child(2n)::after {
            width: 130px;
            height: 65px;
            background-size: contain;
            bottom: -20px;
        }

        .certificate-step:nth-child(2n-1)::after {
            width: 90px;
            height: 70px;
            right: -20px;
            background-size: contain;
        }

    .tabcontent .certificate-step .certificate-step-content {
        padding-left: 50px;
        padding-right: 0;
    }

    .tabcontent .certificate-step:nth-child(2n) .certificate-step-content {
        padding: 0 50px 0 0;
    }

    .tabcontent .certificate-step::after {
        display: none;
    }

    .videoframe .video-content-frame {
        width: 960px;
    }

    #header .header-logo .sticky-category {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header .header-column.menu-column {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px;
        flex-grow: 1;
        align-items: flex-start;
    }

        #header .header-column.menu-column.active,
        html.sticky-header-active #header .header-logo .sticky-category {
            display: flex;
        }

    #header .header-logo a {
        padding-right: 30px;
    }

    .header-row.beyaz {
        position: relative;
        z-index: 150;
    }

    .success-stories-slide .stories-image {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 1200px) and (min-width: 480px) {
    .nav-tabs {
        margin-left: 0 !important;
    }

    .header-search .search-frame {
        margin-bottom: 10px;
    }

    .blog-container.blog-detail-page .blog-modules .module.blog-full {
        width: 700px;
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    .blog-container.blog-list,
    .login-frame .btn.btn-face,
    .login-main-frame,
    .owl-carousel.success-stories-slide,
    .smart-courses .course-details-box .course-detail-info,
    .smart-courses
    .smart-course-2.smart-course
    .smart-course-detail-frame
    .course-img-box {
        width: 100%;
    }

        .login-main-frame .feature-box-frame {
            width: 330px;
            padding: 20px;
        }

    .blog-container.blog-detail-page .blog-modules .module.blog-full {
        width: 500px;
    }

    #header .header-search .header-search-wrapper .form-control {
        height: 40px;
    }

    .contact-mapframe {
        flex-direction: column;
        align-items: center;
    }

        .contact-mapframe #map {
            flex-grow: 1;
            height: 300px;
            width: 100%;
        }

        .contact-mapframe img {
            max-width: 100%;
            margin-top: 10px;
        }

    .videoframe .video-content-frame {
        width: 720px;
    }

    .course-list-4 .course,
    .custom-flex-list.custom-flex-list-5 .course {
        width: 33.3336%;
    }

        .custom-flex-list.custom-flex-list-5
        .course:nth-child(5n + 1):nth-last-child(-n + 5),
        .custom-flex-list.custom-flex-list-5
        .course:nth-child(5n + 1):nth-last-child(-n + 5) ~ .course {
            border-bottom: 1px solid #eaeaea;
        }

        .custom-flex-list.custom-flex-list-5
        .course:nth-child(3n + 1):nth-last-child(-n + 3),
        .custom-flex-list.custom-flex-list-5
        .course:nth-child(3n + 1):nth-last-child(-n + 3) ~ .course {
            border-bottom: 0;
        }

    .custom-course-list .courses-grid li {
        flex-basis: 50%;
    }

    #header .cart-dropdown .cart-icon {
        margin-right: 0;
    }

    #header .cart-dropdown .cart-mainlink,
    .course-list-1 .brand-details-frame::before {
        display: none;
    }

    .other-courses-tab,
    .smart-courses .smart-course-2.smart-course .smart-course-detail-frame {
        flex-direction: column;
    }

        .smart-courses
        .smart-course-2.smart-course
        .smart-course-detail-frame
        .course-details-box {
            width: 100%;
            padding: 0 25px;
        }

    .smart-courses .smart-course-3.smart-course {
        width: 50%;
    }

    .coursedetail .course-img-box {
        width: 45%;
        align-self: flex-start;
    }

    .course-extra-features .course-extra-item .item-icon img {
        max-height: 24px;
        max-width: 24px;
    }

    .course-extra-features .course-extra-item {
        padding: 5px;
    }

    .course-extra-features .course-item-frame:last-child {
        padding-right: 0;
    }

    .course-extra-features .course-extra-item .item-name {
        padding-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .coursedetail .course-details-box {
        width: 55%;
    }

    .all-brands .brand-module {
        width: 25%;
    }

    .brands-letter {
        flex-wrap: wrap;
    }

        .brands-letter a {
            width: 10%;
            margin-bottom: 1px;
            flex-grow: 0;
        }

            .brands-letter a:first-child,
            .brands-letter a:last-child {
                border-radius: 0;
                padding-left: 5px;
                padding-right: 5px;
            }

    .other-courses-tab .tab-left {
        flex: 0;
    }

        .other-courses-tab .tab-left .tab-left-line {
            width: auto;
        }

    .stories-content h4 {
        font-size: 26px;
    }

    .stories-content p {
        font-size: 14px;
    }

    .certframe img {
        max-width: 100%;
    }

    .certificate-step .imgframe-img {
        width: 260px;
        height: 260px;
    }

    .certificate-step .imgframe::before {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }

    .certificate-step .certificate-step-content {
        padding: 0 40px;
    }

    .certificate-step {
        padding: 30px 0;
    }

        .certificate-step:nth-child(2n)::after {
            width: 130px;
            height: 65px;
            background-size: contain;
            bottom: -20px;
        }

        .certificate-step:nth-child(2n-1)::after {
            width: 90px;
            height: 70px;
            right: -20px;
            background-size: contain;
        }

    .tabcontent .certificate-step .imgframe-img {
        width: 140px;
        height: 140px;
    }

    .tabcontent .certificate-step .imgframe {
        align-self: center;
    }

    .tabcontent .certificate-step .certificate-step-content {
        padding-left: 30px;
    }

    .tabcontent .certificate-step .imgframe::before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }

    .what-is-co {
        background: #f5f5f5;
        min-height: auto;
    }

    .online-certificate-frame {
        text-align: center;
        padding: 50px 30px;
    }

    .course-list-1.course-list .course .courseframe .course-image {
        width: 200px;
        height: 111px;
    }

    .course-list-1 .brandarea .course-name {
        font-size: 16px;
        line-height: 18px;
        max-height: 37px;
    }

    .course-list-1 .brand-name-content {
        font-size: 11px;
    }

    .course-list-1 .brand-details-frame {
        padding: 20px 20px 10px;
    }

    .course-details-box .custom-price-box .course-price-box {
        flex-grow: 1;
        flex-shrink: 0;
    }

    .taksitframe {
        margin-left: 10px;
        padding-left: 10px;
    }

    .course-details-box .univercity-name {
        font-size: 13px;
    }

    .course-details-box .course-name {
        font-size: 24px;
        line-height: 28px;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .btn-primary.red-button,
    .course-button.btn-primary.red-button {
        display: flex;
        align-items: center;
    }

        .course-button.btn-primary.red-button span {
            flex-grow: 1;
        }

    .tabcontent p {
        font-size: 14px;
        line-height: 18px;
    }

    .blog-container.blog-detail-page .blog-modules,
    .course-top-frame .course-left-content .course-story-info,
    .price-list .price-modules {
        flex-wrap: wrap;
    }

    .advantages,
    .after-pay-adress,
    .camp-tab-frame,
    .course-top-frame,
    .how-join,
    .how-join-story,
    .kvkk-links,
    .smart-courses .smart-course-full .smart-course-detail-frame,
    .story-detail-frame {
        flex-direction: column;
    }

    .price-list .price-modules .module {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .course-detail p.lead {
        font-size: 20px;
        font-weight: 300;
        line-height: 24px;
    }

    .course-top-frame {
        background: 0 0;
    }

        .course-top-frame .course-story-info {
            padding: 15px 0 0;
            flex-wrap: wrap;
        }

            .course-top-frame .course-story-info .module {
                margin: 0 10px 10px;
                flex-grow: 1;
                width: 0;
                flex-shrink: 0;
                background: #f9f9f9;
                justify-content: center;
            }

                .course-top-frame .course-story-info .module p {
                    text-align: center;
                }

        .course-top-frame .course-left-content {
            position: relative;
            padding: 30px 15px;
            min-height: 400px;
            justify-content: flex-end;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .course-top-frame .course-left-content .course-name h1 {
                text-align: center;
                margin-bottom: 0;
                font-size: 27px;
                width: 100%;
                line-height: normal;
            }

            .course-top-frame .course-left-content .course-name,
            .course-top-frame .course-left-content .logo-frame {
                position: relative;
                z-index: 2;
            }

            .course-top-frame .course-left-content::before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: #000;
                background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0.4) 100%);
            }

    .mini-banner {
        flex-direction: row;
        width: auto;
        position: static;
        margin: 5px -15px 0;
        float: left;
        box-shadow: none;
    }

        .mini-banner .mini-content .btn-white {
            padding: 5px 15px;
        }

        .mini-banner .img-frame {
            width: 160px;
            flex-shrink: 0;
        }

        .mini-banner .mini-content {
            padding: 15px;
            align-items: normal;
        }

        .course-category .course-list-view .course-image-area img,
        .mini-banner .img-frame img {
            max-width: 100%;
        }

        .mini-banner .mini-content p {
            font-size: 16px;
            margin-bottom: 15px;
        }

            .mini-banner .mini-content p span {
                font-size: 24px;
            }

        .mini-banner .close-mini-banner i {
            color: #fff;
        }

    .edevlet-frame,
    .iconlu {
        font-size: 13px;
    }

        .edevlet-frame img {
            max-width: 110px !important;
            margin-right: 10px;
        }

    .cert-qr-code {
        padding: 10px;
        align-items: center;
    }

        .cert-qr-code p {
            font-size: 13px !important;
            text-align: left;
        }

        .cert-qr-code i {
            margin-right: 10px;
            font-size: 40px !important;
        }

        .cert-qr-code img {
            width: 100px;
            max-width: 100px;
            margin-top: 20px;
        }

    .top-auto {
        top: auto !important;
        font-size: 12px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
    }

    .statik-course-module.course-list .course .courseframe .course-image img {
        min-width: 100%;
        max-height: 100%;
        min-height: auto;
        margin-left: -45px;
    }

    .etu-story-module {
        flex-direction: column;
        padding: 15px 30px;
    }

        .etu-story-module .module {
            margin-bottom: 15px;
        }

    .statik-course-module.course-list-1 .course {
        width: 100%;
        padding: 5px 25px;
    }

        #header .header-column.search-toggle,
        #header .header-search-wrapper .compare-dropdownmenu .custom-search-content,
        .black-friday-big p i,
        .certificate-step:nth-child(2n)::after,
        .certificate-step:nth-child(2n-1)::after,
        .course-list-cargo img,
        .custom-smart-timer.black-friday-count .smart-timer-time span,
        .login-main-frame .feature-box-frame,
        .mobile-all-results .custom-course-sidebar,
        .mobile-all-results .hit-category-breadcrumb,
        .mobile-all-results .hit-stars,
        .mobile-all-results .hit-yazar,
        .mobile-hidden,
        .mobile-search-wrapper #hits.course-category p,
        .mobile-search-wrapper #left-column,
        .other-courses-tab .tab-left .tab-left-line:before,
        .statik-course-module.course-list-1 .course .brand-details-frame:before,
        .statik-course-module.course-list-1 .course .course-details-area,
        .videoframe .video-title,
        .videoframe.active .video-title {
            display: none;
        }

        .statik-course-module.course-list-1 .course .course-image {
            width: 110px !important;
            height: 110px;
        }

        .contact-mail-style .module,
        .statik-course-module.course-list-1 .course .brand-details-frame {
            padding: 15px;
        }

            .statik-course-module.course-list-1
            .course
            .brand-details-frame
            .course-name {
                font-size: 17px;
                line-height: 19px;
                padding-bottom: 5px;
            }

            .ec-timeline-portlet .text-muted,
            .statik-course-module.course-list-1
            .course
            .brand-details-frame
            .brand-name-content {
                font-size: 10px;
            }

    .kvkk-links a {
        padding: 10px 20px;
    }

    .login-main-frame {
        width: 100%;
        background: 0 0;
        border: none;
        padding: 20px;
    }

        .login-main-frame .login-frame {
            border-right: 0;
            border: 1px solid #dedede;
            border-radius: 7px;
            background: #fff;
            padding: 15px;
        }

    #header .header-search-wrapper .compare-dropdownmenu .custom-search-links,
    .adres-chooser-item .col-xs-4,
    .adres-chooser-item .col-xs-7,
    .advantages .imgframe,
    .coursedetail
    .course-actions.sticky-actions
    .mobile-cta-button
    a.mobile-custom-button,
    .coursedetail .course-img-box,
    .how-join-story .module,
    .list-two .course-list-cargo .cargo-line.free-cargo,
    .list-two .course-list-cargo .cargo-line.same-day-cargo,
    .login-frame .btn.btn-face,
    .smart-courses .smart-course-2,
    .smart-courses .smart-course-3,
    .smart-courses .smart-course-3.smart-course,
    .smart-courses .smart-course-full,
    .smart-courses
    .smart-course-full
    .smart-course-detail-frame
    .course-details-box,
    .smart-courses .smart-course-full .smart-course-detail-frame .course-img-box,
    .success-stories-bg .container,
    .videoframe .video-content-frame {
        width: 100%;
    }

    .blog-container.blog-detail-page .blog-modules .module.blog-full {
        width: 100%;
        padding-right: 15px;
    }

    .blog-container.blog-detail-page .blog-modules .module.module-side {
        margin: 30px -15px;
        width: auto;
    }

    .blog-container .blog-content-frame .blog-content iframe {
        max-width: 100%;
        max-height: 400px;
    }

    .cart-price a.remove-code {
        top: 12px;
    }

    .badge {
        padding: 3px 6px;
    }

    .online-certificate-frame p span.highlight::before {
        left: -5px;
        right: -5px;
    }

    .how-join .seperator {
        transform: rotate(90deg);
        margin: 15px 0;
    }

    .yde-module .module {
        float: left;
        width: 100%;
        padding: 0 0 10px;
    }

    .camp-tab-frame .toggle-link {
        color: #484848;
        border-bottom: 0;
    }

        .camp-tab-frame .toggle-link.active {
            color: #222;
        }

        .camp-tab-frame .toggle-link i {
            font-size: 18px;
            margin-right: 15px;
        }

    .camp-tab-frame .camp-tab-links {
        width: 100%;
        padding: 0 10px;
    }

        .camp-tab-frame .camp-tab-links a {
            font-size: 16px;
            padding: 10px 0 10px 25px;
        }

    .camp-detail ul,
    .course-details p,
    .toggle-content .course-details h5 {
        font-size: 16px;
    }

    .camp-tab-frame .camp-tab-content {
        width: 100%;
        padding-left: 0;
    }

    .course-slide-item::after {
        width: 76px;
        height: 76px;
        opacity: 1;
    }

    .banner-module,
    .instructor-frame .instructor,
    .mobile-search-wrapper .custom-price-box .course-label {
        margin-bottom: 10px;
    }

    .education-footer-content .footer-info {
        margin-bottom: 40px;
        padding-right: 0 !important;
    }

    .kosul-link {
        float: left;
        margin-bottom: 0;
    }

    .total-discount {
        border: 2px dashed #baecc6;
        border-radius: 5px;
    }

        .total-discount::after {
            bottom: -3px;
            top: auto;
            background: #44a95c;
        }

        .total-discount p {
            background: #e3ffe9;
            color: #29823e;
        }

    .body {
        overflow-x: hidden;
    }

    #header .header-column {
        align-self: center;
        padding: 5px 0;
    }

        #header .header-column:first-child,
        .theme-green .other-courses-tab .tab-left {
            flex: 0;
        }

        #header .header-column.flex-grow {
            flex-grow: 4;
        }

    .mmenu-toggle-btn {
        margin: 0;
        padding: 10px;
    }

    .user-btn {
        margin: 5px;
    }

    #header .header-body {
        transition: 0.3s;
    }

        #header .header-body.mobile-sticky-menu {
            position: fixed;
            width: 100%;
            transition: 0.3s;
            border-bottom: 2px solid #ee2223;
            box-shadow: 0 0 5px rgb(0 0 0 / 20%);
        }

            #header .header-body.mobile-sticky-menu.sticky-down {
                top: 0;
            }

        #header .header-body.sticky-up {
            top: -200px;
            position: fixed;
        }

    .stb-show #kampanya {
        position: fixed;
        z-index: 999;
        top: 0;
        width: 100%;
    }

    .page-header .breadcrumb > li > a {
        font-size: 12px;
        color: #5a5a5a;
    }

    .toggle > label {
        border-left-color: #909090;
        font-weight: 500;
        color: #333;
    }

        .toggle > label.active {
            color: #b2040e;
            border-left-color: #b2040e;
        }

            .toggle > label.active:before {
                border: 6px solid transparent;
                border-top-color: #4d00ae;
                margin-top: -3px;
                right: 10px;
            }

    .advantages .imgframe img,
    .coursedetail .course-actions {
        margin-bottom: 20px;
    }

        .coursedetail .course-actions a.mobile-custom-button {
            font-size: 17px;
            padding: 9px;
            margin-bottom: 0;
            margin-right: 10px;
            border-radius: 0;
        }

            .coursedetail .course-actions a.mobile-custom-button:last-child {
                margin-right: 0;
            }

    .course-extra-features {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

        .course-extra-features .course-extra-frame {
            padding: 0 5px 0 0;
            flex: 0 0 33.3336%;
        }

            .course-extra-features .course-extra-frame:nth-child(3n) {
                padding-right: 0;
            }

        .course-extra-features .course-extra-item {
            padding: 5px;
            margin-right: 5px;
            margin-bottom: 10px;
            display: flex;
            flex-wrap: nowrap;
        }

            .course-extra-features .course-extra-item .item-icon {
                height: auto;
                padding-right: 6px;
            }

        .course-extra-features .course-item-frame .course-extra-item {
            border: 0;
        }

        .course-extra-features .course-extra-item .item-name {
            padding-left: 5px;
        }

        .course-extra-features .course-extra-item .item-icon img {
            max-width: 42px;
            max-height: 24px;
        }

    .meta-content,
    .mobile-white {
        background: #fff;
    }

    .pd-toggle-style.toggle .toggle {
        border-bottom: 1px solid #eaeaea;
        margin-top: 0;
    }

    .pd-toggle-style.toggle .toggle-content {
        border: 0;
        padding: 20px 0;
    }

    .pd-toggle-style .toggle > label.toggle-link.active::after,
    .pd-toggle-style .toggle > label.toggle-link::after {
        position: absolute;
        border-radius: 7px;
        background-color: #ee2223;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 24px;
        margin-right: 10px;
        bottom: 0;
        left: 0;
        top: 0;
        text-align: center;
    }

    .pd-toggle-style .toggle > label.toggle-link {
        font-family: Gotham-Medium, Arial, sans-serif;
        font-weight: 400;
        padding: 20px 30px 20px 40px;
        border-left: 0;
        background: 0 0;
        position: relative;
        font-size: 20px;
        color: #000;
    }

        .pd-toggle-style .toggle > label.toggle-link::after {
            content: "+";
        }

        .pd-toggle-style .toggle > label.toggle-link.active::after {
            content: "-";
            transition: 0.3s;
        }

    .course-details {
        padding: 20px 0 30px;
        width: 100%;
        float: left;
        font-size: 16px;
    }

        .course-details h4.mt-xlg {
            margin-top: 0 !important;
        }

        .course-details ul {
            padding-left: 20px;
        }

            .course-details ul.lead5 li,
            .toolbar .sorter .pagination a,
            .toolbar .sorter .pagination span {
                margin-bottom: 5px;
            }

                .course-details ul li ul,
                .course-details ul.lead5 li ul {
                    margin-top: 5px;
                    margin-bottom: 20px;
                }

                    .course-details ul.lead5 li ul li {
                        margin-bottom: 5px;
                        font-weight: 400;
                    }

    .blog-container .row:first-child,
    .course-category,
    .coursedetail,
    .coursedetail .course-img-box,
    .coursedetail .course-img-box-wrapper,
    .courses-grid,
    .smart-courses,
    .tabs.tabs-bottom,
    .tabs.tabs-simple .nav-tabs > li,
    .videoframe .video-content-frame {
        margin: 0;
    }

        .course-category .course-list-view .course-details-area {
            padding: 0 10px;
        }

        .course-category .course-list-view .course-count {
            padding-right: 10px;
        }

        .course-category .course-list-view .course-image-area {
            width: 70px;
            flex: 0 0 70px;
            padding-right: 10px;
        }

    #header .header-search-wrapper .compare-dropdownmenu {
        top: 100%;
    }

    .coursedetail .course-details-box {
        width: 100%;
        padding: 10px 15px 0;
    }

    .courses-list li {
        padding: 15px 0;
        width: 100%;
        float: left;
    }

        .course-img-box-wrapper,
        .courses-list li .course,
        .mobile-course-module .module-frame .module .course,
        .toggle .toggle,
        .wfull {
            width: 100%;
            float: left;
        }

            .course-badge,
            .courses-list li .course.course-2018::after {
                top: auto;
                bottom: 0;
            }

    .course.course-list .course-image-area {
        width: 25%;
    }

    .course.course-list .course-details-area {
        width: 75%;
    }

    .course .course-image-area .course-image img {
        max-width: 100%;
        max-height: 100%;
    }

    .smart-courses .smart-course .course-extra-features .course-extra-item {
        width: auto;
        margin-right: 10px;
    }

    .course .course-name,
    .course .course-name a {
        line-height: normal;
        height: auto;
    }

    #header .header-column.mobile-logo-area img {
        max-width: 180px;
    }

    #header .header-column.mobile-logo-area a,
    .mobile-all-results .ais-hits--item,
    .mobile-search-wrapper .course-category .course-list-view {
        padding: 10px 0;
    }

    .mobile-cat-list {
        padding: 0 0 20px;
        margin: 0;
        list-style-type: none;
    }

        .mobile-cat-list a {
            float: left;
            width: 100%;
            padding: 10px 0;
            color: #777;
            border-bottom: 1px solid #eaeaea;
            border-top: 1px solid #fff;
            font-size: 16px;
            font-weight: 500;
        }

            .mobile-cat-list a img {
                max-width: 16px;
                max-height: 16px;
            }

        .mobile-cat-list li:first-child a {
            border-top: 0;
        }

        .mobile-cat-list li:last-child a {
            border-bottom: 0;
        }

    .mobile-all-results .ais-hits--item a .course-image-area,
    .mobile-search-wrapper #hits.course-category .course-image-area {
        flex: 0 0 80px;
    }

        .mobile-all-results .ais-hits--item a .course-image-area img {
            max-height: 70px !important;
            max-width: 80px !important;
        }

    .mobile-all-results .ais-hits--item a .custom-price-box {
        margin-top: 5px;
        flex-direction: row;
        flex: 0 0 100%;
        padding: 0;
    }

        .mobile-all-results .ais-hits--item a .custom-price-box .course-label {
            margin: 0 10px 0 0;
        }

        .mobile-all-results .ais-hits--item a .custom-price-box .old-price {
            margin: 0 0 5px;
        }

    .mobile-all-results .ais-hits--item a {
        display: flex;
        align-items: center;
    }

    .mobile-all-results .search-custom-list .ais-hits .ais-hits--item {
        flex: 0 0 100%;
        padding: 10px;
    }

    .blog-header .container,
    .mobile-all-results .ais-pagination,
    .mobile-all-results .course .course-details-area,
    .toggle-content .course-details {
        padding: 0;
    }

    .halfowl .course.course-list .course-details-area,
    .list-two .course.course-list .course-details-area,
    .mobile-search-wrapper #right-column {
        width: 100%;
        padding: 0;
    }

    .mobile-search-wrapper #hits.course-category .course-image-area img {
        max-width: 70px;
    }

    .mobile-search-wrapper .search-custom-list .ais-hits .ais-hits--item {
        padding: 10px 5px;
    }

    .mobile-search-wrapper #hits.course-category .custom-price-box {
        flex-direction: column;
        flex: 0 0 60px;
    }

    .coursedetail .course-img-wrapper img {
        max-height: none;
    }

    .course-book-detail .coursedetail .course-img-wrapper {
        padding: 20px;
    }

    .course-inst-name {
        color: #000;
        font-weight: 400;
        font-size: 13px;
    }

    .toolbar .sorter .pagination {
        margin: 0;
        float: left;
        padding-top: 10px;
    }

        .toolbar .sorter .pagination li a {
            float: left;
            margin: 0 5px 5px 0;
        }

    .course-list-cargo .cargo-line.free-cargo,
    .course-list-cargo .cargo-line.same-day-cargo {
        width: 70%;
        float: left;
        padding: 5px;
    }

    .course-list-cargo .free-cargo p,
    .course-list-cargo .same-day-cargo p {
        text-transform: none;
    }

    .all-brands .brand-module {
        width: 33.3336%;
    }

    .custom-smart-timer.black-friday-count {
        padding: 15px 0 20px;
    }

        .custom-smart-timer.black-friday-count .smart-timer-name {
            font-size: 22px;
            text-align: center;
            width: 100%;
            line-height: 22px;
            margin-bottom: 15px;
        }

        .custom-smart-timer.black-friday-count .smart-timer-time {
            width: 100%;
            text-align: center;
        }

        .custom-smart-timer.black-friday-count .smart-timer-and-counter {
            float: none;
            margin: 0 auto;
        }

    .black-friday-big p,
    .other-courses-tab .tab-right .tab-right-line .module p {
        font-size: 14px;
    }

    .course.course-list .course-name,
    .course.course-list .course-name a {
        font-size: 16px;
        line-height: normal;
        font-weight: 500;
    }

    .mobile-border-top {
        border-top: 1px solid #f0f0f0;
    }

    .payment-tab .nav-tabs {
        display: flex;
        flex-direction: row;
        margin-bottom: 15px;
    }

        .payment-tab .nav-tabs li {
            float: left;
            flex-grow: 1;
            text-align: center;
        }

    .payment-tab .odemetipi {
        font-size: 12px;
        padding: 10px 5px;
        border: none !important;
        border-radius: 0;
    }

    #header.payment-page-header {
        min-height: auto !important;
        border-bottom: 1px solid #f0f0f0;
    }

        #header.payment-page-header .header-body.mobile-sticky-menu {
            position: relative !important;
            min-height: auto !important;
            border-bottom: 1px solid #f0f0f0;
        }

        #header.payment-page-header .header-search {
            display: none !important;
        }

    .course-list-4 .course,
    .other-courses-tab .tab-right .tab-right-line .module {
        width: 50%;
    }

    .microsite.other-courses h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .page-header .breadcrumb > li:last-child > a {
        color: #303030;
    }

    .page-header .breadcrumb .top-categories {
        padding: 0 5px;
        font-size: 16px;
        font-weight: 500;
    }

    .halfowl .course.course-list .course-image-area,
    .list-two .course.course-list .course-image-area {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .halfowl .course.course-list .course-name,
    .list-two .course.course-list .course-name {
        height: 60px;
        overflow: hidden;
        font-size: 14px;
    }

    .course-list-cargo .cargo-line img {
        width: auto;
    }

    .dailydeals {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .dailydeals .moduleframe {
            width: 50%;
            display: flex;
            float: left;
            padding: 0 5px 10px;
        }

            .dailydeals .moduleframe .hfull {
                height: 100%;
            }

    .mobile-category-banner {
        padding: 10px 0;
        width: 100%;
        background: #f0f0f0;
        display: flex;
        flex-wrap: wrap;
    }

        .mobile-category-banner .moduleframe {
            width: 50%;
            padding: 10px;
            float: left;
        }

        .mobile-category-banner .module {
            width: 100%;
            padding: 10px;
            background: #fff;
            text-align: center;
            height: 100%;
        }

            .mobile-category-banner .module h4 {
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 0;
            }

            .mobile-category-banner .module img {
                max-width: 90px;
                max-height: 90px;
                margin-bottom: 15px;
            }

    .halfowl.owl-carousel .owl-stage {
        display: flex !important;
    }

    .halfowlmodule {
        width: 220px;
        float: left;
        height: 100%;
        background: #f9f9f9;
    }

    .halfowl .course.course-list .course-image-area {
        text-align: center;
        background: 0 0;
    }

        .halfowl .course.course-list .course-image-area img {
            max-width: 90px;
            max-height: 90px;
        }

    #footer.short {
        border-top-color: #f0f0f0;
    }

    .coursedetail .course-details-title {
        background: #4d00ae;
        padding: 0 15px 20px;
    }

    .course-details-box.course-details-title {
        background: #f9f9f9;
    }

    .course-details-box .course-name {
        font-size: 22px;
        font-weight: 400;
        color: #000;
        line-height: 26px;
    }

    .success-stories-bg {
        padding: 30px;
        background-color: #e5e5e5;
    }

    .success-stories-slide .stories-image {
        width: 170px;
        height: 170px;
        align-self: center;
    }

    .success-stories-slide .stories-content {
        padding-right: 40px;
    }

    .certificate-step,
    .certificate-step:nth-child(2n) {
        flex-direction: row;
        align-items: center;
    }

    .advantages-content,
    .blog-header-container .blog-header-menu ul li:first-child a {
        padding-left: 0;
    }

    .course-list-4 .halfowl .course {
        width: 300px;
    }

        .course-list-4 .halfowl .course .courseframe {
            box-shadow: none;
            border: 1px solid #f9f9f9;
        }

    .educationdetail-frame {
        opacity: 1;
    }

    .education-footer-content {
        flex-direction: column;
        padding: 0 30px;
    }

        .education-footer-content .contact-info {
            width: 100%;
            margin-top: 30px;
        }

            .education-footer-content .contact-info p {
                text-align: left;
                margin-bottom: 15px;
            }

    .online-certificate-frame {
        padding: 40px 20px;
    }

        .online-certificate-frame h2 {
            font-size: 28px;
        }

        .online-certificate-frame p {
            font-size: 18px;
            margin-bottom: 30px;
        }

    .videoframe .closepanel {
        right: auto;
        left: 0;
    }

    .mobile-course-module {
        width: 100%;
        padding-top: 0 !important;
    }

        .mobile-course-module .mobile-section-title {
            font-size: 20px;
            font-weight: 600;
        }

        .mobile-course-module .module-frame {
            width: 100%;
            float: left;
            position: relative;
            padding-bottom: 0 !important;
        }

            .mobile-course-module .module-frame .module {
                width: 100%;
                float: left;
                position: relative;
                padding: 15px 0;
                border-bottom: 1px solid #f0f0f0;
            }

                .mobile-course-module .module-frame .module .course.course-list .course-name {
                    font-size: 14px;
                    line-height: 18px;
                    max-height: 36px;
                    overflow: hidden;
                    color: #333;
                }

                .mobile-course-module .module-frame .module .course.course-list p {
                    font-size: 12px;
                }

                .mobile-course-module .module-frame .module .course.course-2018::after {
                    top: auto;
                    bottom: 0;
                    right: 0;
                    font-size: 10px;
                    line-height: 28px;
                    width: 28px;
                    height: 28px;
                }

    #gunlukurunler .course.course-2018::after {
        top: 0;
        right: 0;
        font-size: 10px;
        line-height: 28px;
        width: 28px;
        height: 28px;
    }

    .mobile-course-module .module-frame .seeall {
        font-size: 15px;
        font-weight: 400;
        color: #0a71ce;
        width: 100%;
        float: left;
        padding: 15px 10px;
        border-top: 1px solid #ccc;
    }

        .mobile-course-module .module-frame .seeall i {
            font-size: 20px;
        }

    .course-img-carousel.owl-carousel.nav-inside .owl-dots {
        bottom: 10px;
    }

    .taksitframe {
        padding: 0;
        margin: 0 0 10px;
        border: 0;
    }

    .last-day {
        margin-bottom: 10px;
        width: 100%;
    }

    #favori_alarm {
        padding-bottom: 20px !important;
    }

    .toggle .toggle-content {
        width: 100%;
        float: left;
        padding: 20px;
        border: 2px solid #f4f4f4;
        border-top: 0;
    }

    .toggle > label.toggle-link {
        font-size: 14px;
        font-weight: 600;
        border-radius: 0;
        margin-bottom: 0;
    }

    .testimonial-slide {
        margin-top: 20px;
    }

    .testimonial-item .testimonial-img {
        width: 200px;
        height: 200px;
    }

    .testimonial-item .testimonial-content {
        padding: 0 80px;
    }

    .mobile-category-course-list .course {
        width: 50%;
        padding-right: 15px;
    }

        .mobile-category-course-list .course:nth-child(2n) {
            padding-right: 0;
            padding-left: 15px;
        }

    .mobile-all-results .ais-hits--item {
        width: 50%;
        float: left;
    }

        .login-frame .btn.btn-login.btn-pw-reset,
        .mobile-all-results .ais-hits--item .course {
            width: 100%;
        }

    #header .header-search .header-search-wrapper .btn.btn-default {
        background: #ececec;
        color: #484848;
        padding-top: 5px;
        line-height: 40px !important;
    }

    #header .header-search .header-search-wrapper .form-control {
        height: 40px;
    }

    .cert-title {
        font-size: 26px;
        padding: 0 15px;
    }

    .certframe.vertical img {
        max-width: 300px;
        margin: auto;
    }

    .stories-module .imgframe {
        width: 150px;
    }

    .stories-module .stories-content {
        padding-left: 30px;
    }

        .stories-module .stories-content h4 {
            font-size: 22px;
        }

    .story-detail {
        padding-left: 0;
        border-right: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #f0f0f0;
    }

    .other-stories {
        padding: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #header .header-column.cart-toggle,
    #header .header-column.search-toggle {
        flex: 0 0 50px;
    }

    .micro-area .solidbg {
        left: 0;
        transform: skewX(0);
        opacity: 0.7;
    }

    .device-type-m {
        max-height: 450px;
        overflow: hidden;
    }

        .device-type-m img {
            margin-top: -100px;
        }

    .online-certificate-frame p span.highlight {
        float: none;
        display: block;
    }

    .tablet-slider {
        background: #f9f9f9;
        position: relative;
    }

        .tablet-slider::before {
            content: "";
            background: #f9f9f9;
            height: 80%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
        }

    .coursedetail .tablet-slider .course-img-box {
        background: 0 0;
        z-index: 5;
        width: 90%;
        margin-left: 5%;
    }

    .blog-container {
        padding: 30px !important;
        width: 100%;
    }

        .blog-container .blog-modules .module:first-child {
            padding-top: 0;
        }

        .blog-container .blog-modules .module {
            width: 100%;
            border-bottom: 1px solid #f0f0f0;
            padding: 30px 0;
        }

        .blog-container .blog-content-frame .blog-title h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .blog-container .blog-full .blog-content-frame .blog-title h4 {
            font-size: 24px;
            line-height: 26px;
        }

    .blog-header .blog-header-container {
        flex-direction: column;
        padding: 10px 30px;
    }

    .mobile-blog-toggle {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        position: relative;
        cursor: pointer;
        background: #fff;
        display: block;
    }

        .mobile-blog-toggle h4 {
            margin: 0;
            width: 100%;
        }

        .mobile-blog-toggle::after {
            content: "\f0c9";
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            padding: 5px 10px;
            text-align: center;
            font-family: FontAwesome;
            font-size: 21px;
        }

    .blog-header-container .blog-header-menu {
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #fff;
        display: flex;
        flex-direction: column;
    }

        .blog-header-container .blog-header-menu ul {
            display: none;
            background: #fff;
        }

            .blog-header-container .blog-header-menu ul li a {
                padding: 5px 10px !important;
                border-bottom: 1px solid #f0f0f0;
            }

    .blog-detail-page.blog-container .blog-content-frame .blog-content {
        line-height: 28px;
        font-weight: 400;
        color: #444;
    }

        .blog-detail-page.blog-container .blog-content-frame .blog-content p {
            line-height: 28px;
        }

    .modulesection.cat-images a {
        width: 50%;
        padding-right: 7px;
    }

        .modulesection.cat-images a:nth-child(2n) {
            padding-left: 7px;
            padding-right: 15px;
        }

    #clock .hours,
    #clock .minutes,
    #clock .seconds {
        display: block;
        text-align: center;
        padding: 0;
    }
}

@media (max-width: 640px) {
    #footer .footer-copyright p {
        text-align: center;
        float: none;
    }

    .tablet-slide-img {
        display: none;
    }

    .mobile-slide-img {
        display: block;
    }
}

@media (min-width: 640px) {
    .tablet-slide-img {
        display: block;
    }

    .mobile-slide-img {
        display: none;
    }
}

@media (max-width: 480px) {
    .advantages-content li:after {
        content: "";
        border-left: 4px solid #bcbec2;
        height: 185px;
        position: absolute;
        left: -10px;
        top: 0;
        z-index: -1;
    }

    .campaign-check label,
    .cart-price.discount-applied p span .discount-timer span,
    .custom-smart-timer .smart-timer-count .stc-group-label,
    .micro-area .micro-content h6,
    .mobile-brand-name,
    .top-count-banner .text-center {
        font-size: 12px;
    }

        .certdetail,
        .micro-area .micro-content h5,
        .taksitframe a,
        .toggle-button,
        .top-count-banner .text-center h1 {
            font-size: 16px;
        }

    .top-count-banner a img {
        max-width: 56px;
    }

    .modal-small {
        width: 94%;
        margin: 3%;
    }

        .certframe.vertical img,
        .modal-small img,
        .segmentify-content .custom-flex-list .course .course-image-area img {
            max-width: 100%;
        }

    .register-sub-content p {
        font-size: 10px;
    }

    .modulesection.cat-images a {
        width: 100%;
        padding-right: 15px;
    }

        .modulesection.cat-images a:nth-child(2n) {
            padding: 15px 15px 0;
        }

        .modulesection.cat-images a:last-child {
            padding-bottom: 15px;
        }

    .login-frame .line label {
        flex-wrap: wrap;
    }

        .login-frame .line label p {
            font-size: 19px;
            padding-right: 10px;
        }

    .linkedin-frame img {
        max-width: 80px;
    }

    .cart-price.discount-applied p span .discount-timer {
        float: none;
        padding: 3px 4px;
    }

    .for-corporate {
        background: 0 0;
        min-height: auto;
    }

        .for-corporate .course-extra-features,
        .micro-content img {
            margin-top: 20px;
        }

            .for-corporate .course-extra-features .course-item-frame:last-child {
                padding-right: 0;
            }

            .for-corporate .course-extra-features .course-extra-item {
                font-size: 11px;
                padding: 5px;
            }

        .for-corporate .online-certificate-frame {
            padding: 15px;
            background: rgba(255, 255, 255, 0.9);
            width: 100%;
        }

            .for-corporate .online-certificate-frame img.mobile-img {
                width: 100%;
                display: block;
                margin-bottom: 20px;
            }

            .for-corporate .online-certificate-frame h2,
            .micro-area .micro-content h2,
            .video-container .video-title h3 {
                font-size: 28px;
            }

            .course-price-box .old-price,
            .course-price-box .old-price + .course-price,
            .custom-smart-timer .smart-timer-count .stc-group-digits,
            .for-corporate .online-certificate-frame p,
            .return-banner .return-content h2 {
                font-size: 18px;
            }

    .fixed-mobile-category.mobile-category-filter {
        margin: 0 !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }

    .col-md-12.fixed-h-control-frame.padding-applied {
        padding-top: 51px;
    }

    .cat-more-arrow {
        position: relative;
    }

    .close-mobile-cat-list {
        text-align: right;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 10px;
        width: 32px;
        height: 32px;
        z-index: 99;
        background: url(/assets_front/img/icon-education-close.png) center/18px no-repeat #f9f9f9;
    }

    .advantages .imgframe img,
    .advantages-frame::after,
    .course-category .course-list-view .course-count,
    .custom-smart-timer .smart-timer-time span,
    .header-search,
    .mobile-search-wrapper #hits.course-category .custom-price-box,
    .owl-carousel.course-img-carousel .owl-nav,
    .toggle > label:before {
        display: none;
    }

    #header .header-search .header-search-wrapper .form-control {
        height: 50px;
    }

    .blog-container .blog-content-frame .blog-content,
    .contact-mail-style,
    .stories-module,
    .success-cert-line {
        flex-direction: column;
    }

        .success-cert-line .img-frame {
            width: 100%;
            padding-bottom: 30px;
            max-height: 80px;
        }

        .custom-smart-timer,
        .success-cert-line .content-frame {
            padding: 0;
        }

            .success-cert-line .content-frame h2 {
                margin-bottom: 20px !important;
            }

        .success-cert-line .check-mark {
            padding-top: 30px;
            border-left: 0;
        }

    .return-banner::after {
        height: 100%;
    }

    .return-banner .return-img {
        align-self: flex-end;
        padding: 0 10px;
    }

        .return-banner .return-img img {
            max-width: 120px;
        }

    .return-banner .return-content {
        padding: 10px 10px 10px 0;
    }

    #header .header-column.search-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        #header .header-column.search-toggle.active {
            color: #b2040e;
        }

    #header .header-column.mobile-logo-area img {
        max-width: 130px;
    }

    #header {
        min-height: 60px;
    }

        #header.searchopen {
            min-height: 130px;
        }

        #header .header-column.mobile-logo-area {
            flex-grow: 4;
        }

            #header .header-column.mobile-logo-area a {
                padding: 8px 0;
                margin-bottom: 0 !important;
            }

        #header.payment-page-header {
            min-height: 60px !important;
        }

        #header .cart-dropdown .cart-icon .cart-info {
            top: -5px;
        }

    .instructor-frame .instructor-info-frame p.instructor-title {
        font-size: 13px;
        line-height: 16px;
    }

    .footer-contact-margin {
        margin-top: 30px;
    }

    .course-list-4 .course,
    .mobile-all-results .ais-hits--item {
        width: 100%;
    }

    .mobile-category-course-list .course,
    .mobile-category-course-list .course:nth-child(2n) {
        width: 100%;
        padding: 0;
    }

    .certificate-step,
    .certificate-step:nth-child(2n) {
        flex-direction: column;
        align-items: center;
    }

        .certificate-step .certificate-step-content {
            padding: 20px 0;
            border-bottom: 1px solid #ddd;
        }

    .cert-title {
        padding: 0;
        font-size: 20px;
    }

    .chart.chart-lg {
        margin: 0 auto 30px;
    }

    .mobile-search-wrapper #hits.course-category .course-image-area {
        flex: 0 0 60px;
    }

        .mobile-search-wrapper #hits.course-category .course-image-area img {
            max-width: 50px;
        }

    .videoframe .closepanel {
        right: 0;
        left: auto;
    }

    .owl-carousel.success-stories-slide {
        height: auto;
    }

    .success-stories-bg {
        padding: 30px 10px;
        background-repeat: repeat;
    }

    .stories-module .imgframe,
    .success-stories-slide .stories-image {
        width: 200px;
        height: 200px;
        border-width: 5px;
        margin-bottom: 30px;
    }

    .success-stories-slide .success-stories {
        align-items: center;
        text-align: center;
        flex-direction: column-reverse;
    }

    .success-stories-slide .stories-content {
        padding-right: 0;
        width: 100%;
    }

    .stories-content a {
        align-self: center;
    }

    .stories-content h4 {
        font-size: 22px;
    }

        .stories-content h4:after {
            right: 0;
            margin: auto;
        }

    .success-stories-slide .owl-dots {
        position: static;
        margin-top: 10px !important;
    }

    .testimonial-item {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .testimonial-item .testimonial-content {
            padding: 20px;
            width: 100%;
        }

        .testimonial-item .testimonial-img {
            width: 140px;
            height: 140px;
        }

        .testimonial-item .testimonial-content::before {
            left: 0;
            top: -35px;
        }

        .testimonial-item .testimonial-content::after {
            bottom: -30px;
        }

    .vtw-campaign.pushwidget .vtw-inner {
        padding: 15px !important;
    }

    .vtw-campaign.pushwidget .widget-img {
        display: block;
    }

    .vtw-campaign.pushwidget .btn-pretty {
        padding: 10px 20px !important;
    }

    .course.course-list .course-name {
        font-size: 17px;
    }

    .custom-price-box .course-label {
        padding: 12px 8px;
    }

        .custom-price-box .course-label .discount {
            font-size: 14px;
        }

    .course-category .course-list-view {
        padding: 15px 0;
    }

        .course-category .course-list-view .course-details-area {
            padding: 0 10px 0 0;
        }

    .course-details .certificate-step:first-child {
        padding-top: 0 !important;
    }

    .coursedetail .course-img-wrapper img,
    .device-type-m {
        max-height: none;
    }

    .course-book-detail .coursedetail .course-img-box img {
        max-height: 190px;
    }

    .course-extra-features .course-extra-item {
        padding: 7px 10px;
    }

    .all-brands .brand-module,
    .custom-flex-list.custom-flex-list-5 .course {
        width: 50%;
    }

    .segmentify-content .custom-flex-list .course {
        width: 100%;
        display: flex;
        padding: 15px 0;
    }

        .segmentify-content .custom-flex-list .course .course-image-area {
            width: 25%;
        }

        .segmentify-content .custom-flex-list .course .course-details-area {
            padding: 0 0 0 10px;
            width: 75%;
        }

    .custom-smart-timer .container {
        width: 90%;
    }

    .custom-smart-timer .smart-timer-name {
        width: 30%;
        text-align: left;
        font-size: 18px;
        line-height: 20px;
        padding-top: 10px;
    }

    .custom-smart-timer .smart-timer-time {
        width: 70%;
        justify-content: flex-end;
    }

    .mt-mobile-none,
    .payment-container {
        margin-top: 0 !important;
    }

        .payment-container .heading-primary {
            width: 100%;
            float: left;
        }

    .other-courses-tab .tab-right .tab-right-line .module {
        width: 100%;
        border-bottom: 2px solid #b90029;
    }

    .campaing-header a.seemore {
        min-width: auto;
    }

    .theme-newyear .campaing-header p {
        font-size: 12px;
        line-height: 14px;
        padding-left: 0;
        padding-right: 10px;
    }

    .micro-area .micro-content h3,
    .other-courses-tab .tab-right .tab-right-line .module .seeall {
        font-size: 24px;
    }

        .other-courses-tab .tab-right .tab-right-line .module .seeall img {
            max-width: 18px;
        }

    .header-column.search-toggle {
        text-align: center;
        padding: 15px 10px;
        font-size: 20px;
        color: #9a9a9a;
        flex: 0 0 40px !important;
    }

    .header-column.cart-toggle {
        padding: 0 10px !important;
        flex: 0 0 70px !important;
    }

    .mobile-category-filter {
        margin: 0 -15px !important;
        border-radius: 0;
    }

    .course-actions .custom-flex-list {
        flex-wrap: nowrap;
    }

    .p-none-xs {
        padding: 0 !important;
    }

    .btn-lg-mobile {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

    .btn-block-mobile {
        display: block;
        width: 100%;
    }

    .course-extra-features .course-extra-item:nth-child(2n) {
        margin-right: 0 !important;
    }

    .other-courses-tab .tab-left .followcontent {
        display: flex;
        overflow: auto;
    }

        .blog-container .blog-content-frame .blog-content span.readmore-button,
        .other-courses-tab .tab-left .followcontent .scrollable {
            display: flex;
        }

    .sellcount,
    .top-count-banner {
        padding: 10px;
    }

    .white-popup-block.campaign-detail {
        float: left;
    }

    .my-account {
        margin-bottom: 20px;
    }

    .certificate-step .imgframe {
        align-self: flex-start;
    }

        .certificate-step .imgframe::before {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            left: 0;
        }

    .certificate-step .imgframe-img {
        width: 110px;
        height: 110px;
        border-width: 10px;
    }

    .certificate-step {
        padding-bottom: 0;
    }

        .certificate-step .certificate-step-content {
            margin-bottom: 0;
        }

            .certificate-step .certificate-step-content h4 {
                font-size: 24px;
                font-weight: 700 !important;
            }

            .certificate-step .certificate-step-content p {
                font-size: 15px;
                font-weight: 400;
            }

    .stories-module .stories-content {
        padding: 20px 0 0;
    }

    .course-price-box .course-price,
    .course-price-box .old-price + .course-price {
        font-size: 18px;
        font-family: Gotham-Medium;
        font-weight: 400;
    }

    .certficate-slider.owl-theme.owl-carousel .owl-nav {
        opacity: 1;
    }

    .call-to-action.call-to-action-in-footer {
        margin-bottom: 0 !important;
    }

    .educationdetail-frame .education-icon {
        width: 80px;
    }

    .video-container .video-title p {
        font-size: 17px;
        font-weight: 400;
    }

    .story-detail-frame {
        flex-direction: column;
        padding: 15px;
    }

        .story-detail-frame .story-detail {
            padding: 0 0 30px;
            border-right: 0;
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 30px;
        }

    .coursedetail .course-actions a.mobile-custom-button {
        flex: 1;
    }

    .custom-price-box.col-xs-8 {
        width: 66.6666%;
    }

    .taksitframe {
        justify-content: flex-end;
        margin: 0;
    }

    .top-count-banner .close-topbanner {
        top: auto;
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 5px;
    }

        .top-count-banner .close-topbanner img {
            opacity: 0.6;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            top: 0;
            margin: auto;
        }

    .micro-area {
        padding: 20px;
        height: 230px;
    }

        .micro-area .micro-content h1 {
            font-size: 32px;
        }

        .micro-area .micro-content h4 {
            font-size: 20px;
        }

    .ud-footer {
        padding-bottom: 60px !important;
    }

    .advantages {
        padding: 40px;
        padding-bottom: 0 !important;
    }

    .advantages-content h4 {
        text-align: center;
        margin-bottom: 20px;
    }

    .advantages-content li {
        padding-left: 28px;
    }

    .max-image {
        max-height: 270px;
        overflow: hidden;
    }

    .contact-mail-style .module {
        margin-bottom: 15px;
    }

    .device-type-m img {
        margin-top: 0;
    }

    .blog-container {
        padding: 30px 15px !important;
    }

        .blog-container .blog-modules .module {
            padding: 15px;
        }

        .blog-container .blog-content-frame .blog-content iframe {
            max-width: 100%;
            max-height: 250px;
        }

        .blog-container .blog-content-frame .blog-content .numeric-list {
            padding-left: 0;
        }

            .blog-container .blog-content-frame .blog-content .numeric-list .img-frame {
                margin-left: 0;
            }
}

@media (max-height: 768px) {
    #hits.course-category .course-image-area {
        flex-basis: auto;
    }

        #hits.course-category .course-image-area img {
            max-width: 50px;
            max-height: 40px;
        }

    #hits.course-category .hit-stars,
    #hits.course-category p.hit-yazar {
        display: none;
    }

    #header .header-search-wrapper .compare-dropdownmenu {
        width: 100%;
    }

    .course-category .course-list-view {
        padding: 15px 0;
    }

    #hits.course-category .course-list-view .course-label {
        padding: 4px;
        margin-right: 0;
    }

        #hits.course-category .course-list-view .course-label .discount,
        #hits.course-category .course-list-view .course-price-box .course-price {
            font-size: 14px;
        }

    #hits.course-category .course-list-view .course-price-box .old-price {
        font-size: 10px;
    }

    .subcat-links .course-category .course-list-view {
        padding-bottom: 10px !important;
    }

    .dropdown-menu-subcats .dropdown-subcats-frame {
        padding: 15px;
    }

    .dropdown-menu-subcats ul li .subcats-mainlink {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    #header .course-category .course-list-view .course-image-area {
        width: 100px;
    }

    #hits.course-category .course-list-view h2.course-name {
        max-height: 22px;
        overflow: hidden;
    }
}

@media (max-height: 768px) and (min-width: 768px) {
    .videoframe .video-content-frame {
        width: 768px;
    }
}

@media (max-height: 640px) {
    .videoframe.active {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .videoframe .video-content-frame {
        width: 640px;
        margin-top: 0;
    }
}

.addBasket-area {
    margin-left: 1%;
    margin-right: 1%;
    border: 7px double #fff !important;
    border-radius: 7px !important;
}

.addBasket-area-mobile {
    position: absolute;
    right: 2px;
    bottom: 10px;
}

.girisYap {
    background-color: transparent;
    border: 1px solid #ee2223 !important;
}

.ugur h3 {
    color: #ee2223;
    font-size: 38px;
    text-align: center;
}

.ugur2 h3 {
    writing-mode: tb-rl;
}

.btn-addBasket {
    border-color: #ee2223;
    background-color: #ee2223;
    color: #fff;
}

--swiper-navigation-color,
.alert-heading {
    color: red !important;
}

.card {
    position: relative;
    display: flex;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    margin-bottom: 20px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

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

.card-subtitle {
    margin-top: -0.375rem;
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgb(25 25 34 / 15%) !important;
}

.company-name,
.company-name-mobil {
    color: #155f8b !important;
    -webkit-text-stroke: 3px #155f8b;
    line-height: 30px;
}

.online-certificate-frame-top {
    display: flex;
    border-bottom: 2px solid #ee2223;
    max-height: 150px;
    align-items: center;
    justify-content: left;
}

.online-certificate-img {
    display: flex;
    align-items: center;
    margin-top: 5px;
    justify-content: space-between;
}

.button-area,
.button-area-mobil,
.e-devlet,
.univercity-frame {
    align-items: flex-start;
    display: flex;
}

.online-certificate-questionMark > span {
    font-size: 70px !important;
    color: #fff !important;
    -webkit-text-stroke: 3px black;
}

.online-certificate-frame a {
    background: #ee2223;
    color: #fff;
    padding: 12px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 15px;
}

.button-area button,
.button-area-mobil button {
    border-radius: 15px;
    background-color: #155f8b;
    border-color: #155f8b;
}

.univercity-frame {
    margin-top: 25px;
}

.e-devlet p,
.univercity p {
    font-weight: 700;
    font-size: 15px;
    margin-left: 10px;
    margin-top: 10px;
    color: #000 !important;
}

.univercity {
    display: flex;
    align-items: flex-start;
    margin-left: 20px;
}

.company-name,
.neden span,
.online-certificate-title h2 {
    font-size: 70px !important;
    margin: 0 !important;
}

.univercity img,
.univercity-mobil img {
    height: 38px;
}

.online-certificate-title h2 {
    color: #fff !important;
    -webkit-text-stroke: 3px black;
}

.neden span,
.neden-mobil span {
    color: #000 !important;
    -webkit-text-stroke: 3px black;
}

.company-name .question-mark,
.company-name-mobil .question-mark {
    color: #ee2223;
    -webkit-text-stroke: 3px #ee2223;
    margin-top: 13px;
}

.company-name hr,
.company-name-mobil hr {
    height: 5px;
    margin-top: 15px;
    background-color: #155f8b;
    -webkit-text-stroke: 0px;
    width: 90%;
}

.company-description p,
.company-description-mobil p {
    font-size: 20px;
    color: #000;
}

.button-area button {
    height: 55px;
    color: #fff;
    font-size: 25px;
    padding: 8px;
}

.button-area img {
    height: 55px;
    margin-left: 30px;
}

.e-devlet-mobil,
.univercity-frame-mobil,
.univercity-mobil {
    display: flex;
    align-items: center;
}

    .e-devlet-mobil p,
    .univercity-mobil p {
        font-weight: 700;
        font-size: 12px;
        margin-left: 10px;
        color: #000 !important;
        padding-top: 20px;
    }

.company-name-mobil,
.neden-mobil span {
    font-size: 40px !important;
    margin: 0 !important;
}

.button-area-mobil button {
    height: 45px;
    color: #fff;
    font-size: 21px;
    padding: 5px;
}

.button-area-mobil img {
    height: 45px;
    margin-left: 30px;
}

.logo-text {
    font-size: 70px !important;
    color: #0d5d94 !important;
    -webkit-text-stroke: 3px #0d5d94;
    margin-top: -50px !important;
}

.online-certificate-img > img {
    width: 180px;
    margin-left: 10px;
    margin-right: 10px;
}

body > div.modulesection.lightgrey > div > div > div.col-md-5 > img {
    margin-top: 30px;
}

@media only screen and (max-width: 1368px) {
    body > div.modulesection.lightgrey > div > div > div.col-md-5 > img {
        width: 100%;
    }
}

#online-certificate-img-mobile {
    display: block;
    margin: auto;
    width: 100%;
}

.online-certificate-title-mobile h2 {
    font-size: 50px !important;
    color: #fff !important;
    -webkit-text-stroke: 1px black;
}

.online-certificate-questionMark-mobile {
    font-size: 70px !important;
    color: #fff !important;
    -webkit-text-stroke: 1px black;
}

.mb-old-price,
.price-area .old-price {
    color: #999;
    text-decoration: line-through;
}

.online-certificate-img-mobile img {
    width: 150px;
    margin-left: 3px;
}

#mobile > div:nth-child(5) > div > div:nth-child(2) > div > div.online-certificate-questionMark-mobile {
    font-size: 65px !important;
    color: #fff !important;
    -webkit-text-stroke: 1px black;
}

.online-certificate-frame-desc-mobile p {
    text-align: center;
    font-weight: 700;
}

.online-certificate-frame-desc-mobile a {
    background: #ee2223;
    color: #fff;
    padding: 10px;
    border-radius: 7px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.educationCard-price-box {
    padding: 5px 15px;
    flex-grow: 1;
}

    .educationCard-price-box .course-price-box .course-price {
        margin-left: 5px;
        font-size: 15px;
    }

.price-area {
    position: absolute;
    left: 126px;
    bottom: 10px;
}

.mb-course-price {
    font-family: Gotham-Medium;
    font-weight: 100;
    color: #6a6a6a;
    font-size: 12px;
}

.education-list-price-area .basket-area {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.education-list-price-area .price-area {
    position: absolute;
    left: 330px;
    bottom: 15px;
}

.price-area .course-price {
    font-family: Gotham-Medium;
    font-weight: 400;
    color: #6a6a6a;
    font-size: 16px;
}

@media (max-width: 992px) {
    .education-list-price-area .basket-area {
        position: absolute;
        right: 2px;
        bottom: 0;
    }

        .education-list-price-area .basket-area button {
            font-size: 10px;
        }

    .education-list-price-area .price-area {
        position: absolute;
        left: 20px;
        bottom: 0;
    }

    .price-area .old-price {
        color: #999;
        font-size: 11px;
        text-decoration: line-through;
    }

    .price-area .course-price {
        font-family: Gotham-Medium;
        font-weight: 400;
        color: #6a6a6a;
        font-size: 13px;
    }
}

.purchase-area {
    border-radius: 4px;
    padding: 25px;
    position: relative;
}

.purchase-area-items {
    padding-right: 45px;
    border-right: 1px solid rgba(143, 143, 163, 0.3);
    width: 60%;
}

.purchase-area-items-end {
    padding-left: 45px;
    width: 40%;
}

.purchase-area-items-start .image {
    margin-right: 15px;
    width: 150px;
    height: 100px;
}

.purchase-area-items-start .text-main {
    max-width: 370px;
}

    .purchase-area-items-start .text-main .h6,
    .purchase-area-items-start .text-main h6 {
        font-size: 18px;
        line-height: 27px;
        font-family: Poppins, sans-serif;
        font-weight: 500;
    }

@media (min-width: 320px) and (max-width: 574px) {
    .cart-price p.value-big {
        font-size: 28px !important;
    }

    .nav-tabs li a {
        margin-left: 4px !important;
    }

    .purchase-area-items-start .image {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-top: 30px;
    }

    .purchase-area-items-start .text-main .h6,
    .purchase-area-items-start .text-main h6 {
        margin-top: 15px;
    }
}

.mt-3 {
    margin-top: 1rem !important;
}

.cardFeature {
    padding: 32px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    border: 1px solid #ebebf2;
}

button:disabled,
button[disabled] {
    border: 1px solid #999 !important;
    background-color: #ccc !important;
    color: #666 !important;
}

.cart-area .summery-wizard form .cart-input .sm-button {
    position: absolute;
    top: 31.2%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 42px;
    height: 43px;
    width: 85px;
    background-color: #ed2420;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
}

.cart-area .summery-wizard form .cart-input input {
    height: 56px;
    border-radius: 4px;
    border-color: rgba(143, 143, 163, 0.3);
}

.cart-area .summery-wizard form label {
    color: #202029;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
    }

.gallery-container {
    position: relative;
    width: 560px;
    display: flex;
    justify-content: left;
    overflow: hidden;
}

.pd-toggle-style .toggle > label.toggle-link.active::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/assets_front/img/eksi.webp) center/contain no-repeat;
    width: 24px;
    height: 16px;
    transition: 0.3s;
    opacity: 0.7;
}

.gallery-main {
    width: 417px;
    margin-left: 5px;
}

    .gallery-main .swiper-button-next,
    .gallery-main .swiper-button-prev {
        position: absolute;
        bottom: 0;
        right: 0;
        top: auto;
        left: auto;
        width: 40px;
        color: #e9e9e9;
        background: #1e1e1e;
    }

    .gallery-main .swiper-button-prev {
        right: 40px;
        border-right: 1px solid #e9e9e9;
    }

.watc-video-mobile::after,
.watc-video-small::after,
.watc-video::after {
    content: "";
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: Epilogue, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #fff;
}

.swiper-slide-active .gallery-title {
    -webkit-animation: 0.3s ease-in both slide-in;
    animation: 0.3s ease-in both slide-in;
}

.gallery-thumbs {
    order: -1;
    width: 140px;
}

    .gallery-thumbs .swiper-slide img {
        transition: 0.3s;
        opacity: 0.5;
    }

@-webkit-keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        right: -50%;
    }
}

.mySwiper {
    padding-top: 5px !important;
}

.watc-video::after {
    width: 92px;
    height: 92px;
    background: url(/assets/new_assets/assets_front/icon/youtube_play.webp) center no-repeat;
}

.watc-video-mobile::after {
    width: 92px;
    height: 92px;
    background: url(/assets/new_assets/assets_front/icon/youtube_play_mobile.webp) center no-repeat;
}

.watc-video-small::after {
    width: 30px;
    height: auto;
    background: url(/assets/new_assets/assets_front/icon/youtube_play_small.webp) center no-repeat;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff !important;
}

.table-borderless td {
    border: none !important;
    padding: 4px !important;
}

div.container.beyaz.p-md.pt-lg.mobile-icerik > div.toggle.toggle-tertiary.col-xs-12.p-none.pd-toggle-style > section > div > div > ul
li::before {
    content: "\2022";
    color: #ee2223;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.featured-box-quaternary ul li::before {
    content: "\2022";
    color: #ee2223;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.avantaj-logo-mobile > img {
    width: 200px !important;
}

.about-education-content ul li::before,
.certificate-content ul li::before,
.details-content ul li::before,
.educational-process-content ul li::before,
.gains-content ul li::before,
.who-can-join-content ul li::before {
    content: "\2022";
    color: #ee2223;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 20px;
}

.feature-box.feature-box-style-6 .feature-box-icon i.fa,
.feature-box.feature-box-style-6 .feature-box-icon i.icons,
.toggle > label:before {
    color: #ee2223;
}

.fixed-contact-bar {
    position: fixed;
    bottom: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    padding-bottom: 3px;
    padding-top: 3px;
    z-index: 9899999999;
}

.mobilCall {
    box-shadow: rgb(0 0 0 / 18%) 0 1px 5px;
    font-size: 12px;
    padding: 0;
    text-align: left;
    border-radius: 22px;
    background-color: #efefef;
}

    .mobilCall a {
        color: #000;
        font-weight: 600;
    }

.mobilCallDanismanWhatsApp {
    box-shadow: 0 0 0 0 rgb(41 167 26 / 70%);
    border-radius: 50% !important;
    background-color: #29a71a;
    background-size: 51%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulse-wp;
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

html body .tabs .nav-tabs li.active a {
    background-color: #4caf50;
    color: #fff;
    font-weight: 600;
}

@media (min-width: 992px) {
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

.dropdown-menu-subcats ul li:hover .subcats-mainlink {
    border-right-color: #ee2223;
}

.nav-tabs {
    border-bottom-color: #fff;
}

    .nav-tabs li a {
        margin-left: 5px;
        border-radius: 7px !important;
    }

        .nav-tabs li a,
        .nav-tabs li a:hover {
            background: #fff;
            color: #ee2223;
            border-radius: 0;
            border: 1px solid #ee2223;
        }

    .nav-tabs li.active a,
    .nav-tabs li.active a:focus,
    .nav-tabs li.active a:hover {
        background: #ee2223;
        color: #fff;
        border-radius: 0;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        border: none;
    }

.golge .nav-tabs li a,
.payment-tab .nav-tabs li a {
    background-color: #fff !important;
    border: 1px solid #4caf50 !important;
    color: #4caf50 !important;
}

.tabs .nav-tabs li.active a {
    background-color: #4caf50 !important;
    border: 1px solid #4caf50 !important;
    color: #fff !important;
}

@media (min-width: 1025px) {
    #frmOnKayitYap #ErrorMessage,
    #frmOnKayitYap button {
        width: 500px;
    }
}

.modulesection {
    padding-bottom: 15px !important;
}

.slogan,
.slogan-mobile {
    padding: 0 !important;
    margin: 0 !important;
    color: #000;
    font-weight: 500 !important;
    display: flex;
}

.btn-ueegitimtakvimi,
.btn-ueyesil {
    margin-left: 1%;
    margin-right: 1%;
    color: #fff;
}

.slogan {
    justify-content: left;
    font-size: 13px;
}

    .slogan span,
    .slogan-mobile span {
        color: #ef4e4a;
    }

.slogan-mobile {
    justify-content: center;
    font-size: 11px;
}

.video-bordered {
    border: 10px solid #fff;
    border-radius: 7px;
}

.video-bordered-gray {
    border: 10px solid #cfcfcf;
    border-radius: 7px;
}

.youtube-video {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}

.egitimtakvimiBaslik {
    font-size: 15px;
    background-color: #145e92;
    color: #fff;
    border-radius: 5px 5px 0 0 !important;
}

.btn-ueyesil {
    background: #29a71a !important;
    border: 4px double #fff !important;
    border-radius: 6px !important;
}

.btn-ueegitimtakvimi {
    background: #136090 !important;
    border: 4px double #fff !important;
    border-radius: 6px !important;
}

.egitimtakvimiTablo td,
.egitimtakvimiTablo th {
    border-top: 1px solid #9f9f9f;
    text-align: center;
    font-size: 13px;
}

.egitimtakvimiTablo {
    width: 100%;
    margin-bottom: 3px;
}

.p-xs {
    padding: 0.25rem !important;
}

.coverPhotoEgitim {
    border-radius: 6px !important;
    border: 1px solid #145e92 !important;
    background-color: #fff;
}

.onkayit-link {
    background: #ee2223 !important;
    border-radius: 7px !important;
    position: unset !important;
    color: #fff !important;
    text-align: center !important;
}

.form-container {
    background: #194a67;
    -webkit-box-shadow: 3px 4px 5px 0 #2b2b2b;
    -moz-box-shadow: 3px 4px 5px 0 #2b2b2b;
    box-shadow: 3px 4px 5px 0 #2b2b2b;
    padding: 15px;
    border-radius: 10px;
}

.form-button,
.form-field {
    border-radius: 9px;
    width: 100%;
}

.form-title {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

.form-desc {
    color: #fff !important;
    font-size: 16px !important;
    text-align: center !important;
}

.form-divider {
    width: 100%;
    display: flex;
    margin: 0;
    direction: ltr;
    box-sizing: border-box;
}

    .form-divider::after,
    .form-divider::before {
        display: block;
        content: "";
        border-bottom: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        border-top: 2px solid #fff;
    }

.form-divider-text {
    color: #ee2223;
    font-size: 24px;
    font-weight: 700 !important;
    margin: -20px 10px;
    flex-shrink: 0;
}

.form-field-label {
    font-size: 16px;
    color: #fff;
    font-weight: 100;
}

.form-field {
    background-color: #fff;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
}

.form-button {
    background-color: #00a501;
    color: #fff;
    padding: 8px;
}

.input-validation-error {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.field-validation-error {
    color: #e80c4d !important;
    font-weight: 700 !important;
}

.toggle-ugurcan .toggle-link::after {
    content: counter(stepNum);
    background: #ee2223;
    position: absolute;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    left: -20px;
    top: -3px;
    text-align: center;
    padding-top: 12px;
    width: 54px;
    height: 54px;
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

html .toggle-primary .toggle label {
    color: #333;
    border-right-color: #999;
    border-radius: 5px;
    font-weight: 600;
    height: 48px;
    padding: 14px 14px 14px 45px;
}

.students-info-intro {
    margin-bottom: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 38px 0;
    background-color: #fff;
    border-radius: 6px;
}

.students-info-intro__profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.students-info-intro-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

#profileImageLarge {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #e2252c;
    font-size: 50px;
    color: #fff;
    text-align: center;
    line-height: 112px;
    border: 4px solid #fff;
    margin: 20px 10px 20px 0;
}

.students-info-intro__profile > div {
    width: 50%;
}

.students-info-intro-end {
    padding-left: 15px;
    display: flex;
    align-items: center;
}

    .students-info-intro-end .enrolled-courses {
        display: flex;
        align-items: center;
        position: relative;
        padding-right: 30px;
    }

    .students-info-intro-end .completed-courses-icon,
    .students-info-intro-end .enrolled-courses-icon {
        height: 64px;
        width: 64px;
        color: #1089ff;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 12px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        background-color: rgba(16, 137, 255, 0.1);
    }

.students-info-intro nav {
    margin-top: 40px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}

.students-info-intro nav .nav button {
    border: 0;
    outline: 0;
    padding: 0 0 13px;
    font-size: 16px;
    color: #666575;
    line-height: 24px;
    margin-right: 62px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: color 0.4s linear;
    transition: color 0.4s linear;
    background-color: transparent;
    white-space: nowrap;
    font-weight: 700;
}

    .students-info-intro nav .nav button.active::after {
        background-color: #115f90;
    }

    .students-info-intro nav .nav button::after {
        content: "";
        position: absolute;
        top: calc(100% - 3px);
        left: 0;
        width: 100%;
        height: 3px;
        overflow: hidden;
        border-radius: 16px;
        background-color: transparent;
    }

@media (max-width: 1200px) {
    .students-info-intro {
        margin-bottom: 15px;
    }

    .students-info {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .purchase-area-items {
        border-right: 0;
        border-bottom: 1px solid rgba(143, 143, 163, 0.3);
    }

    .purchase-area-items-end {
        padding-left: 0;
        margin-top: 10px;
    }

    .students-info {
        padding-top: 0 !important;
    }

    .students-info-intro__profile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .students-info-intro-end,
    .students-info-intro-end .completed-courses {
        margin-left: 0;
    }

    .students-info-intro-end {
        padding-left: 0;
        -webkit-box-pack: center;
    }

    .students-info-intro nav .nav {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 1000px;
        display: inherit;
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media (max-width: 767px) {
    .students-info-intro {
        margin-top: 0;
    }

    .students-info-intro-end {
        justify-content: space-around;
    }

        .students-info-intro-end .enrolled-courses {
            padding-right: 0;
        }
}

@media (max-width: 575px) {
    .students-info-intro {
        padding-bottom: 0;
    }

    .students-info-intro-start {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .purchase-area {
        padding: 20px 20px 10px;
    }

    .purchase-area-items-end {
        padding-left: 0;
        margin-top: 10px;
    }

        .purchase-area-items-end dl {
            margin-bottom: 0 !important;
        }

    purchase-area-items {
        padding-right: 0;
    }

    .purchase-area-items .text-main {
        max-width: 100%;
    }

    .students-info {
        padding-bottom: 30px;
    }

    .students-info-intro-end .completed-courses-text,
    .students-info-intro-end .enrolled-courses-text {
        text-align: center;
    }

    .students-info-intro-end .completed-courses,
    .students-info-intro-end .enrolled-courses {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
    }
}

.white-bg {
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
}

.ribbon-badge {
    position: absolute;
    background: #fff;
    color: #fff;
    width: 200px;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: -64px;
}

.ec-timeline-portlet {
    position: relative;
    padding-left: 30px;
}

    .ec-timeline-portlet:before {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background: #e4e8ed;
        left: 0;
        top: 0;
    }

.list-unstyled > li {
    margin-bottom: 0.3125rem;
}

.ec-timeline-portlet__item:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 4px solid #00cb54;
    left: -36px;
    border-radius: 50%;
    top: 25px;
}

.text-muted {
    color: #6c757d !important;
}

.sm-button-mobile {
    position: absolute;
    top: 45.3%;
    transform: translateY(-50%);
    right: 9px;
    height: 30px;
    width: 138px;
    background-color: #ed2420;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-hourglass:after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 8px;
        box-sizing: border-box;
        border: 32px solid #fff;
        border-color: #fff transparent;
        animation: 1.2s infinite lds-hourglass;
    }

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.699);
}

.overlay-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    text-align: center;
    margin: auto;
}

.overlay input[type="text"] {
    padding: 15px !important;
    font-size: 17px !important;
    border: 0 !important;
    float: left !important;
    width: 80% !important;
    background: #fff !important;
}

    .overlay input[type="text"]:hover {
        background: #f1f1f1;
    }

.overlay button {
    float: left;
    width: 20%;
    padding: 9px;
    background: #ff1b26;
    font-size: 17px;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: #fff;
}

    .overlay .closebtn:hover {
        color: #ccc;
    }

.mobile-icerik ul,
.tab-content-frame ul {
    list-style-type: none !important;
}

.instructor .infoframe {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 0;
    margin-top: 10px;
}

.dvBilgilendirme {
    background-color: #09dcff !important;
}

    .dvBilgilendirme h4 {
        color: #ee2025 !important;
        font-weight: 700 !important;
    }

.students-info-intro nav .nav button.active {
    color: red;
}

.form-section {
    overflow: inherit !important;
}

div.clear {
    clear: both;
}

div.adres-chooser.disabled div.adres-chooser-item {
    zoom: 1;
    opacity: 0.6;
    cursor: default;
}

div.adres-chooser div.adres-chooser-item {
    padding: 15px 0;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    border: 2px solid #efefef;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    color: #444;
}

    div.adres-chooser div.adres-chooser-item.selected {
        border-color: #47a447;
        background: #f9f9f9;
        opacity: 1;
    }

    div.adres-chooser div.adres-chooser-item span.title {
        display: block;
        margin: 10px 0 5px;
        font-weight: 700;
        font-size: 12px;
    }

.checkbox-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
}

    .checkbox-custom input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 2;
        cursor: pointer;
    }

        .checkbox-custom input[type="checkbox"]:checked + label:after {
            position: absolute;
            display: inline-block;
            font-family: FontAwesome;
            content: "\F00C";
            top: 5px;
            left: 3px;
            font-size: 13px;
            line-height: 1;
            width: 17px;
            height: 17px;
            color: #b2040e;
        }

    .checkbox-custom.checkbox-dark input[type="checkbox"]:checked + label:after {
        color: #7b7b7b;
    }

    .checkbox-custom label {
        cursor: pointer;
        margin-bottom: 0;
        text-align: left;
        line-height: 1.2;
        font-weight: 600;
    }

        .checkbox-custom label:before {
            content: "";
            position: absolute;
            top: 3px;
            left: 0;
            width: 19px;
            height: 18px;
            display: inline-block;
            border-radius: 2px;
            border: 2px solid #bbb;
            background: #fff;
        }

#header
.compare-dropdown
.compare-dropdownmenu
.dropdownmenu-wrapper
.compare-products,
#mobile-login-area
.compare-dropdown
.compare-dropdownmenu
.dropdownmenu-wrapper
.compare-products {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

.activeVideo {
    background: #e31e24 !important;
    border-radius: 4px;
    color: #fff;
    border-bottom: 0;
    border: 1px solid #e31e24;
}

.dvBilgilendirme {
    background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ) center no-repeat, url("/assets/img/logo.webp") center no-repeat;
}

.kontenjanframe .kontenjan {
    font-size: 16px;
    color: #6a6a6a;
}

@media (max-width: 480px) {
    .students-info-intro-end .completed-courses-icon,
    .students-info-intro-end .enrolled-courses-icon {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .kontenjanframe {
        justify-content: flex-end;
        margin: 0;
        padding: 0 40px 0 0;
        border: 0;
    }
}

#clock {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}

    #clock .bold {
        margin-right: 5px;
    }

    #clock .hours::before,
    #clock .minutes::before,
    #clock .seconds::before {
        content: attr(data-prefix);
        margin-right: 3px;
    }

    #clock .hours,
    #clock .minutes,
    #clock .seconds {
        display: inline-block;
        padding: 0 5px;
        text-align: center;
    }

.search-container {
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

.search-icon {
    margin-right: 10px;
    color: #777;
}

.search-input {
    flex: 1;
    padding: 13px;
    border: none;
    border-radius: 4px;
}

.search-buton {
    position: absolute;
    right: 10px;
    top: 71%;
    transform: translateY(-50%);
    padding: 10px 15px;
    background-color: #ee2223;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
    width: 200px;
}

@media (max-width: 599px) {
    .search-buton {
        position: absolute;
        right: 10px;
        top: 67%;
        transform: translateY(-50%);
        padding: 10px 15px;
        background-color: #ee2223;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        z-index: 1;
        width: auto;
    }
}

.wsk-float {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999999;
}
.whatsapp-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #25D366;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: slideIn 0.5s ease-out;
  z-index: 999999999999;
  color: #fff !important;
  text-decoration: none !important;
}
#wh-call-to-action {
    top: 48px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    background: #43c634;
    left: 47px;
    display: flex;
    align-items: center;
    min-height: 38px;
}

    #wh-call-to-action a .wh-call-to-action-content {
        padding: 5px 10px;
        line-height: 18px;
        max-height: 34px;
        max-width: 176px;
        overflow: hidden;
        word-wrap: break-word;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

.pulse-button {
    width: 58px;
    height: 58px;
    border: none;
    box-shadow: 0 0 0 0 rgba(41, 167, 26, 0.7);
    border-radius: 50% !important;
    background-color: #29a71a;
    background-image: url(/files/wp.png);
    background-size: 51%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    animation: 1.25s cubic-bezier(0.66, 0, 0, 1) infinite pulse-wp;
}

@keyframes pulse-wp {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(41, 167, 26, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(41, 167, 26, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(41, 167, 26, 0);
    }
}

.homepageHeroBlock {
    background-image: url(/assets/img/search-block/search-walpaper.jpg); /* Resmin dosya yolu buraya gelmeli */
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    height: 400px;
    width: 100%; /* border genişliğini dikkate alarak hesaplama */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    box-sizing: border-box; /* padding ve border'ı içeri almak için */
    border: 2px solid #136090;
    position: relative;
}


#homepageSearchBlock h2 {
    font-size: 32px; /* Font boyutu */
    color: #136090;
    text-align: center;
}

.highlighted-text {
    color: #ee2223;
    border-bottom: 2px solid #ee2223; /* Çizgi stilini belirler */
    padding-bottom: 2px; /* Metnin altına çizgiyi yerleştir */
}

#homepageSearchBlock #searchForm {
    display: flex;
    align-items: center;
    justify-content: center;
}

    #homepageSearchBlock #searchForm #searchContainer {
        display: flex;
        align-items: center;
        width: 80%;
        position: relative;
    }

    #homepageSearchBlock #searchForm #searchField {
        flex: 1;
        line-height: 25px;
        vertical-align: middle;
        margin: 0;
        padding: 0.5em;
        border: 2px solid #565656; /* Kenar rengi */
        font-weight: 400;
        box-sizing: border-box;
        white-space: nowrap;
        background: #FFF;
        outline-color: #fff;
        border-radius: 7px;
        min-height: 60px;
        width: 100%; /* Genişlik %100 */
        font-size: 25px;
        color: #136090;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Gölgelendirme */
        transition: border-color 0.3s; /* Geçiş efekti */
    }

        #homepageSearchBlock #searchForm #searchField:focus {
            border-color: #ee2223; /* Fokuslandığında kenar rengini değiştir */
        }

#homepageSearchBlock img {
    margin-top: auto;
    margin-bottom: 10px; /* İstediğiniz mesafeye göre ayarlayabilirsiniz */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#searchButton {
    font-size: 109%;
    border: none;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/assets/img/search-block/search.svg) no-repeat center center;
    border-radius: 0.5em;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

@media (max-width: 768px) {

    #homepageSearchBlock h2 {
        font-size: 17px; /* Mobil ekran için font boyutu ayarı */
    }

    #homepageSearchBlock #searchForm #searchContainer {
        width: 100%; /* Mobil ekran için genişlik ayarı */
    }

    #homepageSearchBlock #searchForm #searchField {
        font-size: 15px; /* Mobil ekran için font boyutu ayarı */
        min-height: 50px;
    }

    #searchButton {
        font-size: 90%; /* Mobil ekran için font boyutu ayarı */
    }
}

.oval-text {
    display: inline-block;
    background: #ee2223;
    color: white;
    font-weight: bold;
    border-radius: 7px;
    padding: 5px 10px;
}

.ui-autocomplete {
    margin-top: 0 !important; /* Remove margin top */
}

*:not(input[type="text"]):not(input[type="password"]):not(textarea) {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}