@charset "utf-8";
/* CSS Document */

@charset "utf-8";
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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {margin:0px; padding:0; font:lighter 12px Arial, Helvetica, sans-serif; background: url(../tema/body_bg.png) center top;   overflow-x:hidden; height:100%; 
font-family: 'ralewayregular';
font-size:14px;}
html {height:100%;}
.clr{clear:both;  }
textarea:focus, input:focus, select{
    outline: 0;}

a{border:0; text-decoration:none;}

a img {border:0;}





h1 { font-size:50px; padding:10px; }
h2 { font-size:40px; padding:10px;}
h3 { font-size:30px; padding:10px;}
h4 { font-size:16px; padding:5px;}

.font-dev, .font-size-80, .font-size-70, .font-size-60 {
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
	
	}

.font-dev {font-size:100px;  line-height:90px;
}

.font-size-80 {font-size:80px;  line-height:75px;}
.font-size-70 {font-size:70px;  line-height:65px;}
.font-size-60 {font-size:60px;  line-height:60px;}
.font-size-50 {font-size:50px;  line-height:50px;}
.font-size-40 {font-size:40px;  line-height:35px;}
.font-size-30 {font-size:30px;  line-height:28px;}
.font-size-20 {font-size:20px;  line-height:18px;}
.font-size-18 {font-size:18px;  line-height:18px;}
.font-size-16 {font-size:16px;  line-height:16px;}
.font-size-14 {font-size:14px;  line-height:14px;}
.font-size-12 {font-size:12px;  line-height:12px;}
.font-size-10 {font-size:10px;  line-height:10px;}

.font-1 {font-family: 'amaticbold';}
.font-2 {font-family: 'amatic_scregular';}
.font-3 {font-family: 'bebas_neuebold';}
.font-4 {font-family: 'bebas_neuebook';}
.font-5 {font-family: 'bebas_neuelight';}
.font-6 {font-family: 'bebas_neue_regularregular';}
.font-7 {font-family: 'bebas_neuethin';}
.font-8 {font-family: 'cooper_hewittbold';}
.font-9 {font-family: 'cooper_hewittbold_italic';}
.font-10 {font-family: 'cooper_hewittbook';}
.font-11 {font-family: 'cooper_hewittbook_italic';}
.font-12 {font-family: 'dosisregular';}
.font-13 {font-family: 'league_gothicCnRg';}
.font-14 {font-family: 'nimbus_sans_lregular';}
.font-15 {font-family: 'ralewayextralight';}
.font-16 {font-family: 'rawengulklight';}
.font-17 {font-family: 'rawengulkpcsregular';}
.font-18 {font-family: 'rawengulkregular';}
.font-19 {font-family: 'roboto_condensedregular';}
.font-20 {font-family: 'robotolight';}
.font-21 {font-family: 'rubiklight';}
.font-22 {font-family: 'six_capsregular';}

.font-raleway-black {font-family: 'ralewayblack';}
.font-raleway-black-i {font-family: 'ralewayblack_italic';}
.font-raleway-bold {font-family: 'ralewaybold';}
.font-raleway-bold-i {font-family: 'ralewaybold_italic';}
.font-raleway-bold-e {font-family: 'ralewayextrabold';}
.font-raleway-bold-e-i {font-family: 'ralewayextrabold_italic';}
.font-raleway-light {font-family: 'ralewaylight';}
.font-raleway-light-e {font-family: 'ralewayextralight';}
.font-raleway-light-i {font-family: 'ralewaylight_italic';}
.font-raleway-light-e-i {font-family: 'ralewayextralight_italic';}
.font-raleway-i {font-family: 'ralewayitalic';}
.font-raleway-medium {font-family: 'ralewaymedium';}
.font-raleway-medium-i{font-family: 'ralewaymedium_italic';}
.font-raleway {font-family: 'ralewayregular';}
.font-raleway-bold-s {font-family: 'ralewaysemibold';}
.font-raleway-bold-s-i {font-family: 'ralewaysemibold_italic';}
.font-raleway-thin {font-family: 'ralewaythin';}
.font-raleway-thin-i {font-family: 'ralewaythin_italic';}

.font-ico-big {font-size:60px;}
.font-ico-middle {font-size:50px;}
.font-ico-small {font-size:50px;}

