body{background:#fafafa;}

/*****************************HOME**************************/
.bordertop{height:3px; width:100%; background:#d80a12;}
.header{background:url(../img/header-bg.jpg)repeat; height:80px; width:100%; border-bottom:1px solid #eee;}
.header .col-lg-4{background:url(../img/meb.png) right no-repeat; float:right; right:20px; padding:7px 0; position:relative}
.container .logo{margin:10px 0 0 10px;}
.container .telephone{float:right; color:#aaaaaa; font-size:25px; margin:10px 10px 0 0 ;  background:url(../img/tell.png) right center no-repeat; padding:10px 75px 10px 0;}
.container .telephone span{font-size:25px; margin-top:10px; padding-right:10px;}

.header .col-lg-2 .basvur {margin:30px 0 0 0; float:right; right:-30px; position:relative;}
.header .col-lg-2 .basvur a{ padding:5px 15px; background:#d80a12; border-radius:5px; color:#fff; text-align:center; display:block; text-decoration:none;}


.slider .carousel {top: -20px !important;}

.ehliyet-siniflari .col-md-3 .sinif{background:url(../img/surucu-bg.jpg) repeat; height:100px; width:100%; margin:0 0 10px 0; display:table;}
.ehliyet-siniflari .col-md-3 .sinif:hover{background:#013459;}
.ehliyet-siniflari .col-md-3 .sinif .ortala{display:table-cell; vertical-align:middle; text-align:center; }

 .link {background:url(../img/link-bg.jpg) repeat; height:45px; line-height:45px; width:100%; margin:0 0 5px 0;}
 .link:hover {background:url(../img/link-bg-hover.jpg) repeat; }
 .link a{display:block; color:#666; padding:0 0 0 30px; font-size:16px;}
 .link a:hover{background:url(../img/link-hover-ok.png) no-repeat left center; padding:0 0 0 40px; color:#eee; text-decoration:none;}

.duyurular{background:#f6f6f6;}
.duyurular .duyurutitle{color:#999; font-size:24px; font-weight:300; padding:10px 0 0 0; margin:0 0 10px 0;}
.duyurular img{float:left; width:28%; max-height:135px;}
.duyurular .carousel-duyuru-caption{float:right; width:70%; }
.duyurular .carousel-duyuru-caption h3{color:#023458; margin:0 0 10px 0 ; font-size:16px; font-weight:500;}
.duyurular .carousel-duyuru-caption p{min-height:65px;}
.duyurular .carousel-duyuru-control{position:absolute; top:-25px; right:0;}
.duyurular .left.carousel-duyuru-control{position:absolute; top:-30px; right:25px;}
.duyurular .right.carousel-duyuru-control{position:absolute; top:-30px; right:10px;}
.tumduyurular{bottom:0; position:relative; width:100%; height:32px; padding:5px 10px; background:#ddd; border:1px solid #dbdbdb; }
.tumduyurular a{text-align:right; position:relative;  right:0; color:#555; font-size:15px;}


.duyurulardetay{height:150px;}
.duyuruimg img{float:left; width:28%; max-height:125px;}
.duyurudetay{float:right; width:70%; }
.duyurudetay h3{color:#023458; margin:10px 0 10px 0 ; font-size:16px; font-weight:500;}
.duyurudetay p{min-height:65px;}

.abcsurucu{background:url(../img/abcsurucu.jpg) no-repeat center center; width:100%; height:100px; margin:6px 0 0 0;}
.abcsurucu p{font-size:13px; color:#fff; display:block; padding:8px 10px;}
.abcsurucu p:hover{color:#eee;}


.pagecontent .maps { position: relative;padding-bottom: 2%; // This is the aspect ratio height: 0; }
.pagecontent .maps iframe {position: relative;width: 100% !important;height: 240px !important;}



.onlinekayit .kayit-form{height:70px;}
.onlinekayit p{float:left; width:200px; margin:5px 0 0 0; }
.onlinekayit input{ display:block; padding:6px; margin:0; width:500px;}
.onlinekayit textarea{ display:block; padding:6px; margin:0; min-width:500px;}
.onlinekayit select{ display:block; margin:0; width:500px; padding:5px; line-height:1; border:0; background:#eee; height:34px;}
.onlinekayit button{ display:block; padding:6px; margin:10px 0 0 0; width:100%; background:#eee; border:1px solid #fff;}
.onlinekayit button:hover{border:1px solid #eee;}

.homeform{background:url(../img/iletisim-bg.jpg) no-repeat; height:155px; width:100%; color:#fff;position:relative;}
.homeform h3{color:#eee; font-size:22px; padding:20px 15px; font-weight:300; letter-spacing:0.6px;}
.homeform  input {display:inline-block; width:250px; background:none; border:1px solid #eee; font-size:15px; color:#fff !important;  padding:10px; margin:0 0 0 15px;}
::-webkit-input-placeholder {color: #ddd;}
:-moz-placeholder { /* Firefox 18- */color: #ddd; }
::-moz-placeholder {  /* Firefox 19+ */color: #ddd; }
:-ms-input-placeholder {  color: #ddd; }
.homeform  button {display:inline-block; width:120px; background:none; border:1px solid #eee; font-size:15px; color:#ddd; padding:10px; cursor:pointer;  margin:0 0 0 15px;}
.homeform  button:hover {background:#fff; border:1px solid #ccc;  color:#999;}
/*****************************HOME**************************/


/*****************************CONTENT**************************/
.page-img{background:url(../img/page-img.jpg) no-repeat top center; margin:-71px 0 10px 0; width:100%; height:170px;}
.page{margin:0 10px; color:#666;}
.pagetitle{font-size:20px; color:#023458; margin:0 0 10px 0;}
.page p{font-size:14px; color:#666; line-height:22px;}
/*****************************CONTENT**************************/


/*****************************FOOTER**************************/
.footer{width:100%; background:#333; position:relative;}
.maps{margin:10px 0;}
.copyright{float:left; font-size:13px; color:#ddd; margin:0 0 0 5px; padding:20px 0;}
.webolizma{float:right; right:0; padding:20px 0; margin:0 5px 0 0; color:#FFFFFF; font-size:10px;}
.f-social span{color:#999; margin:5px 5px; padding:0 10px 0 0;}
.f-social img{width:26px; height:26px;}
.f-social img:hover{opacity:0.7;}
/*****************************FOOTER**************************/


@media screen and (max-width: 992px) {
.col-lg-2 .basvur {margin:25px 0 6px 0 !important; right:10px !important; position:relative;width:97%}
.col-lg-2 .basvur a{ padding:5px 15px; background:#d80a12; border-radius:5px; color:#fff; text-align:center; display:block; text-decoration:none;}

.container .telephone{display:none;}
.ehliyet-siniflari .col-md-3 {float:left; width:25%;}
	
.homecontent .link {width:49.5%; display:inline-block; margin:0 0 5px 1px;}
.homecontent .link a{font-size:15px;}

.link {display:none;}
	
.homeform h3{color:#eee; font-size:19px; padding:20px 10px; font-weight:300; letter-spacing:0.6px;}
.homeform  input {display:inline-block; width:185px; background:none; border:1px solid #eee; font-size:15px; color:#fff !important;  padding:5px; margin:0 0 5px 10px;}
::-webkit-input-placeholder {color: #ddd;}
:-moz-placeholder { /* Firefox 18- */color: #ddd; }
::-moz-placeholder {  /* Firefox 19+ */color: #ddd; }
:-ms-input-placeholder {  color: #ddd; }
.homeform  button {display:inline-block; width:120px; background:none; border:1px solid #eee; font-size:15px; color:#ddd; padding:5px; cursor:pointer;  margin:0 0 5px 10px;}

}
@media screen and (max-width: 600px) {
.col-lg-2 .basvur {margin:25px 0 6px 0 !important; right:10px !important; position:relative; width:94%}
.col-lg-2 .basvur a{ padding:5px 15px; background:#d80a12; border-radius:5px; color:#fff; text-align:center; display:block; text-decoration:none;}

.container .logo img{width:285px}
.homecontent .link {width:49%; display:inline-block; margin:0 0 5px 1px;}
.abcsurucu{background:url(../img/abcsurucu.jpg) no-repeat center center; width:100%; height:200px;}


.pagecontent p img{width:100%;}
.duyurular img{width:100%; max-height:250px;}
.duyurular .carousel-duyuru-caption{width:100%; margin:10px 0 0 0; }
.pagetitle{margin:20px 0 0 0;}
.homeform{background:url(../img/iletisim-bg.jpg) no-repeat; height:250px; width:100%; color:#fff;position:relative;}
.homeform  input {display:block; width:290px !important; background:none; border:1px solid #eee; font-size:15px; color:#fff !important;  padding:5px; margin:0 0 5px 10px;}
.homeform  button {display:inline-block; width:290px !important; background:none; border:1px solid #eee; font-size:15px; color:#ddd; padding:5px; cursor:pointer;  margin:0 0 5px 10px;}
.onlinekayit input{ width:300px;}
.onlinekayit textarea{ min-width:300px;}
.onlinekayit button{ width:300px;}
.duyurular .carousel-duyuru-caption p{min-height:inherit;}
}



.gallery { position: relative; display: inline-block; width: calc(30% - 10px); margin: 10px;}
.gallery a { display: block; width: 100%; max-height: 149px; overflow: hidden; }
.gallery img { width: 100%; }