@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
	
html, body {height:100%; min-height:100%;}
body {font-family: 'Raleway', sans-serif;color:#000;overflow:hidden;background: #eee;}
wrapper {width:1200px;margin:0 auto;clear:both;display:block;background: #fff;padding: 0 15px;}
* {box-sizing: border-box;}
a {color:#333; text-decoration:none;}
ul {list-style:none; margin:0; padding:0;}
h1 {}
h2 {}

.left {float:left;}
.right {float:right;}

red {color:red;}
.result {color:green;}

.wide {width:100%;height:250px;}
header#header {width:100%; height:100px; background:#fff; position: relative; z-index: 900; top:10px;overflow: hidden;}
header#header #logo{padding: 0;text-align: center;}
header#header #logo img {
    height: 80px;
}
header#header nav#menu {float:right;display: none;}
header#header nav#menu li{float:left;text-transform:uppercase;line-height:100px;font-weight: 600;margin-left: 50px;}
header#header nav#menu li a{color:#111;}
header#header nav#menu li a:hover{color:#874EAF;}


header.fixed {position:fixed; height:50px;}
header.fixed nav#menu li {line-height:50px;}
header.fixed #logo img {height: 100px; border-radius:50%;}

#slider {width:750px; height:500px; position:relative; float:left;}
#slider .sliderTitle {font-size: 92px; color: #fff; text-shadow: 2px 2px 2px #000;}

#rightForm {float:right;width: 400px;}

section#homeContent {width:100%;display: table;text-align:center;}
section#homeContent h1{font-size:60px;font-weight:200;color: #ed008c;}
section#homeContent h2{font-size:30px;font-weight:600;color: #000;}


section#about {width:100%;overflow:hidden;}
section#about figure{float:left; width:350px; margin:40px 0;}
section#about figure img{height:350px; border-radius:50%;}
section#about .content{float:right; width:calc(100% - 350px); padding:0 40px;}
section#about h2{font-size:60px;font-weight:200;color: #ed008c;}

section#form {background:#fff; width:100%;padding: 0 40px;}
section#form h2{font-size:60px;font-weight:200;color: #ed008c;text-align:center;}
section#form .tabs-nav{text-align: center;width: 100%;padding: 20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-bottom: 40px;}
section#form .tabs-nav li:first-child a{}
section#form .tabs-nav .tab-active a{color: #000;cursor:default;}
section#form .tabs-nav a{color: #999;display:block;font-size: 14px;font-weight: 800;text-align:center;text-transform:uppercase;padding: 10px 30px;}
section#form .tabs-nav li{display: inline-block;}
section#form .tabs-stage{position:relative;width: 100%;overflow: hidden;}
section#form .tabs-stage p{margin:0;padding:20px;color:hsl(0,0%,33%)}


section#form .left{float:left; width:50%; height: 500px; overflow:auto;}
section#form .left li{color:#666;font-size:14px;margin-bottom: 30px; overflow: hidden;}
section#form .left li img{float:left; width:70px; height:70px; margin-right:10px;}
section#form .left li b{font-weight:800;display:block;color:#000;text-transform:uppercase;padding: 0 0 10px 0;}


section#form .right{float:right; width:50%; height: 500px; overflow:hidden;}
section#form .right img{width:100%;}
section#form .right .pin {display: inline-block; width:100%; background-size: cover; background-position: center;}
section#form .right .pin:nth-child(1) {height:240px; margin-bottom:20px;}
section#form .right .pin:nth-child(2) {height:240px;}
section#form .right .pin:nth-child(3) {height:500px;}


section#form .right {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	
form#contactForm {}
form#contactForm div{margin-bottom:10px;}
form#contactForm div label{display:block;font-size: 16px;color: #ed008c;font-weight: 600;}
form#contactForm div input{width:100%;padding:10px;border: 1px solid #999;}
form#contactForm div input.submit{background: #ed008c;color:#fff;padding:20px 0;cursor:pointer;font-size: 18px;border: 0;}
form#contactForm div input.submit:hover{background:#111;}
form#contactForm div textarea{width:100%;padding:10px;border: 1px solid #999;}

#captcha_cevap , #captcha_soru {float: left !important; width: 50% !important;}
#captcha_soru span {font-weight: 800; font-size: 24px;    color: #874EAF;}

#page_gallery {overflow: hidden;margin-top: 20px;}
#page_gallery img{width:100%; border: 2px solid #ed008c;}
#page_gallery img:hover{opacity:0.5;}
/*
#page_gallery ul{}
#page_gallery ul li{float:left;width: 19%;margin: 1% 3%;border: 2px solid #ed008c;overflow: hidden;height: 300px;}
#page_gallery ul li a {
    display: block;
    height: 100%;
}
#page_gallery ul li a img{
    height: 100%;
}
*/

section#contact {width:100%; overflow: hidden;    margin-top: 80px;}
section#contact h2{font-size:60px;font-weight:200;color: #ed008c;text-align:center;}
section#contact ul{}
section#contact ul li{float:left;width:25%;height: 292px;text-align:center;background:#fff;border: 2px solid #fff;}

section#contact ul li h4{font-size:32px;}
section#contact ul li b{display:block;}
section#contact ul li span{font-size: 32px;font-weight: 700;}

section#contact ul li.photo{background-size:cover;}
section#contact ul li.map{width:50%;background:#ccc;}
section#contact ul li.map iframe{width:100%;height: 290px;}

footer#footer {width:100%;height:80px;text-align:center;line-height:80px;color: #333;margin-top:80px;font-weight: 600;}

.lb-content {margin-right: 20px !important;}
.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
/*.lb-scrollbar-wrap { position: absolute; left: 0; top: 0; }*/
.lb-v-scrollbar {z-index: 1;position: absolute;right: 2px;top: 2px;width: 7px;height: 100%;background: #cfcfcf;}
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf;}
.lb-v-scrollbar-slider {position: absolute;width: 7px;height: 50px;left: 0;top: 0;background: #000;}
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000;}

.fancybox-overlay {background: rgba(0, 0, 0, .9);}
.fancybox-skin {padding:0 !important;}

@media screen and (max-width:1000px) { 
	wrapper {width: 970px;}
	#slider {width: 68%;height:500px;position:relative;float:left;}

	#rightForm {float:right;width: 30%;}

	section#about figure{float:left; width:100%; margin:40px 0;}
	section#about figure img{height:350px; border-radius:50%;}
	section#about .content{float:right; width:calc(100% - 350px); padding:0 40px;}
	section#about h2{font-size:60px;font-weight:200;color: #ed008c;}

}