/* Minification failed. Returning unminified contents.
(134,1): run-time error CSS1019: Unexpected token, found '@import'
(134,9): run-time error CSS1019: Unexpected token, found '"http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.1.1"'
 */
/*
Responsive Mobile Toggle Menu v2.2
Description: Mobile first responsive toggle menu
Author: Danielle Vautier
*/

/*Menu mobile first CSS*/
body{ -webkit-animation: bugfix infinite 1s; }

/*This fixes a chrome/webkit bug for older Android Browsers */
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} } 

/*Required functional CSS don't change this bit
CSS styles are at the end! */

.mainMenu {
	display:block;
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	}
	
#toggleMenu { 
	display: none;
	}

#toggleMenu:checked ~ ul {  
	max-height:100%; /*Make page height*/ 
	opacity:1;
	}
	
.mainMenu > ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
    overflow-y: hidden;
	max-height:0;
	}

.mainMenu li {
	margin:0;
	padding:0;
	white-space:nowrap;
	display:block;
	width:100%;
	float:left;
	}
	
.mainMenu a, .mainMenu a:visited {
	display:block;
	width:100%; /*required to make whole element clickable*/
	}

label.menuTitle {
	margin:0;
	display:block;
	cursor:pointer;
	background: url('../img/menu.png');
    background-image: url('../img/menu.svg'), none; 
	background-repeat: no-repeat;
	background-position: 97% 10px;
	background-size: 24px 19px; /*Make same size as your menu.png*/
	}
	
@media screen and (min-width:768px) {
	label.menuTitle {
		display:none;
		}
	
	.mainMenu ul { 
		display:block!important;
		border:0;
		overflow:visible;
		max-height:100%!important; 
		}	

	.mainMenu ul li {
		width:auto; 
		display:inline; 
		border:0; 
		}
}


/*Menu Styling CSS - change the below to suit your site!*/
.mainMenu {
	border-bottom:1px solid #ccc;
	text-align: center;
	}

.mainMenu li {
	 
	
	}
	
.mainMenu a, .mainMenu a:visited {
	color:#fff;
	text-decoration:none;
	width:94%; /*Use 100% and box-sizing if not supporting ie7*/
	padding:5px 3%;
	background: none;
	
	
	
	}
	
label.menuTitle {
	font-size:20px;
	width:94%;  /*Use 100% and box-sizing if not supporting ie7*/
	padding:6px 3%;
	font-weight:bold;
	height: 33px;
	}
	
@media screen and (min-width:768px) {

	.mainMenu li {
		border:0;
		
		}
	
	.mainMenu a:hover  {
		color:#767676;
		}

	.mainMenu a, .mainMenu a:visited {
		padding:10px 3px 10px 8px;
		}
}
@import "http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=4.1.1";



html,body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: Open Sans, sans-serif;
}

