body {
    font-family: 'Montserrat', sans-serif;
    background: #f4f6fa;
}

* {
    font-family: 'Montserrat', sans-serif;
}

img {
    max-width: 100%;
}

a {
    color: #000;
    text-decoration: none !important;
    transition: 0.3s ease all;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #363636;
}

a:hover {
    color: #f08117;
    text-decoration: none !important;
}

*:focus {
    box-shadow: unset !important;
    outline: unset !important;
}

svg.iconset {
    position: absolute;
    pointer-events: none;
}

.container.newrow {
    padding-left: 5px;
    padding-right: 5px;
}

.container.newzero {
    padding-left: 0px;
    padding-right: 0px;
}

.row.newzero > div {
    padding-left: 0px;
    padding-right: 0px;
}

.row.newzero {
    margin-left: -0px;
    margin-right: -0px;
}

.row.newrow > div {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newrow {
    margin-left: -5px;
    margin-right: -5px;
}

header .menu {
    display: flex;
    padding: 21px 0px;
}

.btn {
    border-radius: 6px;
    border: 0px;
}

.btn.btn-md {
    font-size: 14px;
    font-weight: 800;
    line-height: 14px;
    padding: 13px 19px;
}

.btn.btn-lg {
    font-size: 28px;
    line-height: 28px;
    font-weight: 900;
    padding: 21px 25px;
}

.btn.btn-lg.btn-round {
    border-radius: 50px;
    padding: 21px 55px;
}

.btn.btn-sm {
}

.btn.btn-dark {
    color: #fff;
    background-color: #474443;
}

.btn.btn-dark:not(:disabled):not(.disabled):hover, .btn.btn-dark:not(:disabled):not(.disabled):focus, .btn.btn-dark:not(:disabled):not(.disabled):active {
    color: #474443;
    background: #fff;
}

.btn.btn-warning {
    color: #fff;
    background-color: #ea611b;
}

.btn.btn-warning:not(:disabled):not(.disabled):hover, .btn.btn-warning:not(:disabled):not(.disabled):focus, .btn.btn-warning:not(:disabled):not(.disabled):active {
    color: #ea611b;
    background: #fff;
}

.btn-round {
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    padding: 9px 25px;
}

.btn.btn-border.btn-warning {
    color: #fff;
    background-color: transparent;
    border: 2px solid #ea611b;
    font-size: 22px;
    font-weight: bold;
}

.btn.btn-border.btn-default {
    color: #d7dce0;
    background-color: transparent;
    border: 2px solid #d7dce0;
}

.btn.btn-border.btn-default:not(:disabled):not(.disabled):hover, .btn.btn-border.btn-default:not(:disabled):not(.disabled):focus, .btn.btn-border.btn-default:not(:disabled):not(.disabled):active {
    color: #ffffff;
    background: #484443;
}

.btn.btn-border.btn-light {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}

.btn.btn-border.btn-light:not(:disabled):not(.disabled):hover, .btn.btn-border.btn-light:not(:disabled):not(.disabled):focus, .btn.btn-border.btn-light:not(:disabled):not(.disabled):active {
    color: #eb661c;
    background: #fff;
}

.ms-select {
    position: relative;
}

.ms-select select {
    display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #e6e7e8;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #cccccc;
    width: 16px;
    height: 10px;
    transition: 0.3s ease all;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    transform: rotate(180deg);
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
}

.select-selected.select-arrow-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ms-select .select-items {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*style the items (options), including the selected item:*/
.select-items div:last-child {
    border: 0px;
}

.select-items div {
    color: #474443;
    cursor: pointer;
    user-select: none;
    padding: 8px 17px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    border-bottom: 1px solid #d6d7d8;
}

.select-selected {
    color: #474443;
    cursor: pointer;
    user-select: none;
    padding: 8px 17px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 6px;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #e6e7e8;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 6px;
    max-height: 150px;
    overflow: hidden;
    overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.mobileHeader {
    display: none;
}

.mobileMenu {
    display: none;
}

header {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 4;
    padding-top: 20px;
}

header .logo {
    display: block;
    margin-top: 30px;
}

header .logo img {
}

header .loginarea {
    display: inline-block;
    position: relative;
}

header .loginarea2 {
    display: inline-block;
    position: relative;
}

header .loginModal { /* display: none; */
    position: absolute;
    right: 0px;
    opacity: 0;
    transition: 0.3s ease all;
    pointer-events: none;
    z-index: 23;
    top: calc(100% + 30px);
}

body.loginOpened header .loginModal {
    pointer-events: auto;
    opacity: 1;
}

header .loginModal .loginbox:before {
    content: '';
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 50px;
    height: 38px;
    position: absolute;
    opacity: 0;
    color: #ffffff;
    transform: translateX(-50%) rotate(180deg);
    line-height: 0px;
    z-index: 1;
    transition: 0.3s 0.2s ease all;
    transition-delay: 0s;
    pointer-events: none;
    right: 20px;
    top: -25px;
}

body.loginOpened header .loginModal .loginbox:before {
    pointer-events: auto;
    opacity: 1;
}

header .loginModal .loginbox {
    width: 365px;
    max-width: 100%;
    border-radius: 10px;
    padding: 60px 30px 25px;
    background: url(../img/menubg.png) #fff;
    background-position: left center;
    background-repeat: no-repeat;
    transition: 0.3s ease all;
    position: relative;
    top: 20px;
}

body.loginOpened header .loginModal .loginbox {
    top: 0px;
}

header .loginModal .loginbox .title {
    color: #64737a;
    font-size: 24px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

header .loginModal .loginbox .form-group {
}

header .loginModal .loginbox .form-group label {
    color: #474443;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    display: block;
}

header .loginModal .loginbox .form-group input:focus {
    border-color: #f3912f;
}

header .loginModal .loginbox .form-group input {
    height: 39px;
    line-height: 39px;
    transition: 0.3s ease all;
}

header .loginModal .loginbox .btn {
    margin: 0 auto;
    display: block;
    padding: 12px 56px;
    font-size: 18px;
    font-weight: 700;
}

header .loginModal .loginbox p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    color: #64737a;
    margin: 30px 0px 0px;
}

header .loginModal2 { /* display: none; */
    position: absolute;
    right: 0px;
    opacity: 0;
    transition: 0.3s ease all;
    pointer-events: none;
    z-index: 23;
    top: calc(100% + 30px);
}

body.loginOpened2 header .loginModal2 {
    pointer-events: auto;
    opacity: 1;
}

header .loginModal2 .loginbox2:before {
    content: '';
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 50px;
    height: 38px;
    position: absolute;
    opacity: 0;
    color: #ffffff;
    transform: translateX(-50%) rotate(180deg);
    line-height: 0px;
    z-index: 1;
    transition: 0.3s 0.2s ease all;
    transition-delay: 0s;
    pointer-events: none;
    right: 20px;
    top: -25px;
}

body.loginOpened2 header .loginModal2 .loginbox2:before {
    pointer-events: auto;
    opacity: 1;
}

header .loginModal2 .loginbox2 {
    width: 365px;
    max-width: 100%;
    border-radius: 10px;
    padding: 60px 30px 25px;
    background: url(../img/menubg.png) #fff;
    background-position: left center;
    background-repeat: no-repeat;
    transition: 0.3s ease all;
    position: relative;
    top: 20px;
}

body.loginOpened2 header .loginModal2 .loginbox2 {
    top: 0px;
}

header .loginModal2 .loginbox2 .title {
    color: #64737a;
    font-size: 24px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

header .loginModal2 .loginbox2 .form-group {
}

header .loginModal2 .loginbox2 .form-group label {
    color: #474443;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    display: block;
}

header .loginModal2 .loginbox2 .form-group input:focus {
    border-color: #f3912f;
}

header .loginModal2 .loginbox2 .form-group input {
    height: 39px;
    line-height: 39px;
    transition: 0.3s ease all;
}

header .loginModal2 .loginbox2 .btn {
    margin: 0 auto;
    display: block;
    padding: 12px 56px;
    font-size: 18px;
    font-weight: 700;
}

header .loginModal2 .loginbox2 p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    color: #64737a;
    margin: 30px 0px 0px;
}

header .infobar .profilname {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-right: 5px;
}

header .infobar {
    text-align: right;
}

header .infobar a {
}

header .menu .navbar {
    width: 100%;
    padding: 0px 10px;
}

header .menu .navbar-nav.submenuActive > li > a {
    color: #c6d2da;
}

header .menu .navbar-nav {
    width: auto;
    display: flex;
    margin-right: -20px;
}

header .menu .navbar-nav > li {
    z-index: 5;
    position: relative;
}

header .menu .navbar-nav > li:not(:last-child) > a {
}

header .menu .navbar-nav > li:not(:first-child) > a {
}

header .menu .navbar-nav > li.megaMenu:hover > a {
    color: #ffffff;
}

header .menu .navbar-nav > li:hover > a {
    color: #474443;
}

header .menu .navbar-nav > li > a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown {
    position: absolute;
    width: 350px;
    max-width: 100vw;
    pointer-events: none;
    left: -30px;
    overflow: hidden;
    will-change: transform, opacity;
    transition: all .1s;
    opacity: 0;
    padding: 0px;
    z-index: 9;
}

header .menu .navbar-nav > li.megaMenu:hover {
    z-index: 7;
}

header .menu .navbar-nav > li.megaMenu:hover > .dropdown {
    opacity: 1;
    pointer-events: auto;
    transition: all .3s;
    transition-delay: .2s;
    padding: 37px 0px 0px;
}

header .menu .navbar-nav > li.megaMenu:hover > a:before {
    opacity: 1;
    bottom: -48px;
    transition: 0.3s 0.3s ease all;
    pointer-events: auto;
}

header .menu .navbar-nav > li.megaMenu > a:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    height: 11px;
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    border-radius: 10px;
    top: -180px;
    transition: 0.3s ease all;
    opacity: 0;
    pointer-events: none;
}

header .menu .navbar-nav > li.megaMenu:hover > a:after {
    top: -20px;
    opacity: 1;
}

header .menu .navbar-nav > li.megaMenu > a:before {
    content: '';
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 50px;
    height: 38px;
    position: absolute;
    bottom: -60px;
    opacity: 0;
    left: 50%;
    color: #ffffff;
    transform: translateX(-50%) rotate(180deg);
    line-height: 0px;
    z-index: 1;
    transition: 0.1s ease bottom;
    transition-delay: 0s;
    pointer-events: none;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox {
    background: #fff;
    background-position: left center;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    border: 0px;
    padding: 55px 40px 30px;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox .icon-hover {
    background-color: #000;
    height: 50px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox ul {
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox ul > li {
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox ul > li > a {
    color: #64737a;
    font-size: 13px;
    line-height: 29px;
    display: block;
    font-weight: 600;
}

header .menu .navbar-nav > li.megaMenu > .dropdown .menuBox ul > li > a:hover {
    color: #ee7323;
}

.menuOverlay.active {
    opacity: 1;
    pointer-events: auto;
}

.menuOverlay {
    opacity: 0;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 6;
    transition: 0.3s ease all;
    pointer-events: none;
}

section.slider {
    margin-bottom: -160px;
}

section.slider .swiper-wrapper {

    height: 1206px;
}

section.slider .swiper-wrapper .swiper-slide {
    opacity: 0 !important;
    pointer-events: none;
    height: 100%;
    padding-top: 215px;
    background-position: center top;
    background-repeat: no-repeat;
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    pointer-events: auto
}

section.slider .swiper-wrapper .swiper-slide .container {
    position: relative;
}

section.slider .swiper-wrapper .swiper-slide .content {
    overflow: hidden;
}

section.slider .swiper-wrapper .swiper-slide .mobileIMG {
    display: none;
    padding-top: 0px;
    position: relative;
}

section.slider .swiper-wrapper .swiper-slide .mobileIMG img {
    position: absolute;
    right: 0px;
    top: 0px;
}

section.slider .swiper-wrapper .swiper-slide img {
    position: absolute;
    right: 0px;
    top: 65px;
    max-width: 700px;
}

section.slider .swiper-wrapper .swiper-slide .content h3 {
    font-size: 50px;
    line-height: 55px;
    color: #fff;
    font-weight: 400;
    position: relative;
    left: -100%;
    transition: 0.3s ease all;
    padding: 15px 0px;
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .content h3 {
    left: 0px;
}

section.slider .swiper-wrapper .swiper-slide .content h3 b {
    display: block;
    color: #464342;
    font-size: 60px;
    font-weight: 900;
    line-height: 62px;
}

section.slider .onkayitFormu .container {
    position: relative;
}

section.slider .onkayitFormu {
    position: absolute;
    z-index: 4;
    left: 0px;
    right: 0px;
    top: 57%;
    transform: translateY(-50%);
}

section.slider .onkayitFormu h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 900;
    color: #474443;
}

section.slider .onkayitFormu form {
    width: 390px;
    max-width: 100%;
    margin-bottom: 100px;
}

section.slider .onkayitFormu .form-group {
    margin-bottom: 10px;
}

section.slider .onkayitFormu .form-control::-webkit-input-placeholder { /* Edge */
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #474443;
}

section.slider .onkayitFormu .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #474443;
}

section.slider .onkayitFormu .form-control::placeholder {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #474443;
}

section.slider .onkayitFormu .form-control {
    background: #e6e7e8;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #474443;
    border: 0px;
    border-radius: 6px;
    padding: 8px 17px;
    height: auto;
}

section.slider .swiper-nav {
    position: absolute;
    right: 0px;
    top: 170px;
}

section.slider .swiper-nav > div {
    transition: 0.3s ease all;
}

section.slider .swiper-nav > div:hover {
    background: #f49933;
}

section.slider .swiper-nav .swiper-btn-next {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 33px;
    padding-bottom: 62.5%;
    cursor: pointer;
}

section.slider .swiper-nav .swiper-btn-prev {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 33px;
    padding-bottom: 62.5%;
    transform: rotate(180deg);
    cursor: pointer;
    margin-bottom: 8px;
}

section.slider .onkayitFormu .basarilarimiz .basaricontent {
    width: calc(100% - 80px);
    margin-left: auto;
}

section.slider .onkayitFormu .basarilarimiz {
    width: 390px;
    max-width: 100%;
    position: relative;
    z-index: 3;
}

section.slider .onkayitFormu .basarilarimiz .icon {
    height: 72px;
    width: 74px;
    float: left;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -10px;
}

section.slider .onkayitFormu .basarilarimiz span {
    color: #474443;
    font-size: 18px;
    font-weight: 900;
    line-height: 18px;
}

section.slider .onkayitFormu .basarilarimiz p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

section.kurslarimiz {
    padding-bottom: 20px;
}

section.kurslarimiz h2 {
    color: #474443;
    font-size: 36px;
    font-weight: 900;
    line-height: 64px;
    margin-bottom: 30px;
}

section.kurslarimiz .kurs {
    display: block;
    padding-bottom: 48.27%;
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 0px 0px rgba(199, 198, 202, 0.28);
    z-index: 1;
    overflow: hidden;
}

section.kurslarimiz .kurs:hover {
    background-color: rgb(71, 68, 67);
    box-shadow: 0px 0px 32px 0px rgba(100, 115, 122, 0.81);
}

section.kurslarimiz .kurs .baslik {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #64737a;
    max-width: 119px;
    width: 100%;
    display: block;
    z-index: 2;
    transition: 0.3s ease all;
}

section.kurslarimiz .kurs:hover .baslik {
    color: #fff;
}

section.kurslarimiz .kurs .detay {
    position: absolute;
    left: 25px;
    bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    transition: 0.3s 0.2s ease left;
    z-index: 2;
    opacity: 0;
    left: -100%;
}

section.kurslarimiz .kurs:hover .detay {
    left: 25px;
    opacity: 1;
}

section.kurslarimiz .kurs .icon {
    -webkit-mask-position: center;
    /* -webkit-mask-size: contain; */
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    right: 25px;
    top: 30px;
    bottom: 30px;
    width: 90px;
    background: #64737a;
    transition: 0.3s ease all;
}

section.kurslarimiz .kurs:hover .icon {
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
}

section.kurslarimiz .kurs .kurshover {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: 0.3s ease all;
    z-index: 1;
}

section.kurslarimiz .kurs:hover .kurshover {
    opacity: 1;
}

section.kurslarimiz .yaklasanSinavlar:hover {
}

section.kurslarimiz .yaklasanSinavlar {
    display: block;
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 0px 0px rgba(199, 198, 202, 0.28);
    z-index: 1;
    overflow: hidden;
    height: calc(100% - 10px);
    max-height: calc(100% - 10px);
}

section.kurslarimiz .yaklasanSinavlar h4 {
    padding: 0px 28px;
    color: #f1852b;
    font-size: 18px;
    font-weight: 900;
    margin: 25px 0px 15px;
}

.owl-yaklasanSinavlar {
    padding: 0px 28px;
}

.owl-yaklasanSinavlar .owl-nav {
    display: none;
}

.owl-yaklasanSinavlar .item {
}

.owl-yaklasanSinavlar .item .sinav {
}

.owl-yaklasanSinavlar .item .sinav p {
    color: #64737a;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.owl-yaklasanSinavlar .item .sinav b {
    font-weight: 800;
}

.yaklasanSinavNav {
    background: #fafbfb;
    border-left: 1px solid #e4e6ec;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}

.yaklasanSinavNav > button:hover {
    background: #f49933;
}

.yaklasanSinavNav .prev-btn {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 24px;
    padding-bottom: 22.5%;
    transform: rotate(180deg);
    cursor: pointer;
    margin-bottom: -2px;
    border: 0px;
    background: #64737a;
    transition: 0.3s ease all;
}

.yaklasanSinavNav .next-btn {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #64737a;
    transition: 0.3s ease all;
    width: 24px;
    padding-bottom: 22.5%;
    cursor: pointer;
    border: 0px;
}

section.onlineSeviyeTespitBanner {
}

section.onlineSeviyeTespitBanner .aciklama {
    text-align: right;
    color: #64737a;
    line-height: 24px;
    margin: 40px 0px -35px;
}

section.onlineSeviyeTespitBanner .banner:before {
    content: '';
    background: url(../img/onlinetespitsinavibg.png);
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    background-position: center right;
    background-repeat: no-repeat;
}

section.onlineSeviyeTespitBanner .banner .row {
    position: relative;
    z-index: 2;
}

section.onlineSeviyeTespitBanner .banner {
    height: 140px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    padding: 20px 0px;
    position: relative;
    margin: 72px 0px 50px;
}

section.onlineSeviyeTespitBanner .banner img {
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: calc(100% + 33px);
    max-width: unset;
}

section.onlineSeviyeTespitBanner .banner span {
    display: block;
}

section.onlineSeviyeTespitBanner .banner h4 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    flex-direction: column;
    border-right: 1px solid #ffd224;
}

section.onlineSeviyeTespitBanner .banner .btn {
    position: absolute;
    /* left: 50%; */
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}

section.onlineSeviyeTespitBanner .banner p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 900;
    font-weight: 600;
    margin: 0px;
    max-width: 182px;
    margin: 0 auto;
    padding: 19px 0px;
}

section.onlineSeviyeTespitBanner .banner p b {
    font-size: 17px;
    line-height: 17px;
    font-weight: 800;
}

section.yayinlar {
}

section.yayinlar h2 {
    font-size: 36px;
    font-weight: 900;
    display: inline-block;
    color: #474443;
    margin: 30px 20px 20px 0px;
}

section.yayinlar .yayinContainer {
    overflow: hidden;
}

section.yayinlar .yayinContainer .container {
}

section.yayinlar .yayinContainer .yayinSubContainer {
    width: 100vw;
}

section.yayinlar .yayin {
    display: block;
    background: #fff;
    border-radius: 6px;
    padding: 30px;
    margin-bottom: 10px;
}

section.yayinlar .yayin .img {
    display: block;
    padding-bottom: 140%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

section.yayinlar .yayin .baslik {
    color: #64737a;
    font-size: 13px;
    text-align: center;
    display: block;
    line-height: 15px;
    transition: 0.3s ease all;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

section.yayinlar .yayin:hover {
    background-image: -moz-linear-gradient(-36deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 46%, rgb(245, 245, 245) 100%);
    background-image: -webkit-linear-gradient(-36deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 46%, rgb(245, 245, 245) 100%);
    background-image: -ms-linear-gradient(-36deg, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 46%, rgb(245, 245, 245) 100%);
    box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.42);
}

section.yayinlar .yayin:hover .img {
}

section.yayinlar .yayin:hover .baslik {
    color: #000;
    font-weight: bold;
}

section.yayinlar .nav-pills {
    height: 10px;
}

section.yayinlar .nav-pills > li {
    display: inline-block;
    display: block;
}

section.yayinlar .nav-pills > li:not(:first-child) > a:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: -2px;
    background: #474443;
    top: 50%;
    transform: translateY(-50%);
}

section.yayinlar .nav-pills > li > a {
    display: block;
    line-height: 36px;
    color: #474443;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    position: relative;
    padding: 0px 10px;
}

section.yayinlar .yayinhead {
    display: flex;
    flex-direction: row;
    align-items: center;
}

section.yayinlar .nav-pills > li > a:hover, section.yayinlar .nav-pills > li > a.active {
    color: #fab736;
}

.owl-yayinlar {
}

.owl-yayinlar {
    margin-top: -35px;
    margin-bottom: -45px;
}

.owl-yayinlar .owl-stage-outer {
    max-width: 100vw;
    padding: 35px 0 80px;
}

.owl-yayinlar .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(0.9);
    pointer-events: none
}

.owl-yayinlar .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all
}

.owl-yayinlar .owl-nav {
    position: absolute;
    bottom: -30px
}

.owl-dersnotlari {
}

.owl-dersnotlari {
    margin-top: -35px;
    margin-bottom: -45px;
}

.owl-dersnotlari .owl-stage-outer {
    max-width: 100vw;
    padding: 35px 0 80px;
}

.owl-dersnotlari .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(0.9);
    pointer-events: none
}

.owl-dersnotlari .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all
}

.owl-dersnotlari .owl-nav {
    position: absolute;
    bottom: -30px
}

.yayinNav {
    position: absolute;
    right: 100px;
    margin-top: -30px;
}

.yayinNav > button {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 28px;
    padding-bottom: 28.5%;
    cursor: pointer;
    border: 0px;
    background: #64737a;
    transition: 0.3s ease all;
    position: relative;
}

.yayinNav > button:hover {
    background: #f49933;
}

.yayinNav .prev-btn {
    margin-bottom: 2px;
    transform: rotate(90deg);
    right: -8px;
}

.yayinNav .next-btn {
    transform: rotate(-90deg);
}

section.sinavTakvimi {
    background: url('../img/sinavtakvimibannerbg.jpg');
    height: 760px;
    padding-top: 240px;
    margin-top: -230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
}

section.sinavTakvimi .takvimoverflow {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

section.sinavTakvimi h2 {
    color: #fff;
    font-size: 36px;
    line-height: 64px;
    font-weight: 900;
}

section.sinavTakvimi .sayaclar {
    margin-top: 17.5px;
}

section.sinavTakvimi .sayaclar .row > div:last-child .sayac {
    border: 0px
}

section.sinavTakvimi .sayaclar .sayac {
    border-right: 1px solid #373636;
    padding-top: 75px;
}

section.sinavTakvimi .sayaclar .sayac .iconarea:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 120%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(54, 53, 52, 0.2);
    border-radius: 100%;
    opacity: 1;
}

section.sinavTakvimi .sayaclar .sayac .iconarea:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #cd5d1c80;
    border-radius: 100%;
    opacity: 0;
    z-index: 2;
}

