/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* FONTLAR */
@import url(http://fonts.googleapis.com/css?family=Marcellus&subset=latin,latin-ext);
/* FONTLAR */

/* Font Iconlar*/
@font-face { font-family: 'icomoon'; src: url('../fonts/icommon/icomoon.eot?-ikj72m'); src: url('../fonts/icommon/icomoon.eot?#iefix-ikj72m') format('embedded-opentype'), url('../fonts/icommon/icomoon.woff?-ikj72m') format('woff'), url('../fonts/icommon/icomoon.ttf?-ikj72m') format('truetype'), url('../fonts/icommon/icomoon.svg?-ikj72m#icomoon') format('svg'); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-uniE604:before { content: "\e604"; }
.icon-uniE605:before { content: "\e605"; }
.icon-hand:before { content: "\e600"; }
.icon-news:before { content: "\e601"; }
.icon-puzzle:before { content: "\e602"; }
.icon-setting:before { content: "\e603"; }
.btnDestek{background:#006839;position:fixed;top:70%;transform:translateY(-50%) rotate(270deg);z-index:9999;transform-origin:0;/*left: 15px;*/right:-114px;}
.btnDestek a{padding:2px 15px;color:#fff;font-weight:bold;display: block;font-size:9px;}
.btnDestek i{width: 17px;height: 17px;position:relative;margin:10px 0}

@font-face { font-family: 'Juliet'; src: url('../fonts/Juliet/Juliet.eot?#iefix') format('embedded-opentype'), url('../fonts/Juliet/Juliet.woff') format('woff'), url('../fonts/Juliet/Juliet.ttf') format('truetype'), url('../fonts/Juliet/Juliet.svg#Juliet') format('svg'); font-weight: normal; font-style: normal; }
/* Font Iconlar*/
    .hesapno{text-align: center;padding:5px;text-transform: uppercase;}

/* GENEL CSS */

html, body, form { font-family: 'Alegreya Sans SC', sans-serif; height: 100%; margin: 0px auto; padding: 0px; }
.r { float: right; }
.l { float: left; }
.p10 { padding: 10px; }
form { height: 100%; }
.satir { width: 100%; position: relative; float: left; }
.satirY { width: 50%; position: relative; float: left; }
label { font-size: 13px; margin: 3px; }
/* Modal */
#myModal { display: none; }
.modal { background: rgba(0,0,0,0.6); }
.img-responsive { width: 100%; }
.menu::after { content: " "; background: url(../images/bg.png) bottom left; width: 100%; position: absolute; z-index: 999; /* bottom: 0; */ height: 75px; }
.menuBosluk { width: 100%; height: 100px; }
.ContentBG { background: url(../images/ContentBg.png); background-size: cover; }


/* HEADER TOP */
.HeaderTop { background: #e7e7e7; color: #000; position: relative; font-size: 12px; font-family: 'Marcellus', serif; font-weight: bold; }
.Hosgeldiniz { padding: 9px; }
.GirisYap li { display: inline-block; padding: 9px; float: right; }
.DilSeciniz { float: left; }
    .DilSeciniz a { padding: 5px; display: inline-block; }
/* Logo */
.HeaderLogo { text-align: left; }
.Logo > img { margin: 0px auto; width: 100%; position: absolute; z-index: 9999; }
.Logo > canvas { margin: 5px auto; }
/* Arama */
.Arama { float: right; position: relative; }
    .Arama > .form-control { width: 200px; float: left; height: 23px; border: 0px; padding: 0; margin: 5px 0; }
    .Arama a { float: left; font-size: 16px; padding: 1px 5px; color: #000; background: #fff; margin: 6px 0; }
/* Bülten */
.txtBox { width: 250px; float: left; }
.BtnBulten { width: -1px; float: left; }
/* Menü */
.MenuRow { position: relative; background-color: #000; margin-top: 25px; }
#IradeMenu > ul { float: none; }
    #IradeMenu > ul > li { display: inline-block; float: none; }
        #IradeMenu > ul > li > a { font-size: 15px;font-family: serif; color: #fff; padding: 15px 9px; font-weight: bold; transition: color 0.5s linear; }
            #IradeMenu > ul > li > a:hover { color: #006839; background: #fff; transition: color 0.5s linear; }
            #IradeMenu > ul > li:nth-child(8){background:#006839;}
            #IradeMenu > ul > li:nth-child(9){background:#cec0a4;}
#IradeMenu ul .BagisButon a { padding: 6px; }
    #IradeMenu ul .BagisButon a:hover { background: transparent; }
/* Alt Menü */
.bekground { background-color: #e3e3e3; }
.AltMenuRow { /*background:url('../images/bg.png')right;*/ float: right; }
    .AltMenuRow ul { }
        .AltMenuRow ul li { display: inline-block; float: right; margin: 5px 10px; }
            .AltMenuRow ul li a { font-size: 12px; color: #000; text-transform: uppercase; }
            .AltMenuRow ul li img { height: 20px; margin: 0px 5px; }
    .AltMenuRow li:hover img { -moz-animation: zoom-spin 1s infinite linear; -webkit-animation: zoom-spin 1s infinite linear; -o-animation: zoom-spin 1s infinite linear; animation: zoom-spin 1s infinite linear; }



/*    FOOTER    */
/* Footer */
.FooterBlok { background: #faf9f7; margin-top: 30px; }
.ara-yazi { padding: 15px 20px 15px 20px; border: 1px solid #eee; width: 400px; background: #fff; position: absolute; top: 0px; text-align: center; z-index: 1; left: 50%; margin-left: -200px; margin-top: -29px; }
    .ara-yazi h2 { font-weight: bold; font-size: 15px; }
    .ara-yazi h3 { font-size: 13px; margin-top: 5px; }
.footer-sosyal .fa { font-size: 23px; padding: 10px 8px; color: #575f63; }
.footer-sosyal p { font-size: 12px; margin: 15px 0px; color: #575f63; }
.footerarka { background-color: #faf9f7; position: relative; }
.footer-alt-blok {padding: 60px 60px 10px; }
.footerLitText{text-align:center;}
.footerLitText span{font-size:12px;text-align:center;color:#575f63;}
.footer-menu, .footer-kurumsal, .footer-linkler { margin-top: 5px; }
.footer-link h4 { font-weight: bold; font-size: 14px; margin-bottom: 15px; color: #575f63; }
.footer-link li { font-size: 11px; padding: 3px 5px; color: #575f63; }
.footer-sosyal i { display: inline-block; }

.footer-sosyal { text-align: center; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; }
.textboxx { width: 210px; height: 30px; }
.buttonn { background-color: #ccc; color: cdcec7; width: 68px; height: 30px; margin-top: 6px; }
.footer-saglogo { text-align: center; font-weight: bold; color: #ddd; }
.ortala { text-align: center; width: 400px; height: 80px; background: #fff; }
    .ortala h3 { font-weight: bold; }
.footer-saglogo h5 { color: #b6b6b5; padding-top: 5px; }
.FooterUstRow { margin: 20px 0; }
.shadow-blok img { width: 100%; }
.EBulten H4, .BizeUlasin H4, .SosyalMedya H4 { font-size: 14px; font-weight: bold; }
.EBulten p, .BizeUlasin p { font-family: 'Times New Roman' serif; font-size: 13px; margin-bottom: 20px; }
.EBulten input[type="text"] { float: left; width: 218px; border: 1px solid #2d2d2d; }
.btnBulten { background: #2d2d2d; border: 0; color: #fff; padding: 10px 5px; font-size: 12px; }
.BizeUlasin a, .BizeUlasin i { font-weight: bold; margin: 5px; }
.BizeUlasin p { margin-bottom: 0; }
.SosyalMedya { margin-top: 15%; text-align: center; }
    .SosyalMedya i { font-size: 16px; }
.BlogButon { margin-top: 20%; text-align: center; }
    .BlogButon i { font-size: 30px; margin: 0px 10px; transition: color 0.5s ease-in-out; }
        .BlogButon i:hover, .BlogButon p:hover { color: #f15e28; transition: color 0.5s ease-in-out; }
    .BlogButon p { font-size: 20px; line-height: 50px; font-family: 'Juliet' !important; transition: color 0.5s ease-in-out; }
.pd10 { padding: 5px; height: 110px; }
    .pd10 img { width: 100%; height: 100%; }
/* Footer Orta */
.PaymentRow { border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; text-align: center; }
    .PaymentRow img { margin: 10px 0; display: inline-block; text-align: center; }
/* Footer Alt */
.FooterBlogList { margin: 10px 0; }
    .FooterBlogList ul { text-align: center; }
        .FooterBlogList ul li { display: inline-block; }
            .FooterBlogList ul li a { color: #575f63; padding: 2px 15px; border-right: 1px solid #575f63; font-size: 12px; }
            .FooterBlogList ul li:last-child a { border: none; }
.ReservedText { background: #e7e7e7; margin: 15px 0; position: relative; }
    .ReservedText p { text-align: center; padding: 5px; font-size: 12px; }
.UniLogo { position: absolute; bottom: 0; right: 18%; }

/*Sosyal Medya*/
.SosyalMedya i { font-size: 18px; font-size: 18px; border: 1px solid #000; padding: 10px; width: 40px; border-radius: 25px; }
.twitter i:hover { border-color: #55acee; color: #55acee; transition: color 0.5s ease-in-out; }
.facebook i:hover { border-color: #3a5795; color: #3a5795; transition: color 0.5s ease-in-out; }
.youtube i:hover { border-color: #cc181e; color: #cc181e; transition: color 0.5s ease-in-out; }
.instagram i:hover { border-color: #d8cab7; color: #d8cab7; transition: color 0.5s ease-in-out; }
/*    FOOTER SON     */


/* SAYFA YAPISI */
.sayfa { width: 100%; background: #fff; margin: 10px 0; float: left; }
.icerik { width: 100%; padding: 20px; float: left; }
.GrayLine { width: 100%; height: 2px; background: #eee; margin: 10px 0; float: left; }

/* BUTON VE SELECT */
.Buton { float: left; border: 0; margin: 10px 0; color: #fff; display: block; padding: 10px 20px; background: #000; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    .Buton:hover { color: #fff; background: #2d2d2d; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.sayfa input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; top: 10px; margin: 5px; background: #eee; position: relative; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; }
    .sayfa input[type="checkbox"]:checked::after, .sayfa input[type="radio"]:checked::after { position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #444; display: block; content: ''; border-radius: 0; border: 1px solid #fff; }
.sayfa select { border: none; background: #eee; padding: 10px 20px; }

/* TEXT BOX */
.sayfa .form-control { background: #fafafa; border: 0; box-shadow: none; max-width: 95%; }
.satir .form-control { background: #fafafa; border: 0; box-shadow: none; max-width: 98%; }

/* HATA MESAJLARI */
.Requierd span { background: #dd1f26; color: #fff; padding: 20px; width: 100%; }


@media(max-width:767px) {
    /* Menü */
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #000;height: 3px;}
    .MenuRow {background-color: #e3e3e3;}
    .ara-yazi{width:370px;    margin-left: -186px;}
    .hesapno{padding:10px;font-size:10px;}
    .Logo > img { position: relative;     width: auto;}
    .navbar-inverse .navbar-toggle { width: 100%;cursor:pointer;  }
    .icon-buton {float: none;padding: 2px;display: inline-block;}
    #IradeMenu > ul > li { display: block; }
    .Arama > .form-control { width: 170px; }
    .GirisYap li { padding: 9px 3px; }
    .AltMenuRow ul li { margin: 5px 2px; }
    .BizeUlasin h4 { padding: 10px 0; }
    .MakaleBlok ul li { float: left; }
    .satirY { width: 100%; }
    .icerik { padding: 10px; }
    .Icbaslik { padding: 10px; }
    /* FOOTER */
    .UniLogo { right: 0; }
    .EBulten { text-align: center; }
    .BizeUlasin { text-align: center; }
    .FooterBlogList ul li a { font-size: 10px; padding: 2px 10px; }
    .AltMenuRow ul li a { font-size: 11px; }
    img { max-width: 100%; }
    .EBulten input[type="text"] { display: inline-block; float: none; }
    .btnBulten { display: inline-block; }
    .ReservedText img { display: none; }
    .footer-menu, .footer-kurumsal, .footer-linkler { padding: 0px; }
    .buttonn { float: none; }
    .footer-sosyal { border-left: none; }
    .HeaderLogo { text-align: center; }
    .menu::after { display: none; }
}

@media(min-width:768px) {
    .Arama > .form-control { width: 150px; }
    .textboxx { width: 150px; }
}

@media(min-width:992px) {
    .textboxx { width: 210px; }
}

@media(min-width:1200px) {
    .container { width: 1090px; }
    .textboxx { width: 210px; }
}