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

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700';
@import 'https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700';

/*Genel Ayarlar*/
body {font-family: 'Roboto', sans-serif; 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;}
.dark-blue {color:#1d5089;}
.yellow {color:#ffe000;}
.gray {color:#aaa;}
.m-0 {margin:0;}
.p-0 {padding:0;}
.p-t-b-20 {padding:20px 0;}
.m-b-20 {margin-top:20px;}
/*Desktop CSS*/

header {width:100%; height:auto; background:url(/img/header-bg.jpg) repeat-x left bottom; position: relative;}
.logo {width:192px; height:199px; position:absolute; left:50%; margin-left:-96px; z-index:1; top:0; background:url(/img/logo.png) no-repeat top center; display:block;}
.menuAc {display: none;}
.menu {margin:40px auto; display:table; padding-left:65px; text-align:center;}
.menu ul {margin:0; padding:0;}
.menu ul li {float:left; list-style-type:none;}
.menu ul li a{color:#151515; transition: .4s all ease; font-size:16px; display:inline-block; font-family:'Roboto Condensed', sans-serif; font-weight:400; margin-right:30px;}
.menu ul li a:hover {color:#A48249; border-bottom: 1px solid #A48249;}
.menu2 {margin:40px auto; display:table; padding-left:0; text-align:center;}
.menu2 ul {margin:0; padding:0;}
.menu2 ul li {float:left; list-style-type:none;}
.menu2 ul li a{color:#151515; font-size:16px; display:inline-block; font-family:'Roboto Condensed', sans-serif; font-weight:400; margin-right:30px;}
.menu2 ul li a:hover {color:#A48249; border-bottom: 1px solid #A48249;}

.online-islemler {background:#daa43b; position: absolute; top: 35px;  right: 15px; color:#fff!important; text-align:center; padding:5px; display:block;}
.online-islemler:hover {background: #A78650;}
.w-100 {width:100%; margin:0; padding:0;}
.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;}

.index-boxes {position: relative;}
.slide-boxes {position:absolute; z-index:1; top:-100px; left:0; width:100%;}
.boxes {display:table; text-align:center; margin:0 auto;}
.boxes .box {padding:10px; color:#151515; transition:0.4s all ease; font-family:'Roboto Condensed', sans-serif; font-weight:400; background:#fff; border-radius:25px; border:1px solid #A78650; display:block;}
.boxes .box:hover {background:#C9A569; color:#fff!important; margin:-60px 0;}
.boxes img {border-radius:25px; border:1px solid #A48249; margin-bottom:10px; width:100%;}
.boxes span {color:#151515; font-size:16px; text-align:center; display:block;}

.buttons {position:fixed; top:100px; right:0; z-index:1; height:auto;}
.buttons .facebook {width:48px; height:42px; background:url(/img/facebook.jpg) no-repeat center right; margin-bottom:5px; display:block;}
.buttons .twitter {width:48px; height:42px; background:url(/img/twitter.jpg) no-repeat center right; margin-bottom:5px; display:block;}
.buttons .instagram {width:48px; height:42px; background:url(/img/instagram.jpg) no-repeat center right; margin-bottom:5px; display:block;}

.content {width:100%; padding:50px 0;}
.content h1 {display:block; text-align:center; margin:100px 0 30px 0;font-family:'Roboto Condensed', sans-serif; font-weight:700; color:#151515; font-size:2em;}

.news {width:80%; margin:0 auto; padding:20px 0;}
.news img {width:100%!important; margin-bottom:10px;}
.news .title {display:block; margin:15px 0; color:#A59A8A; font-weight:600;}
.news p {color:#606060; font-size:13px;}

.brand {display:table; text-align:center; margin:20px auto;}
.brand h2 {display:block; text-align:center; margin:10px 0;font-family:'Roboto Condensed', sans-serif; font-weight:700; color:#151515; font-size:2em;}
.brand img {margin:15px;}

/* Footer Stiller */
footer {background:url(/img/bottom-bg.jpg) repeat center left; position: relative; width:100%; min-height:58px; line-height:58px; font-size:13px;}
.bottom-logo {background:url(/img/logo-bottom.png) no-repeat center center; width:104px; height:26px; display:block; float:left; margin:16px 16px 0 0;}
.copyright {color:#fff; margin-right:10px;}
footer a {color:#fff; margin:0 10px;}
footer a:hover {color:#C9A569;}
.site-design {background:url(/img/sosyobyte.png) no-repeat center right; float:right; width:104px; height:26px; display:block;  margin:16px 16px 0 0;}
.phone {width:223px; height:49px; cursor: pointer; background:url(/img/phone.png) no-repeat center center; display:block; position: fixed!important; z-index: 5000; bottom:0; right: 15px;}

/* �� Sayfa Stiller� */
.company-bg {width:100%; min-height:264px; background:url(/img/kurumsal-page-bg.png) no-repeat center center; background-size:cover;}
.company-bg .h1 {font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:3em; color:#fff; margin:163px 0 0 0; width: 100%; height: 49px; padding: 25px 0; }

.page-content {padding:40px 0;}

.page-content h2 {font-family:'Roboto Condensed', sans-serif; font-weight:400; font-size:2em; color:#151515; }
.page-content img{width:100%; margin:25px 0; }

.contact {margin:20px 0;}
.contact h2 {font-family:'Roboto Condensed', sans-serif; font-weight:400; margin:0 0 25px 0; font-size:2em; color:#151515;}
.contact .t2 {font-size:18px; display:block; margin:15px 0;}
.contact strong {display:block; margin:15px 0;}
.c-form {border-top:1px solid #eee; padding:20px 0;}
.c-form h3 {font-family:'Roboto Condensed', sans-serif; font-weight:400; margin:15px; font-size:2em; color:#151515;}

.c-form .form-elements {border:1px solid #151515; margin-bottom:15px; padding:10px 15px; border-radius:0;}
.c-form .form-btn {background:#C9A569; color:#151515; text-align:center; margin:0 15px; padding:20px 25px; border:none; cursor:pointer; font-weight:600; font-weight:600;}

.crew {margin-bottom: 30px; display:block; padding: 5px; border:1px solid #eee;}
.crew img {width:100%!important;}

.modal-title {color:#A48249!important;}
/*Online Kay�t Sayfas� Stilleri*/

.m-right {margin-right:80px;}
.kayit {background:url(/img/kayit-bg.jpg) no-repeat center center; background-size:cover; padding:150px 0; width:100%;}
.kayit-orta {background:url(/img/kayit-center-bg.jpg) no-repeat top center; background-size:100%; padding:64px 0;}
.kayit-orta img {margin:25px auto; display:block;}
.kayit-form-box {border:1px solid #fff; margin-top:15px; padding:0;}
.kayit-label { color:#151515; background:#fff; font-family:'Roboto Condensed', sans-serif; font-size:18px;  font-weight:700; padding:10PX; margin:0; }
.kayit-txt input {border-bottom:2px dotted #fff; background:none; padding:7px 0; width:100%; color:#fff; border-top:none; display:block; border-left:none; border-right:none;}

.kayit-radio {background:#CC091C; margin:15px 0; border-top-right-radius:25px; border-bottom-right-radius:25px; line-height:30px; padding:5px 8px; color:#fff; font-size:13px; font-weight:700; font-family:'Roboto Condensed', sans-serif;}
.radio-btn {border:1px solid #fff; background:#fff; border-radius:100%; width:20px; height:20px; line-height:20px; text-align:center; margin-top:3px; display:block;}
.radio-btn input[type="radio"] {border:2px solid #000!important; width:15px; height:15px; background:#000; margin:3px 0!important;}
.kayit-title {text-align:center; border:1px solid #fff; color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:18px;  font-weight:700; padding:10px 20px; margin:15px 0; display:inline-block;}
.kyt .tct{display:inline-block; color:#fff; margin:0 15px; line-height:30px; font-family:'Roboto Condensed', sans-serif; font-size:12px;  font-weight:400;}
.text-center {text-align:center!important;}
.kayit-btn {background:#C9A569; color:#151515; text-align:center; margin:15px 0; padding:10px 10px; border:none; cursor:pointer; font-weight:600; font-weight:600;}
.kyt .tct{display:inline-block; color:#fff; margin:0 15px; line-height:30px; font-family:'Roboto Condensed', sans-serif; font-size:14px;  font-weight:400;}
.radio-btn2 {border:1px solid #fff; background:#fff; border-radius:100%; width:20px; height:20px; line-height:0; text-align:center; margin-top:0; display:block;}

/* Okul Sayfa Stilleri */
.p-100 {padding-top:100px;}
.school-head {width:100%; height:99px; background:url(/img/head-bg.jpg) left center; background-size:cover;}
.school-head h1 {font-family:'Roboto Condensed', sans-serif; font-weight:400; margin:0; padding:0; font-size:3em; color:#151515; line-height:99px;}
.school-sidebar {margin:0; padding:0;}
.school-sidebar li {list-style-type:none;}
.school-sidebar .active {background:#151515; color:#C9A569}
.school-sidebar li a {display:block; margin:5px 0; font-size:16px; font-family:'Roboto Condensed', sans-serif; color:#999; padding:10px 20px;}
.school-sidebar li a:hover {color:#C9A569;}


/* Biz Sizi Arayalım*/
.sizi-arayalim {display: none; z-index: 50555; background: #ceab6f; border-top-left-radius:5px; border-top-right-radius:5px; width: auto; height: auto; padding:15px; bottom:0; right: 15px; position: fixed;}
.sizi-arayalim span{display: block; color:#333; font-size: 20px; margin-bottom: 20px;}
.close {position: absolute; top: 0; right:0; color:#333; font-size: 24px;}
.sizi-arayalim .in {position:relative;}
.sizi-arayalim .txt {border-radius: 5px; border:none; padding:10px; width: 99%;  margin: 8px 0; color:#666; background: #f3ebd2;}
.sizi-arayalim .btn {border-radius: 5px; margin: 25px 0 15px 0; padding:5px 10px; color:#eee; text-align: center; background: #333;}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #A48249; color: #fff; border:none;
}
@media (max-width: 480px) {
    
    /*General*/
    .container {margin:0 5%;}
    .logo {width: 210px; height:62px; background: url(/img/logo-mobile.png) center center no-repeat; top:0; left:0; margin:15px auto!important; float: left; position: relative;}
    .online-islemler {display: none;}
    .news {width:100%;}
    .menu {margin: 0 -45px 0 0!important;}
    .menuAc {display:inline-block; margin:0; text-align: center; color:#fff!important; background:#1c1c1c; width:45px; position: absolute; top: 15px; right:0; height: 40px; line-height: 40px; border-radius: 3px; font-size: 30px; } 
    
    .menu ul{display:none; position:absolute; top:60px; width:100%; right:0; background:#666; opacity:0.95; z-index:1000;}
    .menu ul li {float:none; list-style-type:none;  border-right:1px solid #505050; }
    .menu ul li a {margin-left:0; display:block; padding:10px 0; border-bottom:1px #444 solid; width:auto; text-align:right; color:#fff!important;}
    .slide-boxes {position: relative!important; top:20px;}
    .mobile-m-b-20 {margin-bottom:20px;}
    .phone {margin: 0 auto!important; bottom: 0; width: 100%; left: 0; margin-top:15px;} 
    .buttons .facebook {width:32px; height:32px; background:url(/img/facebook-mobile.jpg) no-repeat center center; margin-bottom:5px; display:block;}
    .buttons .twitter {width:32px; height:32px; background:url(/img/twitter-mobile.jpg) no-repeat center center; margin-bottom:5px; display:block;}
    .buttons .instagram {width:32px; height:32px; background:url(/img/instagram-mobile.jpg) no-repeat center center; margin-bottom:5px; display:block;}
    
    footer {background: #151515!important;}
    footer a {display: block; border-bottom: 1px solid #303030;}
    .site-design{float: left;}
    
    .phone {width: 100%; position: relative; bottom:0; right: 0; margin: 15px auto 0 auto!important;}
    .m-right {margin-right:0;}
    .kayit-orta {background: #151515; border:10px solid #47210c; padding: 50px;}
    .kayit-label {margin:10px 0; }
    .kayit-txt input {border-bottom:2px dotted #fff; background:none; padding:7px 0; width:100%; color:#fff; border-top:none; display:block; border-left:none; border-right:none;}

}
@media (max-width: 768px) {
    .news {width:90%}
    
}
@media (max-width: 990px) {
   
}