@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: 'Roboto', 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:180px;font-family: 'Roboto', sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000;overflow-x:hidden}
html{position:relative;min-height:100%}
a{color:#000;text-decoration:none}
a:hover{color:#a3d4d8;text-decoration:none}
.container{width:100%;height:110px;border-bottom:1px solid #eeeeee; position:fixed; background-color:#fff; top:0; z-index:999 }
header{max-width:1150px;height:auto;margin:0 auto;padding:0 5px}
header .logo{float:left;width:auto;height:auto;margin:18px 0 0px;clear:both}
header .logo img{width:100%}
header .ustmenu{display:inline-block;float:right;font-size:0;list-style:none;padding:0;margin:0;padding:0 3px 5px;overflow:hidden}
header .ustmenu li{float:left;width:auto;height:auto;border-right:1px solid #ccc;padding:0 10px;overflow:hidden}
header .ustmenu li a{font-weight:300;font-size:14px;color:#000;line-height:41px}
header .ustmenu li a:hover{color:#666}
header .ustmenu li:last-child{border-right:none}
header .ustmenu li i{font-size:16px; line-height:42px;text-align:center;color:#c00303; padding-right:5px }
.search{ float:right; width:auto; height:30px; padding:2px 10px ; top:-27px; right:15px; margin-left:17px; position:relative; line-height:28px; background-color:#f5f5f5; border:1px solid #ccc;   border-radius:30px; overflow:hidden;  }
.showhide { margin-bottom: 0em; }
.showhide .show { display: none; }
.showhide:target .show { display: block; }
.showhide:target .hide { display: none; }
nav{float:right; width:auto;height:auto;margin:35px 0px 0px 0px; clear:right  }
nav .menu{float:left;}
nav .menu > li{float:left;border-right:1px solid #ccc}
nav .menu > li:last-child{border-right:none}
nav .menu > li > a{display:block;font-family: 'Roboto', sans-serif;font-size:14px; font-weight:500;color:#000;letter-spacing: -0.50px;text-transform: uppercase;padding:9px 20px 10px}
nav ul.menu > li:hover > a{color:#a2d5d8;}
nav ul.menu ul{width:240px;background-color:#a2d5d8;}
nav ul.menu ul li a{display:block;font-family: 'Roboto', sans-serif;font-size:14px; font-weight:500;color:#fff;letter-spacing: -0.50px;text-transform: uppercase;padding:10px 12px;text-align:left}
nav ul.menu ul a:hover{background-color:#fff;color:#a2d5d8}
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:0px;left:100%;border-radius:0; }
#secondMenu{display:none;cursor:pointer;color:#000;position:absolute;top:40%;right:5px}
#secondMenu .closes{display:none}
#secondMenu .second-menu{display:none;width:240px;height:auto;text-transform: uppercase;background:#a3d4d8;position:absolute;right:0;z-index:666}
#secondMenu .second-menu ul{margin:0 0;padding:0}
#secondMenu .second-menu ul li{list-style:none;margin:0;padding:10px;}
#secondMenu .second-menu ul li:last-child{border-bottom:0}
#secondMenu .second-menu ul li a{font-size:16px;font-weight:400;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:50px;margin:110px 0 0;background-size:cover;border-bottom: 1px solid #eee;overflow:hidden}
#pagetitle .div{max-width:1150px;height:auto;margin:0 auto;padding:0 8px;overflow:hidden;}
#pagetitle .div ul{text-transform:uppercase;max-width:99%;height:25px;margin:12px auto 0;overflow:hidden}
#pagetitle .div ul li i{position:relative;top:2px;margin:0 5px 0 15px;font-size:19px}
#pagetitle .div ul li,#pagetitle .div ul li a{float:left;letter-spacing:-.5px;font-size:14px;font-weight:400;color:#787878!important;line-height:30px}
section{width:1100px;min-height:500px;height:auto!important;height:500px;margin:0 auto 40px;padding:15px  0px 30px ;overflow:hidden;clear:both}
section .margin{width:auto;height:auto;margin:0px auto;text-align:justify;overflow:hidden}
section p{font-size:14px;line-height:22px;margin:3px 0 20px;font-weight:300;overflow:hidden}
section h1{text-transform: uppercase;font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
section h2{text-transform: uppercase;font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;clear:both}
section h3{text-transform: uppercase;font-size:20px;font-weight:600;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section h4{text-transform: uppercase;font-size:20px;font-weight:600;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section h5{font-size:18px;font-weight:500;word-spacing:-1px;line-height:22px;margin:0 0 10px}
section ul{margin:0 20px 20px;padding:0;list-style-type:square}
section .sayfaresim{float:left;max-width:360px;height:auto;margin:0 15px 10px 0px;padding:5px; }


section ul#category{max-width:1200px;height:auto;margin:0 auto;text-align:center;font-size:0;overflow:hidden}
section ul#category li{display:inline-block;vertical-align:top;width:252px;height:auto;padding:0px 0 0px;margin:10px;overflow:hidden}
section ul#category li img{width:252px;height:auto;margin:0 auto;}
section ul#category li a{position:relative;display:block}
section ul#category li .baslik{text-transform: uppercase; width:90%;height:80px;margin:0 auto;font-size:14px;font-weight:400;line-height:16px;color:#000;text-align:center;overflow:hidden}
 

section ul#kategori {width:100%;height:auto;margin:0 auto;text-align:left;font-size:0;overflow:hidden;clear:both;}
section ul#kategori li{display:inline-block;width:256px;height:auto;padding:0px 0 5px;margin:8px;overflow:hidden}
section ul#kategori li img{width:254px;height:auto;margin:0 auto; }
section ul#kategori h2{padding-left:5px}
section ul#kategori p{padding-left:7px}
section ul#kategori li a{position:relative;display:block}
section ul#kategori li .baslik{width:100%; letter-spacing: 4px;text-transform: uppercase; font-size:18px;background-color:#a3d4d8;color:#fff;padding: 8px 16px;text-align:left; }
section ul#kategori li .baslik:hover{color:#a3d4d8;background-color:#000; }
 
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 .iletisimbilgileri{float:left;width:auto;height:auto;overflow:hidden}
section .iletisimbilgileri p{margin:0}
section .iletisimbilgileri i{font-size:15px;width:24px;height:24px;line-height:42px;text-align:center;color:#333;margin:0 5px}
section .contact{float:right;width:500px;height:auto;margin:30px 0 0 20px;overflow:hidden; }
section .contact input{float:left;width:250px;height:40px;margin:0 10px 10px 0;border:1px solid #ccc;background:transparent;padding:0 6px}
section .contact textarea{width:300px;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;line-height:41px;background-color:#a3d4d8;border:0;font-size:18px;color:#fff}
section .harita{float:right;width:40%;height:200px;padding:2%;margin:0 0 25px;background:#e4e4e4; }
a.detail-button{float:left;width:220px;height:40px;background-color:#56565a;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-size:16px;text-decoration:none}
section .proje_resim_alani{float:left;width:47%;height:auto;overflow:hidden;clear:both;}
section .proje_resim_alani .big-images .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;margin-top:-46px;color:#9d9d9f}
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:.4;}
section .proje_resim_alani .thumbs .owl-item img{width:60px;height:60px;}
section .proje_resim_alani .owl-item.center{opacity:1}
section .proje_sag{float:right;width:52%;height:auto}
section .proje_sag h3{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:22px;margin:0px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
section .proje_sag p{ }
section ul#imgres{text-align:center}
section ul#imgres li{display:inline-block;width:auto;height:auto;margin:4px;font-size:13px;}
section ul#imgres li img{float:left;width:155px;height:auto;margin:2px;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;border:1px solid #ccc;background:linear-gradient(#fbfbfb,#e1e1e1);margin:10px 0;padding:0 5px;overflow:hidden;clear:both}
section ul#ekatalog-news li a{display:block;font-size:19px; padding:17px 0 14px;font-weight:400;letter-spacing: -0.50px;color:#4e5860!important;letter-spacing: -0.50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
section ul#ekatalog-news li img{float:left;margin:4px 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}
section ul#ekatalog-news lang{float:right;font-size:22px;color:#787878;margin-right:10px}
#owl-slider{max-width:1150px;height:auto;margin:110px auto 0; overflow:hidden; clear:both}
#owl-slider .owl-slider .text{position:absolute;top:5%;width:100%;height:auto;pointer-events:none;overflow:hidden}
#owl-slider .owl-slider .text h3{font-size:48px;line-height:70px;font-weight:600;color:#fff;letter-spacing:-1px;text-shadow:1px 1px 3px #333;text-align:left;padding-left:5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#owl-slider .owl-slider .text span{font-size:22px;line-height:30px;color:#fff;text-shadow:1px 1px 3px #333;text-align:left;padding-left:7%}
#owl-slider .owl-controls{margin-top:0;height:0}
#owl-slider .owl-controls .owl-nav [class*=owl-]{position:absolute;top:45%;margin-top:-35px;color:#333;}
#owl-slider .owl-controls .owl-prev{left:10px}
#owl-slider .owl-controls .owl-next{right:10px}
#owl-slider .owl-controls .owl-nav .fa{font-size:70px}
#owl-slider .owl-controls .owl-dot{display:inline-block;zoom:1;*display:inline}
#owl-slider .owl-controls .owl-dot span{display:block;width:20px;height:20px;margin:-50px 7px 0;filter:Alpha(Opacity=80);opacity:.999;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:#91989b}
#owl-slider .owl-controls .owl-dot.active span,.owl-slider .owl-controls.clickable .owl-dot:hover span{background:#a2d5d8}
#pro h3{max-width:1150px;height:auto;margin:30px auto 20px;padding:0 10px;letter-spacing:-1px;font-weight:600;font-size:32px;line-height:40px;text-align:left;overflow:hidden;clear:both}
#owl-pro{width:980px;height:auto;margin:0 auto;padding-bottom:10px}
#owl-pro .owl-pro .text{width:100%;height:40px;background:url(images/categori-text.png);pointer-events:none}
#owl-pro .owl-pro .text h2{font-weight:400;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:-22px;color:#a2d5d8}
#owl-pro .owl-pro .owl-prev{left:5%}
#owl-pro .owl-pro .owl-next{right:5%}
#news-container{max-width:1150px;border:1px solid #c6c6c6;margin:20px auto;overflow:hidden}
#news-container .newstext{float:left;width:170px;height:auto;padding:18px 0;font-size:28px;text-align:center;color:#4e5860;overflow:hidden}
#news-container .newstext span a{font-size:13px;color:#000!important}
#news-container #owl-news{width:auto;position:relative;right:0;border-left:1px dotted #c6c6c6;padding:10px 15px;overflow:hidden}
#news-container #owl-news a{display:block;font-family:"Times New Roman",Times,serif;font-size:24px;line-height:31px;color:#4e5860;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#news-container #owl-news time{font-size:20px;color:#7c8287}
#news-container #owl-news .owl-controls{position:absolute;right:0;top:-10px}
#news-container #owl-news .owl-controls .owl-nav .fa{font-size:30px}

ul#homeslide1{max-width:1150px;text-align:center;font-size:0;margin:0 auto}
ul#homeslide1 li{display:inline-block;width:360px;height:auto;margin:5px 10px; }
ul#homeslide1 li img{ width:auto;height:auto;margin:0px 0px; }

ul#homeslide2{max-width:1150px;text-align:center;font-size:0;margin:0 auto}
ul#homeslide2 li{display:inline-block;width:360px;height:auto;margin:5px 10px; }
ul#homeslide2 li img{ width:auto;height:auto;margin:0px 0px; }

 
 
 
footer{width:100%;height:180px;border-top:1px solid #ccc;position:absolute;bottom:0;overflow:hidden;clear:both}
footer .foot{max-width:1150px;padding:5px 10px;margin:auto;clear:both}
footer .left{width:100%;height:auto;float:left;text-align:center;letter-spacing:-.5px;font-size:12px;font-weight:300;clear:both;}

#foot .nav{width:780px;height:auto;margin:10px auto 10px;overflow:hidden}
#foot .nav span{line-height:40px; font-weight:bold;text-transform: uppercase; }
#foot .menu{float:left; margin-left:55px; height:100%;overflow:hidden;}
#foot .menu li a{display:block;font-weight:300}
#foot .menu li a:hover{color:#000}
#foot .menu li {float:left;width:auto;height:auto;overflow:hidden;clear:both}
#foot .menu li i{ width:24px;font-size:15px;text-align:center;color:#666;}

.foot .sosnav{ display:none}


.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) {
header .ustmenu{display:none;}
nav .menu{display:none}
section{width:95%}
section .sayfaresim{display:none}
#owl-pro{width:95%}
section .harita{float:none;width:87%;height:200px;padding:2%;margin:15px auto 15px}
section .contact{float:none;width:95%;height:auto;margin:130px auto 0; clear: both}
section .contact textarea{height:100px}
 
}
@media screen and (max-width:768px) {
section .proje_resim_alani{width:100%;float:none;margin:0 auto 15px}
section .proje_sag{width:95%;float:none;margin:auto;clear:both}
section .ekatalog-news span{display:none}
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 h3{font-size:22px;line-height:30px}
#owl-slider .owl-slider .text span{font-size:13px;}
#foot { display:none}
.foot .sosnav{display:inline-block;width:100%;height:auto;margin:10px auto 10px; text-align:center;overflow:hidden}
.foot .sosnavmenu{display:inline-block;  height:100%;overflow:hidden;}
}
@media screen and (max-width:480px) {
section{padding:10px 0px 20px}
section ul#category li{width:90%}
section ul#ekatalog-news li span{display:none}
section ul#imgres li img{width:110px}
}