ol, ul {
    /*list-style: none*/
	padding-left:30px;
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

:focus {
    outline: 0;
}

 body {
    background: #fff;
	/*height: 100%;*/
	background-image: url("bg.png");
	background-size: cover;
    background-attachment: fixed;
	position:relative;
}

a:hover{
text-decoration:none!important;
}
 
.l {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.inline {
    display: table;
    overflow: hidden;
}
ul.inline li {
    display: table-cell;
}
footer{
position:absolute;
width:100%;
bottom:0;
height:150px;
}

#header{    margin-bottom: 10px;margin-top: 5px;}
.logoalani{text-align:center;}


#navbarmenu{background:#A8101B;}
.navbaralt{background:url(../Images/menualt.png) repeat-x ; height:20px;}


.menuAc {
    display: block;
}

.menuAc {
    display: block;
}
.menuAc {
   
     background: rgba(0, 0, 0, 0) url("../Images/menu.png") no-repeat scroll right center;
    border-radius: 1px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-weight: bold;
    padding: 10px;
}


#icerikalani {
    margin-top: 100px;
}
.bolumler {

list-style: none;
padding-left:0px;
}

.bolumler > li {
    float: left;
    margin-right: 10px;
	-webkit-box-shadow: 12px 16px 10px 0 #A7A3A3;
box-shadow: 12px 16px 10px 0 #c5c5c5;
 filter: grayscale(100%);
    transition: all 0.3s ease-in-out 0s;
	 transform: scale(1);
	 
	     padding-left: 0px;
    padding-right: 0px;
    
}
.bolumler >li img{

 border-style: solid;
    border-color: #000;
	border-width: 1px;
}
.bolumler>li:hover{ filter: grayscale(0);transform: scale(1.1);}
.tabpanealani{background:#8d1820; padding:10px; color:#fff; font-size:14px; line-height:24px;}
.cizgi{background:url(../Images/anasayfa/cizgi.png) no-repeat center center; height:4px; text-align:center;}
.cizgi2{background:url(../Images/anasayfa/cizgi.png) no-repeat center center; height:4px; text-align:center; margin-top:25px;}
.nav-tabs > li > a{background:#8f1821; color:#fff; border-radius:0px; min-width:100px;}
.nav-tabs > li > a:hover{background:#003064; color:#fff; border-radius:0px; min-width:100px;}

.nav > li {
    display: block;
    margin-top: 4px;
    position: relative;
    width: 100%;
}
#logolar{margin-top:18px; margin-bottom:18px;}
.sosyalmedya {
    float: left;
    margin-left: 88px;
    margin-top: 122px;
}
.logoalani > a {
   float:left;
    margin-left: 40%;
    text-align: center;
}

.sosyal > li {
    border: 1px solid #59595a;
    border-radius: 50%;
    float: left;
    margin: 0 3px;
	display:block;
    padding: 10px;
	line-height:10px;
}
.sosyal>li:hover{ border:1px solid #DA021A;}
.sosyal a {
    color: #59595a;
    font-size: 17px;
    font-weight: bold;
	line-height:10px;
}
.sosyal a:hover{color:#DA021A;}

.list-inline>li {
    padding: 10px 15px;
}

.grouplogo {
    margin-left: 240px;
}
.grouplogo2 {
    margin-left: 0px;
}
.grouplogo2 > li {
    float: left;
    padding: 0 18px;
	opacity:0.5;
}
.grouplogo2 > li:hover{opacity:1;}

.grouplogo > li {
    float: left;
    padding: 0 30px; 
}

.btn-file {
    position: relative;
    overflow: hidden;
	color: #9C9999;
	width: 100%;
	text-align: left;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{
color:#fff;
background-color:#B22D36;
border-color: #B22D36;
}

 
 .iletisimarkaplan{background:#8D1820; padding:10px; color:#fff;}
 .adres  a {
    color: #fff;
}

.adres h1 {
font-size:22px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}

.form-group{
margin-left:0px!important;
margin-right:0px!important;
}

#contact{
padding-top: 10px;
}

.ik_form{
background-color:#d7d7d7;
    padding-top: 30px;
	    padding-bottom: 30px;
}


#wrapper {
  /*  min-height: 79%;*/
    height: auto !important;
  /*  height: 100%;*/
    padding-bottom: 125px; 
}
.footer-ghost {
    height: 50px; 
}

#footer{background-color:#003065; height:40px;}


.copy{color:#fff; font-family: 'zurich_btroman';  font-size:12px; line-height:24px;     padding-top: 10px;}
 




#pagination{
text-align:center;
}
.haber-single-main{
    background: #FEFEFE;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.haber-single-header {
font-size:20px;
    padding-top: 10px;
	text-align: center;
}
.haber-single-header h2{
color:#BC0A1C;
}

.haber-single-content{
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
	color:#080808;
}

.haber-single-content p{
    padding-top: 15px;
}

.haber-single-content img{
    padding: 10px;
}
.fb-share-button{
    position: relative;
    top: -8px;

}
.haberler {
   background: #FEFEFE none repeat scroll 0 0;
    margin: 5px 5px 25px 5px;
    padding: 5px;
    border: 2px solid #d7d7d7;
}

.haberler .baslik h2{
    color: #BC0A1C;
    font-weight: bold;
    line-height: 30px;
	padding-top: 15px;
}
.haberler span{
float:right;
    font-size: 10px;
	    padding-top: 5px;
}

.haberalani{
    background: #8d1820;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.haberdetay {
    color: #000;
   font-size: 13px;
    line-height: 20px;
}
.haberdetay > a{
color:#000 !important;
font-weight:bold;
}


.haberpopup{
background-color: #d7d7d7;
}
.haberpopup p{
padding:10px;
color:#080808;
}
.habersayfa{
background-color: #d7d7d7;
padding:15px;
}
.habersayfa p{
padding:10px;
color:#080808;
}

#insankaynaklari_form .text-danger{
color:#a94442;
}


.control-label
{
color:#fff;
}
.ik-metin{
padding: 15px;
    line-height: 20px;
    color: #333;
    font-size: 14px;
}
.ik-metin h2{
font-size:18px;
font-weight:bold;
    color: #B22D36;
}

.adres {
    font-size: 14px;
    line-height: 26px;
}
.dil{float:right; color:#000;}
.dil a{color:#000; font-size:14px;  padding-top:10px;padding-left:10px; padding-right:10px;}
.dil a:hover{text-decoration: none; }
.adres i{margin-right:5px;}
.sayfanumaralama {
    margin-left: 25px;
}


.harita{margin-bottom:10px;}
.sosyal {
    float: left;
    height: 36px;
    margin-left: 10px;
    margin-top: 4px;
    overflow: hidden;
    text-align: center;
    width: 36px;
}

.sosyal i {
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.sosyal i:hover {
    background-color: white;
	
    color: black;
}
.sosyal .fa-facebook:hover {
    background-color: #3b5999 !important;
	 
    color: white;
}
.sosyal .fa-twitter:hover {
    background-color: #55acee !important;
    color: white;
}
.sosyal .fa-youtube:hover {
    background-color: #d34836 !important;
    color: white;
}
.sosyal .fa-instagram:hover {
    background-color: #5185a6 !important;
    color: white;
}
 
#nav {
	background:#A8101B;
    overflow: hidden;
  
	margin:0 auto;
}
#nav li {
    padding: 4px 25px 4px 25px;
    position: relative;
    text-align: center;
    text-indent: 2px;
}
#nav li a {
	 font-family: 'zurich_btroman';
    color: #fff;
    font-size: 16px;
    font-weight:normal;
}
#nav li:first-child {
    margin: 0;
}
#nav li::before {
   
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 2;
}
#nav li:hover {
    background: rgb(122, 114, 106) none repeat scroll 0 0;
}
#nav li:hover::after {
    background: #000 none repeat scroll 0 0;
}
#nav li:first-child::before {
    display: none;
}
#nav li a:hover{text-decoration:none;}

