@import"../css/reset.css";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);
@-ms-viewport { width: device-width; }
body {background:url(../images/bg-1.jpg) no-repeat fixed; background-position:top; font:normal 14px/18px 'Roboto', sans-serif; color:#fff;}
html,body {height:100%;}

.body-anasayfa {background:url(../images/bg-1.jpg) no-repeat top; background-position:top; font:normal 14px/18px 'Roboto', sans-serif; color:#fff;}
.clear {clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%;}

p {padding-bottom:21px;}
a {color:#fff; text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}
img {border:0px;}

h1,h2,h3,h4,h5 {font-weight:normal; font-style:normal;}
h1 {font-size:27px; margin-bottom:20px; color:#fff;}
h2 {font-size:24px; margin-bottom:18px; color:#fff;}
h3 {font-size:21px; margin-bottom:16px; color:#fff;}

.clear {clear:both; line-height:0; font-size:0; overflow:hidden; height:0; width:100%;}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.alignjust {text-align:justify}
.alignmiddle *{vertical-align:middle}
.it {font-style:italic;}

.sayfa404 {font-size:18px; text-align:center; height:250px; padding-top:170px;}

/* PADDING ---------------------------------------- */
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop15 {padding-top:15px;}
.padtop20 {padding-top:20px;}
.padtop25 {padding-top:25px;}
.padtop30 {padding-top:30px;}
.padtop35 {padding-top:35px;}
.padtop40 {padding-top:40px;}
.padtop45 {padding-top:45px;}
.padtop50 {padding-top:50px;}
.padtop78 {padding-top:78px;}
.padbot5 {padding-bottom:5px;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot25 {padding-bottom:25px;}
.padbot30 {padding-bottom:30px;}
.padbot35 {padding-bottom:35px;}
.padbot40 {padding-bottom:40px;}
.padbot45 {padding-bottom:45px;}
.padbot50 {padding-bottom:50px;}
.padlef5 {padding-left:5px;}
.padlef10 {padding-left:10px;}
.padlef15 {padding-left:15px;}
.padlef20 {padding-left:20px;}
.padlef25 {padding-left:25px;}

/* GRIDS ---------------------------------------- */
.grid0 {width:1020px; margin:0 auto; float:none;}
	.grid0 div:first-child {margin-left:0px;}
.grid1 {width:645px; float:left; margin-left:25px;}
.grid2 {width:490px; float:left; margin-left:20px;} /* 2 kolon */
.grid3 {width:310px; float:left; margin-left:25px;} /* 3 kolon */
.grid4 {width:230px; float:left; margin-left:20px;} /* 4 kolon */
.grid5 {width:680px; float:left; margin-left:20px;}

.grid6 { width:1020px; margin-left:0; float:left;}

.grid-form1 {width:110px; float:left; margin-left:0;}
.grid-form2 {width:857px; float:left; margin-left:10px;}

.shadowed{-webkit-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 19px 2px rgba(0,0,0,0.2);
box-shadow: 0 5px 19px 2px rgba(0,0,0,0.2); margin:0 auto; background:#FFF;}

header {width:100%; height:333px; margin:0 auto;}
	header .logo {margin-top:0; width:315px;}
	header .phone { width:303px; font-size:36px; line-height:32px; color:#fff; text-align:right;}
	header .phone span {font-size:24px; line-height:40px; color:#fff;}
	header .phone img {margin-top:8px;}
	header .bg1 { width:360px; background:url(../images/header-bg-360.png) no-repeat top;}
	header .sosyal {padding-top:0; padding-right:10px;}
	header .sosyal img {float:inherit; margin-right:0;}
	header .fuar {margin-top:0; width:265px; height:167px;}
	header .fuar img {float:inherit; margin-right:0; width:265px; height:167px;}
	header .slogan { padding-top:5px; color:#fff; font-size:18px; font-weight:400; font-style:italic;}

	header .lng { width:1020px; padding:0 5px 5px; position:absolute; z-index:99; left:50%; margin-left:-510px; text-align:left;} 
	header .lng ul {margin-left:auto; margin-right:auto; padding-left:220px; display:table;}
	*:first-child+html .lng {text-align:center}
	* html .lng {text-align:center}
	.lang {padding:0; list-style:none; font:18px 'Roboto', sans-serif;}
	.lang li {position:relative; float:left;}
	.lang li:first-child { }
	.lang li a {display:block; color:#eaeaea; background:#1880c3; padding:10px 10px 10px; position:relative;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; margin-left:5px;
	
	}
	.lang li.current a,.lang li a:hover {background:#ff0000; padding:10px 10px 10px; color:#fff; text-decoration:none;}
	@media screen\0 {
	.lang li a {padding:10px 10px 10px;}
	.lang li.current a,.lang li a:hover {padding:10px 10px 10px;}
	}
/*
MAVİ DİL
	header .lng { width:1020px; padding:0 5px 5px; position:absolute; z-index:99; left:50%; margin-left:-510px; text-align:left;} 
	header .lng ul {margin-left:auto; margin-right:auto; padding-left:220px; display:table;}
	*:first-child+html .lng {text-align:center}
	* html .lng {text-align:center}
	.lang {padding:0; list-style:none; font:14px 'Roboto', sans-serif;}
	.lang li {position:relative; float:left;}
	.lang li:first-child { }
	.lang li a {display:block; color:#eaeaea; background:#62c4ed; padding:5px 10px 5px; position:relative;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; margin-left:5px;
	
	}
	.lang li.current a,.lang li a:hover {background:#1880c3; padding:5px 10px 5px; color:#fff; text-decoration:none;}
	@media screen\0 {
	.lang li a {padding:5px 10px 5px;}
	.lang li.current a,.lang li a:hover {padding:5px 10px 5px;}
	} 
*/	
	
.menukap{ width:100%; height:172px; margin:0 auto; float:none; overflow:hidden;}
.menu{width:1020px; height:172px; margin:0 auto; float:none; overflow:hidden;}
	
#grad1 {
	width: 156px;
    height: 150px;
	margin-top:10px;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: #4cbbec;
	overflow:hidden;
	border:1px solid #42a3ce;
	float:left; margin-left:10px; transition-duration:0.4s;
}
#grad1 a{ position:relative; width:156px; height:150px; margin-left:0; margin-top:-140px; display:block; text-align:center; padding-top:90px; font-family: 'Roboto', sans-serif; font-size:18px; line-height:20px; color:#000; text-decoration:none; }

#grad1:hover
      {
        /*text-shadow: 0px 0px 12px #ffffff;*/
        box-shadow: 0px 0px 14px 0px #009ee3;
		transition-duration:0.4s;
      }


#grad1 .martope160{ margin-top:-160px;}
#grad1 .martope150{ margin-top:-150px;}

#grad2 {
    height: 116px;
    width: 120px;
	-moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    background: -webkit-radial-gradient(circle, #fff, #009ee3); /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #fff, #009ee3); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #fff, #009ee3); /* For Fx 3.6 to 15 */
    background: radial-gradient(circle, #fff, #009ee3); /* Standard syntax (must be last) */
	position:relative;
	left:40px;
	top:0;
}

.animate
      {
        transition-property: all;
        transition-duration: 4s;
        transition-timing-function: ease;
        -webkit-animation-name: gonder;
		-moz-animation-name: gonder;
        -webkit-animation-duration: 4s;
		-moz-animation-duration: 4s;
		-ms-animation-duration: 4s;
		-o-animation-duration: 4s;
        animation-name: gonder; 
  		animation-duration: 4s;
		animation-iteration-count: 1;/*amimasyon tekrar sayısı*/
      }

@-webkit-keyframes gonder {
from {
  margin-left:1200px;
  width:156px;
  opacity:0;
}

to {
  margin-left:10px;
  width:156px;
  opacity:1;
}
} 

@keyframes gonder { 
from {
	margin-left:4200px;
	width:156px;
	opacity:0;
}

to {
  margin-left:10px;
  width:156px;
  opacity:1;
}
} 

/* SLIDER ---------------------------------------- */
.slider {position:relative; /*background:#fff;*/ width:1020px; height:360px;margin:0 auto; z-index:1; overflow:hidden; border:0 solid #01233c;}

/* CONTENT ---------------------------------------- */
section {position:relative; z-index:1; width:100%; display:inline-table; padding-bottom:30px; margin-top:8px; min-height:500px;font-family: 'Roboto', sans-serif; font-size:14px; line-height:20px; color:fff;}
	section hr {width:100%; height:1px; border-width:0; color:#666; background-color:#666; margin-bottom:20px;}
.toph {font:italic 24px 'Open Sans', sans-serif; color:#666; text-align:center; margin-top:-190px;}
	.toph span {color:#fff;}
	.toph p {margin-top:-11px;}
.home1 {}
	.home1 span {color:#fff;}
	.home1 strong {display:inline-block; margin-right:5px;}
	.home1 .grid3 { width:323px;}
	.home1 p{color:#FFF;}
	.home1 h2 {display:block; color:#FFF; line-height:20px; font-size:18px; text-align:center;}
	
	
.home2 {text-align:left;}
	.home2 span {color:#fff;}
	.home2 img {float:left; border:0 solid #aaa; margin:0 20px 17px 0;}
	.home2 h2 { display:block; border-bottom:1px solid #FFF; line-height:40px;}
	.home2 h3 { display:block; font-size:18px; font-weight:600; margin-bottom:16px; color:#fff; border-bottom:0 solid #fff;}
	.home2 p {color:#FFF; font:normal 16px 'Roboto Condensed', sans-serif;}
	.home2>.grid2 { margin-left:0;}
	.home2>.grid2 img.center{ float:none; display:block; margin-left:auto; margin-right:auto;}
	.home2>.grid2:last-child {margin-left:40px;}
	.home2>.grid3 { margin-left:42px;}
	.home2>.grid4 {width:190px; float:left; margin-left:20px;} /* 4 kolon */
	.home2>.grid5 {width:790px; float:left; margin-left:20px;}
	.home2>.grid6 {padding-bottom:20px;}
	.home2>.grid6 p{padding-bottom:0;}
	.home2>.grid6 img{margin:0 auto; float:none; margin-left:210px;}
	.home2>.grid6 img.center{ float:none; display:block; margin-left:auto; margin-right:auto;}
	.home2>.grid6 img.left{ float:left; display:block; margin-left:0; margin-right:10px; border:1px solid #fff;}
	.home2 ol li{font:normal 16px 'Roboto Condensed', sans-serif; color:#FFF; padding:0 0 0 0; margin:0 0 5px 0;}
	.home2>.urun {height:230px; border:1px solid #FFF; border-top-left-radius:10px;  border-top-right-radius:10px; margin-top:10px;}
	.home2>.urun h2{border:0; display:block; position:relative; margin-top:0; padding:5px 0 5px; font-size:16px; line-height:30px; text-align:center; background:#00253F;}
	.home2>.urun .ozelpad { padding:20px 0 20px;}
	.home2>.urun a:hover h2{ background:#307594;}
	.home2>.urun img{ float:none; margin-bottom:0; border:0; width:310px; height:160px; border-radius:8px; border-bottom-left-radius:0; border-bottom-right-radius:0;}

.tablo {width:100%;}
	.tablo tr:nth-child(odd) {background:none;}
	.tablo tr:nth-child(even) {background:none;}
	.tablo td{border:1px solid #fff; padding:4px; text-align:center; vertical-align:middle;}
	
.tablo2 {width:100%;}
	.tablo2 tr:nth-child(odd) {background:none;}
	.tablo2 tr:nth-child(even) {background:none;}
	.tablo2 td{border:1px solid #fff; padding:4px; text-align:left; vertical-align:middle; padding-left:40px;}
	
.tablo3 {width:100%;}
	.tablo3 tr:nth-child(odd) {background:none;}
	.tablo3 tr:nth-child(even) {background:none;}
	.tablo3 td{border:1px solid #fff; padding:4px; text-align:left; vertical-align:middle; padding-left:5px;}
	.tablo3 td.center{ text-align:center;}
	

#harita {width:1020px;height:250px; margin:0 auto; border:0 solid #333; margin-top:20px;}
#harita h3{padding-top:0; font-weight:400; color:#000; display:inline;}
#harita .bilgi{ font-size:14px; color:#000;}
	
.list1 li{background:url(../images/marker.png) 0 5px no-repeat; font:normal 16px 'Roboto Condensed', sans-serif; color:#FFF; padding:0 0 0 20px; margin:0 0 10px 0; list-style:none;}
.list1 li .devami{ padding-left:10px; color:#fff; font-weight:700;
	-webkit-transition-duration: 2s;
 	 -moz-transition-duration: 2s;
 	 -ms-transition-duration: 2s;
 	 -o-transition-duration: 2s;
 	 transition-duration: 2s;}
.list1 li .devami:hover {color:#fff; text-decoration:none;}
.list1 li .beyaz{color:#FFF;}

.list2 li{ padding:0 0 0 10px; margin:0 0 10px 0; }


.thumbs{
	width:1020px;
	margin:0 auto 0;
	text-align:center;/*thums içeriği ortalı gelsin*/
}

.thumbs a{
	width:234px;
	height:377px;
	display:inline-block;
	border:1px solid #fff;
	box-shadow:0 1px 3px rgba(255,255,255,0.9);
	border-radius:4px;
	margin: 0 8px 10px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.thumbs a:after{
	background-color: none;
    border-radius: 0;
    bottom: -380px;
	left:0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 16px;
    max-width: 234px;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}


@media screen and (max-width: 960px) {
	.thumbs{
		width:auto;
	}
}


.thumbs2{
	width:1020px;
	margin:0 auto 0;
	text-align:center;/*thums içeriği ortalı gelsin*/
}

.thumbs2 a{
	width:234px;
	height:168px;
	display:inline-block;
	border:1px solid #fff;
	box-shadow:0 1px 3px rgba(255,255,255,0.9);
	border-radius:4px;
	margin: 0 8px 10px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.thumbs2 a:after{
	background-color: #303030;
    border-radius: 7px;
    bottom: -84px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    /*content: attr(title);*//*resimlerin altındaki a href title*/
    display: inline-block;
    font-size: 10px;
    max-width: 90px;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}


@media screen and (max-width: 960px) {
	.thumbs2{
		width:auto;
	}
}


.katalog{width:350px; height:54px; border:1px solid #900; text-align:center; position:relative; margin-left:50%; left:-175px; margin-top:20px;}
.int1 {text-align:justify;}
	.int1 span {color:#bc0000;}
	.int1 img {float:none; border:1px solid #aaa; margin:5px 0;}
.iletisim h3 {margin-bottom:30px;}
.map {}
	.map iframe {width:980px; height:380px; margin:0 auto; border:0;}
address {margin-top:10px; font-style:normal;}
	address span {display:inline-block; width:80px; color:#fff; font-weight:600; float:left;}

/* ISOTOPE ---------------------------------------- */
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events:none; z-index: 1;}
#filter-buttons {text-align:left;}
#filter-container {margin:0 5px;}
#filter-container figure {width:230px; height:250px; margin:0 6px; margin-bottom:10px;}
#filter-container figure figcaption {margin:10px 10px; text-align: center;}

/* FOOTER ---------------------------------------- */
footer {border-top:1px solid #fff; height:60px; margin:0 auto; color:#fff; font-size:12px; line-height:inherit;}
	footer .grid3 {width:340px; float:left; margin-left:25px;} /* 3 kolon W*/
	footer .grid3 img{float:left; margin-right:10px;}
	footer .grid3 div{padding-top:15px;}

	footer .grid2 {width:420px; float:left; margin-left:0;}
	footer .grid5 {width:240px; float:left; margin-left:20px;}
	footer .grid5 img{float:left; margin-right:10px;}
	footer .grid5 div{padding-top:2px; text-align:right;}
	
	footer .phone span {font-size:24px; color:#fff; text-align:right;}
	
#fuar {Z-INDEX: 99999; POSITION: absolute; left:0px; TOP: 0px; width: 100%; height: 100%; DISPLAY: block; background-image:url(../images/div_bg.png);}
#fuar .grid0 { width:600px; height:300px; position:relative; top:50%; margin-top:-150px; background-color:none; border:5px solid #FFF; border-radius:20px; display:table;}
#fuar .grid0 .kapat { width:40px; height:40px; line-height:40px; padding:2px 0 0; background:#FFF; position:absolute; right:0; margin-top:-20px; margin-right:-20px; border-radius:50%; color:#000; cursor:pointer; font-weight:600;}
#fuar .grid0 div:nth-child(2) { display:table-cell; border-radius:15px; vertical-align:middle; background:#00223b; }