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:#003366;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 #003366;}
.alt-baslik{margin:10px 0;font-size:17px;font-weight:500;padding:0 0 9px 0;border-bottom:1px solid #003366;}
.duvar{min-height:450px;}
hr{border-top:1px solid #003366;}
@media only screen and (max-width:767px){.header{width:100%;height:auto;overflow:hidden;border-bottom:3px solid #2098d1;}
.h-top{display:none;}
.h-body{width:100%;height:auto;}
.logo{width:70%;height:auto;margin:10px auto;}
.logo img{width:100%;height:auto;}
.menu{width:100%;height:auto;float:left;margin-bottom:10px;}
.mobil-iletisim{float:right;padding:8px 15px;}
.mobil-iletisim a{display:block;padding:0 4px;float:left;font-size:22px;}
.menuTab{background:#7ed2ed;padding:10px 15px;font-size:18px;font-weight:bold;}
.menu > ul{overflow:hidden;background:rgba(0,0,0,0.9);position:absolute;left:0;width:100%;z-index:999;display:none;}
.menu > ul > li{}
.menu > ul > li > a{display:block;padding:12px 30px;font-size:16px;color:#fff;}
.main-uc-kutu{margin-bottom:60px;}
.muc-ok{display:none;}
.main-dort-kutu ul li{float: left;width: 33.33%;}
}
@media only screen and (min-width:768px) and (max-width:991px){.header{width:100%;height:auto;overflow:hidden;border-bottom:3px solid #2098d1;}
.h-top{display:none;}
.h-body{width:100%;height:auto;}
.logo{width:50%;height:auto;margin:20px auto;}
.logo img{width:100%;height:auto;}
.menu{width:100%;height:auto;float:left;margin-bottom:10px;}
.mobil-iletisim{float:right;padding:8px 15px;}
.mobil-iletisim a{display:block;padding:0 4px;float:left;font-size:22px;}
.menuTab{background:#7ed2ed;padding:10px 15px;font-size:18px;font-weight:bold;}
.menu > ul{overflow:hidden;background:rgba(0,0,0,0.9);position:absolute;left:0;width:100%;z-index:999;display:none;}
.menu > ul > li{}
.menu > ul > li > a{display:block;padding:12px 30px;font-size:16px;color:#fff;}
.main-uc-kutu{margin-bottom:60px;}
.muc-ok{display:none;}
.main-dort-kutu ul li{float: left;width: 33.33%;}
}
@media only screen and (min-width:992px) and (max-width:1199px){.header{width:100%;height:auto;overflow:hidden;border-bottom:3px solid #2098d1;}
.h-top{width:100%;height:auto;padding:10px 0;background:#7ed2ed;}
.h-iletisim{width:88%;float:left;overflow:hidden;}
.h-iletisim ul{overflow:hidden;}
.h-iletisim ul li{float:left;padding:0 5px 0 0;font-size:12px;}
.h-sosyal{width:12%;float:left;overflow:hidden;}
.h-sosyal ul{overflow:hidden;float:right;}
.h-sosyal ul li{float:left;}
.h-sosyal ul li a{display:block;padding:0 2px;font-size:18px;}
.h-body{width:100%;height:auto;}
.logo{width:25%;height:auto;float:left;margin:15px 0;}
.logo img{width:100%;height:auto;}
.menu{width:75%;height:auto;float:left;}
.menuTab,.mobil-iletisim{display:none;}
.menu > ul{overflow:hidden;float:right;}
.menu > ul > li{float:left;}
.menu > ul > li > a{display:block;padding:35px 20px;font-size:14px;}
.main-kutu-bir{margin-top:-70px;}
.main-uc-kutu{margin-bottom:25px;}
.muc-ok{position:absolute;right:-20px;top:40px;font-size:50px;z-index:99;background:#fff;}
}
@media only screen and (min-width:1200px){.header{width:100%;height:auto;overflow:hidden;border-bottom:3px solid #2098d1;}
.h-top{width:100%;height:auto;padding:10px 0;background:#7ed2ed;}
.h-iletisim{width:85%;float:left;overflow:hidden;}
.h-iletisim ul{overflow:hidden;}
.h-iletisim ul li{float:left;padding:0 15px 0 0;}
.h-sosyal{width:15%;float:left;overflow:hidden;}
.h-sosyal ul{overflow:hidden;float:right;}
.h-sosyal ul li{float:left;}
.h-sosyal ul li a{display:block;padding:0 4px;font-size:20px;}
.h-body{width:100%;height:auto;}
.logo{width:25%;height:auto;float:left;margin:10px 0;}
.logo img{width:100%;height:auto;}
.menu{width:75%;height:auto;float:left;}
.menuTab,.mobil-iletisim{display:none;}
.menu > ul{overflow:hidden;float:right;}
.menu > ul > li{float:left;}
.menu > ul > li > a{display:block;padding:35px 25px;font-size:16px;}
.main-kutu-bir{margin-top:-70px;}
.main-uc-kutu{margin-bottom:25px;}
.muc-ok{position:absolute;right:-20px;top:40px;font-size:50px;z-index:99;background:#fff;}
}
.slayt{width:100%;height:auto;overflow:hidden;}
.main{width:100%;height:auto;padding:25px 0 0 0;}
.main-kutu-bir{width:100%;height:auto;overflow:hidden;background:#2098d1;margin-bottom:25px;padding:7px;}
.main-kutu-bir img{width:100%;height:auto;border-radius:50%;}
.main-kutu-bir h2{font-size:25px;text-align:center;padding:10px;font-weight:bold;color:#fff;text-shadow:1px 1px 3px #000;}
.main-kutu-bir p{text-align:center;padding:10px;color:#eee;}
.mkb-devam{font-size:12px;color:#222;float:right;padding:10px;color:#ddd;}
.main-kutu{width:100%;height:auto;overflow:hidden;background:#eee;padding:10px;border:1px solid #bababa;margin-bottom:25px;}
.main-kutu img{width:100%;height:auto;}
.main-kutu h2{font-size:20px;padding:10px 0;text-align:center;font-weight:bold;}
.main-kutu p{text-align:center;}
.mk-devam{font-size:12px;color:#222;float:right;}
.main-iki{width:100%;height:auto;overflow:hidden;padding:25px 0 0 0;background:radial-gradient(#ccddff,#80aaff);}
.main-iki h1{font-size:35px;padding:10px 0;font-weight:bold;text-align:center;}
.main-iki h1 b{color:red;}
.main-iki p{font-size:16px;padding:10px 0;text-align:center;margin-bottom:25px;}
.main-iki-kutu{width:100%;height:auto;overflow:hidden;margin-bottom:25px;background:rgba(255,255,255,0.5);padding:10px;}
.main-iki-kutu img{width:25%;height:auto;float:left;}
.main-iki-kutu h2{width:75%;float:left;padding:10px 10px;font-size:20px;font-weight:bold;}
.main-iki-kutu p{width:75%;float:left;padding:5px 10px;font-size:16px;text-align:left;}
.miki-devam{font-size:12px;color:#222;float:right;}
.alt-cizgi{border-bottom:1px solid #ddd;}
.main-uc{width:100%;height:auto;overflow:hidden;padding:70px 0 0 0;}
.main-uc-kutu{width:100%;height:auto;border:1px solid #222;}
.main-uc-kutu img{width:30%;height:auto;margin:-50px 35% 0 35%;border:4px solid #222;border-radius:50%;padding:5px;background:#fff;}
.main-uc-kutu h2{font-size:20px;text-align:center;padding:10px 0;}
.main-uc-kutu p{text-align:center;margin-bottom:15px;min-height:50px;padding:5px;}
.main-dort{width:100%;height:auto;overflow:hidden;padding:25px 0;background:radial-gradient(#ddd,#bababa)}
.main-dort-kutu{width:100%;height:auto;overflow:hidden;}
.main-dort-kutu img{width:20%;height:auto;margin:7px 35%;}
.main-dort-kutu h2{font-size:18px;padding:10px 0;font-weight:bold;text-align: center;}
.main-dort-video-kutu{width: 100%;height: auto;margin-bottom: 15px;}
.main-dort-video-kutu h2{font-size:18px;border-bottom:3px solid #ff0000;margin-bottom: 15px;text-align: left}

.footer{width:100%;height:auto;overflow:hidden;padding:15px 0;border:1px solid transparent;background:#7ed2ed;}
.footer-kutu{width:100%;height:auto;overflow:hidden;margin-bottom:15px;border:1px solid transparent;min-height:150px;}
.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 #ddd;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;}
.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active{color:white;}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}
/*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;}
}