@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Philosopher');
@import url('https://fonts.googleapis.com/css?family=Amiri|Lobster+Two|Orbitron|Overlock|Ranga|Rochester|Sanchez');
body{margin-top:76px;}
.a:link{text-decoration:none;}
.br{border:1px solid red;}
.moddal{margin-top:15px;}
#ustmenu{padding: 1px;} /*tüm menülerin arkaplan rengi*/
#ustmenu ul li { color:#000000;}/*trasparent arkaplan rengi ve yazı rengi*/
#ustmenu ul li.hover{ color:#002db3;}/*trasparent arkaplan rengi ve yazı rengi*/
#ustmenu .dropdown-menu{padding:0px; background:#d3f0fa;}/*açılan kategori konumu ve arkaplan rengi*/
/*navbar on*/
.navbar-nav .dropdown-menu {background:#e306e3; border: 0 none; min-width: auto;}
.navbar .navbar-nav {display: inline-block;float: none; margin-left:40px; margin-top:10px;}
.nav.navbar-nav li a:hover{font-family:'Lobster Two', cursive; font-size: 16px;color:#0057ae;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus {
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;	
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
text-decoration:none;
font-size: 16px;
border-bottom:1px solid #000000;
}
/*navbar off*/



/*yazı karekteri*/
.yazii { 
font-size: 22px; 
color:#337ab7;/*baslik yazı rengi*/
font-family:'Noto Sans', Helvetica, Arial, sans-serif;

}
.yazi { 
font-size: 16px; 
color:#337ab7;/*baslik yazı rengi*/
font-family:'Noto Sans', Helvetica, Arial, sans-serif;
 background:#ffffff;
}
/*yazi karekteri*/
#demoohd{height:6px; color:#337ab7; font-size:14px;text-decoration:none;}/*liste sayfası kategori baslık adı*/
#demoohdd{font-size:16px; font-weight:bold; color:#337ab7;}/*liste sayfası kategori baslık adı*/
.resimkenari:hover{border:4px solid #eb2c33;} /*resim kenarı border hover efeckt*/
/*encokbegenilen on*/
.encok a{color:#000000;text-decoration:none;}
.encok a:hover{color:#b7000a;}
/*encokbegenilen off*/

/*footer efect on*/
footer { 
margin-top:18px;
margin-bottom:18px;
font-size:14px;
color:#000000;/*yazı rengi*/
text-decoration:none;
}
h3.footer-title { 
font-size: 20px; 
margin-top: 0; 
padding-bottom: 2px; 
position: relative;
color:#337ab7;/*baslik yazı rengi*/
font-family:'Philosopher', sans-serif;
}

.fotlogo{
	background-color:#f7602d;
	height:90px;
    background-repeat: repeat-x;
}
/*footer efect off*/

/*yukari ikon on*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* ikon resin ve arkaplan rengi */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #337ab7 url(../images/resimdepo/top.png) no-repeat center 70%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {

  opacity: .8; /*en sonda saydamlik degeri*/
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/*yukari ikon off*/

/*resim ile yazı mesafesi on*/
.gap-right {
  margin-right: 10px; 
}
/*resim kenarı yazı off*/
/*sly başlangıç*/
.scroll-img {
  
  width: 1090px;
  height: 220px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 1300px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
#demo5.scroll-img ul {
  width: 1300px;
}

/*sly bitiş*/
/*yuvarlak icerik başlangıç*/
.service-content { padding: 0 10px; position: relative; text-align: center; }
.service-content a { display:block; }
.service-content a:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  border-radius:5px; transition:all 1s ease 0s; }
.service-content a:hover img { box-shadow: 0 0 0 8px #e6740c; transition:all 1s ease 0s;}
.service-content h3 { font-size:15px; font-weight:600; color:#008484; text-decoration:none;}
.service-content img {box-shadow: 0 0 0 8px #09a2d3; display: inline-block; font-size: 48px; height: 200px; line-height: 200px; margin: 30px 0 0; overflow: hidden; width: 200px; }/*icerik yuvarlak csssi*/
/*yuvarlak icerik bitiş*/