@charset "UTF-8";

/*-------------------------------------------------
=  CSS Sıralaması

1.GENEL
2.ÜST KISIM
3.ORTA KISIM
4.ALT KISIM

/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* =  1.GENEL
/*-------------------------------------------------*/

html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  background: #006072 !important;
  font-family: 'Open Sans', sans-serif !important;
  color:#fff !important;
}

a {
  text-decoration: none !important;
}

/*-------------------------------------------------*/
/* =  2.ÜST KISIM
/*-------------------------------------------------*/

#ust_blok {
  background: url("../images/ust_blok_bg.png") repeat top left;
  width:100%;
  height:120px;
  z-index:1
  display: block;
  overflow-x:hidden;
}

.ust_ic_blok {
  background: url("../images/ust_blok_c.png") no-repeat top center;
  max-width:1180px !important;
  margin:0 auto;
  height:120px;
  z-index:2;
  display: block;
}

.logo_bg_blok {
  background: url("../images/logo_bg_blok.png") no-repeat top center;
  text-align:center;
  width:100%;
  height:90px;
  z-index:9997;
  display: block;
}

.logo_bg_blok img {
  width:91px;
  height:70px;
  margin-top:20px;
  z-index:9998;
}

.logo {
  background: url("../images/unusual_enterprise_white.png") no-repeat top center;
  background-size:91px 70px;
  width:91px;
  height:70px;
  text-indent: -9999px;
  margin-top:20px;
  overflow:hidden;
  white-space: nowrap; 
  }
  
logo a {
    outline: none;  /* prevents dotted line when link is active */
}

#dil-container {
  position:absolute;
  top:20px;
  right:8%;
  z-index:99999;
  width:150px;
}

.dil {
  background: url("../images/dil.png") no-repeat top center;
  background-size:40px 40px;
  text-align:center;
  float:left;
  width:40px;
  height:40px;
  line-height:40px;
  margin-right:10px;
  margin-bottom:10px;
}

@media (max-width: 767px) {
#dil-container {
  right:50%;
  top:130px;
  margin-right:-80px;
}
}

.dil a {
  color:#006072;
  font-size:14px;
  font-weight:600;
}

.dil a:hover {
  color:#000;
  text-decoration:none;
}


/*-------------------------------------------------*/
/* =  3.ORTA KISIM
/*-------------------------------------------------*/

#orta_blok {
  background: url("../images/orta_bg.png") repeat top left;
  background-size:8px 490px;
  position:relative;
  margin-top:50px;
  margin-bottom:150px;
  width:100%;
  min-height:380px;
  max-height:100%;
  z-index:7;
  display: block;
}

.orta_blok_ic {
  max-width:1180px !important;
  margin:0 auto;
  display: block;
}

.girisim {
  background: url("../images/girisim_fon.png") no-repeat top center;
  background-size:170px 280px;
  width:170px;
  height:280px;
  position:relative;
  margin-top:70px;
  display:block;
  z-index:8;
  font-size:0.7em;
}

.girisim img {
  width:115px;
  height:115px;
}

.girisim img:hover {
  transform: rotate(-20deg);
}

.girisim p {
  line-height:1.5em;
  width:170px;
  margin:0 auto;
  padding-right:10px;
  padding-left:10px;
}

.girisim i {
  color:#fff;
  font-size:1.3em;
  margin:0.6em auto;
  font-weight:600;
}

.girisim i:hover {
  text-decoration:none;
  transform: rotate(270deg);
}
.girisim a:last-of-type {
	position: absolute;
	left: 50%;
	bottom: 4px;
	transform: translateX(-50%);
}

.alt_cizgi {
  width:80px;
  margin:1.2em auto;
  height:2px;
  background:#fff;
}

/*-------------------------------------------------*/
/* =  4.ALT KISIM
/*-------------------------------------------------*/

#footer {
  background: none;
  width:100%;
  height:auto;
  position:fixed;
  bottom:0px;
  z-index:8;
}

.alt_blok_ust {
  background: url("../images/alt_blok_ust.png") no-repeat top center;
  background-size:468px 18px;
  width:100%;
  height:18px;
  position:relative;
}

.alt_blok_alt {
  background: #004f59;
  width:100%;
  height:100%;
  display: block;
}

.alt_blok_alt p {
  font-size:0.65em;
  height:30px;
  padding-top:15px;
  padding-bottom:5px;
  color:#c5c5c5;
}

.sosyal {
  background: url("../images/sosyal_kutu.png") no-repeat top center;
  background-size:25px 25px;
  width:25px;
  height:25px;
  line-height:25px;
  padding-bottom:5px;
  z-index:9999;
}

.sosyal a {
  color:#006072;
  font-size:13px;
}

.sosyal a:hover {
  color:#000;
  text-decoration:none;
}

.info a {
  color:#fff;
}

.info a:hover {
  color:#b5b5b5;
  text-decoration:none;
}

@media (max-width: 767px) {
  .text-sm-center {
    text-align: center;
  } 
}

@media screen and (max-width: 480px) {
  .text-xs-center {
    text-align: center;
  } 
}