body{background-color:#FFF;padding:0px;margin:0px;font-size:16px;font-family:Tahoma;line-height:1.6em;}
#maincontainer{width:980px;background-color:#FFF;margin:auto;text-align:center;}
#title{text-align:center;height:60px;}
#header{margin:0px;padding:0px;}
#kredikarti{padding:15px;}
#subeler{padding:0px;}
#altbilgi{padding:15px;}
#footer{width:100%:margin:auto;text-align:center;color:#FFF;}
.bigtext{font-size:16px;color:#000;font-weight:700;}
.kutu{width:100%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:15px solid #CCC;}
.kutusecili{width:100%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:15px solid #7fb601;}
.okutu{width:100%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:20px solid #0056be;}
.bkutu{width:100%;border:#DDD solid 1px;background:#fff;line-height:150%;text-align:center;padding:10px;margin-top:5px;box-sizing:border-box;border-top:3px solid #7fb601;}
.yesilkutu{width:100%;border:#DDD solid 1px;background:#66cc00;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;}
h1{font-size:24px;color:#333;margin:10px;font-weight:700;line-height:1.4em;}
h2{font-size:22px;color:#333;margin:0px;line-height:1.4em;}
h3{font-size:18px;color:#333;margin:0px;line-height:1.4em;}
hr {width:100%;display:block;margin-top:0.5em;margin-bottom:0.5em;border-style:inset;border-width:1px;box-sizing:border-box;border-color:#F5F5F5;}
/*h1.resimustu{font-size:9 em;color:#FFF;font-weight:700;line-height:1.4em;text-transform:uppercase;}
.resimmetin{font-size:7 em;color:#FFF;font-weight:700;line-height:1.4em;text-transform:uppercase;}
*/
#top{bottom:5px;bottom:20px;display:none;height:100px;position:fixed;right:20px;cursor:pointer;}
a.red,a.red:link,a.red:visited{color:red;text-decoration:none;font-size:14px;}
a.red:hover,a.red:active{color:red;text-decoration:underline;}
a.menulnk,a.menulnk:link,a.menulnk:visited{color:#FFF;text-decoration:none;font-size:14px;font-weight:700;}
a.menulnk:hover,a.menulnk:active{color:#DDD;text-decoration:none;font-weight:700;}
a.satinal,a.satinal:link,a.satinal:visited{color:red;padding:2px;font-size:14px;text-decoration:underline;}
a.satinal:hover,a.satinal:active{color:#66cc00;text-decoration:none;}
.redtxt{color:red;font-weight:700;}
/* Animated button */
.button{border-radius:4px;background-color:#7fb601;border:none;color:#FFF;text-align:center;font-size:12px;padding:5px;width:60px;transition:all 0.5s;cursor: pointer;margin:5px;}
.button span{cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after{content:'»';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span{padding-right:12px;}
.button:hover span:after{opacity:1;right:0;}
.button2{border-radius:4px;background-color:#CCC;border:none;color:#FFF;text-align:center;font-size:12px;padding:5px;width:60px;transition:all 0.5s;cursor:initial;margin:5px;}
.button2 span{cursor:initial;display:inline-block;position:relative;transition:0.5s;}
/* Animated button sonu*/
a.markalar,a.markalar:link,a.markalar:visited{color:#FFF;text-decoration:none;font-size:15px;}
a.markalar:hover,a.markalar:active{color:#EFEFEF;text-decoration:underline;}
.tblbslk{font-size:16px;font-weight:700;color:#FFF;}
.bant{width:100%;height:2px;background-color:#DEDEDE;}
img.headerimg{width:100%;height:auto;}
table{margin:0 auto;width:98%;border-collapse:collapse;}
table,th,td{border:0px solid #999;}
th,td{border-bottom: 1px solid #ddd;}
td{height:30px;}
td.menu{border:1px solid black;background-color:#7fb601;text-align:center;} /* #3399CC */
td.menu:hover{background-color:#336600;} /* #073A78*/
tr:nth-child(even){background-color:#f2f2f2}
.portfolio-item{margin-bottom:10px;padding-right:5px;padding-left: 5px;}
.portfolio .thumbnail{position:relative;}
.portfolio .thumbnail:hover {cursor:pointer;}
.portfolio .caption {bottom:0;position:absolute;}
.portfolio .btn {opacity: 0.75;}
/* TOPNAV */
.topnav{background-color:#000;overflow:hidden;}
/* Style the links inside the navigation bar */
.topnav a {float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;}
/* Change the color of links on hover */
.topnav a:hover{background-color:#99cc00;color:white;}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon{display:none;}

  .bg-black {
      background-color: #000;
  }
 
   .bg-grey {
      background-color: #EFEFEF;
  }

  .navbar {
      margin-bottom: 0;
      background-color: #f4511e;
      z-index: 9999;
      border: 0;
      font-size: 11px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 2px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
	  font-weight:700;
  }
  .navbar li a, .navbar .navbar-brand {
	  padding:0px;
	  margin:0px;
      color: #fff !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a {
	  color: #99CC33 !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  
.hero {
	font-size:3em;
	font-weight:700;
    position:absolute;
    top:50%;
    left:50%;
    z-index:3;
    color: #fff;
    text-align:center;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
@media all and (max-width:979px) { /* @media all and (max-width: 727px) */
#maincontainer{width:100%;background-color:#FFF;margin:auto;text-align:center;}
img {width:95%;height:auto;}
img.ikon{width:64px;height:64px;}
img.iletisim{width:300px;height:200px;}
img.toplogo{width:150px;}
img.logo{width:281px;height:120px;}
img.ht1903{width:250px;}
img.urun{width:300px;height:200px;}
img.sosyal{width:24px;height:24px;}
img.headerimg{width:100%;min-width:320px;height:150px;}
.sitekutu{width:100%;background-color:#FFF;height:auto;padding:10px;display:inline-block;text-align:center;box-sizing: border-box;}
}