section.sinavTakvimi .sayaclar .sayac .iconarea {
    width: 135px;
    height: 135px;
    background: #363534;
    border-radius: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    top: 48px;
    position: relative;
}

section.sinavTakvimi .sayaclar .sayac .iconarea .icon {
    width: 65px;
    height: 65px;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
}

section.sinavTakvimi .sayaclar .sayac .baslik {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

section.sinavTakvimi .sayaclar .sayac .baslik b {
    display: block;
    font-size: 18px;
    line-height: 18px;
}

section.sinavTakvimi .sayaclar .sayac:hover {
}

section.sinavTakvimi .sayaclar .sayac:before {
    content: '';
    background: rgb(54, 53, 52);
    background: linear-gradient(0deg, rgba(54, 53, 52, 0.5) 0%, rgba(251, 185, 0, 0) 10%);
    opacity: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    transition: 0.3s ease all;
}

section.sinavTakvimi .sayaclar .sayac:hover:before {
    opacity: 1;
    background: linear-gradient(0deg, rgba(54, 53, 52, 0.5) 0%, rgba(251, 185, 0, 0) 100%);
}

section.sinavTakvimi .sayaclar .sayac:hover .iconarea:before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s ease width, 0.3s ease height, 0.1s 0.3s ease opacity;
}

