@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext');
@import url('main.css');

body{background:#fff /*url('../../images/bg.jpg') repeat-x 50% 0px !important*/; color:#333; font-family: 'Roboto', sans-serif; font-size:14px;}
/* --------------- sticky footer ------------------ */
html, body{height: 100%; } 
.tasiyici:after { content: ""; display: block;}
.tasiyici{ min-height: 100%; margin-bottom: -60px; }
.footer, .tasiyici:after {min-height: 60px; }
/* --------------- sticky footer ------------------ */


.header{background:url('../../images/header.jpg') repeat-x 50% 0px !important; z-index:10; margin:0px !important; padding:0 ; box-shadow:none; border:none; border-bottom:solid #e62a3f 2px;}
.header .navbar-nav{margin-top:23px; display:inline-block; float:none;}
.header .navbar-nav li a{ padding:3px 15px; margin:0 5px; font-size:16px; font-weight:bold; background:none !important; color:#2b2d42; border:solid transparent 1px; border-radius:15px;}
.header .navbar-nav li:hover a,.header .navbar-nav li.active:hover a{background:#e62a3f !important; color:#fff;}
.header .navbar-nav li.active a{ background:#e62a3f !important; color:fff; box-shadow:none; }
.header .navbar-nav li.active a:focus,.header .navbar-nav li a:focus{ background:#e62a3f !important; color:#fff;}
.header .navbar-brand{margin:0px !important; padding:12px 0px !important; height:79px;}
.header .navbar-brand .logo{height:100%;}
.header .navbar-header{}

.mainbody{margin:30px auto;}
.navbar.navbar-default {background-color:none !important; box-shadow:0 3px 5px rgba(0,0,0,0.3);}


.harita{border:none;}
.anasayfaSlide{margin:0;}

/*anasayfaBloklar*/
.anasayfaBloklar{background:#2b2d42 url('../../images/anasayfaBloklarBg.jpg') no-repeat center center; border-top:solid #e62a3f 2px; padding:10px 0;}
.anasayfaBloklar a img{transition: all 600ms ease-in-out;}
.anasayfaBloklar a:hover img{transform:rotateY(360deg);  transition: all 1s ease-in-out; bottom:25px; }
.anasayfaBloklar .yetkiliServis{position:absolute; z-index:1; color:#fff; left:30%; right:30%; padding:30px 0;}
.anasayfaBloklar .yetkiliServis span{ display:inline-block;font-weight:bold; font-size:42px; margin-bottom:30px;}
.anasayfaBloklar .yetkiliServis .btn-default{ display:inline-block; background: none; border:solid white 2px; font-size:18px; padding-left:30px; padding-right:30px;}
.anasayfaBloklar .yetkiliServis .btn-default:hover{color:#fff; opacity:.6;}


/*kaliteliHizmet*/
.kaliteliHizmet{padding:50px 0;}
.kaliteliHizmet .resim{height:300px; width:100%; box-shadow:2px 2px 5px 0px rgba(43,45,66,0.5); border-radius:3px;}
.kaliteliHizmet .baslik{color:#2b2d42;}
.kaliteliHizmet .baslik span{color:#e62a3f;}
.kaliteliHizmet .btn-default{background:#e62a3f; color:#fff; font-size:20px; border:none; position:absolute; bottom:10px; right:-5px;}
.kaliteliHizmet .btn-default:hover{background:#2b2d42; color:#fff; border:none; }


/*musteriHatti*/
.musteriHatti{background:#edf2f5 url('../../images/musteriHattiBg.png') no-repeat center center; height:200px; }
.musteriHatti .container{position:relative; }
.musteriHatti .destek724{ position:absolute; top:40px; left:330px; background:url('../../images/724destek.png') no-repeat center center; width:417px; height:121px;}
.musteriHatti .destek724 h1{color:#2b2d42; font-weight:bold; font-size:28px; padding-left:30px;}
.musteriHatti .destek724 h1 span{color:#e62a3f;}
.musteriHatti .destek724 h3{color:#2b2d42; font-weight:bold; font-size:32px; padding-left:40px; margin:0;}
.musteriHatti .destek724 h3 a{color:#2b2d42; padding-right:10px; font-weight:bold;}
.musteriHatti .destek724 h3 a:hover{color:#e62a3f; padding-right:10px; font-weight:bold; text-decoration:none;}
.musteriHatti .destek724 h3 small{color:#2b2d42; padding-right:10px; font-weight:bold;}
.musteriHatti .destek724 h3 a span{color:#e62a3f;}



/*galeriHaber*/
.galeriHaber{padding:50px 0 0 0;}
.galeriHaber .resim{display:inline-block;height:300px; width:100%; box-shadow:2px 2px 5px 0px rgba(43,45,66,0.5); border-radius:3px;}
.galeriHaber .baslik{color:#2b2d42;}
.galeriHaber .baslik span{color:#e62a3f;}
.galeriHaber .btn-default{background:#e62a3f; color:#fff; font-size:20px; border:none; position:absolute; bottom:10px; right:-5px;}
.galeriHaber .btn-default:hover{background:#2b2d42; color:#fff; border:none; }



/*galerilist*/
.galerilist a .thumbnail{margin:0 0 10px 0;}
.galerilist a .resimler{width:100%; height:150px; position:relative;}
.galerilist a .resimler img{display:none;}
.galerilist a .resimler .overlay{position:absolute;  opacity:0; filter: alpha(opacity=0); }
.galerilist a:hover .resimler .overlay{position:absolute; top:0; bottom:0; left:0; right:0; background:#343434; z-index:2; opacity:.6; filter: alpha(opacity=60); text-align:center; line-height:150px; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease;}
.galerilist a:hover .resimler .overlay .gi{color:#fff;}



/* galerilistmenu */
.galerilistmenu a{background:#fff; border:solid #eee 1px;}
.galerilistmenu a.active{background:#e62a3f; color:#fff !important; border:solid #e62a3f 1px;}
.galerilistmenu a:hover,
.galerilistmenu a:hover.active{background:#2b2d42; color:#fff !important; border:solid #2b2d42 1px; text-shadow:none !important;}



.detay h4{color:#666; font-size:14px; font-weight:bold; cursor:pointer;}
.detay h4:hover{color:#900; }
.detay h4 i{color:#900; }
.detay .panel{padding:10px;}



/* baslik */
.baslik{position: relative; display: block; font-size: 22px; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0 10px 0; color:#2b2d42; }
.baslik span{color:#e62a3f; }
.baslik2{position: relative; display: inline-block; font-size: 20px; font-weight:bold; margin:15px 0 0px 0; color:#e62a3f; padding-left:30px;}
.baslik3{font-size: 20px; font-weight:bold; color:#e62a3f; margin:0;}


/* geri */
.geri{position:absolute; bottom:10px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat 0 0; }
.geri:hover{position:absolute; bottom:10px; right:0px; width:17px; height:15px; background:url('../../images/geri.png') no-repeat -17px 0px;}
.geri,.geri:hover{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}

.img-responsive {margin: 0 auto;}


/*.listMenu*/
.baslik4{margin-top:10px; padding:0px;  font-size:22px; font-weight:700; }
.listMenu{margin:0;padding:0; list-style:none;}
.listMenu li{border-bottom:dotted #ddd 1px; padding:2px 0;}
.listMenu li a{display:block; padding:3px 5px 0px 0px; color:#999; font-size:17px; text-decoration:none;}
.listMenu li a span{display:inline-block; background:#9ba5a9; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; float:left;}
.listMenu li a:hover span{display:inline-block; background:#e62a3f; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:19px; padding:8px; width:50px; height:50px; text-decoration:none; text-align:center; vertical-align:middle; }
.listMenu li a span b{display:block; font-size:24px; margin:0; padding:0;}
.listMenu li a:hover{ color:#666 !important; }
.listMenu li a.active{ color:#000; background:#ddd; border-bottom:solid #ccc 1px;}
.listMenu li a span{margin-right:5px;}
.listMenu li a.active span{margin-right:5px; color:#000;}
.listMenu li a.turuncu{display:block; padding:3px 10px; color:#fff !important; background:#f39c12 !important;}
.listMenu li a.turuncu span{color:#fff;}
.tumu{position:relative; display:inline-block; top:0px; float:right; font-size:13px; font-weight:700; color:#999;}
.tumu:hover{color:#333;}



.formErrorContent{padding:5px !important;}
.sidebar{max-width:165px;}
#to-top:hover{background:#343434 !important; }


.panel{border:solid #dbe1e8 1px;}
.glyphicon.bosluk{margin-right:5px;}


/*.scrollpage{height:250px;}*/
ul.pagination{padding:0; margin:0;}

.table td {vertical-align: middle !important; padding:10px !important;}
.table td h5{margin-top:0;}

/* Incık Cıncık */
.input-group-addon{background:#f9f9f9;}
.chosen-choices{ border-radius:0 3px 3px 0 !important;}
.popover-content{padding:0px;}
.well-teklifon{background:#f9f9f9 !important; display:block;}
.well-table{margin:0px;}
a{outline:none !important;}
.paylasimiconlar{font-size:16px; color:#999;}
.altbosluk{position:relative; display:block;margin-bottom:5px;}





/* Footer */
.footer{background:#e62a3f;  }
.footer .row{background:#e62a3f;  }
.footer .row.menuler{padding:10px 15px; color:#2b2d42;}
.footer .row.menuler > div{margin-bottom:20px;}
.footer .row.menuler ul{margin:0; padding:0; list-style:none;}
.footer .row.menuler ul li a{position:relative; display:block; color:#2b2d42; padding:5px 10px;}
.footer .row.menuler ul li a:hover{background:#2b2d42; color:#fff; text-decoration:none;}
.footer h4 {color:#666; font-size:14px; font-weight:bold;}
.footer .row .copyright{ color:#f8bac1; font-size:13px; margin:20px 0 0 0;}
.footer .row .okyazilim{display:inline; margin:20px 0 0 0; opacity:.8;}




/* SOSYAL ICON*/
.sosyalmedya{position:relative; top:10px;}
.icon {position:relative; display:inline-block; border:solid #f8bac1 1px; margin:0px 3px 0 3px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:4px 8px 6px 8px; bottom:0px;}
.icon i{position:relative; display:inline-block; color:#f8bac1;}
.icon:hover i{color:#fff;}
.icon:hover { bottom:0px;}

.btn-default{background:#2b2d42; color:#fff; border:none;}
.btn-default:hover{background:#e62a3f; color:#fff;}
.shareSelector{margin-right:25px;}


a { /* Animasyon */ transition: all 600ms cubic-bezier(0.23, 1.000, 0.32, 1.000); text-decoration: none;}


@keyframes mymove {10% {background-position: right;}}
.navbar-collapse{border:none !important; }

@media (max-width: 1200px){
	.header{background:url('../../images/header.jpg') repeat-x 35% 0px !important;}
	.copyright{margin-top:10px !important; text-align:left;}
	
	
	.header .navbar-nav{margin-top:23px;}	
	.header .navbar-nav li a{ padding:3px 12px; margin:2px; font-size:15px;}
}

@media (max-width: 992px){
	.header .navbar-header {margin:0 -10px;}
	.header .navbar-nav{margin-top:27px;}
	.header .navbar-nav li a{ padding:1px 8px; margin:0px; font-size:14px;}
	.header{background:url('../../images/header.jpg') repeat-x 33% 0px !important;}
	
	.anasayfaSlide .carousel-inner .item{ animation: mymove 7s infinite;}
	.anasayfaSlide .carousel-inner .item{ height:400px !important; background-attachment:cover; background-size: auto  100% !important; }
}

@media (max-width: 767px){
	.header{background:url('../../images/header.jpg') repeat-x 28% 0px !important;}
	.header .navbar-header {margin:0;}
	
	.header .navbar-header{ z-index:1;}
	.header .navbar-nav{margin-top:0px !important; display:block; float:none; z-index:2; margin:0 -10px; border-top:solid #e62a3f 2px; }	
	.header .navbar-nav li{background:#edf2f5; border-bottom:solid #ddd 1px; margin:0px; text-align:left; }
	.header .navbar-nav li a{color:#2b2d42; padding:5px; text-shadow:none; font-size:16px; text-align:center; border-radius:0px;}
	.header .navbar-nav li:hover, .header .navbar-nav li:hover a, .header .navbar-nav li.active:hover a{background:#e62a3f; color:#fff !important;}
	.header .navbar-nav li.active a,.header .navbar-nav li.active,.header .navbar-nav li.active:hover a{background:#e62a3f; color:#fff;}

	.navbar-collapse{padding-left:10px; padding-right:10px;}
	
	
	.acilirMenuBtn {top:10px; right:-15px; border:solid #e62a3f 1px !important;}
	.acilirMenuBtn span{border:solid #e62a3f 1px !important;}
	.acilirMenuBtn:focus {background: #edf2f5 !important;}
	.acilirMenuBtn:hover {background: #e62a3f !important;}
	.acilirMenuBtn:hover span{border:solid #fff 1px !important;}
	.nav-tabs{padding:0; margin:0;}
	
	.anasayfaSlide .carousel-inner .item{ animation: mymove 7s infinite;}
	.anasayfaSlide .carousel-inner .item{ height:300px !important; background-attachment:cover; background-size: auto  100% !important; }
	
	.kaliteliHizmet{padding:30px 0;}
	.kaliteliHizmet .resim{height:200px; width:100%; box-shadow:2px 2px 5px 0px rgba(43,45,66,0.5); border-radius:3px;}
	
	.anasayfaBloklar .yetkiliServis{position:absolute; z-index:1; color:#fff; left:25%; right:25%; padding:10px 0 0 0;}
	.anasayfaBloklar .yetkiliServis span{ display:inline-block;font-weight:bold; font-size:32px; margin-bottom:10px;}
	.anasayfaBloklar .yetkiliServis .btn-default{ display:inline-block; background: none; border:solid white 2px; font-size:14px; padding-left:20px; padding-right:20px;}
	
	.copyright{margin-top:10px !important; text-align:center;}
	
	.anasayfaBloklar{background:#2b2d42 url('../../images/anasayfaBloklarBg.jpg') no-repeat center center; border-top:solid #e62a3f 2px; padding:10px 0;}
	.anasayfaBloklar img{width:125px;}
	
	.kaliteliHizmet .row > div:nth-child(2){margin-top:30px;}
	.kaliteliHizmet .btn-default{background:#e62a3f; color:#fff; font-size:16px; border:none; position:absolute; bottom:10px; right:25px;}
	
	
	.musteriHatti{background:#edf2f5 url('../../images/musteriHattiBg.png') no-repeat 90% 50%; height:200px; }
	.musteriHatti .destek724{ position:absolute; top:50px; left:20px; background:url('../../images/724destek.png') no-repeat center center; width:320px; height:92px; background-size: auto  100% !important;}
	.musteriHatti .destek724 h1{color:#2b2d42; font-weight:bold; font-size:24px; padding-left:30px; margin:15px 0 5px 0;}
	.musteriHatti .destek724 h1 span{color:#e62a3f;}
	.musteriHatti .destek724 h3{color:#2b2d42; font-weight:bold; font-size:28px; padding-left:40px; margin:0;}
	.musteriHatti .destek724 h3 small{color:#2b2d42; padding-right:10px; font-weight:bold;}
	
	.tasiyici{ min-height: 100%; margin-bottom: -100px; }
	.footer, .tasiyici:after {min-height: 100px !important; }
}


@media (max-width: 480px){
	.header{background:url('../../images/header.jpg') repeat-x 25% 0px !important;}
	.anasayfaBloklar .yetkiliServis{position:relative; z-index:1; color:#fff; left:0; right:0; padding:10px 0 0 0;}
	.anasayfaBloklar .yetkiliServis span{ display:inline-block;font-weight:bold; font-size:32px; margin-bottom:10px;}
	.anasayfaBloklar .yetkiliServis .btn-default{ display:inline-block; background: none; border:solid white 2px; font-size:14px; padding-left:10px; padding-right:10px;}
	.kaliteliHizmet .baslik{font-size:20px;}
	
	
}