body.inside #headerTop { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeOutUp; }
body.inside #headerBottom { margin-top: 0; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; }

/*header*/
#masterHeader .img img { margin: auto; width: 100%; }
#masterHeader .master-title { height: 100%; left: 0; top: 0; width: 100%; }
#masterHeader h2 { border-radius: 3px; background-color: #fdab00; color: #fff; display: inline-block; padding: 10px; -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; }

/*breadcrumb*/
.breadcrumb { background-color: #fff; border-radius: 3px; display: inline-block; font-size: 12px; margin: 0; padding: 10px 11px; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; }
    .breadcrumb a { color: #aaa; }
        .breadcrumb a:hover { color: #fdab00; }

/*content*/
#masterContent { padding: 60px 0; }
    #masterContent .icerik { color: #555; font-size: 16px; font-weight: 500; line-height: 24px; text-align: justify; }
        #masterContent .icerik p { margin-bottom: 20px; min-height: 20px; }
        #masterContent .icerik a { color: #fdab00; }
        #masterContent .icerik h1, #masterContent .icerik h3, #masterContent .icerik h5 { color: #fdab00; }
        #masterContent .icerik h2, #masterContent .icerik h4, #masterContent .icerik h6 { color: #6a302f; }
        #masterContent .icerik ul { margin: 0 0 0 20px; }
            #masterContent .icerik ul li::before { color: #fdab00; content: "\f0da"; font-family: fontawesome; margin: 0 10px 0 -15px; }
#leftMenu .menu-title, #leftMenu h2 { display: none; }
#leftMenu { box-shadow: -100px 0 100px rgba(0, 0, 0, 0.1); margin-top: -20px; padding: 20px; border-radius: 5px; }
    #leftMenu .menu-title { display: none; }
    #leftMenu .nav-pills > li.active > a, #leftMenu .nav-pills > li.active > a:focus, #leftMenu .nav-pills > li.active > a:hover { border-radius: 5px; background-color: #6a302f; color: #fff; }
        #leftMenu .nav-pills > li.active > a:before { content: "\f0da"; float: right; font-family: fontawesome; }
    #leftMenu li a { color: #aaa; border-radius: 0; border-radius: 5px; }

/*galeri*/
#masterContent .sayfagaleri a { border: 1px solid #eee; display: block; height: 150px; margin: 0 0 20px; overflow: hidden; padding: 10px; width: 100%; }
    #masterContent .sayfagaleri a img { border: medium none; border-radius: 0; box-shadow: none; display: block; height: 100%; object-fit: cover; padding: 0; width: 100%; }
    #masterContent .sayfagaleri a:hover { padding: 5px; }


/*iletisim*/
.sube h4, .contact h4 { font-size: 27px; margin: 10px 0; }
.sube > tbody > tr:first-child th { border: medium none; background: none; }
.contact > h4 { border-bottom: 1px solid #ddd; padding: 8px 0 18px; }
.sube .gmap a { color: #aaa !important; font-size: 14px; }
.form-horizontal .control-label { text-align: left; }
.contact .btn { background-color: #fdab00; border-radius: 0; color: #fff; font-size: 16px; font-weight: 600; margin-top: 10px; }
.form-control { border: 1px solid #ddd; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .form-control:focus { border-color: #fdab00; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(253, 171, 0, 0.57); outline: 0 none; }
.captcha > img { height: 28px; position: absolute; right: 16px; top: 3px; width: auto; }




/*news*/
.news-list a { display: block; margin-bottom: 70px; }
.news-list .panel { border-radius: 0; box-shadow: none; margin: 0; min-height: 348px; padding: 0; }
    .news-list .panel > div { border: medium none; padding: 0; }
    .news-list .panel .panel-heading { height: 190px; overflow: hidden; width: 100%; }
        .news-list .panel .panel-heading img { transform: scale(1); transition: all 0.6s ease 0s; width: 100%; }
    .news-list .panel:hover .panel-heading img { transform: scale(1.1); transition: all 0.6s ease 0s; }
    .news-list .panel .panel-body { text-align: left; }
        .news-list .panel .panel-body p.news-date { color: #fdab00; font-size: 12px; font-weight: 600; margin: 10px 0 !important; min-height: 0 !important; }
        .news-list .panel .panel-body .news-title { color: #6a302f !important; font-size: 15px; font-weight: 600; margin: 0 0 10px !important; }
        .news-list .panel .panel-body .news-desc { color: #707070; font-size: 15px; line-height: 27px; }
.news-detail .text { text-align: left; }
.news-detail .haber-tarih { color: #ccc; margin-top: -5px !important; }
.news-detail-gallery { border-bottom: 1px solid #eee; margin-bottom: 70px; padding-bottom: 70px; }

/*galeri*/
.galeri .img { border-radius: 3px; border: 7px solid #fdab00; height: 200px; overflow: hidden; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.galeri a:hover .img { border-color: #6a302f; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.galeri .title { color: #555; padding: 10px 0 0; text-align: center; }


/*bizeulasin hizmet*/
.bize-ulasin { background: url("/images/bize-ulasin.png") no-repeat scroll 0 0; min-height: 256px; padding: 20px 0 0 230px; }
    .bize-ulasin .telefon { color: #fff; font-size: 1px; margin-top: -36px; }
    .bize-ulasin .alt { color: #555; font-size: 25px; }
    .bize-ulasin h3 { font-size: 40px; margin-bottom: 0; margin-top: 40px; }


/*urun*/
a.urungrubu { background: #fdab00; display: block; margin: 30px 0 70px; position: relative; text-align: center; }
    a.urungrubu:hover { box-shadow: 10px 10px 20px rgba(0,0,0,0.2); }
    a.urungrubu .img { display: inline-block; height: 160px; margin-top: -90px; max-width: 100%; overflow: hidden; width: auto; }
    a.urungrubu .title { color: #fff; font-size: 18px; font-weight: 600; padding: 0 10px 20px; }
        a.urungrubu .title::before { background: rgba(0, 0, 0, 0) url("/images/icon-arrow-white.png") no-repeat scroll 0 0; content: ""; display: inline-block; height: 9px; margin: 0 7px 0 0; vertical-align: middle; width: 9px; }


a.urun { background: #fdab00 none repeat scroll 0 0; display: block; margin: 50px 0 60px; position: relative; text-align: center; }
    a.urun:hover { box-shadow: 10px 10px 20px rgba(0,0,0,0.2); }
    a.urun .img { display: inline-block; height: 150px; margin: -70px 0 0; max-width: 140px; overflow: hidden; padding: 0 0 10px; width: auto; }
    a.urun .img-circle { box-shadow: 0 7px 5px rgba(0, 0, 0, 0.2); height: 140px; margin: auto; object-fit: cover; width: 140px; }
    a.urun .title { color: #fff; font-size: 18px; font-weight: 600; padding: 0 10px 10px; }
        a.urun .title::before { background: rgba(0, 0, 0, 0) url("/images/icon-arrow-white.png") no-repeat scroll 0 0; content: ""; display: inline-block; height: 9px; margin: 0 7px 0 0; vertical-align: middle; width: 9px; }
    a.urun .desc { color: #fff; font-size: 14px; opacity: 0.7; padding-bottom: 10px; margin-top: -10px; }

#modalUrun .img-circle { border-radius: 0; margin-bottom: 20px; }
#modalUrun .desc { color: #fdab00; font-size: 19px; font-weight: 600; margin-bottom: 10px; text-align: center; }
#modalUrun .kod { background: #fdab00 none repeat scroll 0 0; color: #fff; padding: 5px 0; text-align: center; }


/*kurs*/
.kurs-bilgisi { padding: 20PX; background-color: #fdab00; margin-top: -60px; position: relative; }
    .kurs-bilgisi::before { background-color: #fdab00; content: ""; height: 100%; position: absolute; right: 20px; top: 0; width: 500%; z-index: -1; }
    .kurs-bilgisi td { color: #fff; border: none !important; }
    .kurs-bilgisi .table { margin: 40px 0; }
        .kurs-bilgisi .table a { border-bottom: 1px dotted; display: inline-block; color: #fff !important; }
        .kurs-bilgisi .table ul { margin: 0 !important; }
.modalTercih .modal-header { background-color: #fdab00; }


#submenu li ul { display: none; }
.proje-ortaklari h3 { margin-top: 0; }
.table th { background-color: #fdab00; color: #fff; }
.dn td { display: none; }


/*aylıktakvim*/
.egitimtakvimi { background: none !important; border: none !important; margin: 0 !important; font-family: Rajdhani !important; font-size: 18px !important; }
    .egitimtakvimi .egitimtakvimi td { border: medium none !important; color: #555 !important; }
        .egitimtakvimi .egitimtakvimi td a { color: #555 !important; }
    .egitimtakvimi th { border-color: #fff !important; color: #fff !important; text-align: center !important; }
    .egitimtakvimi td { background-color: #fff !important; /*vertical-align: middle !important;*/ border: 1px solid #eee !important; }
        .egitimtakvimi td.today { background-color: #eee !important; }
    .egitimtakvimi .css_appointment, .egitimtakvimi .css_appointment2 { display: block; }
        .egitimtakvimi .css_appointment > span a { background-color: #f3bed0; border-radius: 5px; display: inline-block; font-size: 13px; margin: 2px 0; color: #444 !important; padding: 7px 10px; }
        .egitimtakvimi .css_appointment2 > span a { background-color: #e6e66e; border-radius: 5px; display: inline-block; font-size: 13px; margin: 2px 0; color: #444 !important; padding: 7px 10px; }
            .egitimtakvimi .css_appointment > span a:Hover, .egitimtakvimi .css_appointment2 > span a:Hover { background-color: #fdab00; color: #fff !important; }

    /*hsonu*/
    .egitimtakvimi.hsonu > tbody > tr > *:nth-child(1),
    .egitimtakvimi.hsonu > tbody > tr > *:nth-child(2),
    .egitimtakvimi.hsonu > tbody > tr > *:nth-child(3),
    .egitimtakvimi.hsonu > tbody > tr > *:nth-child(4),
    .egitimtakvimi.hsonu > tbody > tr > *:nth-child(5) { display: none !important; }
    .egitimtakvimi.hsonu > tbody > tr:nth-child(1) > * { display: table-cell !important; }

    .egitimtakvimi.hafta > tbody > tr { display: none; }
        .egitimtakvimi.hafta > tbody > tr:first-child { display: table-row !important; }
        .egitimtakvimi.hafta > tbody > tr:nth-child(2) { display: table-row !important; }
    .egitimtakvimi.hafta tr.vis { display: table-row !important; }


/*kursdetay takvim*/
#kurstakvimi { background-color: #6a302f; position: relative; padding: 20px; }
    #kurstakvimi::before { background-color: #6a302f; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 500%; z-index: -1; }
    #kurstakvimi .egitimtakvimi { background: none !important; border: none !important; margin: 0 !important; font-family: Rajdhani !important; font-size: 18px !important; }
        #kurstakvimi .egitimtakvimi .egitimtakvimi td { border: medium none !important; color: #fff !important; }

        #kurstakvimi .egitimtakvimi th { border-color: transparent !important; color: #fff !important; text-align: center !important; }
        #kurstakvimi .egitimtakvimi td { background-color: transparent !important; vertical-align: middle !important; border: none !important; position: relative; }
            #kurstakvimi .egitimtakvimi td a { color: #fff !important; cursor: default; position: relative; z-index: 6; }
            #kurstakvimi .egitimtakvimi td.today { background-color: transparent !important; color: #6a302f !important; }
        #kurstakvimi .egitimtakvimi .css_appointment { display: block; background-color: #fdab00 !important; height: 100%; position: absolute; width: 100%; top: 0; left: 0; z-index: 0; }
    #kurstakvimi > h4, .kurs-bilgisi H4, #kursbasvuruformu h4 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-weight: 900; margin: 0; padding: 10px 0; color: #FFF !important; }

/*kursdetay başvuru*/
#kursbasvuruformu { background-color: #eee; padding: 20px; position: relative; }
    #kursbasvuruformu::before { background-color: #eee; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 500%; z-index: -1; }
    #kursbasvuruformu h4 { color: #555 !important; border-color: rgba(0,0,0,0.2) !important; margin-bottom: 10px !important; }
.btn.btn-blue.blue-big { background-color: #6a302f; color: #fff; font-size: 15px; font-weight: 600; padding: 10px 20px; }

.icerik .col-sm-4 { text-align: left; }
.siparislink > a { background: #6a302f; color: #fff !important; border-radius: 5px; display: block; margin: 30px auto; max-width: 160px; padding: 10px; text-align: center; }
    .siparislink > a:Hover { background: #fdab00; color: #fff !important; }
#kursbasvuruformu .row span { display: inline-block; padding: 0 10px 0 0; vertical-align: middle; width: auto; }
    #kursbasvuruformu .row span input { display: inline-block; height: auto; margin: 0; padding: 0; vertical-align: middle; width: auto; }
#kursbasvuruformu .row.hdy { display: none; }
.siparisformu span.form-control > label { padding-left: 10px; }


/*kursyorumları*/
.kursyorumlari { margin: 0 0 80px; }
    .kursyorumlari img { border: 5px solid #eee; }
    .kursyorumlari h3 { margin: 0; }
    .kursyorumlari .yorumcu { background-color: #fdab00; border-radius: 0 0 5px 5px; color: #fff; font-size: 18px; padding: 5px 20px; }
    .kursyorumlari .yorum { background-color: #f7f7f7; border-radius: 5px 5px 0 0; padding: 20px; position: relative; }
        .kursyorumlari .yorum::before { color: #f7f7f7; content: "\f0d9"; font-family: fontawesome; font-size: 35px; left: -10px; position: absolute; top: 20px; }
    .kursyorumlari .biyorum { margin: 0 0 10px; padding: 0 0 10px; }


#kursOwl .owl-nav > div,
#hizmetlOWl .owl-nav > div { background-color: #eee; color: #ccc; border-radius: 100%; font-size: 25px; height: 30px; margin: 30px 5px 20px; padding: 2px 10px; text-align: center; width: auto; }
    #kursOwl .owl-nav > div:Hover,
    #hizmetlOWl .owl-nav > div:Hover { background-color: #6a302f; color: #fff; }

.sep:after { content: ''; top: 0; right: 0; height: 100%; background: #6a302f; width: 1px; position: absolute; }

@media(max-width:767px) {
    #masterHeader img { height: 150px; object-fit: cover; width: 100%; }
    #masterHeader h2 { font-size: 20px; }
    .bize-ulasin { padding: 250px 0 0; background-position: center 0; }
        .bize-ulasin p { font-size: 14px; }
    #masterContent { padding: 60px 15px; }
        #masterContent .icerik { margin: 30px 0 0; text-align: left; }
        #masterContent .form-horizontal .control-label { margin: 15px 0 5px; }
    a.urun { margin-top: 120px; }
    .urunSiparisText { font-size: 10px; }

}