section.sinavTakvimi .sayaclar .sayac:hover .iconarea:after {
    content: '';
    width: 120%;
    height: 120%;
    opacity: 1;
    transition: 0.3s 0.1s ease width, 0.3s 0.1s ease height, 0.1s ease opacity;
}

section.sinavTakvimi .sayaclar .sayac:hover .iconarea {
    background-image: -moz-linear-gradient(-33deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -webkit-linear-gradient(-33deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    background-image: -ms-linear-gradient(-33deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
}

section.sinavTakvimi .sayaclar .sayac:hover .iconarea .icon {
    background: #fff;
}

.sinavTakvimiNav {
    position: absolute;
    right: 100px;
    top: 10px;
}

.sinavTakvimiNav > button {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 28px;
    padding-bottom: 28.5%;
    cursor: pointer;
    border: 0px;
    background: #ffffff;
    transition: 0.3s ease all;
    position: relative;
}

.sinavTakvimiNav > button:hover {
    background: #f49933;
}

.sinavTakvimiNav .prev-btn {
    margin-bottom: 2px;
    transform: rotate(90deg);
    right: -8px;
}

.sinavTakvimiNav .next-btn {
    transform: rotate(-90deg);
}

.owl-sinavtakvimi .owl-stage-outer {
    overflow: unset;
}

.owl-sinavtakvimi .owl-item {
    height: 100%;
}

.owl-sinavtakvimi .owl-nav {
    display: none;
}

.owl-sinavtakvimi .sinav {
    position: relative;
    padding: 0px 10px;
    padding-bottom: 40px;
}

.owl-sinavtakvimi .sinav:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #fff;
}

.owl-sinavtakvimi .sinav:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 5.5px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
}

.owl-sinavtakvimi .sinav.gecmis .tarih {
    color: #797878;
    font-size: 24px;
    font-weight: bold;
}

.owl-sinavtakvimi .sinav.gecmis p {
    font-size: 12px;
    line-height: 15px;
    color: #797878;
}

.owl-sinavtakvimi .sinav .tarih {
    color: #f4a233;
    font-size: 24px;
    font-weight: bold;
}

.owl-sinavtakvimi .sinav p {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    height: 60px;
}

.owl-sinavtakvimi .sinav p b {
}

section.ogrenciYorumlari {
    padding-top: 180px;
}

section.ogrenciYorumlari h3:before {
    content: '';
    background: url("../img/ogrenciyorumlaribg.png");
    height: 365px;
    width: 450px;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -55%);
    z-index: -1;
}

section.ogrenciYorumlari h3 {
    font-size: 80px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    position: relative;
    text-shadow: 0px 0px 73px rgba(0, 0, 0, 0.33);
}

section.carky {
    padding-top: 180px;
}

section.carky h3:before {
    content: '';
    background: url("../img/carkcevir.png");
    height: 365px;
    width: 450px;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -55%);
    z-index: -1;
}

section.carky h3 {
    font-size: 80px;
    text-align: center;
    font-weight: 900;
    color: #fff;
    position: relative;
    text-shadow: 0px 0px 73px rgba(0, 0, 0, 0.33);
}

section.ogrenciYorumlari .swiper-container .swiper-button-nextT {
    position: absolute;
    right: 130px;
    font-size: 50px;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    top: calc(50% - 50px);
}

section.ogrenciYorumlari .swiper-container .swiper-button-prevV {
    position: absolute;
    left: 130px;
    font-size: 50px;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    top: calc(50% - 50px);
    line-height: 0px;
}

section.ogrenciYorumlari .swiper-container {
    width: 100%;
    padding: 80px 30px;
    margin: -126px 0px -80px;
}

section.ogrenciYorumlari .swiper-slide .yorum {
    opacity: 0;
    /**/
}

section.ogrenciYorumlari .swiper-slide.swiper-slide-next .yorum, section.ogrenciYorumlari .swiper-slide.swiper-slide-prev .yorum, section.ogrenciYorumlari .swiper-slide.swiper-slide-active .yorum {
    opacity: 0.8;
}

section.ogrenciYorumlari .swiper-slide .yorum {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 120px;
    max-width: 700px;
    box-shadow: 0px 0px 73px 0px rgba(0, 0, 0, 0.13);
    width: 800px;
    opacity: 0;
    filter: blur(1px);
    transition: 0.3s ease all;
}

section.ogrenciYorumlari .swiper-slide.swiper-slide-active .yorum {
    background: #fff;
    opacity: 1;
    filter: unset;
}

section.ogrenciYorumlari .swiper-slide .yorum .avatar {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-right: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
}

section.ogrenciYorumlari .swiper-slide .yorum .yorumbolgesi {
    display: inline-block;
    width: calc(100% - 130px);
    vertical-align: middle;
}

section.ogrenciYorumlari .swiper-slide .yorum .yorumbolgesi span {
    color: #64737a;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
}

section.ogrenciYorumlari .swiper-slide .yorum .yorumbolgesi p {
    color: #64737a;
    font-size: 14px;
    line-height: 22px;
}

section.ogrenciYorumlari .ogrenciYorumlariNav {
}

section.ogrenciYorumlari .ogrenciYorumlariNav > div {
    transition: 0.3s ease all;
    position: absolute;
    padding-bottom: 20px;
    left: 50%;
    margin-top: 14px;
}

section.ogrenciYorumlari .ogrenciYorumlariNav > div:hover {
    background: #f49933;
}

section.ogrenciYorumlari .ogrenciYorumlariNav .swiper-btn-next {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #e7e9ed;
    width: 33px;
    cursor: pointer;
    transform: rotate(-90deg);
    margin-left: 30px;
}

section.ogrenciYorumlari .ogrenciYorumlariNav .swiper-btn-prev {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #e7e9ed;
    width: 33px;
    transform: rotate(90deg);
    cursor: pointer;
    margin-bottom: 8px;
}

section.ogrenciYorumlari .ogrenciYorumlariNav {
}

section.ogrenciYorumlari .ogrenciYorumlariNav {
    text-align: right;
    position: relative;
    padding: 40px 0px;
    z-index: 2;
}

footer {
    border-top: 1px solid #d7dce0;
    padding: 30px 0px;
}

footer .miniSubeler {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 40px;
}

footer .miniSubeler .sube:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    bottom: 10px;
    background: #f1852b;
    width: 3px;
}

footer .miniSubeler .sube {
    position: relative;
    padding-left: 15px;
    margin-left: 5px;
    margin-bottom: 20px;
}

footer .miniSubeler span {
    color: #64737a;
    font-size: 15px;
    line-height: 29px;
    font-weight: 800;
}

footer .miniSubeler p {
    font-size: 14px;
    line-height: 20px;
    color: #64737a;
}

footer .dvcenter {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px;
}

footer ul {
}

footer ul > li {
}

footer ul > li > a {
    display: block;
    color: #64737a;
    font-size: 14px;
    line-height: 31px;
    font-weight: bold;
}

