:root {
    --c_brand1:                             #dc0032;
    --c_brand2:                             #fffac2;
    /**/
    --c_design1:                            #6d1410;
    /**/
    --language-link-W:                      56px;
    /**/
    --main-slider-area-slide-slick-arrow-D: 30px;
    --event-list-slide-MX:                  5px;
    --event-list-slide-img-H:               280px;
    --event-list-slide-slick-arrow-D:       40px;
    --news-list-slide-img-H:                180px;
    --announcement-list-slide-M:            8px;
}

/*--*/

#header {
    z-index: 999;
}

#header .logo {
    display:             flex;
    flex-wrap:           nowrap;
    justify-content:     flex-start;
    align-items:         center;
    padding-left:        70px !important;
    height:              70px;
    text-indent:         -9999px;
    background-image:    url(../../elements/images/kavram-meslek-yuksekokulu-logo.svg);
    background-repeat:   no-repeat;
    background-size:     auto;
    background-position: left center !important;
}

#header .logo:before {
    margin-left:         14px;
    width:               125px;
    height:              39px;
    content:             "";
    background-image:    url(../../elements/images/kavram-meslek-yuksekokulu-logotype.svg);
    background-repeat:   no-repeat;
    background-position: center center;
    background-size:     auto;
    -webkit-filter:      brightness(0) invert(1);
    filter:              brightness(0) invert(1);
}

/* 15yil icin */
	#header .logo:before {
		background-image: url(../../elements/images/kavram-15-yil-logo.svg);
		width: 280px;
		height: 150px;
		filter: none;
	}

	#header .logo {
		padding-left: 0 !important;
		height: 0;
	}
/* 15yil icin */


#header .logo img {
    display: none;
}

#header .top-menu.sf_cols {
    position: relative;
    z-index:  1200;
}

#header .header-links {
    padding: 27px 10px 0 0;
}

#header .header-links li {
    padding: 0;
    margin:  0;
}

#header .header-links li a {
    /*margin : 0 0 0 11px;*/
    padding: 1px 10px;
}

#header .top-menu.sf_cols .sf_colsOut.sf_2cols_1_75 {
    float: left;
    width: calc(100% - var(--language-link-W));
}

#header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 {
    margin-top: 23px;
    width:      var(--language-link-W);
}

#header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 .sf_2cols_2in_25 {
    margin-left: 0;
}

#header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 a {
    display:                block;
    padding:                4px 6px;
    padding-right:          0;
    text-decoration:        none;
    text-align:             right;
    color:                  #fff;
    /*border-radius       : 3px;
    background-color      : var(--c_design1);
    -webkit-transition    : all 300ms ease;
    transition            : all 300ms ease;*/
}

#header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 a:hover {
    text-decoration:    underline;
    /*color           : var(--c_design1);
    background-color  : #fff;*/
}

.megamenu,
.megamenu .navbar__toggle {
    z-index: 1300;
}

.megamenu .navbar__toggle {
    background-color: transparent !important;
}

/*--*/

.ui-accordion {}

.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content {
    margin:        0 0 8px;
    padding:       10px 20px;
    padding-right: 40px;
    border:        1px solid #3f3f3f !important;
    border-radius: 0;
}

.ui-accordion .ui-accordion-header {
    font-size:   20px;
    font-weight: 700;
    color:       #454545;
}

