@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,font,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,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;-webkit-text-size-adjust:none;background:transparent}
h1,h2,h3,h4,h5,h6{font-family:'Courgette',sans-serif; }
ol,ul{list-style:none; }
input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#fff;border:1px solid #ccc;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
a{text-decoration:none}
img{margin:0;padding:0;border:0;outline:0;border:0}
scrollbar{visibility:collapse!important}
body{background:#000;margin:0 auto;padding-bottom:50px;font-family:'Open Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#fff;overflow-x:hidden}
html{position:relative;min-height:100%}
a{color:#fff;text-decoration:none}
a:hover{color:#eee;text-decoration:none}
.container{width:100%;height:auto;background-color:#fff; border-bottom:10px solid #67533e;position: relative;z-index:9999;top:0}
header{max-width:1000px;height:auto;margin:0 auto;padding:0 5px; overflow:hidden}
header .logo{float:left;width:auto;height:auto;margin:5px 0 0px}
header .logo img{width:100%}
header .ustmenu{float:right;width:auto;height:auto;background-color:#67533e;margin:0 0 25px;padding:2px 3px 3px;overflow:hidden; }
header .ustmenu span{float:left;width:auto;height:auto;border-right:1px solid #ddd;padding:0 10px;overflow:hidden}
header .ustmenu span a{font-family:"Oswald",Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;color:#fff;line-height:23px}
header .ustmenu span a:hover{color:#eee}
header .ustmenu span:last-child{border-right:none}
header .ustmenu span .fa{font-size:18px;color:#fff}
nav{width:100%;height:auto; clear:right  }
nav .menu{float:right; }
nav .menu > li{float:left;border-right:0px dotted #67533e}
nav .menu > li:last-child{border-right:none}
nav .menu > li > a{display:block;font-family:'Open Sans',sans-serif;font-size:15px;font-weight:600;color:#000;letter-spacing: -0.50px;text-transform: uppercase;padding:10px 18px 11px}
nav ul.menu > li:hover > a{background-color:#67533e;color:#fff}
nav ul.menu ul{width:225px;background-color:#67533e}
nav ul.menu ul li a{display:block;font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:16px;font-weight:300;color:#fff;padding:7px 18px;text-align:left}
nav ul.menu ul a:hover{background-color:#000}
nav ul.menu li:hover > ul{visibility:visible}
nav ul.menu li:hover{position:relative;z-index:599;cursor:default}
nav ul.menu ul{visibility:hidden;position:absolute;left:0;z-index:598}
nav ul.menu ul ul{top:-1px;left:100%;border-radius:0}
.mobilemenu{border:1px solid #000;width:35px;height:28px;background:#000;text-align:center;margin-top:100%}
#secondMenu{display:none;cursor:pointer;color:#fff;position:absolute;top:0;right:5px}
#secondMenu .closes{display:none}
#secondMenu .second-menu{display:none;width:240px;height:auto;background:#000;position:absolute;right:0;z-index:666}
#secondMenu .second-menu ul{margin:0;padding:0}
#secondMenu .second-menu ul li{list-style:none;margin:0;padding:8px;border-bottom:1px solid #020202}
#secondMenu .second-menu ul li:last-child{border-bottom:0}
#secondMenu .second-menu ul li a{font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:16px;font-weight:300;text-align:left;color:#fff;padding:3px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#secondMenu .second-menu ul li ul{display:none}
#secondMenu .second-menu ul li ul li{padding-left:10px}
#secondMenu .second-menu ul li ul li:last-child{margin-bottom:-10px}
section{background:url(images/bg-header.png);border-radius:10px; width:900px;min-height:500px;height:auto!important;height:500px;margin: 20px auto 20px;padding:15px 20px 30px;overflow:hidden;clear:both}
section .margin{width:auto;height:auto;margin:0 auto;overflow:hidden}
section p{font-size:14px;line-height:20px;margin:3px 0 20px;overflow:hidden;text-align:justify}
section h1{ text-align:center; margin-bottom:10px;padding:10px;color:#fff;font-size:40px;font-weight:300;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h2{color:#fff;font-size:20px;font-weight:300;margin:10px 0 0; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h3{color:#fff;font-size:14px;font-weight:300;margin:10px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h4{color:#fff;font-size:18px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px}
section h5{color:#fff;font-size:20px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px;}
section ul{margin:0px 35px 20px;padding:0;list-style-type:square}
section .contact{float:right;width:330px;height:auto;margin:20px 0 0 20px;}
section .contact input{width:200px;height:40px;margin-bottom:5px;background:transparent;padding:0 6px}
section .contact textarea{width:280px;height:130px;background:transparent;padding:8px 6px;margin:0 0 5px;overflow:auto}
section .contact .input_btn_gonder{cursor:pointer;width:170px;background-color:#000;border:0;border-radius:5px;font-size:16px;color:#fff}
section .proje_resim_alani{float:left;width:55%;height:auto;padding:5px;  border:1px solid #ddd;overflow:hidden;clear:both}
section .proje_resim_alani .big-images .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-46px;color:#fff}
section .proje_resim_alani .big-images .owl-prev{left:5%}
section .proje_resim_alani .big-images .owl-next{right:5%}
section .proje_resim_alani .thumbs .owl-item{cursor:pointer;opacity:.5}
section .proje_resim_alani .owl-item.center{opacity:1}
section .proje_sag{float:right; width:42%;height:auto}
section .proje_sag h3{color:#000;font-size:18px;font-weight:400;height:36px;line-height:37px;border-left:5px solid #000;border-bottom:1px dotted #000;padding:0 4px;margin:0 0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section .proje_sag p{font-size:14px;margin:0 15px 15px;overflow:hidden}
#slideshow{position:relative;height:auto;z-index:-1}
#slideshow img{position:absolute;top:0;left:0;z-index:8;opacity:0}
#slideshow IMG.active{z-index:10;opacity:1}
#slideshow IMG.last-active{z-index:9}
#slideshow img{min-height:100%;width:auto;width:100%;height:auto;position:fixed;top:0;left:0}
#slideshow1{position:relative;height:auto;z-index:-1}
#slideshow1 img{min-height:100%;width:auto;width:100%;height:auto;position:fixed;top:0;left:0}
footer{width:100%;height:50px;background:url(images/bg-header.png);position:absolute;bottom:0;overflow:hidden;clear:both;   }
footer .foot{max-width:1000px;height:auto;margin:0 auto;padding:0 5px;font-size:14px;font-weight:300;color:#fff; clear:both}
footer .foot .copyright{float:left;width:auto;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:12px; color:#fff; margin-top:17px;}
footer .sosyal{float:right;width:auto;height:auto;padding:12px 0 0;text-align:center}
footer .sosyal ul li{display:inline-block;margin:5px; font-size:16px;  }
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;margin:10px 0;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
@media screen and (max-width:1279px) {
nav .menu{display:none}
section{width:85%}
}
@media screen and (max-width:768px) {
section .proje_resim_alani{width:95%;float:none;margin:0 auto 15px}
section .proje_sag{width:95%;float:none;margin:auto;clear:both}
section .contact{display:none}
footer .left{width:90%;float:none;margin:auto;padding:0 5px;text-align:center;clear:both}
footer .sosyal{float:none;padding:0}
}
@media screen and (max-width:480px) {
section{padding:10px 0px 20px}
}