/*!
 * Butik Medya (http://butikmedya.com)
 * Yunus Emre VERGÜL */


/*Genel Ayarlar*/

    body, input, textarea, select, button {font-family: 'Plus Jakarta Sans', sans-serif;}
body {margin:0; padding:0; color:#606060; font-weight:400; font-size:14px;}
a {text-decoration:none; transition:0.4s all ease;}
a:hover {text-decoration:none;}
img {border:none;}
input {box-shadow:none; outline:0; box-shadow:none;}
textarea {box-shadow:none; outline:0;box-shadow:none;}
select {box-shadow:none; outline:0;box-shadow:none;}
.p-20 {padding:15px 0 25px 0;}
.p-15 {padding: 15px;}
.p-b-30 {padding-bottom:30px;}
.m-auto {margin: 0 auto!important;}
.m-15 {margin:15px;}
.m-0 {margin:0!important; padding:0;}
.m--00 {margin:50px 0 30px 0!important; padding:0;}
.m-t-30 {margin-top:30px;}
.m-t-20 {margin-top:30px;}
.m-t-15 {margin-top:15px;}
.m-t-b-30 {margin: 30px 0;}
.m-b-30 {margin-bottom: 20px;}
.m-b-20 {margin-bottom: 30px;}
.m-b-10 {margin-bottom: 10px;}
.w-100 {width: 100%;}
.m-w-100 {max-width: 100%;}
.m-w-60 {max-width: 60%;}
.m-r-10 {margin-right:10px!important;}
.m-t-15 {margin-top:15px!important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.d-b {display: block;}
.blue {color:#0076d1;}
.relative {position:relative;}
.p-30 {padding: 30px;}
.p-100 {padding: 100px 0;}
.vh100 {height: 100vh!important;}
.f-s-20 {font-size:20px; margin-left:10px;}
.f-s-12 {font-size:12px; margin-bottom:15px;}
.vh85 {height:85vh!important;}
.m-t-100 {margin-top:100px;} 
.cover {object-fit: cover;}
.b-r-5 {border-radius: 5px;}
.l-h-50 {line-height:50px;}

.sub-title {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px;
      display: block;
    }
    img {
      margin-bottom: 10px;
margin-top:20px;
    }
    .clearfix {
      clear: both;
    }
small {
	min-height:40px;	
}

.section-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
	margin-top:20px;
      display: block;
color:#d71921;
font-weight:500!important;
    }

/* Index Header & Menü */
header {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; margin:0; }

.logo {width:243px; height: 70px; float: left; background: url(/img/logo.svg) top center no-repeat; display: block; margin:25px 0 0 50px;}

.top-right {float: right; margin-top:15px;}
.contact {display:inline-block; color:#888; font-size:13px; border-right:1px solid #eee; padding-right:10px; font-weight: 400;}
.contact a {color:#888;}
.social {display: inline-block; margin:0 50px 0 10px;}
.social a {color:#d71921; font-size:13px; margin-right:4px;} 
.social a:hover {color:#17418f;}
.menuAc {display: none;}
.menu {width: auto; margin: 10px 0 0 0; background: #17418f; border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding:0 50px 0 25px; float: right;}
.menu ul {margin: 0; padding: 0;}
.menu ul li {float: left; list-style-type: none;}
.menu ul li a {color: #fff; transition: 0.4s all ease; padding:20px 15px; font-size: 14px; display: inline-block; font-weight: 600;}
.menu ul li a:hover {background:#d71921;}
.menu ul li a:hover i {color: #fff !important;}
.menu ul li a i {margin-right:10px;}
.menu ul li ul {position: absolute; background: #17418f; padding: 15px; top: 60px; left: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; display: none; z-index: 15; width: 200px;}
.menu ul li:hover {position: relative;}
.menu ul li:hover ul {display: block; }
.menu ul li ul li { float: none;list-style-type: none;width: 100% !important;}
.menu ul li ul li a {display: block; padding: 5px 10px !important; margin-left: 0; height: auto;color: #fff; text-align: left; }
.menu ul li ul li a:hover { background-color:#d71921;}
.menu .b-form {background: #d71921; color:#fff; padding:20px;}
.menu .b-form:hover {background: #17418f; color:#fff; padding:20px;}
.menu .b-form img {width:18px; height:18px; margin-right:5px; margin-top:-8px;}

/* Index Slider */
.line {width:75px; background: #958a82; height: 14px; display: inline-block; margin:10px 0 0 10px;}
.carousel-caption {top:35%; left:50px; width: 350px; text-align: left; position:absolute; text-shadow:none;}
.tit-1 {font-size:3.5em; padding:10px 20px; font-weight:600; color:#fff; display:inline-block; background: #17418f; border-radius: 35px;}
.tit-2 {font-size:2.5em; padding:10px 20px; font-weight:400; color:#fff; display:inline-block; margin-top:-10px; margin-left: 230px; background: #d71921; border-radius: 25px;}
.tit-3 {font-size:2.5em; margin-top:15px; font-weight: 400; color:#000; display: block;}
.carousel-indicators {bottom:8%; left:90%; }
.carousel-indicators li {border-radius: 0; width: 20px; height: 7px; border:none; margin:0; background: #d71921;}
.carousel-indicators .active {width: 20px; height: 7px;border:none;  }

.indicators2 {left:25%!important; bottom:0!important; margin-left:-25px!important;}
.indicators2 li {border-radius: 0; width: 20px; height: 7px; border:none; margin:0; background: #d71921;}
.indicators2 .active {width: 20px; height: 7px;border:none; background: #717171!important;}
.height-auto {height: auto!important;}
.scroll-downs {bottom:50px; left: 50px; margin-left:0; position:absolute; z-index:1;}

.mousey {width: 3px;padding: 10px 15px;height: 50px; float: left; border-radius: 25px; border: 2px solid #000;opacity: 0.75;}
.scroller {width: 3px;height: 10px;border-radius: 25%;background-color: #000;animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;margin-left:-1px;}
.scroll-text {float: left; color:#000; font-size:16px; font-weight: 300; margin-left:10px; margin-top: 10px; line-height: 1;}
@keyframes scroll {0% { opacity: 0; }10% { transform: translateY(0); opacity: 1; }100% { transform: translateY(15px); opacity: 0;}}
@keyframes mouseKaydir {0% { opacity: 0; }10% { transform: translateY(0); opacity: 0; }90% { transform: translateY(15px); opacity: 1; transform: translateY(20px); opacity: 0;}}

.title h1 {border-left:1px solid #17418f; color:#17418f; font-size:24px; font-weight: 600; padding:5px 0 5px 10px; margin:0 0 30px 50px; display: block;}
.title h2 {border-left:1px solid #17418f; color:#17418f; font-size:24px; font-weight: 600; padding:5px 0 5px 10px; margin:0 0 30px 0; display: block;}
.news .box {position:relative; overflow: hidden;}
.news .box img {width:100%; overflow: hidden;}
.news .box .caption {position:absolute; transition: 0.4s all ease; z-index: 1; top:0; left:0; background:url(/img/b-blue.png) repeat; height: 100%; width:100%; padding:50px;}
.news .box .caption:hover {background:url(/img/b-red.png) repeat;}
.news .box .caption .name {font-weight: 600; font-size:18px; color:#fff; margin-bottom: 10px; display: block; width:100%; margin-top:50%;}
.news .box .caption .date {font-weight: 300; font-size:13px; color:#fff; display: block; width:100%;}
.title2 h1 {border-left:1px solid #d71921; color:#d71921; font-size:24px; font-weight: 600; padding:5px 0 5px 10px;  margin:0 0 30px 50px; display: block;}
.title2 h2 {border-left:1px solid #d71921; color:#d71921; font-size:24px; font-weight: 600; padding:5px 0 5px 10px;  margin:0 0 30px 0; display: block;}
.educations .box {position:relative; overflow: hidden;}
.educations .box img {width:100%; overflow: hidden;}
.educations .box .caption {position:absolute; transition: 0.4s all ease; z-index: 1; top:0; left:0; background:url(/img/b-red.png) repeat; height: 100%; width:100%; padding:50px;}
.educations .box .caption:hover {background:url(/img/b-blue.png) repeat;}
.educations .box .caption .name {font-weight: 600; font-size:18px; color:#fff; margin-bottom: 10px; display: block; width:100%; margin-top:50%;}
.educations .box .caption .date {font-weight: 300; font-size:13px; color:#fff; display: block; width:100%;}

.eventss img {border-radius: 10px; margin-bottom:30px;width:100%;}
.eventss span {display: block;}
.eventss .date {font-size:13px; color:#101010; font-weight:300;}
.eventss .tit {font-size:16px; color:#101010; font-weight:600; margin: 10px 0;}
.eventss .desc { color:#888; font-weight:300;}
.eventss .more {color:#d71921; display:block; margin-top:10px; transition: 0.4s all ease;}
.eventss .more:hover {color:#17418f;}
/*Footer Stiller*/
footer {border-top:1px solid #eee; margin:50px 0 0 0; width: 100%;}
.ebulten {background:#17418f; padding:25px 0;}
.ebulten span {display:block; font-weight: 600; padding-top:10px; color:#fff; font-size:18px;}
.ebulten .txt {border-top:none; border-right:none; border-left:none; width:100%; background: none; padding:10px 5px; border-bottom:1px solid #fff; color:#fff; }
.ebulten .txt::placeholder {color:#fff;}
.ebulten a {text-align: center; border:1px solid #fff; border-radius:25px; font-weight: 600; color:#fff; display:block; padding:10px;}
.ebulten a:hover {background:#fff; color:#17418f;}

.wrap {background: #f1f1f1 url(/img/footer-bg.png) no-repeat right bottom; margin:0; background-size:contain;  padding:25px 0;}
.wrap h4 {display: block; font-size:20px; font-weight: 600; color:#888; padding:15px 0;}
.wrap h5 {display: block; font-size:20px; font-weight: 600; background:#d71921; padding:15px 15px 15px 25px; border-radius:25px; color:#fff;}
.wrap ul {margin:0; padding:0;}
.wrap ul li {list-style-type: none; float: none;}
.wrap ul li a {display: block;font-size:13px; color:#888; margin-bottom:5px;}
.wrap ul li a:hover {color:#d71921;}
.wrap ul.b-social li {list-style-type: none; float: left;}
.wrap ul.b-social li a {display: block; margin-left:10px; font-size:16px;  width:40px; height: 40px; text-align: center; line-height:40px; border:1px solid #888; border-radius:100%;  color:#888; margin-bottom:10px;}
.wrap ul.b-social li a:hover {color:#d71921;}
.wrap .add {color:#d71921; display: block; font-weight: 600;}
.wrap .add:hover {color:#17418f;}


/*İç Sayfa Stilleri*/

.page-title{background:#eee; margin-top:15px; padding:150px 0 75px 0; text-align: center;}
.page-title h1 {display: block; color:#17418f; font-weight: 600; font-size:26px;}
.page-title .links {color:#717171; margin-right:10px;}
.page-title .links:hover {color:#d71921;}
.page-title .links:active {color:#d71921;}

.form-txt {border-radius: 25px; outline: #17418f; width: 100%; color:#666; background: #eee; transition: 0.4s all ease; border:none; margin-bottom:15px; padding: 15px;}
.form-btn {cursor: pointer; background:#17418f; padding: 15px 30px; transition: 0.4s all ease; text-align:center; border-radius: 25px; color:#fff; font-size:16px; font-weight: 600; margin-bottom:15px;}
.form-btn:hover {background:#d71921; color:#fff;}

.sub-title {display: block; font-weight:600; color:#d71921; font-size:16px;}
.gallery{margin-bottom:30px;display:block;padding:5px;border:1px solid #eee}
.gallery img{width:100%!important}

.member {padding:10px 0; margin-bottom: 30px; border-right:1px solid #eee;}

.member:nth-child(4n){border: none!important;}
.member img {width: 100%;}

/*sidebar stiller*/

.sides {
    border:1px solid #17418f; 
    border-radius: 15px;
    margin:0;
    padding: 10px 15px;
}

.sidebar {
    padding:10px 15px;
    margin: 0 0 15px 0;
    cursor: pointer;
    border-bottom:1px solid #17418f;
}

    .sidebar span {
        display: inline-block;
        font-weight: 600;
        padding-left: 7px;
        color:#d71921
    }

    .sidebar i {
        float: right;
        font-size: 20px;
        color:#d71921
    }

.side {
    
    margin: 0;
    padding: 0 15px 15px 15px;
    position: relative;
}

.closed {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    display: none;
}

.side span {
    font-weight: 600;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 0 5px 0;
    margin-bottom: 15px;
    color: #d71921;
}

.side a {
    display: block;
    color: #17418f;
    display: block;
    margin-bottom: 5px;
}

    .side a:hover {
        color: #d71921;
    }
@media (max-width: 480px) {
    .logo {width:163px; height: 50px; margin:15px;}
    
    .social {display: none;}
    .contact {display: none;}
    .scroll-downs {display:none;}
    .carousel-caption {top:20%; left:10px; width: auto;}
    .tit-1 {font-size:1.8em; padding:5px 10px; border-radius: 10px;}
    .tit-2 {font-size:1.2em; padding:5px 10px; font-weight:400; color:#fff; display:inline-block; margin-top:-5px; margin-left: 115px; border-radius: 10px;}
    .tit-3 {font-size:1.1em; margin-top:7.5px; font-weight: 400; color:#000; display: block;}

    .menuAc {
        display: inline-block;
        margin: 0;
        text-align: center;
        color: #fff !important;
        background:#17418f;
        width: auto;
        position: absolute;
        top: 25px;
        padding:0 10px;
        right: 20px;
        height: 40px;
        border-radius: 5px;
        line-height: 40px;
        font-size: 18px;
    }

    .menu ul {
        display: none;
        position: absolute;
        top: 92px;
        width: 100%;
        right: 0;
        background: #17418f;
        z-index: 1000;
    }

        .menu ul li {
            float: none;
            list-style-type: none;
        }

            .menu ul li a {
                margin-left: 0;
                display: block;
                padding: 10px;
                border-bottom: 1px #fff solid;
                width: auto;
                text-align: right;
                color: #fff !important;
            }

            .menu ul li ul {
                position: relative;
                display: block;
                width: 100%;
                top: 50px;
                margin: 0;
            }

                .menu ul li ul li {
                    float: none;
                    list-style-type: none;
                    width: 100% !important;
                }

                    .menu ul li ul li a {
                        display: block;
                        padding: 5px 15px;
                        height: auto;
                        background: #fff !important;
                        color:#e93c46 !important;
                        border-bottom: 1px solid #ccc;
                    }

                        .menu ul li ul li a:hover {
                            color: #000;
                        }

            .menu ul li ul {
                position: relative;
                display: none;
                width: 100%;
                top: 0;
                margin: 0;
            }

                .menu ul li ul li {
                    float: none;
                    list-style-type: none;
                    width: 100% !important;
                }

                    .menu ul li ul li a {
                        display: block;
                        padding: 5px 10px;
                        height: auto;
                        background: #d71921 !important;
                        color:#fff !important;
                        border-bottom: 1px solid #ccc;
                    }

                        .menu ul li ul li a:hover {
                            color: #000;
                        }
    header {position: relative;}
    .page-title{padding:75px 0 75px 0;}
    .side {display: none;}
    .closed {display: block;}
}
@media (max-width: 768px) {
}
@media (max-width: 990px) {
  
}