.ui-accordion .ui-accordion-header:active,
.ui-accordion .ui-accordion-header:focus,
.ui-accordion .ui-accordion-header.ui-state-focus,
.ui-accordion .ui-accordion-header.ui-state-hover {
    color:            #454545 !important;
    border:           1px solid #3f3f3f !important;
    border-radius:    0 !important;
    background-color: #fff !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position:         absolute;
    right:            10px;
    top:              44%;
    /*transform     : translateY(-50%);*/
    background-image: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon::before {
    position:    absolute;
    left:        0;
    right:       0;
    top:         0;
    bottom:      0;
    width:       100%;
    line-height: 16px;
    text-align:  center;
    text-indent: 0;
    content:     '+';
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
    margin-bottom:       0;
    color:               #e30613;
    border-bottom-color: #c7c7c7 !important;
    background:          #fff;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon::before {
    line-height: 13px;
    content:     '-';
    color:       #e30613;
}

.ui-accordion .ui-accordion-content {
    border-top: 0 !important;
}

.external-links {
    position:         relative;
    padding:          2.5rem 0;
    background-color: #fff;
}

.external-links .slider {
    margin: 0 4rem;
}

.external-links .slick-slide img {
    margin: 0 2rem;
    height: 48px;
    width:  auto;
}

.external-links .slick-arrow {
    position:                absolute;
    top:                     50%;
    width:                   3rem;
    height:                  3rem;
    text-indent:             -9999px;
    -webkit-appearance:      none;
    -moz-appearance:         none;
    -o-appearance:           none;
    -ms-appearance:          none;
    appearance:              none;
    -webkit-border-radius:   0;
    -moz-border-radius:      0;
    border-radius:           0;
    -moz-background-clip:    padding;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
    -webkit-transform:       translate(0, -50%);
    -moz-transform:          translate(0, -50%);
    -ms-transform:           translate(0, -50%);
    -o-transform:            translate(0, -50%);
    transform:               translate(0, -50%);
}

.external-links .slick-arrow:after {
    position:           absolute;
    left:               0;
    right:              0;
    top:                0;
    bottom:             0;
    width:              100%;
    height:             100%;
    font-family:        beykentuniversitesi-ui, sans-serif;
    font-size:          .75rem;
    line-height:        3rem;
    text-align:         center;
    text-indent:        0;
    color:              #482d7f;
    background-color:   #fff;
    -webkit-transition: all .3s ease;
    -moz-transition:    all .3s ease;
    -ms-transition:     all .3s ease;
    -o-transition:      all .3s ease;
    transition:         all .3s ease;
}

.external-links .slick-arrow:hover:after {
    color:            #fff;
    background-color: #e30613;
}

.external-links .slick-prev {
    left: -4rem;
}

.external-links .slick-prev:after {
    content: "<";
}

.external-links .slick-next {
    right: -4rem
}

.external-links .slick-next:after {
    content: ">";
}

.scroll-top {
    bottom: 100px !important;
}

/*#tegsoftWrapper {
    position        : fixed;
    bottom          : 0;
    right           : 20px;
    width           : 150px;
    height          : 30px;
    border          : 1px solid #ed1c24;
    z-index         : 1000;
    background-color: #ffffff;
}*/

#liveSupportButton {
    position: fixed;
    right:    36px;
    bottom:   18px;
    padding:  0;
    width:    48px;
    height:   48px;

    text-indent:             -9999px;
    /*border               : 1px solid #000;*/
    border-radius:           50%;
    /*background-clip      : padding-box;*/
    background-color:        var(--c_brand1);
    /*background-image     : url("../images/chat.svg"), radial-gradient(circle, var(--c_brand1) 0%, var(--c_design1) 50%);*/
    background-image:        url("../images/chat.svg");
    background-position:     center;
    background-size:         42%;
    transition:              background-color 0.3s ease;
    animation:               pulse 3s infinite;
    z-index:                 10;
}

#liveSupportButton:hover {
    background-color:    var(--c_design1);
    background-position: center;
}

#liveSupport {
    position:         fixed;
    right:            0;
    bottom:           0;
    padding:          20px;
    width:            350px;
    height:           0;
    background-color: #ffffff;
    z-index:          15;
}

#liveSupport.opened {
    display: block;
    height:  320px;
}

#liveSupport .header {
    position: relative;
}

#liveSupport .title {
    font-size:   20px;
    font-weight: bold;
    color:       var(--c_design1);
}

#liveSupport .close {
    position:    absolute;
    right:       0;
    top:         50%;
    padding:     0;
    font-size:   16px;
    font-weight: normal;
    width:       20px;
    height:      20px;
    line-height: 20px;
    text-align:  center;
    background:  unset;
    transform:   translateY(-50%);
}

#liveSupport .close:hover {
    color:            #ffffff;
    background-color: var(--c_design1);
}

#liveSupport iframe {}

/*--*/
.main-slider-area,
.main-slider-area div {
    box-sizing: border-box;
}

.main-slider-area {
    position: relative;
    padding:  60px 0;
    width:    100%;
}

.main-slider-area .container {
    position: relative;
}

.main-slider-area .title {
    display:          inline-block;
    padding:          12px 30px;
    margin:           0 0 10px;
    font-family:      'PT Sans', sans-serif;
    font-size:        1.385em;
    font-weight:      bold;
    text-transform:   uppercase;
    color:            #fff;
    background-color: var(--c_brand1);
    z-index:          10;
}

.main-slider-area .more {
    position: absolute;
    right:    20px;
    top:      20px;
    z-index:  10;
}

