.page-banner {
    padding: 180px 0 0;
    min-height: 320px;
}

.bg-facebook { background-color:#446bb9 !important;}
.bg-twitter { background-color:#00aced !important;}
.bg-youtube { background-color:#f73434 !important;}
.bg-instagram { background-color:#f13368 !important;}

.static-page {
    background-color: #FFF;
    padding: 50px 0 0;
}
.custom-card {
    background-color: #fff;
    border: 1px solid #ededf5;
    border-radius: 7px;
    box-shadow: none;
}
.custom-control-label { font-size: .8rem;}
.profile-section { padding: 80px 0 230px !important;}

/*.page-title { padding-bottom: 1rem; }*/
.border-bottom { border: 1px solid #EBEBEB;}

.profil .ci-thumb img { height: 200px;}
.profil .course-details { width: 100%; padding: 20px; }
.profil .course-details h5 { margin: 0 0 .5rem; font-size: .8rem;}
.profil .profil-content {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-bottom: 50px;
    border-radius: 10px;
    padding: 30px 25px 40px;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    -moz-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
}

.white-box {
    background: #fff;
    margin-bottom: 50px;
    border-radius: 10px;
    padding: 30px 25px 40px;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    -moz-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
}
.modul-box {
    padding: 20px;
}

.sub-title { font-size: 1.1rem; margin-bottom: 1rem;}

.modul-content .course-details { width: 100%; padding: 25px 30px 0; }
.modul-content .course-details .price-rate { width: auto; left: inherit; padding: 18px 0; }
.modul-content .course-details .progress { width: 100%; }

.new-page { padding:20px 0 20px !important; min-height: inherit !important;}
.new-page .bread-crumbs strong { font-size: 1.1rem; font-weight: 500; color: #FFF;}

.cta-wrapper img { height: inherit !important;}

.forum { padding: 60px 0; margin-bottom: 100px; background-color: #f7f6fa;}
.bg-body-dark { background-color: #dfe4f1!important; }

.header-03 {
    position: inherit;
    left: inherit;
    top: inherit;
}

.navbar.navbar-expand-lg .navbar-toggler {
    position: inherit;
    right: inherit;
}

.mobilemenu { display: none !important; }

.footer-1 { margin-top: 150px;}
.cta-wrapper { margin-top: -290px !important;}

.sss .curriculum-item { margin-bottom: 20px;}
.sss .curriculum-item .card-body { margin: inherit !important;  padding: 0 1.25rem !important;}

.course-item-3 { border-radius: 10px;}
.fci-details .price-rate { font-size: .825rem;}
.fci-details .price-rate .ratings { margin: 0 !important;}

.popular-course-section-3 { padding: 60px 0 60px;}

.popular-course-slider .course-item-3 { margin:15px 0px 0px; }
.teachers-section { padding:60px 0 0;}

.navbar-expand-lg .navbar-nav li { margin: 0 34px 0 0;}

.modul-title { padding-bottom: 1.2rem; font-size: 1.4rem; border-bottom: 1px solid #EBEBEB; margin-bottom: 1.5rem;}
.derslist .item { margin-bottom: 1rem; }
.derslist .item h3 { width: 54px; height: 3rem; line-height: 3rem; text-align: center; border-radius: 10px; background-color: #EBEBEB; font-size: 1.4rem; margin-right: 1rem; }
.derslist .item .ders-progress {  }

.ders-sidebar { margin: 0 !important;}
.ders-sidebar .widgets {
    position: relative;
    border: 1px solid #ebecf1;
    border-radius: 10px;
    padding: 32px 30px 37px;
    background-color: #FFF;
}

.ders-progress { width: 100%;}

.lesson-page {
    background-color: #f0f5fb;
    padding: 50px 0 0;
}

.linkler { margin-top: 2.4rem;}
.linkler h4 { font-size: 1.2rem; padding-bottom: 1rem; border-bottom: 1px solid #EBEBEB; }
.linkler li { line-height: 2.2rem; }
.linkler li i { margin-right: 1rem;}

.textcontent .pagenumber { position: absolute; right:0; bottom: 0; padding: .5rem 1rem; font-size: 1rem;}

.custom1 .owl-nav button { font-size: 1.6rem !important; padding: 5px 10px !important; }
.custom1 .owl-nav button:hover { background-image: linear-gradient(to right, #8638fc, #7c38fc, #7138fc, #6538fc, #5838fc) !important; opacity: .9; }

.sinavsorular .custom-control-label { font-size: 1rem;}
.sinavsorular .custom-control { margin-bottom: 1rem;}
.sinavsorular .dogrucevap { border: 5px solid #119122; border-radius: 5px; padding: .5rem 2rem; }
.sinavsorular .yalniscevap { border: 5px solid #C70000; border-radius: 5px; padding: .5rem 2rem; }

.button-theme {
    height: 50px;
    border-radius: 3px;
    background: #5838fc;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
    padding: 0 36px;
    font-size: 13px;
    line-height: 50px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button-theme-success { background: #28a745;}

.sinav-box { border:1px solid #EBEBEB; border-radius: 10px; padding: 1.2rem 2rem; margin-bottom: 2rem;}
.box-title { font-size: 1.4rem;}
.sinav-box ul { list-style: none; margin: 0; padding: 0;}
.sinav-box ul li { line-height: 2rem; font-size: .875rem;}
.sinav-not { padding: 1rem 0; background-color: #e9f5fa; border-radius: 10px;}
.sinav-not h5 { font-size: 1rem;}
.sinav-not .sinav-sonuc { padding: .5rem .8rem; border-radius: 5px; color: #FFF;}

.button-theme:hover { color: #FFF; }



.kalansure { position: fixed; right: 10px; top: 220px; width: 135px; border:5px solid #333; border-radius: 5px; background-color: #FFF; box-shadow: 0 2px 2px 0 #CCC;}
.kalansure h4 { line-height: 24px; color: #FFF; background-color: #333; font-size: 14px; text-align: center;}
.kalansure > div { font-size: 30px; text-align: center; line-height: 50px; font-weight: 600;}

.kalansure-green { border-color: #78D77C;}
.kalansure-green h4 { background-color: #78D77C;}

.kalansure-blue { border-color: #6AA5EC;}
.kalansure-blue h4 { background-color: #6AA5EC;}

.kalansure-orange { border-color: #FFCC33;}
.kalansure-orange h4 { background-color: #FFCC33;}

.kalansure-red { border-color: #FE7878;}
.kalansure-red h4 { background-color: #FE7878;}

.ders-sure { margin:1rem 0; padding: .5rem 1.5rem; background-color: #dfecf2; border-radius: 5px;}
.ders-sure p { margin:0; font-size: .75rem;}

.header-03 .navbar-expand-lg .navbar-collapse { padding-left: 0 !important;}

.ablogo img { max-height: 100px;}
.sitelogo img { max-height: 80px;  padding-left: 2rem;}

.navbar-toggler { display: none;}

@media (max-width: 991px){
    .mobilemenu { display: inherit !important; }
    .navbar-toggler { display: inherit !important;}
}