.font-kirmizi { color:#f00;}
.font-siyah { color:#333;}
.font-gri { color:#666;}
.font-beyaz { color:#fff;}
.font-kirli { color:#eee;}


/* text alanı*/
.t-content {display:block; padding:10px 0 10px 0;}
.t-content h1 {font-size:40px; display:block;}
.t-content h2 {font-size:30px; }
.t-content h3 {font-size:20px; }
.t-content span {font-size:12px; }

.t-left {text-align:left;}
.t-right {text-align:right;}
.t-center {text-align:center;}
.t-justify {text-align: justify;}

.t-border-beyaz {border-bottom:1px solid #fff;}
.t-border-gri {border-bottom:1px solid #666;}
.t-border-left {border-left:1px solid #fff;}

/* text alanı*/
.f-element {display:block; padding:10px 0 10px 0; text-align:left; }
.f-element h1 { font-size:40px;  }
.f-element h2 {font-size:30px;   }
.f-element h3 {font-size:20px; }
.f-element span {font-size:12px; }

/* Grid --------------------------------------------------------------------------------------------------*/
.grid-20 {width:20%; float:left;}
.grid-25 {width:25%; float:left;}
.grid-30 {width:30%; float:left;}
.grid-33 {width:33%; float:left;}
.grid-40 {width:40%; float:left;}
.grid-50 {width:50%; float:left;}
.grid-60 {width:60%; float:left;}
.grid-70 {width:70%; float:left;}
.grid-75 {width:75%; float:left;}
.grid-80 {width:80%; float:left;}
.grid-100 {width:100%; float:left;}
.grid-astar {display:block; padding:10px;}

.parsel-kabuk {height:100%; width:100%; }
.parsel-img-left, .parsel-img-right, .parsel-img-center { 
height:100%;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;}



.parsel-4-left-top { position:absolute; left:0; top:0; height:50%; width:50%; z-index:1; }
.parsel-4-left-top .caption{ position:absolute; right:0; bottom:0; }

.parsel-4-right-top { position:absolute; right:0; top:0; height:50%; width:50%; z-index:1;}
.parsel-4-right-top .caption{ position:absolute; left:0; bottom:0; }

.parsel-4-left-bottom { position:absolute; left:0; bottom:0; height:50%; width:50%; z-index:1; }
.parsel-4-left-bottom .caption{ position:absolute; right:0; top:0; }

.parsel-4-right-bottom { position:absolute; right:0; bottom:0; height:50%; width:50%;  z-index:1;}
.parsel-4-right-bottom .caption{ position:absolute; left:0; top:0; }

.parsel-4-top { position:absolute;  top:0; height:30%; width:100%;  z-index:1;}
.parsel-4-top .caption{ position:absolute;  bottom:0; }

.parsel-4-bottom { position:absolute;  bottom:0; height:30%; width:100%;  z-index:1;}
.parsel-4-bottom .caption{ position:absolute;  top:0; width:100%; }

.parsel-4-middle { position:absolute;  top:30%; height:30%; width:100%;  z-index:1;}
.parsel-4-middle .caption{ position:absolute;  bottom:0; }

.parsel-img-left {position:absolute; left:0;  width:70%;}
.parsel-img-right {position:absolute; right:0;  width:70%;}
.parsel-img-center {position:absolute; left:0;  width:100%;}



.left {float:left;}
.right {float:right;}
.gizle {display:none;}
.sayfa-yok {display:block; margin:20px auto; text-align:center; }
.sayfa-yok img{width:80%; }
 
 .kabuk {width:100%; display:block; height:100%; min-height:100%;  }
 .astar {width:100%; display:block; height:100%; min-height:100%; }
  
 .container-full {display:block; height:100%; width:100%; min-height:100%;  color:#eee;  position:relative;
 			background-position:center center;
			background-attachment: fixed;
			background-repeat:no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;} 
			
 .container-pattern {display:block; height:100%; min-height:100%;  width:100%; color:#eee;  position:relative;} 
			
 .container-width {display:block;  width:100%; color:#eee; 
 			background-position: center center;
  			background-attachment: fixed;
			background-repeat:no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			position:relative;}
			
			
 .container-kabuk {width:1200px; margin:0 auto; height:inherit;}
 .container-astar {padding:50px 30px 50px 30px; text-align:center; height:inherit;}
 .container-header {padding:50px 0 50px 0;  }
 
 .div-top { display:block; position:relative;  width:100%; text-align:center; padding:60px 0 20px 0;}
 .div-middle { display:block;  position:absolute; top:40%; left:0; width:100%; }
 .div-bottom { display:block; position:absolute; bottom:30px; left:0; width:100%; text-align:center; padding:20px 0 20px 0; }
 
 
 .ayrac-01 {display:block; width:20%; margin:-1px auto -2px; height:3px; background:#29BFC1; z-index:2; position:relative;}
 
 
 .fill-blank {display:block; height:100%; width:100%;  background:url(../assets/pattern/blank.png);}
 
 

 
 
 .fill-black-10 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_10.png); color:#fff;}
 .fill-black-20 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_20.png); color:#fff;}
 .fill-black-30 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_30.png); color:#fff;}
 .fill-black-40 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_40.png); color:#fff;}
 .fill-black-50 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_50.png); color:#fff;}
 .fill-black-60 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_60.png); color:#fff;}
 .fill-black-70 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_70.png); color:#fff;}
 .fill-black-80 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_80.png); color:#fff;}
 .fill-black-90 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/black_90.png); color:#fff;} 
 
 .fill-white-10 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_10.png); color:#666;}
 .fill-white-20 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_20.png); color:#666;}
 .fill-white-30 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_30.png); color:#666;}
 .fill-white-40 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_40.png); color:#666;}
 .fill-white-50 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_50.png); color:#666;}
 .fill-white-60 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_60.png); color:#666;}
 .fill-white-70 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_70.png); color:#666;}
 .fill-white-80 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_80.png); color:#666;}
 .fill-white-90 {display:block; height:inherit; width:100%;  background:url(../assets/pattern/white_90.png); color:#666;}
 
 .fill-bordo {display:block; height:inherit; width:100%;  background:url(../assets/pattern/bordo.png); color:#fff;}
 .fill-mavi {display:block; height:inherit; width:100%;  background:url(../assets/pattern/mavi.png); color:#fff;}
 
 .fill-pat-1 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/01.png); color:#666;}
 .fill-pat-2 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/02.png); color:#666;}
 .fill-pat-3 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/03.png); color:#666;}
 .fill-pat-4 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/04.png); color:#fff;}
 .fill-pat-5 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/05.png); color:#666;}
 .fill-pat-6 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/06.png); color:#666;}
 .fill-pat-7 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/07.png); color:#666;}
 .fill-pat-8 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/08.png); color:#666;}
 .fill-pat-9 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/09.png); color:#666;}
 .fill-pat-10 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/10.png); color:#666;}
 .fill-pat-11 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/11.png); color:#666;}
 .fill-pat-12 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/12.png); color:#fff;}
 .fill-pat-13 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/13.png); color:#fff;}
 .fill-pat-14 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/14.png); color:#666;}
 .fill-pat-15 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/15.png); color:#666;}
 .fill-pat-16 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/16.png); color:#666;}
 .fill-pat-17 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/17.png); color:#666;}
 .fill-pat-18 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/18.png); color:#666;}
 .fill-pat-29 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/19.png); color:#666;}
 .fill-pat-20 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/20.png); color:#666;}
 .fill-pat-21 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/21.png); color:#666;}
 .fill-pat-22 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/22.png); color:#666;}
 .fill-pat-23 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/23.png); color:#fff;}
 .fill-pat-24 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/24.png); color:#666;}
 .fill-pat-25 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/25.png); color:#666;}
 .fill-pat-26 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/26.png); position:relative; color:#fff;}
 .fill-pat-27 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/27.png); color:#666;}
 .fill-pat-28 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/28.png); color:#666;}
 .fill-pat-29 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/29.png); color:#666;}
 .fill-pat-30 {display:block; height:inherit; width:100%;  background: url(../assets/pattern/30.png); color:#666;}
 
 
 .fill-01 {display:block; height:100%; width:100%;  background:url(../assets/pattern/05.png);}
 
 
 
 .share-buttons {display: block;  float:left; width:100%; text-align:left; margin:50px 0 30px 0;}
.share-buttons span{ display: inline-block; margin:2px; padding:10px; border:0px solid #ccc; color:#ccc; font-size:20px;  -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; background:#eee;}
.share-buttons span:hover{ border:0px solid #666; color:#fff; background: #29BFC1;  }



/* veri yok*/
.veri-yok {display:block; min-height:600px; position:relative; }
.veri-yok-astar {margin:0px 0 0 -100px; display:block; text-align:center; position:absolute; top:50%; left:50%; width:200px; height:100px; }
.veri-yok-astar span{font-size:50px; color: #eee; text-align:center; display:block; margin:0 0 30px 0;}
.veri-yok-astar h6 {padding:20px; font:lighter 30px 'AvenirNP-Ultra-Lite-Condensed' ,Verdana, Geneva, sans-serif; color:#666; text-align:center;}

 /* Button link vs*/
 
.button {
  display:inline-block;
  position:relative;
  overflow: hidden;
  margin: 10px;
  padding: 12px 20px ;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 60ms ease-in-out;
  transition: all 60ms ease-in-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  text-transform: none;
  text-transform: capitalize;
  color: #fff;
  border: 0 none;
  overflow:hidden;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
.button:hover {
  -webkit-transition: all 60ms ease;
  transition: all 60ms ease;
  opacity: .85;
}
.button:active {
  -webkit-transition: all 60ms ease;
  transition: all 60ms ease;
  -webkit-transform: scale(0.97);
          transform: scale(0.97);
  opacity: .75;
}


.btn-big {font-size:20px; }
.btn-middle {font-size:18px; }
.btn-small {font-size:14px; }


.button.btn-icons-bg span {background-color: rgba(0, 0, 0, 0.2); margin:-5px 13px 0 -21px; padding:15px 15px; color:#fff; height:100%; }
.button.btn-icons span { margin:0 5px 0 -21px; padding:19px 15px; color:#333; height:100%;  }

.button.btn-icons span.btn-right-icon, .button.btn-icons-bg span.btn-right-icon { float:right; margin:-15px -21px -15px 15px; top:0; position:relative; }


.button.blank {
  color: #999;
  border: 1px solid #999;
  background: transparent;
}
.button.blank span{
border-right: 1px solid #999;
border-left: 1px solid #999;

}
.button.blank:hover, .button.lank.active {
  color: #333;
  border: 1px solid #333;
  background: transparent;
}


.button.bondi {
  color: #fff;
  border: 0px solid #999;
  background: #11BEC7;
}
.button.bondi span{
border-right:0px solid rgba(0, 0, 0, 0.2);
border-left: 0px solid rgba(0, 0, 0, 0.2);
color:#fff;
}
.button.bondi:hover, .button.lank.active {
  color: #fff;
  border: 0px solid #333;
  background: #0FA0A7;
}
 
 
 
 .metin-01 {padding:40px 0 40px 0;}
.metin-01 h3 { color:#333; font-size:50px; padding:0;}
.metin-01 h4 { color:#555; font-size:30px; padding:0 0 20px 0;}
.metin-01 p span {font-size:14px; color:#666; display:block; padding:0 0 5px 0;
font-family: 'cooper_hewittbold_italic';}
.metin-01 p {
	line-height:22px;
	font-stretch: condensed;
	padding:10px 0 10px 0;
	color:#999;
	text-align:left;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
text-overflow: ellipsis;
word-wrap: break-word;
	
}
 
@media only screen and (max-width: 1024px) {
	
 .container-kabuk {width:1000px; margin:0 auto; }
 .container-astar {padding:30px 30px 30px 30px; text-align:center; }	


	
	
}

@media only screen and (max-width: 999px) {
	
 .container-kabuk {width:100%; margin:0 auto; }

 .animated {/* 
		
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		*/
	} 
	
}


@media only screen and (max-width: 768px) {
	
.container-kabuk {width:100%; margin:0 auto; }
.container-astar {padding:30px 20px 30px 20px; text-align:center; }
	
/* Grid --------------------------------------------------------------------------------------------------*/
.grid-20 {width:20%; float:left;}
.grid-25 {width:25%; float:left;}
.grid-30 {width:30%; float:left;}
.grid-33 {width:33%; float:left;}
.grid-40 {width:40%; float:left;}
.grid-50 {width:50%; float:left;}
.grid-60 {width:60%; float:left;}
.grid-70 {width:70%; float:left;}
.grid-75 {width:75%; float:left;}
.grid-80 {width:80%; float:left;}
.grid-100 {width:100%; float:left;}
.grid-astar {display:block; padding:10px;}	

.font-dev {font-size:60px;  line-height:60px;}

.font-size-80 {font-size:50px;  line-height:50px;}
.font-size-70 {font-size:40px;  line-height:40px;}
.font-size-60 {font-size:30px;  line-height:30px;}
.font-size-50 {font-size:20px;  line-height:20px;}
.font-size-40 {font-size:20px;  line-height:20px;}
.font-size-30 {font-size:20px;  line-height:20px;}

.parsel-img-left, .parsel-img-right, .parsel-img-center { 
height:100%;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}	
	
}

@media only screen and (max-width: 320px) {
	
	
	
	
}