footer ul > li > a:hover {
    color: #f1852b;
}

footer .border-right {
    border-right: 1px solid #d7dce0 !important;
}

footer .sosyal {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 40px 0px 50px;
}

footer .sosyal a {
    display: block;
}

footer .sosyal a:hover .icon {
    fill: #64737a;
}

footer .sosyal a .icon {
    transition: 0.3s ease all;
    width: 38px;
    height: 38px;
    fill: #d9dbdf;
}

footer .footerdesc {
    text-align: right;
    padding: 30px 0px;
}

footer .footerdesc .logo {
    display: inline-block;
}

footer .footerdesc .logo img {
    width: 220px;
}

footer .footerdesc .copyright {
    color: #64737a;
    font-size: 14px;
    line-height: 19px;
    margin: 20px 0px;
}

footer .footerdesc .ebulten {
    width: 390px;
    margin-left: auto;
    margin-bottom: 30px;
}

footer .footerdesc .ebulten label {
    color: #b5bbc0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 3px;
}

footer .footerdesc .ebulten .form-group {
    position: relative;
}

footer .footerdesc .ebulten .form-control::-webkit-input-placeholder { /* Edge */
    color: #b5bbc0;
    font-size: 14px;
}

footer .footerdesc .ebulten .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b5bbc0;
    font-size: 14px;
}

footer .footerdesc .ebulten .form-control::placeholder {
    color: #b5bbc0;
    font-size: 14px;
}

footer .footerdesc .ebulten .form-control {
    border: 2px solid #d7dce0;
    background: transparent;
    border-radius: 30px;
    height: 45px;
    color: #b5bbc0;
    font-size: 14px;
    padding: 0px 20px;
}

footer .footerdesc .ebulten button {
    font-size: 18px;
    font-weight: bold;
    color: #f1852b;
    background: transparent;
    border: 0px;
    position: absolute;
    right: 12px;
    top: 0px;
    line-height: 45px;
    z-index: 2;
    cursor: pointer;
}

footer .footerdesc .imza {
    color: #b5bbc0;
    font-size: 14px;
}

footer .footerdesc .imza a {
    font-weight: bold;
    color: #b5bbc0;
}

footer .footerdesc .imza a:hover {
    color: #64737a;
    border-bottom: 2px solid #64737a;
}

section.banner {
    position: relative;
}