.main-slider-area .slide-list .slick-list {
    margin-right: calc(-1 * var(--event-list-slide-MX));
    margin-left:  calc(-1 * var(--event-list-slide-MX));
}

.main-slider-area .slide-list .slick-slide {
    padding-right: var(--event-list-slide-MX);
    padding-left:  var(--event-list-slide-MX);
}

.main-slider-area .slide-list .slick-slide a {
    display:          block;
    position:         relative;
    height:           100%;
    background-color: #fff;
}

.main-slider-area .slide-list .slick-slide a .img-wrapper {
    display:          block;
    width:            100%;
    background-color: #7c7c7c;
    overflow:         none;
}

.main-slider-area .slide-list .slick-slide a .img-wrapper:before {
    display:             block;
    position:            absolute;
    left:                0;
    right:               0;
    top:                 0;
    bottom:              0;
    content:             '';
    background-image:    url("../images/picture.svg");
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     10%;
    opacity:             .1;
}

.main-slider-area .slide-list .slick-slide a .img-wrapper img {
    position:   absolute;
    top:        50%;
    left:       50%;
    width:      102%;
    min-width:  auto;
    height:     auto;
    min-height: 100%;
    transform:  translate(-50%, -50%);
}

.main-slider-area .slide-list .slick-slide a .subject {
    padding:     10px 16px;
    height:      68px;
    font-size:   18px;
    font-weight: bold;
    line-height: 1.2;
    overflow:    hidden;
}

.main-slider-area .slide-list .slick-slide a:hover,
.main-slider-area .slide-list .slick-slide a:hover * {
    color: var(--c_design1);
}

.main-slider-area .slide-list .slick-arrow {
    top:     unset;
    bottom:  calc(-1 * var(--main-slider-area-slide-slick-arrow-D));
    width:   var(--main-slider-area-slide-slick-arrow-D);
    height:  var(--main-slider-area-slide-slick-arrow-D);
    z-index: 2;
}

.main-slider-area .slide-list .slick-prev {
    left:                unset;
    right:               var(--main-slider-area-slide-slick-arrow-D);
    background-position: -56px -6297px;
}

.main-slider-area .slide-list .slick-next {
    right:               0;
    background-position: -56px -446px;
}

.main-slider-area .slide-list .slick-arrow:hover {
    background-color: #a7a7a7 !important;
}

.main-slider-area .slide-list .slick-dots {
    left:             0;
    bottom:           -18px;
    text-align:       unset;
    height:           unset !important;
    background-color: unset !important;
}

.main-slider-area .slide-list .slick-dots li {
    margin: 0;
}

.main-slider-area .slide-list .slick-dots button {
    width:  9px;
    height: 9px;
}

.main-slider-area .slide-list .slick-dots button:before {
    width:            5px;
    height:           5px;
    background-color: #c7c7c7;
}

.main-slider-area .slide-list .slick-dots li.slick-active button {
    border: none;
}

.main-slider-area .slide-list .slick-dots li.slick-active button:before {
    background-color: var(--c_design1);
}

/*--*/

.event-list {
    background-color: #f2f2f2;
}

.event-list .title {}

.event-list .more {}

.event-list .slide-list {}

.event-list .slide-list .slick-list {}

.event-list .slide-list .slick-track {}

.event-list .slide-list .slick-slide {}

.event-list .slide-list .slick-slide a {
    text-align: center;
}

.event-list .slide-list .slick-slide a .img-wrapper {
    height: var(--event-list-slide-img-H);
}

.event-list .slide-list .slick-slide a .img-wrapper:before {}

.event-list .slide-list .slick-slide a .img-wrapper img {}

.event-list .slide-list .slick-slide a .subject {}

.event-list .slide-list .slick-slide a:hover {}

.event-list .slide-list .slick-arrow {
    right:  0;
    bottom: unset;
    width:  var(--event-list-slide-slick-arrow-D);
    height: var(--event-list-slide-slick-arrow-D);
}

.event-list .slide-list .slick-prev {
    top:                 0;
    background-position: -52px -6145px;
    background-color:    var(--c_design1) !important;
}

.event-list .slide-list .slick-prev:hover {
    background-position: -52px -6291px;
}

.event-list .slide-list .slick-next {
    top:                 var(--event-list-slide-slick-arrow-D);
    background-position: -52px -524px;
    background-color:    var(--c_brand1) !important;
}

.event-list .slide-list .slick-next:hover {
    background-position: -52px -440px;
}

