@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:"Montserrat",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-color:#fff;margin:0 auto;padding-bottom:85px;font-family:'Roboto',sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#38423f;overflow-x:hidden}
html{position:relative;min-height:100%}
a{color:#38423f;text-decoration:none}
a:hover{color:#c00303;text-decoration:none}
.container{width:100%;background:#fff;border-bottom:1px solid #eaeeed;position:fixed;z-index:9999;top:0}
header{max-width:1200px;height:auto;margin:0 auto;padding:0 5px}
header .logo{float:left;width:185px;height:auto;margin:8px 0 0;clear:both}
header .logo img{width:100%}
header .ustmenu{float:right}
header .ustmenu > li{float:left}
header .ustmenu > li > a{display:block;font-weight:400;font-size:13px;color:#828282;text-transform:uppercase;padding:9px 13px 10px}
header ul.ustmenu > li:hover > a{color:#8a8a8a}
header ul.ustmenu ul{width:240px;background-color:#fff}
header ul.ustmenu ul li a{display:block;font-family:'Roboto',sans-serif;font-weight:400;font-size:13px;color:#828282;letter-spacing:-.5px;padding:5px 12px;text-align:left}
header ul.ustmenu ul a:hover{background-color:#333;color:#fff}
header ul.ustmenu li:hover > ul{visibility:visible}
header ul.ustmenu li:hover{position:relative;z-index:599;cursor:default}
header ul.ustmenu ul{visibility:hidden;position:absolute;left:0;z-index:598}
nav{width:auto;height:auto;margin:0}
nav .menu{float:right;text-align:center;font-size:0}
nav .menu > li{float:left;border-right:1px solid #eaeeed}
nav .menu > li:first-child{border-left:1px solid #eaeeed}
nav .menu > li > a{display:block;font-family:"Roboto",sans-serif;font-size:12px;font-weight:700;height:42px;color:#282828;text-transform:uppercase;padding:23px 28px 0}
nav ul.menu > li:hover > a{color:#fff;background:#c00}
nav ul.menu ul{width:280px;background-color:#c00}
nav ul.menu ul li a{display:block;font-size:14px;font-weight:400;color:#fff;letter-spacing:-.6px;padding:10px 12px;text-align:left}
nav ul.menu ul a:hover{background-color:#b60000;color:#fff}
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:0;left:100%;border-radius:0}
#secondMenu{display:none;cursor:pointer;color:#38423f;position:absolute;top:30%;right:5px}
#secondMenu .closes{display:none}
#secondMenu .second-menu{display:none;width:240px;height:auto;background:#38423f;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:10px;border-bottom:1px solid #3a4441}
#secondMenu .second-menu ul li:last-child{border-bottom:0}
#secondMenu .second-menu ul li a{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}
#LeftSection{float:left;width:230px;height:auto;margin-right:20px;font-weight:400;letter-spacing:-.5px;overflow:hidden}
#LeftSection ul{margin:0;padding:0;list-style:none}
#LeftSection ul#leftMenu{width:100%;height:auto;margin:0;padding:0;background:linear-gradient(#fbfbfb,#e1e1e1);border-bottom:1px solid #bbb;overflow:hidden}
#LeftSection ul#leftMenu li span{display:block;width:100%;height:auto;background:#56565a;color:#fff;font-size:16px;line-height:45px;padding-left:7px}
#LeftSection ul#leftMenu ul li{margin:0;padding:0}
#LeftSection ul#leftMenu ul li a{display:block;font-size:14px;color:#333;padding:7px 0 7px 15px;text-align:left}
#LeftSection ul#leftMenu li a:hover{background:#ddd}
#LeftSection ul#leftMenu li a.on{background:#ddd}
#bannerhome{width:100%;height:auto}
section #pagetitle .div{max-width:1160px;height:auto;margin:0 auto;padding:0 8px;overflow:hidden}
section #pagetitle .div h1{font-size:22px;font-weight:600;letter-spacing:-.5px;color:#c00;line-height:28px;margin:0 auto 20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
section #pagetitle .div h1:after{display:block;content:'';border-radius:4em;width:70px;height:2px;border:1px solid #c00;background:#c00;margin:0 auto}
section{width:1100px;height:auto!important;margin:5px auto 0;padding:15px 0 30px;overflow:hidden;clear:both}
section .margin{width:auto;height:auto;margin:0 auto 10px;overflow:hidden}
section p{font-size:16px;line-height:1.6;margin:3px 0 10px;overflow:hidden}
section h1{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h2{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0 0 10px;overflow:hidden}
section h3{font-size:20px;font-weight:600;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section h4{font-size:20px;font-weight:600;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section h5{font-size:20px;font-weight:600;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section h6{width:auto;font-size:26px;font-weight:600;line-height:26px;margin:0 auto 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
section h6:after{display:block;height:6px;content:'';width:60px;background:#00ABBA;margin:4px auto 10px;border-radius:4em}
section ul{margin:0 0 10px;list-style-type:inherit}
section .sayfaresim{float:right;max-width:260px;height:auto;margin:0 0 10px 15px;border-radius:10px}
ul#category{max-width:1200px;height:auto;margin:0 auto;padding-bottom:35px;text-align:center;overflow:hidden}
ul#category li{display:inline-block;width:300px;height:auto;padding:0;margin:10px;border:1px solid #ccc;overflow:hidden}
ul#category li img{vertical-align:middle;width:100%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
ul#category li:hover img{opacity:.5;-webkit-transform:scale3d(1.2,1.2,0.5);transform:scale3d(1.2,1.2,0.5)}
ul#category li a{position:relative;display:block}
ul#category li .text_p{display:block;position:absolute;background:url(images/categori-text.png);width:100%;height:40px;bottom:10px;font-size:16px;font-weight:400;line-height:40px;color:#333;text-align:left;padding-left:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
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}
ul#iletbil{width:100%;height:auto;margin:0 auto;text-align:center;overflow:hidden;font-size:0}
ul#iletbil li{display:inline-block;vertical-align:top;width:200px;height:150px;padding:20px 10px 10px;margin:5px;background:#f5f5f5;overflow:hidden}
ul#iletbil li i{font-size:22px;border-radius:50%;margin:5px auto;width:42px;height:42px;border:#c00 3px solid;line-height:42px;text-align:center}
section .contact{width:85%;height:auto;margin:30px auto 0;overflow:hidden;clear:both}
section .contact input{width:100%;height:40px;margin:0 10px 10px 0;border-bottom:1px solid #ccc;background:#eee;padding:0 6px}
section .contact textarea{width:100%;height:130px;border-bottom:1px solid #ccc;background:#eee;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;margin:auto}
section .harita{float:right;width:40%;height:200px;padding:2%;margin:0 0 25px;background:#e4e4e4}
a.detail-button{float:left;width:auto;height:40px;background-color:#c00;border:0;border-radius:30px;box-shadow:0 10px 20px -10px;margin:25px auto;text-align:center}
a.detail-button:hover{background-color:#b60000}
a.detail-button span{line-height:40px;color:#fff;font-size:16px;padding:0 30px;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{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;clear:both}
section .proje_sag p{font-size:14px;margin:0 15px 15px;overflow:hidden}
section ul#imgres{text-align:center}
section ul#imgres li{display:inline-block;width:auto;height:auto;margin:4px}
section ul#imgres li img{float:left;width:150px;height:auto;margin:2px;border-radius:0;border:1px solid #ccc}
section #masterdiv{width:98%;height:auto;margin:0 auto;overflow:hidden}
section #masterdiv .fa{margin:0 10px 0 8px}
section .menutitle{cursor:pointer;max-width:100%;height:auto;margin:0 auto;padding:0 5px 0 4px;border-bottom:1px solid #e5e5e5;background-color:#f4f4f4;overflow:hidden;clear:both}
section .menutitle a{display:block;font-size:16px;line-height:62px;color:#4e5860!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
section #masterdiv p{margin:10px 0}
section .menutitle img{float:left;margin:8px 5px 8px 4px}
section .textClose{width:93%;height:auto;margin:auto;overflow:hidden}
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;margin:10px 0;padding:0 5px;overflow:hidden;clear:both}
section ul#ekatalog-news li:hover{background:#ccc}
section ul#ekatalog-news li a{display:block;font-family:"Montserrat",sans-serif;font-size:19px;padding:17px 0 12px;font-weight:400;letter-spacing:-.5px;color:#4e5860!important;letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
section ul#ekatalog-news li img{float:left;margin:7px 5px 0 0}
section ul#ekatalog-news li span{float:left;color:#787878;margin:0 10px 0 0}
#slider{width:100%;height:auto;margin:65px auto 0;text-align:center;overflow:hidden}
#slider img{width:100%;height:auto}
#slider h1{position:absolute;top:10%;color:#fff;text-align:center;width:100%;font-size:36px;font-weight:400;letter-spacing:-.5px;text-shadow:1px 1px 3px #000}
#slider h2{position:absolute;top:13%;color:#fff;text-align:center;width:100%;font-size:26px;font-weight:400;letter-spacing:-.5px;text-shadow:1px 1px 3px #000}
#owl-slider{max-width:1920px;height:auto;margin:65px auto 0;overflow:hidden;clear:both}
#owl-slider .owl-slider .text{width:100%;height:auto;margin:0 auto;text-shadow:1px 1px 3px #000}
#owl-slider .owl-slider .text h1{width:100%;position:absolute;top:20%;font-size:48px;line-height:55px;font-weight:600;color:#fff;text-align:center;letter-spacing:-.5px}
#owl-slider .owl-slider .text h2{width:100%;position:absolute;top:28%;color:#fff;text-align:center;font-size:26px;font-weight:400;letter-spacing:-.5px}
#owl-slider .owl-controls{margin-top:0;height:0}
#owl-slider .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-50px;color:#fff}
#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:100px}
#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:-50px 5px 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)}
#owl-pro{max-width:1190px;height:auto;margin:0 auto;padding-bottom:0}
#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{color:#000;line-height:40px;font-size:14px;font-weight:400;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:#0d4195}
#owl-pro .owl-pro .owl-prev{left:5%}
#owl-pro .owl-pro .owl-next{right:5%}
#pro h3{max-width:1200px;height:auto;font-size:30px;font-weight:600;letter-spacing:-.5px;color:#38423f;line-height:45px;text-align:center;margin:50px auto 15px;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
#pro h3:after{display:block;content:'';border-radius:4em;width:70px;height:4px;border:1px solid #c00;background:#c00;margin:0 auto}
#pro p{text-align:center;padding:5px}
ul#arac{max-width:1200px;height:auto;margin:10px auto 30px;padding:10px 0;text-align:center;font-size:0;overflow:hidden}
ul#arac li{display:inline-block;width:380px;height:225px;margin:10px;overflow:hidden;position:relative;background:#c00303}
ul#arac li h3{position:relative;color:#fff;font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:-.5px}
ul#arac i{font-size:42px;z-index:3;text-align:left;color:#fff;margin:20px 0 5px}
ul#arac li p{padding:5px;color:#fff;font-size:16px}
#dr{max-width:1200px;height:auto;text-align:left;margin:0 auto;padding:60px 10px 0;overflow:hidden}
#dr img{float:left;margin:0 20px 2px 0;border-radius:50px}
#dr h3{font-size:30px;font-weight:600;letter-spacing:-.5px;color:#38423f;line-height:45px;margin:0 auto 15px;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}
#dr h3:after{display:block;content:'';border-radius:4em;width:70px;height:4px;border:1px solid #c00;background:#c00}
#dr .pre-title{color:#c00}
#news-container{max-width:1200px;margin:20px auto;border:1px solid #c6c6c6;overflow:hidden}
#news-container:lang(en){display:none}
#news-container .newstext{float:left;width:170px;height:auto;padding:18px 0;font-size:28px;line-height:22px;text-align:center;color:#4e5860;overflow:hidden}
#news-container .newstext span a{font-weight:300;font-size:13px;color:#333!important}
#news-container #owl-news{width:auto;position:relative;right:0;border-left:1px solid #c6c6c6;padding:9px 16px;overflow:hidden}
#news-container #owl-news a{display:block;font-size:22px;line-height:28px;color:#4e5860;letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#news-container #owl-news time{font-size:16px;color:#4e5860}
#news-container #owl-news .owl-controls{position:absolute;right:0;top:-10px;color:#4e5860}
#news-container #owl-news .owl-controls .owl-nav .fa{font-size:30px}
footer{width:100%;height:85px;border-top:1px solid #ccc;position:absolute;bottom:0;overflow:hidden;clear:both}
footer .foot{max-width:1200px;padding:5px 10px;margin:auto;clear:both}
footer .left{float:left;width:auto;height:auto;letter-spacing:-.5px;font-size:12px;font-weight:400;padding:20px 5px 0;line-height:16px;overflow:hidden}
footer .sosyal{float:right;width:auto;height:auto;padding:15px 0 5px;text-align:center;font-size:0}
footer .sosyal ul li{display:inline-block;margin:3px}
footer .sosyal ul li .fa{padding:9px;font-size:22px;width:20px;text-align:center;text-decoration:none;color:#fff}
footer .sosyal .fa-facebook,.fa-facebook-square{background:#8a8a8d}
footer .sosyal .fa-instagram{background:#8a8a8d}
footer .sosyal .fa-twitter,.fa-twitter-square{background:#8a8a8d}
footer .sosyal .fa-google-plus,.fa-google-plus-square{background:#8a8a8d}
footer .sosyal .fa-youtube,.fa-youtube-play,.fa-youtube-square{background:#8a8a8d}
footer .sosyal .fa-tumblr,.fa-tumblr-square{background:#8a8a8d}
footer .sosyal .fa-vine{background:#8a8a8d}
footer .sosyal .fa-flickr{background:#8a8a8d}
footer .sosyal .fa-vimeo-square{background:#8a8a8d}
footer .sosyal .fa-pinterest,.fa-pinterest-square{background:#8a8a8d}
footer .sosyal .fa-linkedin,.fa-linkedin-square{background:#8a8a8d}
footer .sosyal .fa-spotify{background:#8a8a8d}
footer .sosyal .fa-whatsapp{background:#8a8a8d}
.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%}
table{width:95%;margin:20px auto 30px;font-size:14px;letter-spacing:-.5px;border-bottom:2px solid #6b6b6b}
table th{font-size:16px;font-weight:600;text-align:left;background:#6b6b6b;color:#fff;padding:15px 10px}
table tr{font-size:14px}
table td,th{vertical-align:top;background:#ececec}
table td{line-height:25px}
table td:first-child{width:50%}
table td{padding:10px 15px}
table td hr{width:90%;border:1px dashed #38423f}
ul#homecategory{max-width:1200px;height:auto;margin:10px auto 30px;padding:10px 0;text-align:center;font-size:0;overflow:hidden}
ul#homecategory li{display:inline-block;width:380px;height:auto;margin:10px;overflow:hidden;position:relative;background:#000}
ul#homecategory li img{width:100%;opacity:.6;transition:.5s}
ul#homecategory li:hover img{transform:scale(1.2);background:#000;opacity:1}
ul#homecategory li h2{position:absolute;top:40%;color:#fff;text-align:center;width:100%;font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:-.5px;text-shadow:1px 1px 3px #000}
@media screen and (max-width:1279px) {
header .ustmenu{display:none}
nav .menu{display:none}
section{width:95%}
section .sayfaresim{display:none}
#pagetitle{margin:0}
#owl-slider{margin:0 auto}
#owl-slider .owl-slider .text h1{width:100%;position:absolute;top:30%;font-size:28px;font-weight:600;color:#fff;text-align:center;letter-spacing:-.5px;bottom:90px}
#owl-slider .owl-slider .text h2{width:100%;position:absolute;top:48%;color:#fff;text-align:center;font-size:16px;font-weight:400;letter-spacing:-.5px}
#owl-slider .owl-controls .owl-dot span{width:15px;height:15px;margin:-45px 3px 0}
section .harita{float:none;width:87%;height:200px;padding:2%;margin:15px auto}
section .contact{float:none;width:95%;height:auto;margin:10px auto 0}
section .contact textarea{height:100px}
}
@media screen and (max-width:768px) {
#LeftSection{display:none}
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 .textClose .zeminresim{width:30%}
footer .left{width:90%;float:none;margin:auto;padding:0 5px;text-align:center;clear:both}
footer .sosyal{float:none;padding:0}
#owl-slider .owl-slider .text h1{width:100%;position:absolute;top:30%;font-size:28px;font-weight:600;color:#fff;text-align:center;letter-spacing:-.5px;bottom:90px}
#owl-slider .owl-slider .text h2{width:100%;position:absolute;top:48%;color:#fff;text-align:center;font-size:16px;line-height:18px;font-weight:400;letter-spacing:-.5px}
#owl-slider .owl-controls .owl-nav .fa{display:none}
#owl-pro{float:none;width:100%;height:auto;margin:0 auto}
#owl-pro .owl-pro .text{bottom:0}
#owl-pro .owl-pro .text h2{font-size:16px}
#dr img{float:none;width:100%;margin:0 auto 2px}
}
@media screen and (max-width:480px) {
header .ustmenu{display:none}
section{padding:10px 0 20px}
ul#category li{width:90%}
section ul#ekatalog-news li span{display:none}
section ul#imgres li img{width:110px}
ul#homecategory li{width:90%}
}