section.banner .background {
    background: url(../img/sliderbg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 1206px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: -1;
}

section.banner.half .background {
    height: 920px;
}

section.banner .content {
    padding-top: 175px;
    position: relative;
    padding-bottom: 30px;
    z-index: 2;
}

section.banner .content h1 {
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    font-weight: 900;
}

section.banner .content h1 + p {
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

section.banner .content .breadcrumb {
    background: transparent;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(71, 68, 67, 0.35);
    padding: 10.5px 45px;
    border-radius: 50px;
}

section.banner .content .breadcrumb a {
    color: #64737a;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    padding: 0px 10px;
    position: relative;
}

section.banner .content .breadcrumb a:last-child, section.banner .content .breadcrumb a:hover {
    color: #ec6d1f;
}

section.banner .content .breadcrumb a:not(:last-child):before {
    content: '';
    -webkit-mask: url('../img/svg/angle-right.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 8px;
    height: 15px;
    background: #64737a;
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
}

section.kurumsal .push-top {
    margin-top: -250px;
}

section.kurumsal {
}

section.kurumsal .sidebar {
    background: url('../img/solmenu.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 230px;
    height: 566px;
    display: flex;
    justify-content: center;
    padding-top: 110px;
    overflow: hidden;
}

section.kurumsal .sidebar .menu {
}

section.kurumsal .sidebar .menu ul {
    margin: 0px;
}

section.kurumsal .sidebar .menu ul > li {
}

section.kurumsal .sidebar .menu ul > li > a {
    color: #fff;
    line-height: 39px;
    display: block;
    font-weight: bold;
    position: relative;
}

section.kurumsal .sidebar .menu ul > li > a:before {
    content: '';
    position: absolute;
    left: -100%;
    top: 50%;
    width: 15px;
    height: 4px;
    background: #f6a134;
    border-radius: 20px;
    transform: translateY(-50%);
    transition: 0.3s ease all;
}

section.kurumsal .sidebar .menu ul > li > a:hover, section.kurumsal .sidebar .menu ul > li > a.active {
    color: #f6a134;
}

section.kurumsal .sidebar .menu ul > li > a:hover:before, section.kurumsal .sidebar .menu ul > li > a.active:before {
    left: -25px;
}

section.kurumsal .content {
    padding-top: 50px;
}

section.kurumsal .content h2 {
    color: #ee852d;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.kurumsal .content p {
    color: #64737a;
    font-size: 14px;
    line-height: 24px;
}

section.kurumsal .gecis:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: #edeff3;
    clip-path: polygon(0 530px, 100% 0, 100% 100%, 0% 100%);
    z-index: -1;
}

section.kurumsal .gecis {
    position: relative;
    margin-top: 90px;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 100px;
}

section.kurumsal .gencvizyonag {
    margin-top: -35px;
}

section.kurumsal .gecis p {
    font-size: 14px;
    color: #64737a;
    line-height: 24px;
}

section.kurumsal .gecis h2 {
    color: #f1852b;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
}

.logolar {
    margin-bottom: 50px;
}

.logolar .logo:hover {
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
}

.logolar .logo {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    display: block;
    margin-bottom: 10px;
    padding: 50px 20px 20px;
}

.logolar .logo .icon {
    width: 50px;
    height: 65px;
    fill: #64737a;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.logolar .logo span {
    display: block;
    color: #64737a;
    font-size: 14px;
    text-align: center;
    margin: 10px 0px 0px;
    transition: 0.3s ease all;
}

.logolar .logo:hover span {
    color: #f08117;
}

.belgeler {
}

.belgeler .belge {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    display: block;
    padding: 0px 20px 20px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.belgeler .belge:hover {
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
}

.belgeler .belge .imgshadow {
    height: 195px;
    width: 135px;
    margin: 0 auto;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.belgeler .belge .imgshadow .img {
    width: 100%;
    padding-bottom: 144%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.belgeler .belge .imgshadow:before {
    content: '';
    position: absolute;
    left: -13px;
    bottom: 0px;
    top: 17%;
    right: -13px;
    background: url(../img/belgeshadow.png);
    z-index: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.belgeler .belge span {
    text-align: center;
    display: block;
    color: #64737a;
    font-size: 14px;
    margin: 10px 0px 0px;
}

.haberler {
}

.haberler .haber {
    background: #fff;
    position: relative;
    padding: 15px;
    margin: 100px 0px;
    display: block;
    border-radius: 6px;
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
}

.haberler .haber .img {
    padding-bottom: 33.90%;
    border-radius: 6px;
    position: relative;
    top: -85px;
    margin-bottom: -85px;
}

.haberler .haber span {
    color: #64737a;
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin: 10px 0px;
    transition: 0.3s ease all;
}

.haberler .haber:hover span {
    color: #f1852b;
}

.haberler .haber p {
    color: #64737a;
    font-size: 14px;
    line-height: 24px;
}

.owl-haberler {
}

.owl-haberler .owl-nav {
    display: none;
}

.owl-haberler .owl-stage-outer {
    max-width: 100vw;
    padding: 0 0 35px
}

.owl-haberler .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(0.9);
    pointer-events: none
}

.owl-haberler .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all
}

.haberlerNav {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.haberlerNav > button:hover {
    background: #f49933;
}

.haberlerNav .prev-btn {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 24px;
    height: 14px;
    transform: rotate(90deg);
    cursor: pointer;
    margin-right: -18px;
    border: 0px;
    background: #64737a;
    transition: 0.3s ease all;
}

.haberlerNav .next-btn {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #64737a;
    transition: 0.3s ease all;
    width: 24px;
    height: 15px;
    cursor: pointer;
    border: 0px;
    transform: rotate(-90deg);
    margin-left: 5px;
}

section.subeler {
}

section.subeler .sube {
    padding: 45px 38px;
    background: #fff;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    margin-bottom: 50px;
}

section.subeler .sube h2 {
    color: #64737a;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
}

section.subeler .sube hr {
    margin: 40px -38px;
    border-top: 1px solid #d7dce0;
}

section.subeler .sube h3 {
    color: #ef7a25;
    font-size: 18px;
    line-height: 19px;
    font-weight: 600;
    position: relative;
}

section.subeler .sube h3 + p {
    color: #64737a;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px;
}

section.subeler .sube .harita {
    height: 260px;
    border-radius: 6px;
    margin-bottom: 60px;
}

section.subeler .sube .iletisimbilgileri {
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi {
    position: relative;
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi:before {
    content: '';
    width: 2px;
    position: absolute;
    left: 0px;
    background: #ef7a25;
    top: 0px;
    height: 55px;
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi p {
    color: #64737a;
    font-size: 14px;
    line-height: 18px;
    margin: 0px;
    padding-left: 15px;
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi p span {
    font-weight: bold;
    line-height: 24px;
    font-size: 16px;
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi p a {
    display: block;
    color: #64737a;
    font-size: 14px;
    line-height: 18px;
}

section.subeler .sube .iletisimbilgileri .iletisimbilgi p a:hover {
    color: #f08117;
}

.egitmenler {
}

.egitmenler .egitmen {
    margin: 20px 0px;
    display: block;
}

.egitmenler .egitmen .profil {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
}

.egitmenler .egitmen .profil:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s 0.1s ease width, 0.2s 0.1s ease height, opacity, 0.4s ease all;
    background: #f1852b;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: -1;
    opacity: 0;
}

.egitmenler .egitmen span {
    color: #64737a;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    display: block;
    transition: 0.3s ease all;
}

.egitmenler .egitmen span b {
    display: block;
}

.egitmenler .egitmen:hover .profil:before {
    content: '';
    width: 120%;
    height: 120%;
    opacity: 1;
    transition: 0.2s ease width, 0.2s ease height;
}

.egitmenler .egitmen:hover span {
    color: #f1852b;
}

.egitmenlerNav {
    position: absolute;
    right: 0px;
    top: 50%;
    /* transform: translateY(-50%); */
}

.owl-egitmenler .owl-stage-outer {
    margin: -20px 0px;
    padding: 20px 0px;
}

.owl-egitmenler .owl-nav {
    display: none;
}

.egitmenlerNav > button:hover {
    background: #f49933;
}

.egitmenlerNav .prev-btn {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 25px;
    height: 14px;
    transform: rotate(90deg);
    cursor: pointer;
    margin-right: -17px;
    border: 0px;
    background: #64737a;
    transition: 0.3s ease all;
}

.egitmenlerNav .next-btn {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #64737a;
    transition: 0.3s ease all;
    width: 24px;
    height: 15px;
    cursor: pointer;
    border: 0px;
    transform: rotate(-90deg);
    margin-left: 5px;
}

/**/
.miniegitmenler .baslik {
    width: 160px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    color: #ef7a25;
    font-size: 24px;
    font-weight: 900;
}

.miniegitmenler {
    padding: 15px;
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 0px 0px rgba(199, 198, 202, 0.28);
    z-index: 1;
    max-width: 100%;
    height: calc(100% - 12.40px);
}

.miniegitmenler .egitmen {
    margin: 20px 0px;
    display: block;
}

.miniegitmenler .egitmen .profil {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px;
    position: relative;
}

.miniegitmenler .egitmen .profil:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s 0.1s ease width, 0.2s 0.1s ease height, opacity, 0.4s ease all;
    background: #f1852b;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: -1;
    opacity: 0;
}

.miniegitmenler .egitmen span {
    color: #64737a;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    display: block;
    transition: 0.3s ease all;
}

.miniegitmenler .egitmen span b {
    display: block;
}

.miniegitmenler .egitmen:hover .profil:before {
    content: '';
    width: 120%;
    height: 120%;
    opacity: 1;
    transition: 0.2s ease width, 0.2s ease height;
}

.miniegitmenler .egitmen:hover span {
    color: #f1852b;
}

.miniEgitmenlerNav {
    background: #fafbfb;
    border-left: 1px solid #e4e6ec;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 110px;
    height: 100%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    align-items: center;
}

.miniEgitmenlerNav > button:hover {
    background: #f49933;
}

.miniEgitmenlerNav .prev-btn {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 24px;
    padding-bottom: 22.5%;
    transform: rotate(90deg);
    cursor: pointer;
    margin-right: -4px;
    border: 0px;
    background: #64737a;
    transition: 0.3s ease all;
}

.miniEgitmenlerNav .next-btn {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #64737a;
    transition: 0.3s ease all;
    width: 24px;
    padding-bottom: 22.5%;
    cursor: pointer;
    border: 0px;
    transform: rotate(-90deg);
}

.owl-miniEgitmenler .owl-stage-outer {
    margin: -20px 0px;
    padding: 20px 0px;
}

.owl-miniEgitmenler .owl-nav {
    display: none;
}

.kurslarimiz2 {
}

.kurslarimiz2 .kurs {
    border-radius: 6px;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 2px 0px 0px rgba(199, 198, 202, 0.28);
    display: block;
    padding: 30px;
    margin-bottom: 10px;
    display: flex;
    height: 90px;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.kurslarimiz2 .kurs .baslik {
    color: #64737a;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    width: 118px;
    display: block;
    transition: 0.3s ease all;
}

.kurslarimiz2 .kurs .icon {
    width: 50px;
    height: 60px;
    background: #64737a;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 30px;
    bottom: 15px;
    transition: 0.3s ease all;
}

.kurslarimiz2 .kurs:hover {
    background: #f1852b;
}

.kurslarimiz2 .kurs:hover .baslik {
    color: #fff;
}

.kurslarimiz2 .kurs:hover .icon {
    background: #fff;
}

section.test {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    padding-top: 50px;
    margin-bottom: 100px;
    overflow: hidden;
}

section.test h2 {
    color: #ef7a25;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 50px;
    padding: 0px 55px;
}

section.test .sorular {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin: -35px 60px 0;
    padding: 0;
}

section.test .sorular .soru {
    padding: 20px 55px 40px;
}

section.test .sorular .soru:nth-child(odd) {
}

section.test .sorular .soru:nth-child(even) {
    background: #f9f9fa;
}

section.test .sorular .soru:nth-child(even) .soruno {
    background: #dbdee0;
    color: #fff;
}

section.test .sorular .soru .soruno {
    display: inline-block;
    color: #64737a;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 15px;
    border-radius: 40px;
    background: #f4f6fa;
}

section.test .sorular .soru.yanlis .soruno {
    background-color: #ffc1c1;
    color: #64737a;
}

section.test .sorular .soru.dogru .soruno {
    background-color: #b2ff91;
    color: #64737a;
}

section.test .sorular .soru .soruicerik {
    margin-top: 40px;
    font-size: 14px;
    color: #64737a;
    line-height: 21px;
}

section.test .sorular .soru .soruicerik ol,
section.test .sorular .soru .soruicerik ul {
    padding-left: 20px;
    margin: 0px;
}

section.test .sorular .soru .sorutext {
    color: #64737a;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}

section.test .sorular .soru .cevaplar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

section.test .sorular .soru .cevaplar .cevap {
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:checked,
section.test .sorular .soru .cevaplar .cevap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:checked + label,
section.test .sorular .soru .cevaplar .cevap input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:checked + label:before,
section.test .sorular .soru .cevaplar .cevap input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    border: 0px;
    border-radius: 100%;
    background: #ebeced;
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:checked + label:after,
section.test .sorular .soru .cevaplar .cevap input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #64737a;
    position: absolute;
    top: 4.5px;
    left: 3.9px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

section.test .sorular .soru .cevaplar .cevap input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

section.test .sorular .soru .cevaplar .cevap label {
    color: #64737a;
}

section.test .sorular .soru .cevaplar .cevap .cevapno {
    font-size: 14px;
    color: #64737a;
    font-weight: bold;
    margin-right: 5px;
}

section.test .form {
    background-image: -moz-linear-gradient(-180deg, rgb(245, 158, 51) 0%, rgb(238, 119, 36) 100%);
    background-image: -webkit-linear-gradient(-180deg, rgb(245, 158, 51) 0%, rgb(238, 119, 36) 100%);
    background-image: -ms-linear-gradient(-180deg, rgb(245, 158, 51) 0%, rgb(238, 119, 36) 100%);
    padding: 50px 105px 50px 55px;
}

section.test .form .form-group {
}

section.test .form .form-group .form-control {
    background: #f9f9fa;
    border-radius: 6px;
    border: 0px;
    height: 40px;
    color: #474443;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}

section.test .form .vcenter {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section.test .form .btn {
}

section.test .form p {
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}

section.test-cevap {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    padding: 50px 0;
    margin-bottom: 100px;
    overflow: hidden;
}

section.test-cevap img {
    position: relative;
    left: -50%;
    top: -50px;
    max-width: unset;
    width: 753px;
    opacity: .8;
}

section.test-cevap .right {
}

section.test-cevap .right .boxes {
    height: 160px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

section.test-cevap .right .boxes.dogrular {
    background-color: rgb(240, 133, 63);
    margin-bottom: 21px;
}

section.test-cevap .right .boxes.yanlislar {
    background-color: rgb(71, 68, 67);
    margin-bottom: 70px;
}

section.test-cevap .right h3 {
    font-size: 20px;
    color: #474443;
    margin-bottom: 8px;
    font-weight: bold;
}

section.test-cevap .right p {
    font-size: 16px;
    color: #474443;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 49px;
}

section.test-cevap .right h3 span {
    display: block;
    font-weight: 400;
    font-size: 18px;
}

section.test-cevap .right h3 strong {
    color: #ef7a25;
}

section.sinavTakvimiDetay {
    padding-bottom: 150px;
    min-height: 900px;
}

section.sinavTakvimiDetay .denemesinavlari {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    background-image: url('../img/sinavtakvimipattern1.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    padding: 40px 0px;
    padding-right: 80px;
}

section.sinavTakvimiDetay .denemesinavlari h2 {
    color: #64737a;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding: 0px 30px;
}

section.sinavTakvimiDetay .denemesinavlari .sinav:not(:last-child):before {
    content: '';
    background: #e8eaeb;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

section.sinavTakvimiDetay .denemesinavlari .sinav:hover {
    background: rgb(241, 242, 243);
    background: linear-gradient(90deg, rgba(241, 242, 243, 1) 0%, rgba(251, 185, 0, 0) 59%);
}

section.sinavTakvimiDetay .denemesinavlari .sinav {
    padding: 48px 0px 30px 65px;
    position: relative;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavgunu {
    position: absolute;
    color: #caced0;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    bottom: 18px;
    transform: rotate(-90deg);
    transform-origin: 0px 0px;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .tarih {
    border: 3px solid #f49b33;
    width: 82px;
    height: 82px;
    border-radius: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .gun {
    color: #f59f34;
    font-size: 24px;
    line-height: 24px;
    font-weight: 800;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .ay {
    color: #64737a;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .yil {
    color: #f49b33;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi {
    padding: 0px 0px 0px 22px;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 88px);
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 800;
    color: #64737a;
    margin: 0px;
    width: 100%;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi p b {
    color: #f18a2c;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi .saat {
    color: #64737a;
    font-size: 14px;
    font-weight: bold;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi .etiketler {
    margin-left: -5px;
    margin-top: 10px;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi .etiketler span {
    color: #64737a;
    font-size: 12px;
    padding: 2px 13px;
    display: inline-block;
    border-radius: 15px;
    background: #e0e3e4;
    cursor: pointer;
}

section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi .etiketler span:hover {
    color: #fff;
    background: #f49b33;
}

section.sinavTakvimiDetay .denemesinavlari.pasif {
    background-color: #474443;
    background-image: url('../img/sinavtakvimipattern2.jpg');
}

section.sinavTakvimiDetay .denemesinavlari.pasif h2 {
    color: #f49b33;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinavgunu {
    color: #797979;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .tarih .ay {
    color: #fff;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinavicerigi p {
    color: #fff;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinavicerigi .saat {
    color: #fff;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinav .sinavicerigi .etiketler span {
    background: #5b5959;
    color: #fff;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinav .sinavicerigi .etiketler span:Hover {
    background: #f49b33;
    color: #fff;
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinav:hover {
    background: rgb(46, 45, 44);
    background: linear-gradient(90deg, rgba(46, 45, 44, 1) 0%, rgba(251, 185, 0, 0) 59%);
}

section.sinavTakvimiDetay .denemesinavlari.pasif .sinav:not(:last-child):before {
    background: #646262;
}

section.kursdetay {
}

section.kursdetay .kursYayinlari {
    background: url('../img/kursyayinlaribg.jpg');
    padding: 35px 19px;
    border-radius: 6px;
    background-color: rgb(71, 68, 67);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: bottom center;
    overflow: hidden;
    margin-bottom: 30px;
}

section.kursdetay .kursYayinlari h3 {
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    font-weight: bold;
}

section.kursdetay .kursYayinlari .yayin {
    display: block;
    /* width: 200px; */
}

section.kursdetay .kursYayinlari .yayin .img {
    display: block;
    padding-bottom: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.kursdetay .kursYayinlari .yayin .baslik {
    display: block;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transition: 0.3s ease all;
}

section.kursdetay .kursYayinlari .swiper-slide.swiper-slide-active .yayin .baslik {
    opacity: 1;
    pointer-events: auto;
}

section.kursdetay .kursYayinlari .swiper-container {
    /*    padding: 0px 30px;
        padding-top: 50px;
        padding-bottom: 50px;*/
    margin: 40px -50px;
}

section.kursdetay .kursYayinlari .swiper-slide .yayin {
    opacity: 0;
    transition: 0.3s ease all;
}

section.kursdetay .kursYayinlari .swiper-slide.swiper-slide-next .yayin,
section.kursdetay .kursYayinlari .swiper-slide.swiper-slide-prev .yayin,
section.kursdetay .kursYayinlari .swiper-slide.swiper-slide-active .yayin {
    opacity: 1;
}

section.kursdetay .kursYayinlari .swiper-nav {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px 0px 0px;
}

section.kursdetay .kursYayinlari .swiper-nav > div {
    transition: 0.3s ease all;
}

section.kursdetay .kursYayinlari .swiper-nav > div:hover {
    background: #f49933;
}

section.kursdetay .kursYayinlari .swiper-nav .swiper-btn-next {
    -webkit-mask: url('../img/svg/arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    width: 24px;
    cursor: pointer;
    transform: rotate(-90deg);
    height: 20px;
}

section.kursdetay .kursYayinlari .swiper-nav .swiper-btn-prev {
    -webkit-mask: url(../img/svg/arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    background: #ffffff;
    transform: rotate(90deg);
    margin-bottom: 8px;
    width: 24px;
    cursor: pointer;
    height: 20px;
}

section.kursdetay h2 {
    color: #ef7a25;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0px;
    padding: 0px 30px;
}

section.kursdetay .kursbilgilendirme {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    margin-bottom: 30px;
}

section.kursdetay .list {
}

section.kursdetay .list .item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 30px;
    border-bottom: 1px solid #ebedef;
}

section.kursdetay .list .item b {
    color: #64737a;
    font-size: 14px;
    line-height: 51px;
    display: block;
    font-weight: bold;
}

section.kursdetay .list .item span {
    color: #64737a;
    font-size: 14px;
    line-height: 51px;
    display: block;
}

section.kursdetay .aciklama {
    padding: 30px;
    color: #64737a;
    font-size: 14px;
    line-height: 22px;
    border-left: 1px solid #ebedef;
}

section.kursdetay .aciklama p {
    margin: 0px;
}

section.kursdetay .kursayrinti {
    display: flex;
    justify-content: space-evenly;
    height: 190px;
    flex-direction: row;
    align-items: center;
}

section.kursdetay .kursayrinti span {
    color: #64737a;
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
    /* width: 50%; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px 20px 20px 30px;
    max-height: 100px;
}

section.kursdetay .kursayrinti span:first-child {
    border-right: 1px solid #ebedef;
}

section.kursdetay .kursayrinti span b {
    display: block;
    font-size: 18px;
    font-weight: 800;
}

section.kursdetay .kursSubeleri {
    padding: 50px;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
}

section.kursdetay .kursSubeleri .sube {
    padding: 0px 20px;
}

section.kursdetay .kursSubeleri .sube h4 {
    color: #ef7a25;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

section.kursdetay .kursSubeleri .sube p {
    color: #64737a;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
}

section.kursdetay .kursSubeleri .sube p b {
    color: #64737a;
    line-height: 19px;
    font-weight: bold;
    display: block;
}

section.kursdetay .kursSubeleri .sube p a {
    color: #64737a;
    font-size: 14px;
    line-height: 16px;
    display: block;
}

section.kursdetay .kursSubeleri .sube p a:hover {
}

section.kursdetay .egitmenler {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    padding: 30px 30px 0px;
    margin: 30px 0px;
}

section.kursdetay .egitmenler h3 {
    color: #ef7a25;
    font-size: 18px;
    line-height: 19px;
    font-weight: 600;
    position: relative;
}

section.kursdetay .egitmenler h3 + p {
    color: #64737a;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.mobileHeader {
    position: absolute;
    left: 0px;
    right: 0%;
    top: 0px;
    padding: 20px 30px;
    z-index: 16;
    transition: 0.1s 0.2s ease box-shadow, 0.1s ease background;
}

.mobileHeader .logo {
    display: block;
    position: relative;
}

.mobileHeader .logo img {
    opacity: 1;
    transition: 0.3s ease all;
}

.mobileHeader .logo .img {
    -webkit-mask: url('../img/logo.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: white;
    opacity: 0;
    transition: 0.3s ease all;
}

body.mobileMenuActive .mobileHeader .logo img {
    opacity: 0;
}

body.mobileMenuActive .mobileHeader .logo .img {
    opacity: 1;
}

body.mobileMenuActive .mobileHeader {
    background: transparent;
    box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0);
    transition: 0.1s ease box-shadow, 0.1s 0.2s ease background;
}

.mobileHeader .btnPoisition {
    display: flex;
    justify-content: center;
    align-items: center;
}

body.mobileMenuActive .button-toggle span {
    background: #fff
}

.button-toggle {
    top: 10px
}

.button-toggle {
    cursor: pointer;
    background: 0 0;
    box-shadow: none;
    border: none;
    transition: all .3s;
    height: 50px;
    position: absolute;
    z-index: 30;
    outline: unset !important;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.button-toggle span {
    display: block;
    width: 48px;
    height: 8px;
    background: #ffffff;
    border-radius: 10px;
    margin: 0;
    position: absolute;
    top: 23px;
    left: 14px;
    box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.20);
    transition: all .3s;
}

body.mobileMenuActive .button-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(-4px, 4px)
}

body.mobileMenuActive .button-toggle span:nth-child(2) {
    transform: translateX(-50px);
    opacity: 0
}

body.mobileMenuActive .button-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(-4px, -4px)
}

body.mobileMenuActive .button-toggle span {
    width: 42px
}

.button-toggle span:nth-child(1) {
    transform: translateY(-13px)
}

.button-toggle span:nth-child(3) {
    transform: translateY(13px)
}

.mobileMenu {
    position: absolute;
    left: 0px;
    right: 100%;
    overflow: hidden;
    height: 100vh;
    transition: 0.3s ease all;
    z-index: 15;
    background: rgba(71, 68, 67, 0.95);
}

body.mobileMenuActive .mobileMenu {
    right: 0%;
}

.mobileMenu .menucontainer {
    opacity: 0;
    transition: 0.3s 0.3s ease all;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.mobileMenu .menucontainer .navbar-nav {
}

body.mobileMenuActive .mobileMenu .menucontainer {
    opacity: 1;
}

.mobileMenu .navbar-nav {
    padding: 40px 0px;
}

.mobileMenu .navbar-nav > li {
}

.mobileMenu .navbar-nav > li > a {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 42px;
    display: block;
    padding: 0px;
    padding-left: 25%;
}

.mobileMenu .navbar-nav > li > a:hover {
    color: #474443;
}

.mobileMenu .navbar-nav > li.megaMenu {
}

.mobileMenu .navbar-nav > li.megaMenu .dropdown {
    display: none;
}

.mobileMenu .menuContent1 {
    position: absolute;
    left: -100%;
    top: 0px;
    bottom: 0px;
    transition: 0.3s ease left;
    padding-top: 130px;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.mobileMenu .menuContent1 .btn-mobileonline {
    background: #f1852b;
    width: 200px;
    margin: 0 auto;
    color: #fff;
    padding: 9px 20px;
    font-weight: 600;
    margin-bottom: -15px;
    margin-top: 20px;
}

.mobileMenu .menuContent2 {
    position: absolute;
    right: -100%;
    top: 0px;
    bottom: 0px;
    transition: 0.3s ease right;
    padding-top: 130px;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
}

.mobileMenu .menuContent3 {
    position: absolute;
    right: -100%;
    top: 0px;
    bottom: 0px;
    transition: 0.3s ease right;
    padding-top: 100px;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
}
.mobileMenu .menuContent4 {
    position: absolute;
    right: -100%;
    top: 0px;
    bottom: 0px;
    transition: 0.3s ease right;
    padding-top: 100px;
    width: 100vw;
    height: 100vh;
    flex-direction: column;
}

.mobileMenu .menuContent1.active {
    left: 0%;
}

.mobileMenu .menuContent2.active {
    right: 0%;
}

.mobileMenu .menuContent3.active {
    right: 0%;
}
.mobileMenu .menuContent4.active {
    right: 0%;
}

.mobileMenu .menuContent2 .content {
    border-top: 2px solid #3c3c3b0d;
}

.mobileMenu .menuContent2 .title {
    display: inline-block;
    width: calc(100% - 106px);
    font-size: 28px;
    font-weight: 800;
    color: #f1852b;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 20px;
}

.mobileMenu .menuContent2 .back {
    -webkit-mask: url('../img/svg/left-arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 40px;
    height: 30px;
    background: #f1852b;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: calc(20% - 40px);
    float: left;
}

.mobileMenu .menuContent3 .back {
    display: inline-block;
    width: calc(100% - 106px);
    font-size: 28px;
    font-weight: 800;
    color: #f1852b;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 20px;
}

.mobileMenu .menuContent3 .loginbox {
    max-width: 100%;
    border-radius: 10px;
    padding: 17px 30px 25px;
    transition: 0.3s ease all;
    position: relative;
}

.mobileMenu .menuContent3 .loginbox .title {
    color: #d8d8d8;
    font-size: 24px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.mobileMenu .menuContent3 .loginbox .form-group {
}

.mobileMenu .menuContent3 .loginbox .form-group label {
    color: #bdbdbd;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    display: block;
}

.mobileMenu .menuContent3 .loginbox .form-group input:focus {
    border-color: #f3912f;
}

.mobileMenu .menuContent3 .loginbox .form-group input {
    height: 39px;
    line-height: 39px;
    transition: 0.3s ease all;
}

.mobileMenu .menuContent3 .loginbox .btn {
    margin: 0 auto;
    display: block;
    padding: 12px 56px;
    font-size: 18px;
    font-weight: 700;
    background: #f1852b;
}

.mobileMenu .menuContent3 .loginbox p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    color: #bdbdbd;
    margin: 30px 0px 0px;
}

.mobileMenu .menuContent3 .back:before {
    content: '';
    -webkit-mask: url('../img/svg/left-arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 40px;
    height: 30px;
    background: #f1852b;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: calc(20% - 40px);
    float: left;
    margin-right: 10px;
}










.mobileMenu .menuContent4 .back {
    display: inline-block;
    width: calc(100% - 106px);
    font-size: 28px;
    font-weight: 800;
    color: #f1852b;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-left: 20px;
}

.mobileMenu .menuContent4 .loginbox {
    max-width: 100%;
    border-radius: 10px;
    padding: 17px 30px 25px;
    transition: 0.3s ease all;
    position: relative;
}

.mobileMenu .menuContent4 .loginbox .title {
    color: #d8d8d8;
    font-size: 24px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.mobileMenu .menuContent4 .loginbox .form-group {
}

.mobileMenu .menuContent4 .loginbox .form-group label {
    color: #bdbdbd;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    display: block;
}

.mobileMenu .menuContent4 .loginbox .form-group input:focus {
    border-color: #f3912f;
}

.mobileMenu .menuContent4 .loginbox .form-group input {
    height: 39px;
    line-height: 39px;
    transition: 0.3s ease all;
}

.mobileMenu .menuContent4 .loginbox .btn {
    margin: 0 auto;
    display: block;
    padding: 12px 56px;
    font-size: 18px;
    font-weight: 700;
    background: #f1852b;
}

.mobileMenu .menuContent4 .loginbox p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
    color: #bdbdbd;
    margin: 30px 0px 0px;
}

.mobileMenu .menuContent4 .back:before {
    content: '';
    -webkit-mask: url('../img/svg/left-arrow.svg');
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 40px;
    height: 30px;
    background: #f1852b;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: calc(20% - 40px);
    float: left;
    margin-right: 10px;
}









.mobileMenu .menuContent2 .navbar-nav {
    padding: 10px 0px;
}

.mobileMenu .menuContent2 .navbar-nav > li {
}

.mobileMenu .menuContent2 .navbar-nav > li > a .icon {
    -webkit-mask-position: center;
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background: white;
    display: block;
    position: absolute;
    left: -44px;
}

.mobileMenu .menuContent2 .navbar-nav > li > a {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 31px;
    display: block;
    padding: 0px;
    margin-left: 25%;
    margin-bottom: 10px;
    position: relative;
}

.mobileMenu .menuContent2 .navbar-nav > li > a:hover {
    color: #474443;
}

.custommodal {
}

.custommodal .modal-content {
    background: transparent;
    border: 0px;
    padding-top: 25px;
    width: auto;
    height: auto;
}

.custommodal .modal-content h2 {
    font-size: 36px;
    color: #fff;
    line-height: 37px;
    font-weight: 500;
    margin-bottom: 40px;
}

.custommodal .modal-content h2 b {
    font-weight: 800;
}

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

.custommodal .modal-content .form-group .form-control::-webkit-input-placeholder { /* Edge */
    color: #474443;
}

.custommodal .modal-content .form-group .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #474443;
}

.custommodal .modal-content .form-group .form-control::placeholder {
    color: #474443;
}

.custommodal .modal-content .form-group .form-control:focus::-webkit-input-placeholder { /* Edge */
    color: #474443;
}

.custommodal .modal-content .form-group .form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #474443;
}

.custommodal .modal-content .form-group .form-control:focus::placeholder {
    color: #474443;
}

.custommodal .modal-content .form-group .form-control {
    padding: 14px 20px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #474443;
    border: 1px solid transparent;
    background: #e6e7e8;
    transition: 0.3s ease all;
    height: auto;
}

.basvuruYap.custommodal .modal-content .form-group .form-control {
    background: #e6e7e8;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #474443;
    border: 0px;
    border-radius: 6px;
    padding: 8px 17px;
    height: auto;
}

.custommodal .modal-dialog form {
    background: url(../img/menubg.png) #fff;
    background-position: left top;
    background-repeat: no-repeat;
}

#testBaslaForm {
    position: relative;
    padding: 45px 23px;
}

#testBaslaForm img {
    position: absolute;
    top: -160px;
    left: 0;
}

.custommodal .modal-content .form-group .form-control:focus {
    color: #474443;
    background: #e6e7e8;
}

.custommodal .modal-content .form-group textarea.form-control {
    border-radius: 10px;
}

.custommodal {
}

.custommodal .modal-content {
}

.custommodal .modal-content svg {
    margin-left: auto;
    margin-bottom: 25px;
    cursor: pointer;
}

.custommodal .modal-content form {
    background-color: #f9f9f9;
    padding: 35px 40px;
    border-radius: 6px;
}

section.videodersler {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgba(100, 115, 122, 0.3);
    padding: 40px 30px;
    margin-bottom: 70px;
}

section.videodersler h3 {
    color: #f1974d;
    font-size: 24px;
    font-weight: 600;
}

section.videodersler h4 p {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin: 0px;
    font-weight: 400;
}

section.videodersler h4 {
    color: #6c7a81;
    font-size: 24px;
    font-weight: 600;
}

section.videodersler .videoPlayerbox {
    border-radius: 6px;
    overflow: hidden;
}

section.videodersler .searchbox {
}

section.videodersler .searchbox form {
    position: relative;
}

section.videodersler .searchbox form input {
    border: 2px solid #d7dce0;
    background: transparent;
    border-radius: 30px;
    height: 45px;
    color: #b5bbc0;
    font-size: 14px;
    padding: 0px 20px;
    width: 100%;
}

section.videodersler .searchbox form button {
    font-size: 18px;
    font-weight: bold;
    color: #f1852b;
    background: transparent;
    border: 0px;
    position: absolute;
    right: 12px;
    top: 0px;
    line-height: 45px;
    z-index: 2;
    cursor: pointer;
}

section.videodersler .videolar {
    padding: 40px 0px;
}

section.videodersler .videolar .videolist {
    border-radius: 16px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 18px 0px rgba(100, 115, 122, 0.15);
    padding: 25px;
    transition: 0.3s ease all;
    margin-bottom: 17px;
}

section.videodersler .videolar .videolist.dosya {
    padding: 10px 25px;

}

section.videodersler .videolar .videolist.dosya .baslik {

    color: #64737a;

    font-size: 15px;

    font-weight: 500;
}

section.videodersler .videolar .videolist.dosya .tarih {

    display: inline-block;

    background: transparent;

    color: #64737a;

    font-weight: 500;

    font-size: 15px;

    vertical-align: middle;
}

section.videodersler .videolar .videolist.dosya .btn {

    display: inline-block;

    background: transparent;

    color: #64737a;

    font-weight: 500;

    font-size: 15px;

    vertical-align: middle;

    margin-left: 50px;
}

section.videodersler .videolar .videolist.dosya:hover {

    background: #474443;

}

section.videodersler .videolar .videolist.dosya:hover .btn {

    background: transparent;

    color: #f08028;
}

section.videodersler .videolar .videolist.dosya:hover .baslik {

    color: #fff;
}

section.videodersler .videolar .videolist.dosya:hover .tarih {

    color: #fff;
}

section.videodersler .videolar .videolist.dersnotlari {

    background: #f08028;

    box-shadow: unset;

    display: flex;

    align-items: center;

    padding: 0px 25px;
}

section.videodersler .videolar .videolist.dersnotlari .baslik {

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    padding-right: 20px;

    margin-right: 20px;

    position: relative;

    line-height: 85px;
}

section.videodersler .videolar .videolist.dersnotlari .baslik:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #c06620;
}

section.videodersler .videolar .videolist.dersnotlari .baslik:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0px;
    bottom: 0px;
    width: 1px;
    background: #f39953;
}

section.videodersler .videolar .videolist.dersnotlari .aciklama {

    margin-right: auto;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    padding-right: 20px;

    position: relative;

    line-height: 85px;
}

section.videodersler .videolar .videolist.dersnotlari .btn {

    font-size: 14px;

    font-weight: 700;

    color: #f08028;

    background: #ffffff;

    padding: 10px 14px;

    text-align: center;

    display: block;

    width: 140px;
}

section.videodersler .videolar .videolist:hover {
}

section.videodersler .videolar .videolist .vcenter {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.videodersler .videolar .videolist .baslik {
    color: #64737a;
    line-height: 20px;
    font-weight: bold;
}

section.videodersler .videolar .videolist.izlenmis .baslik {
    color: #eb9b38;
}

section.videodersler .videolar .videolist p {
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
    color: #64737a;
}

section.videodersler .videolar .videolist .btn-izle {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #474443;
    padding: 10px 14px;
    text-align: center;
    display: block;
}

section.videodersler .videolar .videolist:hover .btn-izle {
    background: #eb9b38;
}

.plyr--full-ui input[type=range] {
    color: #eb9b38;
}

.plyr__control--overlaid {
    background: #eb9b38;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #eb9b38;
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(235, 155, 56, 0.33);
    outline: 0;
}

.sa-confirm-button-container .btn {
    font-size: 17px;
    padding: 10px 25px;
}

.sa-confirm-button-container .btn-primary {
    background: #eb9b38;
    border-color: #eb9b38;
}

.sa-confirm-button-container .btn-primary:hover {
    background: #eb9b38 !important;
    border-color: #eb9b38 !important;
}

.lead {
    line-height: 23px;
    font-size: 16px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 75vw;
}

@media only screen and (max-width: 321px) {
    section.videodersler .videolar .videolist p {
        margin-bottom: 10px;
    }

    section.videodersler {
        padding: 40px 10px;
    }

    .mobileMenu .menuContent2 .back {
        margin-left: calc(20% - 50px);
    }

    .mobileMenu .menuContent2 .navbar-nav > li > a {
        margin-left: 18%;
        font-size: 20px;
    }

    .mobileMenu .navbar-nav > li > a {
        padding-left: 18%;
    }

    .btn.btn-border.btn-warning {
        padding: 21px 39px;
    }

    section.kursdetay .kursSubeleri {
        padding: 50px 20px;
    }

    section.test .form .btn {
        padding: 21px 39px;
    }

    section.slider .onkayitFormu {
        margin-top: -100px !important;
    }

    #testBaslaForm img {
        position: relative;
        top: -210px;
        margin-bottom: -190px;
        left: 0;
    }

    #testBaslaForm {
        position: relative;
        padding: 125px 23px 45px;
    }

    .custommodal .modal-content svg {
        margin-left: auto;
        margin-bottom: 25px;
        cursor: pointer;
        position: relative;
        z-index: 2;
    }
}

@media only screen and (max-width: 579px) {
    section.kurslarimiz .kurs .icon {
        width: 50px;
        height: 50px;
        top: 15px;
        right: 10px;
    }

    section.subeler .sube .iletisimbilgileri .iletisimbilgi {
        margin-bottom: 10px;
    }

    section.subeler .sube .iletisimbilgileri .iletisimbilgi:before {
        height: 100%;
    }

    section.kurslarimiz .kurs .baslik {
        max-width: 100px;
    }

    section.test-cevap .right .boxes {
        height: 90px;
    }

    section.test-cevap img {
        width: 100%;
        left: 0px;
        top: 0px;
    }

    section.banner .content .breadcrumb {
        display: none;
    }

    footer .border-right {
        border: 0 !important;
    }

    section.yayinlar h2 {
        margin: 0px;
    }

    section.yayinlar .yayinhead {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    footer .footerdesc .ebulten {
        width: 100%;
    }

    section.sinavTakvimiDetay .denemesinavlari {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    section.test .sorular .soru .cevaplar {
        margin-top: 20px;
    }

    section.test .sorular .soru {
        padding: 20px 15px 40px;
    }

    section.test .form {
        padding: 50px 15px 50px 15px;
    }

    section.test .form .vcenter {
        height: 100%;
        display: flex;
        justify-content: center;
    }

    section.kurumsal .gecis {
        padding-top: 60px;
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px;
        max-width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }

    section.kurumsal .content h2 {
        color: #3c3c3b;
    }

    section.kurumsal .gecis:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        background: #edeff3;
        clip-path: polygon(0 120px, 100% 0, 100% 100%, 0% 100%);
        z-index: -1;
    }

    section.kurumsal {
        padding: 0px 15px;
    }

    section.banner .background:before {
        content: '';
        background: #474443;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        transition: 0.2s ease all;
        opacity: 0;
    }

    body.mobileMenuActive section.banner .background:before {
        opacity: 1;
    }

    section.banner .background {
        clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
        background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
    }

    section.kurumsal .push-top {
        margin-top: -110px;
    }

    section.kurumsal .sidebar {
        display: none;
    }

    .miniegitmenler .baslik {
        width: 100%;
        font-size: 22px;
    }

    section.onlineSeviyeTespitBanner {
        display: none;
    }

    .miniEgitmenlerNav {
        display: none;
    }

    .egitmenlerNav {
        display: none;
    }

    body.mobileMenuActive {
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }

    .mobileHeader {
        display: block;
    }

    .mobileMenu {
        display: block;
    }

    header {
        display: none;
    }

    section.slider .swiper-wrapper {
        clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
        background-image: -moz-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
        background-image: -webkit-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
        background-image: -ms-linear-gradient(0deg, rgb(244, 178, 51) 0%, rgb(244, 153, 51) 46%, rgb(234, 96, 26) 100%);
        height: 100vh;
    }

    section.slider {
        margin: 0px;
    }

    section.slider .swiper-wrapper .swiper-slide {
        padding-top: 115px;
    }

    section.slider .swiper-wrapper .swiper-slide .mobileIMG {
        display: block;
    }

    section.slider .swiper-wrapper .swiper-slide .container {
        display: none;
    }

    section.slider .onkayitFormu form {
        margin-bottom: 50px;
    }

    section.slider .onkayitFormu .basarilarimiz p {
        color: #ef7a25;
    }

    section.slider .onkayitFormu {
        position: relative;
        z-index: 4;
        left: 0px;
        right: 0px;
        top: 0;
        transform: unset;
        margin-top: -200px;
    }

    section.slider .swiper-nav {
        display: none;
    }

    section.ogrenciYorumlari h3 {
        font-size: 32px;
    }

    section.ogrenciYorumlari .swiper-container {
        margin: 0px;
        padding: 0px;
    }

    section.ogrenciYorumlari .swiper-slide {
        padding: 0px 15px;
    }

    section.ogrenciYorumlari .ogrenciYorumlariNav > div {
        display: none;
    }

    section.ogrenciYorumlari .swiper-slide .yorum {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 20px;
        box-shadow: unset;
        padding: 17px 40px;
    }

    section.ogrenciYorumlari .swiper-slide .yorum .avatar {
        margin: 0px;
        width: 70px;
        height: 70px;
        margin-bottom: 10px;
    }

    section.ogrenciYorumlari .swiper-slide .yorum .yorumbolgesi {
        width: 100%;
    }

    section.yayinlar .yayinContainer .yayinSubContainer {
        width: unset;
    }

    .owl-yayinlar {
        margin: 0px;
    }

    section.yayinlar .yayin .img {
        background-size: contain;
    }

    section.yayinlar .yayin {
        padding: 30px 15px;
    }

    .yayinNav {
        display: none;
    }

    .sinavTakvimiNav {
        display: none;
    }

    .yaklasanSinavNav {
        display: none;
    }

    section.sinavTakvimi {
        height: auto;
    }

    section.onlineSeviyeTespitBanner .banner {
        height: unset;
        padding-top: 120px;
        margin: 142px 0px 50px;
    }

    section.onlineSeviyeTespitBanner .banner img {
        position: absolute;
        top: -130px;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 75%;
        max-width: 100%;
    }

    section.onlineSeviyeTespitBanner .aciklama {
        display: none;
    }

    section.onlineSeviyeTespitBanner .banner p {
        color: #fff;
        font-size: 15px;
        line-height: 21px;
        font-weight: 900;
        font-weight: 600;
        margin: 0px;
        max-width: 80%;
        margin: 0 auto;
        padding: 19px 0px;
        text-align: center;
    }

    .mobileCenter {
        text-align: center;
    }

    section.onlineSeviyeTespitBanner .banner h4 {
        display: block;
        max-width: 80%;
        border: 0px;
        text-align: center;
        margin: 0 auto;
        height: auto;
    }

    section.onlineSeviyeTespitBanner .banner span {
        display: inline-block;
        padding: 0px 5px;
    }

    section.onlineSeviyeTespitBanner .banner .btn {
        position: static;
        margin: 20px 0px 0px;
    }

    section.ogrenciYorumlari h3:before {
        max-width: 100%;
        transform: translate(-50%, -50%);
        background-size: contain;
    }

    footer .dvcenter {
        display: block;
        padding: 0px;
    }

    footer ul {
        padding: 0px 40px;
    }

    footer ul > li {
        width: 49%;
        display: inline-block;
    }

    footer ul > li > a {
        text-align: left;
    }

    footer .miniSubeler .sube {
        padding-left: 0px;
        margin-left: 0px;
        position: relative;
    }

    footer .miniSubeler .sube:before {
        left: 0px;
        height: 3px;
        top: 13px;
        right: 0px;
        width: 100%;
        bottom: 5px;
        top: auto;
    }

    footer .sosyal {
        flex-direction: row;
        padding: 10px 0px;
    }

    footer .footerdesc {
        text-align: center;
    }
}

@media (min-width: 676px) {
    .custommodal .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }

    .yorumYap.custommodal .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto;
    }

    .basvuruYap.custommodal .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto;
    }

    .testeBasla.custommodal .modal-dialog {
        max-width: 750px;
        margin: 1.75rem auto;
    }
}

@media (min-width: 992px) {
    .egitmenler .col-yeni8 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 650px) {
    section.onlineSeviyeTespitBanner {
        display: none;
    }
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
    .container {
        max-width: 620px;
    }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
    section.onlineSeviyeTespitBanner .banner h4 {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-right: 10px;
        height: 100px;
        flex-direction: column;
        border-right: 1px solid #ffd224;
    }

    body.mobileMenuActive {
        max-height: 100vh;
        max-width: 100vw;
        overflow: hidden;
    }

    .mobileHeader {
        display: block;
    }

    .mobileMenu {
        display: block;
    }

    header {
        display: none;
    }

    .mobileMenu .menuContent1, .mobileMenu .menuContent2 {
        padding-top: 200px;
    }

    .mobileMenu .navbar-nav > li > a {
        padding-left: 5%;
    }

    .mobileMenu .menuContent2 .navbar-nav > li > a {
        margin-left: 10%;
    }

    .mobileMenu .menuContent2 .title {
        width: calc(100% - 306px);
    }

    .mobileMenu .menuContent2 .back {
        margin-left: calc(10% - 40px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .menu .navbar-nav > li > a {
        font-size: 10px;
    }

    .btn.btn-md {
        font-size: 12px;
        font-weight: 700;
        line-height: 10px;
        padding: 10px 14px;
    }

    section.slider .swiper-wrapper .swiper-slide {
        padding-top: 125px;
    }

    section.slider .swiper-wrapper .swiper-slide img {
        position: absolute;
        right: 0px;
        top: 70px;
        width: 60%;
    }

    section.slider .swiper-wrapper .swiper-slide .content {
        max-width: 75%;
    }

    section.slider .onkayitFormu {
        top: 47%;
    }

    section.kurslarimiz .kurs .icon {
        width: 35px;
        right: 15px;
    }

    section.kurslarimiz .kurs .baslik {
        max-width: 63%;
        width: 100%;
        font-size: 12px;
        left: 15px;
    }

    section.kurslarimiz .kurs {
        padding-bottom: 80%;
    }

    .yaklasanSinavNav .prev-btn {
        margin-bottom: 10px;
    }

    section.onlineSeviyeTespitBanner .banner .btn {
        right: 40px;
    }

    section.onlineSeviyeTespitBanner .banner h4 {
        color: #fff;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        padding-right: 10px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        height: 100px;
        flex-direction: column;
        border-right: 1px solid #ffd224;
    }

    header .menu .navbar-nav > li.megaMenu > .dropdown {
        position: absolute;
        width: 60px;
        max-width: 50vw;
        pointer-events: none;
        left: -40vw;
        overflow: hidden;
        will-change: transform, opacity;
        transition: all .1s;
        opacity: 0;
        padding: 0px;
        z-index: 9;
    }

    .owl-carousel.owl-yayinlar .owl-stage-outer {
        overflow: visible !important;
    }

    .ogrenciYorumlari .swiper-container-android .swiper-slide, .swiper-wrapper {
        display: flex;
    }

    section.ogrenciYorumlari .swiper-slide .yorum {
        margin: 0 auto;
    }

    footer .footerdesc .ebulten {
        width: 100%;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .container {
        max-width: 860px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 1200px) {
}

@media (max-height: 569px) {
    .mobileMenu .menuContent2 .navbar-nav > li > a {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .mobileMenu .menuContent2 {
        padding-top: 90px;
    }

    .mobileMenu .menuContent1 {
        padding-top: 90px;
    }
}

.anket {
    padding: 45px 38px;
    background: #fff;
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 76px 0px rgb(100 115 122 / 30%);
    margin-bottom: 50px;

}
section.subeler .anket{
    margin-bottom: 250px !important;
}

.anket h3 {
    color: #f1974d;
    font-size: 24px;
    font-weight: 600;
}

.anket .soru {
    margin-bottom: 30px;
}

.anket .soru .sorubaslik {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.anket .soru .cevaplar {


}

.anket .soru .cevaplar .cevap {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}


.anket .soru .cevaplar .cevap label {
    margin-bottom: 0px;
    font-size: 15px;
}

.anket .soru .cevaplar .cevap input {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}