.tab-content-img img{
       -webkit-box-shadow: 0px 0px 20px 0 #A7A3A3;
    box-shadow: 0px 0px 20px 0 #c5c5c5;
}
.tab-content-p{
padding-top:30px;
padding-bottom:10px;
line-height: 1.8;
}

@media (max-width: 767px) {
.menuAc {
    display: block;
}
#nav {
    display: none ;
}
.menu ul li {
    float: none;
}
.menu ul li a {
    border-bottom: 1px solid #555;
    border-right: medium none;
}
#nav{width:100%;}
.logoalani > a{float:none; margin-left:0px; display:block; padding-left:20px;}	
.sosyalmedya {
    float: none;
    margin-left: 45px;
	 
	top:0;
     margin-top:0px;
}	
.grouplogo > li {
    float: left;
    padding: 0 ;
	width:130px;
    
}

.grouplogo2 > li {
    float: left;
    padding: 0 ;
	width:130px;
 
    
}
 
.sosyal > li{padding:5px;}
#header{height:auto; padding-top:0px; margin-bottom:5px;}
.navbaralt{display:none;}
#navbarmenu{height:auto; padding-top:0px; padding-bottom:0px;}
 
.logoalani img {
    height: 115px;
    margin-left: 44px;
}
#nav li {
    display: block;
	 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(122, 114, 106, 1) 0%, rgba(96, 86, 79, 1) 100%) repeat scroll 0 0;
	  padding: 10px 0;
	  display:block;width:100%;
}
#icerikalani{margin-top:10px;}
.bolumler > li {
    
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 122px;
}
.bolumler > li:hover{}
.grouplogo{margin-left:0px;}
.cizgi{margin-top:10px;}
.copy{line-height:inherit;}
 
 


}
@media (min-width: 768px) and (max-width: 991px) {
#nav li a {
    font-size: 12px;
}
.menu ul {
    display: block !important;
}
 .bolumler > li {
    box-shadow: none;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    width: 204px;
}
.logoalani > a {
    float: left;
    margin-left: 30%;
    text-align: center;
}
.grouplogo{margin-left:100px;}
.sosyalmedya {
    float: none;
    margin-left: 88px;
    margin-top: 122px;
}



}

@media (min-width: 1200px) {
#wrapper {
    padding-bottom: 275px; 
}
}
