@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:"Oswald",Arial,Helvetica,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-size:14px;font-family:Arial,Helvetica,sans-serif}
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:#e5e5e5;margin:0 auto;padding-bottom:50px;font-family:'Open Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000;overflow-x:hidden}
html{position:relative;min-height:100%}
a{color:#724a7b;text-decoration:none}
a:hover{color:#8b5f95;text-decoration:none}
.container{width:100%;height:auto;background:linear-gradient(#fbfbfb,#e1e1e1);border-top:3px solid #666;border-bottom:15px solid #666;position:fixed;z-index:9999;top:0}
header{max-width:1260px;height:120px;margin:0 auto;padding:0 5px}
header .logo{float:left;width:auto;height:auto;margin:20px 0 5px;position:relative; z-index:99;}
header .logo img{width:100%}
header .ustmenu{float:right;width:auto;height:auto;background:#666;margin:0 0 25px;padding:2px 3px 5px;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:300;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}
 
.mobilemenu{border:1px solid #666;width:35px;height:28px;background:#666;text-align:center;margin-top:30%}
#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:#666;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 #555}
#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}
#pagetitle{width:100%;height:230px;background:#333;margin:138px 0 0;background-size:cover;background-position:center center;overflow:hidden}
#pagetitle .div{max-width:1150px;height:auto;margin:0 auto;padding:0 8px;overflow:hidden}
#pagetitle .div h1{font-size:34px;font-weight:300;color:#fff;line-height:50px;margin:55px 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pagetitle .div ul{max-width:95%;height:25px;margin:auto;overflow:hidden}
#pagetitle .div ul li i{position:relative;top:1px;margin:0 5px 0 15px;font-size:23px}
#pagetitle .div ul li,#pagetitle .div ul li a{float:left;font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:14px;font-weight:300;color:#fff!important;line-height:30px}
section{background:#fff;width:1020px;min-height:500px;height:auto!important;height:500px;margin:-35px auto 40px;padding:15px 20px 30px;box-shadow:0 -13px 16px rgba(2,3,3,.26);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{color:#000;font-size:22px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h2{color:#000;font-size:20px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px;clear:both}
section h3{color:#000;font-size:20px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px}
section h4{color:#000;font-size:18px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px}
section h5{color:#000;font-size:20px;font-weight:400;word-spacing:-1px;line-height:30px;margin:0 0 10px}
section ul{margin:0 20px 20px;padding:0;list-style-type:square}
section .sayfaresim{float:right;max-width:248px;height:auto;margin:0 0 10px 20px;padding:5px;border:1px solid #724a7b;border-bottom-left-radius:0;border-top-right-radius:0}
section ul#category{max-width:1200px;height:auto;margin:0 auto;padding-bottom:35px;text-align:center;overflow:hidden}
section ul#category li{display:inline-block;width:300px;height:auto;padding:0;margin:10px;overflow:hidden}
section ul#category li img{vertical-align:middle;width:100%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
section ul#category li:hover img{opacity:.5;-webkit-transform:scale3d(1.2,1.2,0.5);transform:scale3d(1.2,1.2,0.5)}
section ul#category li a{position:relative;display:block}
section ul#category li .text_p{display:block;position:absolute;width:95%;height:40px;background:url(images/categori-text.png);bottom:10px;font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:18px;font-weight:300;line-height:40px;color:#fff;padding:0 10px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
section ul#category li:hover .text_p{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(0,110px,0);transform:translate3d(0,110px,0)}
section .ik{width:210px;height:auto;margin:auto;text-align:left}
section .ik input{width:200px;height:40px;margin-bottom:5px;border:1px solid #ccc;background:transparent;padding:0 6px}
section .ik textarea{width:280px;height:130px;border:1px solid #ccc;background:transparent;padding:8px 6px;margin:0 0 5px;overflow:auto}
section .ik .input_btn_gonder{cursor:pointer;width:170px;background-color:#555;border:0;border-radius:5px;font-size:16px;color:#fff}
section .contact{float:right;width:330px;height:auto;margin:20px 0 0 20px}
section .contact input{width:200px;height:40px;margin-bottom:5px;border:1px solid #ccc;background:transparent;padding:0 6px}
section .contact textarea{width:280px;height:130px;border:1px solid #ccc;background:transparent;padding:8px 6px;margin:0 0 5px;overflow:auto}
section .contact .input_btn_gonder{cursor:pointer;width:170px;background-color:#555;border:0;border-radius:5px;font-size:16px;color:#fff}
a.detail-button{float:left;width:220px;height:40px;background-color:#724a7b;border:0;border-radius:5px;margin:25px auto;text-align:center}
a.detail-button:hover{background-color:#80468d}
a.detail-button span{text-shadow:1px 1px 0 #000;line-height:40px;color:#FFF;font-family:'neo_sans_trregular',Arial,Helvetica,sans-serif;font-size:16px;text-decoration:none}
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}
ul#imgres{text-align:center;font-family:"Oswald",Arial,Helvetica,sans-serif;font-weight:300;font-size:24px; line-height:40px; color:#333;   position:relative;   top:-45px;clear:both;}
ul#imgres li{display:inline-block;width:auto;height:auto; padding:0 0px; font-size:12px; line-height:18px; text-align:center;}
ul#imgres li img{float:left;width:55px;height:auto; text-align:center; margin:0 auto;}
ul#imgres li:hover {color:#333;opacity:0.7;   }
ul#imgres li a {color:#333;   }

section #masterdiv{width:98%;height:auto;margin:0 auto;overflow:hidden}
section #masterdiv .fa{margin:0 7px 0 5px}
section .menutitle{cursor:pointer;max-width:100%;height:auto;margin:10px auto;padding:0 5px 0 4px;border:1px dashed #999;background:linear-gradient(#fbfbfb,#e1e1e1);overflow:hidden;clear:both}
section .menutitle a{display:block;font-family:"Times New Roman",Times,serif;font-size:22px;line-height:52px;color:#4e5860!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
section .menutitle img{float:left;margin:8px 5px 8px 4px}
section .textClose{width:93%;height:auto;margin:auto;overflow:hidden}
section #forms{float:right;width:260px;height:auto;margin:0 auto;overflow:hidden;clear:right}
section #forms i{margin:0 7px 0 0}
section #forms span{margin:0 3px}
section .formstitle{cursor:pointer;width:auto;height:auto;padding:30px 20px;overflow:hidden;clear:both}
section .formstitle a{display:block;font-family:"Oswald",Arial,Helvetica,sans-serif;font-weight:300;font-size:24px;line-height:32px;color:#fff!important}
section .formstitle .text{font-family:'Open Sans',sans-serif;font-size:14px;line-height:18px}
section .formstitleClose{width:auto;height:auto;margin:auto}
section .formstitle input{width:94%;height:35px;z-index:-1;font-size:13px;border:0;background-color:#fff;margin:5px 0;padding:0 6px}
section .formstitle textarea{width:94%;height:50px;border:0;background-color:#fff;margin:5px 0;padding:8px 6px}
section .formstitle .input_btn_gonder{cursor:pointer;width:100px;height:40px;background-color:#fff;border:0;border-radius:0;font-size:15px;color:#999}
section ul#ekatalog-news{width:98%;height:auto;margin:0 auto;overflow:hidden}
section ul#ekatalog-news li{display:block;max-width:100%;height:auto;border:1px dashed #999;background:linear-gradient(#fbfbfb,#e1e1e1);margin:10px 0;padding:0 5px;overflow:hidden;clear:both}
section ul#ekatalog-news li a{display:block;font-family:"Times New Roman",Times,serif;font-size:22px;line-height:52px;color:#4e5860!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
section ul#ekatalog-news li img{float:left;margin:8px 5px 0 3px}
section ul#ekatalog-news li span{float:left;color:#787878;margin:0 10px 0 0}
section ul#ekatalog-news lang{float:right;font-size:22px;color:#787878;margin-right:10px}
ul#homecategory{max-width:1250px;height:auto;margin:0 auto 30px;padding:10px 0;text-align:center;overflow:hidden}
ul#homecategory li{display:inline-block;width:210px;height:auto;margin:10px;box-shadow:0 0 15px #333;overflow:hidden}
ul#homecategory li img{vertical-align:middle;width:100%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
ul#homecategory li:hover img{opacity:.9;-webkit-transform:scale3d(1.5,1.5,0.5);transform:scale3d(1.5,1.5,0.5)}
ul#homecategory li a{position:relative;display:block}
ul#homecategory li h3{width:100%;position:absolute;height:35px;bottom:15px;background:url(images/categori-text.png);font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:18px;font-weight:300;line-height:35px;color:#fff;text-align:center}
ul#homecategory li:hover h3{opacity:1;-webkit-transition:opacity 0.65s,-webkit-transform .35s;transition:opacity 0.65s,transform .65s;-webkit-transform:translate3d(0,65px,0);transform:translate3d(0,65px,0)}
#owl-slider{width:100%;height:auto;margin:138px auto 0;text-align:center;overflow:hidden; border-bottom:5px solid #666}
#owl-slider .owl-slider .text{position:absolute;top:15%;width:100%;height:auto;pointer-events:none;overflow:hidden}
#owl-slider .owl-slider .text h3{font-family:'Courgette',cursive;color:#fff;font-size:30px;line-height:38px;font-weight:300;text-shadow:1px 1px 3px #333;text-align:left;margin-left:3%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#owl-slider .owl-slider .text h3 span{font-size:22px;padding-left:15px}
#owl-slider .owl-controls{margin-top:0;height:0}
#owl-slider .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-30px;color:#fff;text-shadow:0 1px 0 #111}
#owl-slider .owl-controls .owl-prev{left:5%}
#owl-slider .owl-controls .owl-next{right:5%}
#owl-slider .owl-controls .owl-nav .fa{font-size:46px}
#owl-slider .owl-controls .owl-dot{display:inline-block;zoom:1;*display:inline}
#owl-slider .owl-controls .owl-dot span{display:block;width:16px;height:16px;margin:-60px 7px 0;filter:Alpha(Opacity=80);opacity:.999;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border:2px solid #f5f5f5;background-color:transparent}
#owl-slider .owl-controls .owl-dot.active span,.owl-slider .owl-controls.clickable .owl-dot:hover span{background:linear-gradient(#fff,#e5e5e5)}
#pro {max-width:1250px;height:auto;margin:0 auto;padding:10px 5px 30px;overflow:hidden;clear:both}
#pro h2{ font-size:28px;font-weight:300;line-height:60px;color:#333; }
#pro p{ padding: 0 15px;margin:3px 0 20px;}
#owl-pro{width:980px;height:auto;margin:0 auto;padding-bottom:10px}
#owl-pro .owl-pro .text{position:absolute;bottom:10px;width:100%;height:40px;background:url(images/categori-text.png);pointer-events:none}
#owl-pro .owl-pro .text h2{font-weight:300;line-height:40px;font-size:18px;color:#fff;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#owl-pro .owl-pro .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-46px;color:#724a7b}
#owl-pro .owl-pro .owl-prev{left:5%}
#owl-pro .owl-pro .owl-next{right:5%}
#news-container{max-width:1270px;border:0 solid #c6c6c6;margin:0 auto;overflow:hidden}
#news-container:lang(en){display:none}
#news-container .newstext{float:left;width:170px;height:auto;padding:18px 0;font-family:'Oswald',Arial,Helvetica,sans-serif;font-size:28px;text-align:center;color:#fff;overflow:hidden}
#news-container .newstext span a{font-family:'Oswald',Arial,Helvetica,sans-serif;font-size:13px;color:#fff!important}
#news-container #owl-news{width:auto;position:relative;right:0;border-left:1px dotted #c6c6c6;padding: 8px 15px;overflow:hidden}
#news-container #owl-news a{display:block;font-family:"Times New Roman",Times,serif;font-size:24px;line-height:31px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#news-container #owl-news time{font-size:20px;color:#fff}
#news-container #owl-news .owl-controls{position:absolute;right:0;top:-10px;color:#FFF}
#news-container #owl-news .owl-controls .owl-nav .fa{font-size:30px}
#form{position:fixed;display:block;width:300px;right:1%;bottom:0;z-index:999;font-family:"Oswald",Arial,Helvetica,sans-serif;font-weight:400;font-size:16px}
#form .baslik{background:#724a7b;height:20px;cursor:pointer;border-radius:5px 5px 0 0;line-height:20px;color:#FFF;padding:10px}
#form .baslik img{float:left;margin-right:10px;margin-top:-4px}
#form .baslik_down_ic{font-size:14px;font-weight:300;line-height:20px;padding:15px;background:linear-gradient(#fbfbfb,#e1e1e1);border-left:1px solid #724a7b;border-right:1px solid #724a7b}
#form .baslik_down_ic input{width:95%;height:25px;z-index:-1;font-size:13px;padding:0 6px;margin-bottom:5px;border:1px solid #ccc;background:transparent}
#form .baslik_down_ic textarea{width:95%;height:50px;padding:5px 6px;margin:0 0 5px;border:1px solid #ccc;background:transparent}
#form .baslik_down_ic .input_btn_gonder{cursor:pointer;width:100%;height:30px;background-color:#724a7b;border:0;border-radius:5px;font-size:15px;color:#fff}
footer{width:100%;height:50px;background:#333;position:absolute;bottom:0;overflow:hidden;clear:both}
footer .foot{max-width:1240px;padding:5px 10px;margin:auto;clear:both}
footer .left{float:left;width:auto;height:auto;font-family:"Oswald",Arial,Helvetica,sans-serif;font-size:12px;font-weight:300;color:#ccc;padding:12px 5px 0;line-height:18px;overflow:hidden}
footer .sosyal{float:right;width:auto;height:auto;padding:15px 0 5px;text-align:center}
footer .sosyal ul li{display:inline-block;margin:5px}
footer .sosyal .fa-facebook,.fa-facebook-square{color:#3b5998}
footer .sosyal .fa-twitter,.fa-twitter-square{color:#00aced}
footer .sosyal .fa-google-plus,.fa-google-plus-square{color:#dd4b39}
footer .sosyal .fa-youtube,.fa-youtube-play,.fa-youtube-square{color:#ff1b29}
footer .sosyal .fa-tumblr,.fa-tumblr-square{color:#32506d}
footer .sosyal .fa-vine{color:#00bf8f}
footer .sosyal .fa-flickr{color:#ff0084}
footer .sosyal .fa-vimeo-square{color:#aad450}
footer .sosyal .fa-pinterest,.fa-pinterest-square{color:#cb2027}
footer .sosyal .fa-linkedin,.fa-linkedin-square{color:#007bb6}
footer .sosyal .fa-instagram{color:#8d479d}
footer .sosyal .fa-spotify{color:#1ED760}
@media screen and (max-width:1279px) {
.container{position:relative}
header{ height:auto;overflow:hidden}
header .ustmenu{display:none}
header .logo{float:none;width:200px;height:auto;margin:12px auto 5px }
ul#imgres{display:none}
nav .menu{display:none}
section{width:85%}
section .sayfaresim{display:none}
section #forms{display:none}
section ul#category li{width:45%}
#pagetitle{margin:0 0 0}
#owl-pro{width:95%}
#owl-slider{margin:0 auto}
#owl-slider .owl-controls .owl-dot span{width:10px;height:10px;margin:-40px 3px 0}
}
@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 .ekatalog-news span{display:none}
section .contact{display:none}
}
@media screen and (max-width:480px) {
section{padding:10px 10px 20px}
section ul#category li{width:90%}
section ul#ekatalog-news li span{display:none}
section ul#imgres li img{width:110px}
#LeftSection{display:none}
#owl-slider .owl-slider .text h3{font-size:26px}
#owl-slider .owl-slider .text h3 span{display:none}
ul#homecategory{width:85%}
}