.event-list .slide-list .slick-arrow:hover {}

.event-list .slide-list .slick-dots {
    text-align: center;
}

.event-list .slide-list .slick-dots li {}

.event-list .slide-list .slick-dots button {}

.event-list .slide-list .slick-dots button:before {}

.event-list .slide-list .slick-dots li.slick-active button {}

.event-list .slide-list .slick-dots li.slick-active button:before {}

/*--*/

.news-list {
    background-color: #fff;
}

.news-list .title {}

.news-list .slide-list .slick-slide a .img-wrapper {
    height: var(--news-list-slide-img-H);
}

.event-list .slide-list .slick-slide a .date,
.news-list .slide-list .slick-slide a .date {
    position:         absolute;
    left:             0;
    top:              0;
    padding:          4px 5px;
    color:            #fff;
    background-color: var(--c_design1);
}

.news-list .slide-list .slick-slide a .date span {
    margin-left: 4px;
    font-size:   14px;
}

.news-list .slide-list .slick-slide a .day {
    font-weight: bold;
}

.news-list .slide-list .slick-slide a .month {}

.news-list .slide-list .slick-slide a .subject {
    margin-top: 8px;
    padding:    0;
    height:     unset;
}

.event-list .slide-list .slick-slide a:hover .date,
.news-list .slide-list .slick-slide a:hover .date {
    background-color: var(--c_brand1);
}

.event-list .slide-list .slick-slide a:hover .date,
.event-list .slide-list .slick-slide a:hover .date *,
.news-list .slide-list .slick-slide a:hover .date,
.news-list .slide-list .slick-slide a:hover .date * {
    color: #fff;
}

/*--*/

.announcement-list {
    background-color: #f2f2f2;
}

.announcement-list .title {}

.announcement-list .slide-list {
    display:         flex;
    justify-content: space-between;
    flex-wrap:       wrap;
    margin-right:    calc(-1 * var(--announcement-list-slide-M));
    margin-left:     calc(-1 * var(--announcement-list-slide-M));
}

.announcement-list .slide-list>div {
    flex:             0 0 calc(50% - (var(--announcement-list-slide-M) * 2));
    max-width:        calc(50% - (var(--announcement-list-slide-M) * 2));
    margin:           var(--announcement-list-slide-M);
    background-color: #fff;
}

.announcement-list .slide-list>div:nth-child(n+5) {
    display: none;
}

.announcement-list .slide-list a,
.announcement-list .slide-list a .date,
.announcement-list .slide-list a .subject {
    display: flex;
}

.announcement-list .slide-list a {
    justify-content: flex-start;
}

.announcement-list .slide-list a .date,
.announcement-list .slide-list a .subject {
    justify-content: center;
}

.announcement-list .slide-list a {
    height: 100% !important;
}

.announcement-list .slide-list a .date,
.announcement-list .slide-list a .subject {
    align-items:   center;
    align-content: center;
}

.announcement-list .slide-list a .date {
    flex-direction:   column;
    padding:          0 20px;
    color:            #fff;
    background-color: #454545;
}

.announcement-list .slide-list a:hover .date {
    background-color: var(--c_design1);
}

.announcement-list .slide-list a .date span {
    text-align: center;
}

.announcement-list .slide-list a .day {
    font-size:   20px;
    font-weight: bold;
}

.announcement-list .slide-list a .month {
    font-size: 14px;
}

.announcement-list .slide-list a .subject {
    margin-bottom: 0;
    padding:       10px 16px;
    height:        60px;
    font-size:     18px;
    font-weight:   bold;
    line-height:   1.2;
    overflow:      hidden;
}

.announcement-list .slide-list a:hover .subject {
    color: var(--c_design1);
}

/*--*/

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity:   0.85;
    }

    50% {
        transform: scale(1.3);
        opacity:   1;
    }

    100% {
        transform: scale(0.9);
        opacity:   0.85;
    }
}

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

.container {
    width:         100%;
    padding-right: 10px;
    padding-left:  10px;
    margin-right:  auto;
    margin-left:   auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1280px) {

    #header,
    #main-nav-wrapper,
    #main-wrapper,
    .footer,
    .footer-info,
    .find-course-section__content,
    .ask-kvrm-section__content,
    .home-tabs-section__content {
        width: 1240px;
    }

    .no-sidebar #main-content {
        width: calc(100% - 256px);
    }

    .connect-feature-wrapper .connect-media-carousel,
    .connect-media-carousel .slide {
        width: 291px;
    }

    .footer-nav {
        width: 1060px;
    }

    .footer-nav>li {
        width: 350px;
    }
}

