*{ margin:0; padding:0; text-decoration:none; font-family: 'Open Sans Condensed', sans-serif;}
a { color:#666;}
.col-1 {width: 8.33%; 	position:relative; display:block; float:left;}
.col-2 {width: 16.66%; 	position:relative; display:block; float:left;}
.col-3 {width: 25%; 	position:relative; display:block; float:left;}
.col-4 {width: 33.33%; 	position:relative; display:block; float:left;}
.col-5 {width: 41.66%; 	position:relative; display:block; float:left;}
.col-6 {width: 50%; 	position:relative; display:block; float:left;}
.col-7 {width: 58.33%; 	position:relative; display:block; float:left;}
.col-8 {width: 66.66%; 	position:relative; display:block; float:left;}
.col-9 {width: 75%; 	position:relative; display:block; float:left;}
.col-10 {width: 83.33%; position:relative; display:block; float:left;}
.col-11 {width: 91.66%; position:relative; display:block; float:left;}
.col-12 {width: 100%; 	position:relative; display:block; float:left;}

.ortala{ width:90%; display:block; margin:0 auto; position:relative;}
.header{ width:100%; height:130px; display:block; position:relative; background-color:#FFFFFF; z-index:20; box-shadow:0px 0px 3px #333;transition: all 0.5s ease;}
.header .logo{ position:absolute; left:0; top:10px; height:110px; display:block; width:20%; overflow:hidden;transition: all 0.5s ease;}
.header .logo img{ position:absolute; margin: auto; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; max-height:100%; max-width:100%;}
.header .top{ width:80%; right:0; position:absolute; top:10px; display:block; text-align:right;transition: all 0.5s ease;}
.header .top a{color:#666; margin-left:20px;}
.header .menu{ width:80%; position:absolute; right:0; top:60px; text-align:right; height:auto;transition: all 0.5s ease;}
.header .menu ul{ list-style:none; display:block;}
.header .menu ul li{ display:inline-block;}
.header .menu ul li a{ padding:10px; color:#666; font-weight:bold; font-size:18px;}
.header .text{ position:absolute; left:18%; top:20px; opacity:0;display:block; width:40%;transition: all 0.5s ease;}

.header.tiny { position:fixed; height:70px; top:0;}
.header.tiny .top{ display:none;}
.header.tiny .menu{ top:20px;}
.header.tiny .logo{ top:5px; height:60px;}
.header.tiny .text{opacity:1; }


.header .trigger{ width:50px; height:50px; top:15px; right:15px; position:absolute; z-index:4; border:1px solid #CCC; display:none;}

.header .trigger i{  width:50px; height:50px; text-align:center; line-height:50px; color:#000; font-size:32px;}

.slider{ width:100%; height:80vh; display:block; 
background-image:    url(../img/BANNER.jpg);
background-size:     cover;
background-repeat:   no-repeat;
background-position: center center; 
background-color:#CCC; 
position:relative;}
.slider .text{ width:100%; height:100%; display:table;position:absolute;}
.slider .text .ort{ width:90%; left:5%; height:100%; position:relative; display:table-cell; vertical-align:middle;}
.slider .text .ort h1{ display:block; font-size:60px; line-height:60px; width:90%; font-weight:bold; color:#FFF; text-shadow:0px 2px 5px #666; text-transform:uppercase;
}
.slider .text .ort h2{ display:block; font-size:1.5em; width:80%; font-weight:300; color:#666; line-height:1.3em;

  
  
  }

.index{ width:100%; height:auto; display:block; position:relative; margin:50px 0;}
.index .item{ background-color:#f3f8fb; width:30%; margin:0 1%; display:block; height:auto; float:left; position:relative;}
.index .item .line{position:absolute; width:80%; height:4px; z-index:2;}
.index .item:nth-child(1) .line{ left:0 !important; 	top:0 !important; 		background-color:#fb0506;}
.index .item:nth-child(2) .line{ right:0 !important;	bottom:0 !important;	background-color:#3ebebd;}
.index .item:nth-child(3) .line{ left:0 !important; 	top:0 !important;		background-color:#4661bc;}
.index .item:nth-child(4) .line{ right:0 !important;	bottom:0 !important; 	background-color:#d73dab;}
.index .item .resim{ width:100%; height:auto; display:block;}
.index .item .resim img{ width:100%; height:auto; display:block;}
.index .item .text{ width:90%; height:100px; margin:10px 5%; color:#888;}
.index .item .text a{ font-size:24px; display:block; font-weight:bold; color:#666; margin-bottom:10px;}
.index .item .text p{ font-size:18px; line-height:24px; display:block; font-weight:300;}
.index .item:nth-child(1) a i{color:#fb0506;}
.index .item:nth-child(2) a i{color:#3ebebd;}
.index .item:nth-child(3) a i{color:#4661bc;}
.index .item:nth-child(4) a i{color:#d73dab;}


.section{ width:100%; height:auto; display:block; background-color:#CCC; background:url(../img/ALTBANNER.jpg) 100% 100%; position:relative;}
.section .text{ width:80%; height:auto; display:block; padding:35px 0; text-align:left; margin:0 10%; color:#FFF; font-size:32px; text-shadow:0px 0px 10px #666; font-weight:bold;}
.section2{ width:100%; height:auto; display:block; background-color:#666; position:relative; text-align:center; margin-bottom:50px;}
.section2 .item{ display:inline-block; color:#FFF; padding:10px; text-align:center; width:20%;}
.section2 .item:nth-child(2){ border-left:2px solid #FFF; border-right:2px solid #FFF;}

.title{ width:100%; height:auto; display:block; background-color:#CCC; background:url(../img/ALTBANNER.jpg) 100% 100%; position:relative;}
.title .text{ width:100%; height:auto; background:rgba(255,255,255,0.8); display:block; padding:50px 0; text-align:center; color:#666; font-size:2.5em; font-weight:bold;}

.content{ width:80%; height:auto; display: block; margin:50px auto; min-height:80vh; }
.content p{ line-height:30px; font-size:18px; margin-bottom:20px;}
.content #res{ max-width:50%; display:block; float:right; margin:0 0 20px 20px;} 

.content .list{ width:100%; height:auto; display:block; position:relative;}
.content .list .item{ width:31%; margin:1%; height:40vh; display:block; float:left; position:relative;}
.content .list .item .resim{ width:100%; height:100%; position:relative; display:block; overflow:hidden;}
.content .list .item .resim img{ position:absolute; margin: auto; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; min-width:100%; height:100%; max-width:150%;}
.content .list .item .text{ width:90%; padding:5%; height:auto; position:absolute; bottom:0; left:0; z-index:2; display:block; color:#FFF; background:url(../img/shadow.png) bottom left; background-size:100% 100%; }
.content .list .item .text h2{ text-shadow:0px 1px 2px #000000; font-size:2em;}
.content .list .item .text a{ color:#FFF; text-shadow:0px 1px 2px #000000; float:right; font-size:1.5em; transition: all 0.5s ease;}
.content .list .item a i{ margin-left:10px;}
.content .list .item:nth-child(1) a i{color:#fb0506; transition: all 0.5s ease;}
.content .list .item:nth-child(2) a i{color:#3ebebd; transition: all 0.5s ease;}
.content .list .item:nth-child(3) a i{color:#4661bc; transition: all 0.5s ease;}
.content .list .item:nth-child(4) a i{color:#d73dab; transition: all 0.5s ease;}

.content .list .item:nth-child(1) a:hover{color:#fb0506;}
.content .list .item:nth-child(2) a:hover{color:#3ebebd;}
.content .list .item:nth-child(3) a:hover{color:#4661bc;}
.content .list .item:nth-child(4) a:hover{color:#d73dab;}


#contact form{ width:80%; display:block; margin:0 auto;}
#contact .add{ width:90%; display:block; background-color:#EDEDED;margin-bottom:20px; height:auto; min-height:60px; position:relative;}
#contact .add:after{ content:""; width:60px; height:100%; position:absolute; left:0; top:0; background-color:#099ee8;}
#contact .add a{ color:#000;}
#contact .add i{ width:60px; color:#FFF; display:block; margin-right:20px; height:100%; position:relative; z-index:2; float:left; line-height:60px; text-align:center; font-size:26px; }
#contact .add p{ padding:10px; font-size:22px; line-height:40px;}

textarea:focus, input:focus{outline: none;}
input[type=text]{background-color:#FFF;border:1px solid #099ee8;width:98%;margin:10px 0%;height:30px;text-indent:5px;padding:5px; font-size:16px;}
input[type=submit]{ border:none; color:#FFF; font-weight:bold; background-color:#099ee8; margin:20px 0; display:block; padding:15px 30px; font-size:16px;}
textarea{ background-color:#FFF;border:1px solid #099ee8;width:98%;margin:10px 0%;height:80px;text-indent:5px;color:#666;padding:5px; font-size:16px;}

.sidebar{ width:20%; height:auto; display:block; float:left;}
.sidebar ul{ list-style:none; width:100%; display:block;background-color:#EDEDED;}
.sidebar ul li{ width:100%; display:block;}
.sidebar ul li a{ padding:10px; display:block; font-size:18px; color:#333; border-bottom:1px solid #999;}
.sidebar ul li ul{background-color:#FFF; position:relative;}
.sidebar ul li ul li:nth-child(4n+1) a{border-bottom:1px solid #fb0506;}
.sidebar ul li ul li:nth-child(4n+2) a{border-bottom:1px solid #3ebebd;}
.sidebar ul li ul li:nth-child(4n+3) a{border-bottom:1px solid #4661bc;}
.sidebar ul li ul li:nth-child(4n+4) a{border-bottom:1px solid #d73dab;}



.cont{ width:78%; height:auto; margin-left:2%; display:block; float:left;}

.cont .list2{ width:100%; height:auto; padding-bottom:50px; display:block; position:relative; text-align:center;}
.cont .list2 .item{ width:23%; margin:0.5%; height:auto; background-color:#FFF; display:inline-block; position:relative;}
.cont .list2 .item .resim{ width:100%; height:220px; position:relative; display:block; overflow:hidden;}
.cont .list2 .item .resim img{ position:absolute; margin: auto; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; width:auto; height:100%;}
.cont .list2 .item .text{ padding:10px; margin:5px; height:auto; position:relative; z-index:2; display:block; text-align:center; border-top:1px solid #CCC;color:#333; }
.cont .list2 #listeleme{ width:48% !important; margin:0.5%; height:auto; display:inline-block; position:relative;}
.cont .list2 #listeleme .resim { height:220px;}
.cont .list2 #listeleme .resim img{}

.subtitle{ display:block; padding:1%; border-bottom:1px solid #069de8; font-weight:bold; font-size:2em; margin-bottom:20px;}


.resim-alani{ width:50%; margin-right:5%; height:60vh; display:block; float:left; position:relative; overflow:hidden;}
.desc{ width:40%; height:60vh; display:block; float:left;}
.desc .stit{ font-size:32px; margin-bottom:10px; line-height:36px; font-weight:800; color:#666;}
.desc h3{ font-size:32px; line-height:32px; margin-bottom:30px; font-weight:800; color:#00a2e3;}
.desc p, .desc div{ font-size:24px; line-height:36px; font-weight:300;}
.desc .but{ padding:10px 20px; display:inline-block; color:#FFF; background-color:#00a2e3; margin-top:20px;}
.box11{ margin:50px 0px 30px;}
.box11 .sec{ width:100%; border-bottom:2px solid #00a2e3; font-weight:bold; font-size:24px; padding:20px 0; line-height:24px; color:#00a2e3; background-color:#EFEFEF; text-indent:20px;}
.box11 img{ max-width:50%; display:block; float:right;}
.box11 .pan{ width:50%; display:block; border:none; height:auto; padding:20px 0px; font-size:16px; line-height:20px; background-color:#FFF; float:left;}
.box11 .pan table {border-collapse: collapse; border-left:1px solid #CCC; border-top:1px solid #CCC;width:auto; width:100%;}
.box11 .pan table td {text-align: left; padding:10px !important; border-left:1px solid #CCC; border-bottom:1px solid #CCC;}
.box11 .pan table th {text-align: left; padding:10px !important; border-left:1px solid #CCC; border-bottom:1px solid #CCC;}
.box11 .pan table tr { text-align: left; border-right:1px solid #CCC; border-bottom:1px solid #CCC;}
.box11 .pan table tr:nth-child(even) {background-color: #f2f2f2;}
.box11 .pan td div, .box11 .pan td p{ font-size:18px; line-height:inherit; margin-bottom:0; font-weight:300;}
.box11 .pan table td:nth-child(1){ width:2%;}
.box11 .pan table td:nth-child(2){}
.box11 .pan table td:nth-child(3){text-align:center; width:20%;}
.box11 .pan table td:nth-child(4){text-align:center; width:20%;}


.footer{ width:80%; padding:0 10%; height:auto; display:block; background-color:#252523; border-bottom:5px solid #000; color:#FFF;}
.footer .copy{ display:block; float:left; line-height:40px;}
.footer .soci{ display:block; float:right; text-align:right;}
.footer .soci a{ display:inline-block; color:#FFF; border:1px solid #FFF; width:24px; height:24px; margin:10px 5px;}
.footer .soci a i{ width:24px; height:24px; line-height:24px; text-align:center;}
.dill{ display:none !important;}
.sp-current-big{ position:relative !important; }
.sp-current-big:after{ content:""; width:100%; height:100%;position:absolute; background-color:rgba(0,0,0,0.4) !important; top:0; left:0; background-image:url(../img/zoom.png); background-repeat:no-repeat; background-position:center center; display:none;transition: all 0.5s ease; opacity:0;}
.sp-current-big:hover:after{ display:block;transition: all 0.5s ease; opacity:1;}
@media screen and (max-width:900px) {
.header{ width:100%; height:70px; display:block; position:relative; background-color:#FFFFFF; z-index:20; box-shadow:0px 0px 3px #333;transition: all 0.5s ease;}
.header .logo{ top:5px; height:60px;}
.header .menu{ width:100%; position:absolute; right:0; top:71px; text-align:center; height:auto;transition: all 0.5s ease; background-color:#FFF; display:none;}
.header .menu ul{ list-style:none; display:block !important;}
.header .menu ul li{ display:block;}
.header .menu ul li a{ padding:10px; display:block; color:#666; font-weight:bold; font-size:18px;}
.header .text{ display:none;}
.header .top{ display:none;}
.header .trigger{ display:block; top:10px;}
.header.tiny .menu{ top:71px;}
.dill{ display:block; width:100%; height:auto; text-align:center;}
.dill a{ display:inline-block !important;}

.index .item{ background-color:#f3f8fb; width:100%; margin:1% 0; display:block; height:auto; float:inherit; position:relative;}
.section .text{ font-size:18px;}

.content .list .item{ width:98%; margin:1%; height:250px; display:block; float:inherit !important; position:relative;}
.cont .list2 .item{ width:47%; margin:0.5%; height:250px; background-color:#FFF; display:inline-block; position:relative;}

.sidebar{ width:100%;float:inherit !important;}
.sidebar ul li a{ padding:5px;}

.cont{ width:100%; height:auto; margin-left:2%; display:block; float: inherit !important;}

.cont .list2{ width:100%; height:auto; padding-bottom:50px; display:block; position:relative; text-align:center;}
.col-1 {width: 25%; 	position:relative; display:block; float:left;}
.col-2 {width: 100%; 	position:relative; display:block; float:left;}
.col-3 {width: 100%; 	position:relative; display:block; float:left;}
.col-4 {width: 100%; 	position:relative; display:block; float:left;}
.col-5 {width: 100%; 	position:relative; display:block; float:left;}
.col-6 {width: 100%; 	position:relative; display:block; float:left;}
.col-7 {width: 100%; 	position:relative; display:block; float:left;}
.col-8 {width: 100%; 	position:relative; display:block; float:left;}
.col-9 {width: 100%; 	position:relative; display:block; float:left;}
.col-10 {width: 100%; position:relative; display:block; float:left;}
.col-11 {width: 100%; position:relative; display:block; float:left;}
.col-12 {width: 100%; 	position:relative; display:block; float:left;}
#contact .add p{ padding:10px; font-size:16px; line-height:40px;}
}
@media screen and (max-width:900px) {.slider{height:350px; display:block;}}
@media screen and (max-width:700px) {.slider{height:280px; display:block;}}
@media screen and (max-width:500px) {.slider{height:150px; display:block;}.cont .list2 .item{width:97%;height:250px;}

.cont .list2 .item{ width:97%; margin:0.5%; height:250px; background-color:#FFF; display:inline-block; position:relative;}
.cont .list2 #listeleme{ width:97% !important; margin:0.5%; height:40vh; background-color:#FFF; display:inline-block; position:relative;}
.col-1 {width: 100%; 	position:relative; display:block; float:left;}
.col-2 {width: 100%; 	position:relative; display:block; float:left;}
.col-3 {width: 100%; 	position:relative; display:block; float:left;}
.col-4 {width: 100%; 	position:relative; display:block; float:left;}
.col-5 {width: 100%; 	position:relative; display:block; float:left;}
.col-6 {width: 100%; 	position:relative; display:block; float:left;}
.col-7 {width: 100%; 	position:relative; display:block; float:left;}
.col-8 {width: 100%; 	position:relative; display:block; float:left;}
.col-9 {width: 100%; 	position:relative; display:block; float:left;}
.col-10 {width: 100%; position:relative; display:block; float:left;}
.col-11 {width: 100%; position:relative; display:block; float:left;}
.col-12 {width: 100%; 	position:relative; display:block; float:left;}
}