html,body{width:100%;height:100%;}
body{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:1.3em;}
a{color:#222;text-decoration:none;font-size:14px;}
a:hover,
a:focus{color:#555;text-shadow:none;text-decoration:none;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
label{margin:3px 0;}
#saruhanweb a{display:block;}
#saruhanweb .tooltip{font-size:10px;}
.page-header{font-size:20px;border-bottom:1px solid #c4d20f;}
.alt-baslik{margin:10px 0;font-size:17px;font-weight:500;padding:0 0 9px 0;border-bottom:1px solid #c4d20f;}
.duvar{min-height:450px;}
.whatsapp{display:block;width: 100%;height: auto;margin-bottom:30px;margin-top:30px;background: url('../images/whatsapp-bg-1.png') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.whatsapp a{display:block;font-size:30px;text-align: center;color:#fff;padding: 20px 0;font-weight: bold;}
.whatsapp a i{display: block;color:#aaa;padding: 10px 0;}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #182d73;
    border-color: #182e78;
}
hr{border-top:1px solid #c4d20f;}
@media only screen and (max-width:767px){.header{width:100%;height:auto;overflow:hidden;background:#ffff00;border-bottom:5px solid #000;margin-bottom:15px;}
.logo{width:50%;height:auto;overflow:hidden;float:left;margin:20px 25%;}
.logo img{width:100%;height:auto;}
.h-top{display:none;}
.h-body{width:100%;height:auto;}
.menu{width:100%;height:auto;overflow:hidden;background:#000;}
.mobil-iletisim{padding:8px 15px;float:right;}
.mobil-iletisim a{display:block;padding:0 4px;color:#fff;float:left;font-size:20px;}
.menuTab{padding:10px 15px;color:#fff;font-size:18px;}
.menu > ul{width:100%;height:auto;overflow:hidden;position:absolute;left:0;width:100%;z-index:999;background:rgba(0,0,0,0.9);display:none;}
.menu > ul > li{overflow:hidden;}
.menu > ul > li > a{display:block;padding:15px 25px;font-size:15px;font-weight:bold;color:#fff;}
.menu > ul > li > a:hover{color:#ffff00;}
.slayt{width:100%;height:auto;overflow:hidden;margin-bottom:15px;}
.ara-slogan{width:100%;height:auto;background:#ffff00;}
.ara-slogan h2{font-size:20px;padding:15px 0;text-align:center;font-weight:bold;color:#000;}
.main-iki{width:100%;height:auto;overflow:hidden;margin-bottom:25px;}
.main-iki-kutu{width:100%;height:auto;background:rgba(0, 148, 158, 0.38);text-align:center;overflow:hidden;padding:10px;}
.main-iki-kutu h2{font-size:16px;padding:10px 0;}
.main-iki-kutu img{width:50%;margin:0 25%;}
}
@media only screen and (min-width:768px) and (max-width:991px){.header{width:100%;height:auto;overflow:hidden;background:#ffff00;border-bottom:5px solid #000;margin-bottom:15px;}
.logo{width:50%;height:auto;overflow:hidden;float:left;margin:20px 25%;}
.logo img{width:100%;height:auto;}
.h-top{display:none;}
.h-body{width:100%;height:auto;}
.menu{width:100%;height:auto;overflow:hidden;background:#000;}
.mobil-iletisim{padding:8px 15px;float:right;}
.mobil-iletisim a{display:block;padding:0 4px;color:#fff;float:left;font-size:20px;}
.menuTab{padding:10px 15px;color:#fff;font-size:18px;}
.menu > ul{width:100%;height:auto;overflow:hidden;position:absolute;left:0;width:100%;z-index:999;background:rgba(0,0,0,0.9);display:none;}
.menu > ul > li{overflow:hidden;}
.menu > ul > li > a{display:block;padding:15px 45px;font-size:15px;font-weight:bold;color:#fff;}
.menu > ul > li > a:hover{color:#ffff00;}
.slayt{width:100%;height:auto;overflow:hidden;margin-bottom:15px;}
.ara-slogan{width:100%;height:auto;background:#ffff00;}
.ara-slogan h2{font-size:20px;padding:15px 0;text-align:center;font-weight:bold;color:#000;}
.main-iki{width:100%;height:auto;overflow:hidden;margin-bottom:25px;}
.main-iki-kutu{width:100%;height:auto;background:rgba(0, 148, 158, 0.38);text-align:center;overflow:hidden;padding:10px;}
.main-iki-kutu h2{font-size:16px;padding:10px 0;}
.main-iki-kutu img{width:50%;margin:0 25%;}
.main-kutu{min-height:550px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){.header{width:100%;height:auto;overflow:hidden;background:#ffff00;border-bottom:5px solid #000;}
.logo{width:20%;height:auto;overflow:hidden;float:left;margin:15px 0;}
.logo img{width:100%;height:auto;}
.h-top{width:80%;height:auto;float:left;padding:10px 0;}
.h-iletisim{float:right;overflow:hidden;border:1px solid transparent;}
.h-iletisim ul{overflow:hidden;}
.h-iletisim ul li{float:left;width:33.33%;overflow:hidden;font-size:12px;}
.h-iletisim ul li h2{font-size:14px;font-weight:bold;padding:5px 0;}
.h-sosyal{height:auto;border:1px solid transparent;overflow:hidden;float:right;}
.h-sosyal ul{overflow:hidden;float:right;}
.h-sosyal ul li{float:left;overflow:hidden;}
.h-sosyal ul li a{display:block;padding:5px 3px;font-size:20px;}
.h-body{width:100%;height:auto;}
.menu{width:100%;height:auto;overflow:hidden;background:#000;}
.menuTab,.mobil-iletisim{display:none;}
.menu > ul{overflow:hidden;}
.menu > ul > li{float:left;width:16.66%;overflow:hidden;}
.menu > ul > li > a{display:block;padding:15px 0;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
.menu > ul > li > a:hover{color:#ffff00;}
.slayt{width:100%;height:auto;overflow:hidden;}
.ara-slogan{width:100%;height:auto;background:#ffff00;}
.ara-slogan h2{font-size:25px;padding:15px 0;text-align:center;font-weight:bold;color:#000;}
.main-kutu{min-height:480px;}
.main-iki{width:100%;height:auto;overflow:hidden;margin-bottom:25px;}
.main-iki-kutu{width:100%;height:auto;background:rgba(0, 148, 158, 0.38);text-align:center;overflow:hidden;padding:10px;}
.main-iki-kutu h2{font-size:18px;padding:10px 0;}
.main-iki-kutu img{width:50%;margin:0 25%;}
}
@media only screen and (min-width:1200px){.header{width:100%;height:auto;overflow:hidden;background:#ffff00;border-bottom:5px solid #000;}
.logo{width:25%;height:auto;overflow:hidden;float:left;margin:15px 0;}
.logo img{width:100%;height:auto;}
.h-top{width:75%;height:auto;float:left;padding:10px 0;}
.h-iletisim{float:right;overflow:hidden;border:1px solid transparent;}
.h-iletisim ul{overflow:hidden;}
.h-iletisim ul li{float:left;width:33.33%;overflow:hidden;}
.h-iletisim ul li h2{font-size:14px;font-weight:bold;padding:5px 0;}
.h-sosyal{height:auto;border:1px solid transparent;overflow:hidden;float:right;}
.h-sosyal ul{overflow:hidden;float:right;}
.h-sosyal ul li{float:left;overflow:hidden;}
.h-sosyal ul li a{display:block;padding:5px 3px;font-size:20px;}
.h-body{width:100%;height:auto;}
.menu{width:100%;height:auto;overflow:hidden;background:#000;}
.menuTab,.mobil-iletisim{display:none;}
.menu > ul{overflow:hidden;}
.menu > ul > li{float:left;width:16.66%;overflow:hidden;}
.menu > ul > li > a{display:block;padding:15px 0;text-align:center;font-size:15px;font-weight:bold;color:#fff;}
.menu > ul > li > a:hover{color:#ffff00;}
.slayt{width:100%;height:auto;overflow:hidden;}
.ara-slogan{width:100%;height:auto;background:#ffff00;}
.ara-slogan h2{font-size:25px;padding:15px 0;text-align:center;font-weight:bold;color:#000;}
.main-kutu{min-height:480px;}
.main-iki{width:100%;height:auto;overflow:hidden;margin-bottom:25px;}
.main-iki-kutu{width:100%;height:auto;background:rgba(0, 148, 158, 0.38);text-align:center;overflow:hidden;padding:10px;}
.main-iki-kutu h2{font-size:18px;padding:10px 0;}
.main-iki-kutu img{width:50%;margin:0 25%;}
}
.main{width:100%;height:auto;overflow:hidden;padding:25px 0 0 0;}
.main-kutu{width:100%;height:auto;margin-bottom:25px;padding:10px;}
.main-kutu img{width:100%;height:auto;}
.main-kutu h2{font-size:20px;padding:10px 0;font-weight:bold;text-align:center;color:#fff;border-bottom:1px solid #ddd;}
.main-kutu ul{overflow:hidden;}
.main-kutu ul li{overflow:hidden;}
.main-kutu ul li a{display:block;padding:9px 4px;font-size:16px;}
.main-kutu ul li a:hover{color:#fff;}
.main-kutu ul li a i{color:#fff;}
.main-uc{width:100%;height:auto;overflow:hidden;padding:25px 0 0 0;margin-bottom:25px;background:url('../images/proje-bg.jpg') no-repeat center center;background-size:cover;-o-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.main-uc h1{font-size:25px;padding:10px 0;text-align:center;border-bottom:4px solid #ddd;}
.muc-cizgi{width:50%;margin:0 auto;border-top:4px solid #ffff00;margin-top:-4px;margin-bottom:15px;}
.main-uc-kutu{width:100%;height:auto;overflow:hidden;margin-bottom:25px;background:rgba(255,255,255,0.6);}
.main-uc-kutu h2{font-size:22px;text-align:center;padding:25px 0;border:1px solid #eee;}
.footer{width:100%;height:auto;overflow:hidden;padding:15px 0;border:1px solid transparent;background:#ffff00;}
.footer-kutu{width:100%;height:auto;overflow:hidden;margin-bottom:15px;border:1px solid transparent;min-height:180px;}
.footer-kutu h2{font-size:18px;padding:7px 0;border-bottom:1px dotted #000;margin-bottom:10px;}
.footer-kutu > ul{overflow:hidden;}
.footer-kutu > ul > li{overflow:hidden;}
.footer-kutu > ul > li > a{display:block;padding:2px 0;}
.footer-kutu > ul > li > p{display:block;padding:2px 0;}
.f-icon{width:15%;font-size:20px;text-align:center;}
.copyright{text-align:center;overflow:hidden;border-top:1px solid #222;padding:5px 0 0 0;}
.footer-sosyal{width:100%;height:auto;overflow:hidden;margin-bottom:15px;border:1px solid transparent;}
.footer-sosyal > ul{overflow:hidden;float:right;}
.footer-sosyal > ul > li{float:left;}
.footer-sosyal > ul > li > a{display:block;padding:0 3px;}
a.list-group-item, button.list-group-item{color:#fff;}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#000;border:1px solid #ddd;}
.hovereffect{width:100%;height:100%;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.hovereffect:hover .overlay{background-color:rgba(170,170,170,0.4);}
.hovereffect img{width:100%;height:auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:block;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.hovereffect:hover img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.hovereffect a.info{display:inline-block;text-decoration:none;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;font-weight:normal;height:auto;width:96%;position:absolute;left:2%;top:50%;padding:10px;text-align:center;}
.hovereffect a.info h5{text-transform:uppercase;color:#ffff00;}
.hovereffect:hover a.info{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,0.4);}
/*Saruhan Web Logo*/
#saruhanweb a{display: block;}
#saruhanweb .tooltip{font-size:10px;}
@media only screen and (max-width : 991px) {
#saruhanweb {text-align: center;background: #111;position: fixed;bottom: 50px;right: -30px;transform: rotate(270deg);border-radius: 5px 5px 0 0;z-index: 999;}
}
@media only screen and (min-width : 992px){
#saruhanweb {position:fixed;right:0;bottom:10px;padding-right:15px;background: rgba(0,0,0,0.8);border-radius:5px 0 0 5px;z-index: 9999;}
}