@media (max-width: 1140px) {
    #header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 {
        display:  none;
        position: absolute;
        right:    10px;
        top:      88px;
    }

    #header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 a {
        padding-right: 6px;
        text-align:    center;
        color:         var(--c_design1);
    }

    .open-menu #header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 {
        display: block;
    }

    #main-nav>li:hover,
    #main-nav>li:focus,
    #main-nav>li:active,
    #main-nav>li.main-nav__panel.active,
    #main-nav>li>.main--sub__trigger:hover,
    #main-nav>li>.main--sub__trigger:focus {
        background-color:    var(--c_design1);
        background-position: -54px -88px;
    }

    #main-nav>li.main-nav__panel.active,
    #main-nav>li:hover>.main--sub__trigger,
    #main-nav>li:focus>.main--sub__trigger,
    .has-sub.active>.main--sub__trigger {
        background-position: -54px -88px;
    }

    #main-nav .level-2>li.active,
    #main-nav .level-2>li:hover,
    #main-nav .level-2>li:focus,
    #main-nav .level-3>li.active,
    #main-nav .level-3>li:hover,
    #main-nav .level-3>li:focus,
    #main-nav .level-2>li>.main--sub__trigger:hover,
    #main-nav .level-2>li>.main--sub__trigger:focus,
    #main-nav .level-3>li>.main--sub__trigger:hover,
    #main-nav .level-3>li>.main--sub__trigger:focus {
        background-color: var(--c_brand1);
    }

    #main-nav>li:hover>a:not(.main--sub__trigger),
    #main-nav>li:focus>a:not(.main--sub__trigger),
    #main-nav>li:active>a:not(.main--sub__trigger),
    #main-nav>li.main-nav__panel.active>a:not(.main--sub__trigger),
    #main-nav>li>.main--sub__trigger,
    #main-nav>li>.main--sub__trigger {
        color: #fff;
    }

    #main-nav .level-2,
    #main-nav .level-3 {
        background-color: #fff;
    }
}

@media (max-width: 991px) {
    .announcement-list .slide-list>div {
        flex:      0 0 calc(100% - (var(--announcement-list-slide-M) * 2));
        max-width: calc(100% - (var(--announcement-list-slide-M) * 2));
    }
}

@media (max-width: 736px) {
    html[lang="en"] #header .logo {
        margin-left: -17px;
    }

    .main-nav .header-links a:hover,
    .main-nav .header-links a:focus,
    .main-nav .header-links a:active {
        background-color: transparent;
        color:            var(--c_brand1);
    }
}

/*@media (max-width: 320px) {
    #header .top-menu.sf_cols .sf_colsOut.sf_2cols_2_25 {
        margin-right: 41px;
        width       : calc(var(--language-link-W) - 12px);
    }
}*/

@media (min-width: 1140px) {
    #main-nav.main-w-header li {
        padding: 5px !important;
    }

    #main-nav.main-w-header li:nth-child(6) {
        background:    #fff;
        color:         #000;
        height:        auto !important;
        border-radius: 20px !important;
        margin-bottom: 10px;
    }

    #main-nav.main-w-header li:nth-child(6) a {
        color:       #000;
        margin-left: 0px !important;
        padding:     0px 10px;
        border:      none;
    }
}

@media (max-width: 1139.9px) {
    a[href="/aday-ogrenci"] {
        background-color: #e10821;
        color:            white !important;
    }

    a[href="/aday-ogrenci"]~.main--sub__trigger {
        background-color: #e10821
    }
}


/* ---- */


@media (min-width: 1140px) {
    
    #main-nav.main-w-header li:nth-child(7) {
		color: #000;
		height: auto !important;
		margin-bottom: 10px;
		padding: 5px !important;
		border-radius: 20px;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
		background: white;
    }
    #main-nav.main-w-header li:nth-child(7) a {
		margin-left: 0px !important;
		padding: 0px 10px;
		border: none;
		color: #e10821;
		animation: blink-ani-txt 1s linear infinite;
    }
}



@keyframes blink-ani-txt{
    0%{
      opacity: 1
    }
    50%{
      opacity: 0.7
    }
    100%{
      opacity: 0.4
    }
}

.parallax .header-wrapper .logo img {
    display: flex !important;
}

.parallax .header-wrapper .logo::before {
    display: none;
}