@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&subset=latin-ext');
html,body{
font-family: 'Quicksand', sans-serif;
} 
row{
	margin-left:0;
	margin-right:0;
}

body,h1,h2,h3,h4,h5,h6{
		font-family: 'Quicksand', sans-serif;
		
}

body{
	font-family: 'Quicksand', sans-serif;
	
}
a:hover, a:focus{
	text-decoration:none;
}
a{
color:black;	
}
.row{
	margin-left:0px;
	margin-right:0px;
	
}
.navbar{
	min-height:80px;
	padding-top:10px;
}
.navbar-default {
    background:white;
    border-color: #E7E7E7;
}
.navbar-default .navbar-nav > li >a {
	padding-top:20px;
	transition:all 0.7s;
}
/* link */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active{
    color: white;
	background:orange;
	
}

.navbar-brand {
  padding: 1px 1px;
  height:70px;
}

.navbar-default .dropdown-menu li{
   margin-bottom:10px;
 }
 
 .navbar-default .dropdown-menu{
    background:orange;	 
 }
 
.dropdown-menu > li >a {
	
	transition:all 0.4s;
}

.dropdown-menu{
	
	left:20px;
	border:none;
	border-radius:2px;

}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus{
	
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: white;
  background: transparent;
  
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: yellow;
}
   


.dropdown-menu .menu-ul{
	padding: 5px 5px;
}
.menu-ul li{
	list-style-type:none;
	
}

.inceyazi{
	font-weight:lighter;
}


.slideButonu{
	position: absolute;
    margin-top: 295px; 
	margin-left: 140px; 
	margin-right:50px;
	font-size:20px;
	padding:20px;
	border:1px solid #ffdb58;
	background:white;
	color:black;
}

.slideButonu:hover{
   border-color:white;
   color:black;
}




.degerler{
padding:5px;
	
}
.deger-yazisi{
	background:#f5f5f8;
	padding-top:20px;
	padding-bottom:20px;
	transition:all 0.2s;
}

.degerler:hover .deger-yazisi{
	background:yellow;
}

.deger-resmi{
    transition: all 0.4s;

}
.degerler:hover .deger-yazisi{
	background:#FFDB58;
	
	
}

.arkaplan{
	background:url("../img/pattern2.png");
	background-repeat:repeat;
    background-origin: content-box;
	min-height:300px;
	
}

.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom:none;
}
.nav-tabs > li {
  float: none;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border:none;
  border-radius: 0px;
  transition:all 0.4s;
  color:black;
}


.nav-tabs > li > a:hover {
  border-color: none;
  background:transparent;
  color:#FFDB58;
}


.nav-tabs > li > a .fa{
	transition:all 0.4s;
}
.nav-tabs > li > a:hover .fa{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(50deg);
	
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFDB58;
  background-color: transparent;
  border: none;
  border-bottom-color: none;
  cursor: default;
}

.dortlu-bolum .col-md-3:hover img{
	 position: relative;
    /* Safari 4.0 - 8.0 */
  animation-name: example;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-direction: alternate;
   
    -webkit-animation-direction: alternate;
    /* Standard syntax */
    animation-name: example;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-direction: alternate;
	
}
.dortlu-bolum h3,.dortlu-bolum h4{
	transition:all 0.4s;
}

.dortlu-bolum .col-md-3{
 transition:all 0.3s;	
}
.dortlu-bolum .col-md-3:hover .inceyazi{
	color:#8D8886;
}



/* alt sayfalardaki 4lü parçalar */ 

.dortlu-parca-row{
	margin-left:10%;
	margin-right:10%;
	
}

.dortlu-parca{
border:1px solid yellow;
transition:all 0.4s;

}
.dortlu-parca:hover{
-webkit-transform: scale(1.001);
	transform: scale(1.001);
}

.parca-yazi-h2 , .parca-yazi-h3{
	color:white;
	
}

.parca-yazi-h2{
	margin-top:50%;
	padding:5px;
	font-weight:400;
	
}

.dortlu-arka-1{
	background:url("../img/dortlu-parca-1.jpg");
	background-repeat:no-repeat;
    background-size:100% 100%;
	height:300px;
	
}

/* /alt sayfalardaki 4lü parçalar */ 


/* Gri parçalı Sayfalar */

.gri-cizgi-arka{
	background:url("../img/gri-cizgi2.jpg");
	background-repeat:no-repeat;
    background-size:100% 100%;
	height:300px;
}
.iletisim_liste li{
	list-style-type:none;
	padding-bottom:20px;
	transition:all 0.4s;
}
.iletisim_formu_row ,.iletisim_formu_row h2{
	color:white;
}
.iletisim_formu_row input{

	background:transparent;
	color:white;
}
.iletisim_formu_row textarea{
	background:transparent;
    color:white;
	
}

.iletisim_liste li:hover{
	color:orange;
}
.iletisim_liste li .fa{
	padding-right:10px;
	transition:all 0.4s;
}
.iletisim_liste li:hover .fa{
  color:white;
}

.iletisim_liste .fa-bookmark-o{
color:orange;
}

.iletisim_liste .fa-phone{
color:green;
}

.iletisim_liste .fa-envelope{
color:#A42B2F;
}

.sosyalmedyarow .fa{
	padding:10px;
	transition:all 0.4s;
	color:white;
}

 
.sosyalmedya-ul li{
 float:none;
 list-style-type:none;
 transition:all 0.4s;
 color:white;

}	

.sosyalmedya-ul a{
	padding-bottom:20px;
}


.sosyalmedya-ul li:hover{
	color:orange;
}

.sosyalmedya-ul li:hover .fa{
 background:orange;
   color:black;
 }

.sosyalmedya-ul li .fa{
	padding-right:10px;

}
.sosyalmedya-ul li:hover  a{
  color:blue;
}
	

/* Gri parçalı Sayfalar */


/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   { left:0px; top:0px;}
    25%  { left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  { left:0px; top:200px;}
    100% { left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
     0%   { left:0px; top:0px;}
    25%  { left:30px; top:0px;}
    50%  {left:0px; top:0px;}
    75%  { left:0px; top:0px;}
    100% { left:0px; top:0px;}
}


.harita iframe{
 pointer-events: none;

}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed{
 
  height: 100%;
 
}
.embed-responsive-4by3 {
  padding-bottom: 25%;
}

.video-alani{
	  padding-bottom: 45%;
	 
}


.gonderbutonu{
  background:transparent;
  color:white;  
}

.gonderbutonu:hover{
	color:white;
	background:#2098D1;
}
.form-control{
	border-radius:1px;
}



.footerbg{
	background:#fcfeff;
	
}


.hakkimizda-arka{
	background:url("../img/acikrenkarka.png");
	background-size:30px 30px;
	background-repeat:repeat;
	
}



.resim8col,.yazi8col{
	padding-right:0px;
	padding-left:0px;
}

.resim4col,.yazi4col{
	padding-left:0px;
	padding-right:0px;
}

.yazi{
background:#f5f7f8;
}

.yazi4col .yazi{
	
		background:#f5f7f8;
		
	    
}




 .yazi4col .yazi{
	padding:9%;
	color:black;
}

.yazi8col .yazi{
	padding:3%;
	color:black;
}

.yazi ul li{
	padding-bottom:20px;
}


.btn-warning{
	border-radius:1px;
}

.aksesuarlar{
	padding-bottom:30px;
}
.aksesuarlar img{
transition:all 0.7s;
width:50%;
height:100px;
}
.aksesuarlar:hover img{
transform:scale(1.3);
}


@media screen and (max-width: 767px){
	
	
	.aksesuarlar img{
transition:all 0.7s;
width:50%;
height:50px;
}
	
	.aksesuarlar:hover img{
transform:scale(1.7);
}

	
	.dortlu-parca-row{
		margin-left:0px;
		margin-right:0px;
	}
	
	.dortlu-parca{
		
		width:100%;
	}
	
	.dortlu-arka-1{
	 background-size:100% 100%;
	 min-height:300px;
	
	}
	
	.parca-yazi-h2{
	
	font-size:23px;
    }
	
	
    .gri-cizgi-arka{
	background:url("../img/gri-cizgi2.jpg");
	background-repeat:no-repeat;
    background-size:100% 100%;
	height:150px;
    }
	
	.embed-responsive-4by3 {
     padding-bottom: 45%;
    }
	
	
    .sosyalmedya-ul a{
    font-size:9px;
}	



   .aksesuar-baslik{
	   
	   font-size:10px;
   }
   .aksesuar-aciklama{
	   
	   font-size:10px;
   }
   h1.sp-white{
	font-size:60px !important; 
   }


}
  h1.sp-layer{
	white-space:nowrap;
   }

/*   ahmet css başlangıç */
footer > .row{
	width:100%;
}


.effect-block{

	background:transparent;
	color:transparent;
	transition:all 1s;
	height:50px;

}
.effect-block p{
	padding:5px 3px;
}

.full-block{
	padding-bottom:50px;
	}
.full-block img{
    width:250px;
	height:160px;
}	



.full-block:hover > .effect-block{
	display:block;
	background:orange;
 	color:white;

}

@media screen and (max-width: 768px){

	.effect-block{

	display:block;
	background:orange;
	color:white;
	}

   .effect-block > .referans-basligi {
	font-size:10px;
    }
  }

footer{
	background:url(../img/footer.jpg);
	padding:50px;
	
}

.new-list, .iletisim-list{
	list-style-type: none;

}
.iletisim-list > li{
	color:gray;
}

.iletisim-list > li > i{
 	padding-bottom: 17px;
 	font-size:15px;	

}

.iletisim-list .fa{
	transition: all 0.5s;
}

.iletisim-list li:hover .fa{	
	font-size:17px;
}

.iletisim-list li:hover{
	color:#ebebeb;
}

.iletisim-list .fa-envelope{
	color:#ad3030;
}


.iletisim-list .fa-phone{
	color:#0ea557;
}
.iletisim-list .fa-bookmark{
	color:orange;
}


.new-list > li {
	
	padding-bottom:10px;
}

.new-list > li > a{
	color:gray;
	text-decoration:none;
	transition: all 0.5s; 

}


.new-list > li > a:hover{
	color:rgb(242, 146, 62);
	text-decoration:none;
}

.new-list > h3, .iletisim-list > h3{
	color:#595752;
}

.social-row{
	padding: 15px;
    background:#fcfcfc;
	
}

.social-row > p > a > i{
	font-size: 20px;	
	padding: 10px;
}

.social-row > h4{
	color:rgb(20, 83, 122);
	font-weight: bold;
}


.social-row .fa{

	transition: all 0.7s;
}

.social-row .fa-twitter:hover{
	color:white;
	background:#61BCF6;
}

.social-row .fa-facebook:hover{
	color:white;
	background:#3B5998;
}

.social-row .fa-instagram:hover{
	color:white;
	background: #A53FB7; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(right top, #A53FB7, #FEC15D); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom left, #A53FB7, #FEC15D); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom left, #A53FB7, #FEC15D); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom left, #A53FB7, #FEC15D); /* Standard syntax */
}


.social-row .fa-google-plus:hover{
	color:white;
	background: #DB4437;
}

.social-row .fa-linkedin:hover{
	color:white;
	background: #0077B5;
}


.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
}

.urun-blogu .image { 
   position: relative; 
   width: 100%; 
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%);
    transition: filter 0.5s ease;
}

.urun-blogu .image:hover{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.urun-blogu .image:hover strong
{
  color:orange;
}

.urun-blogu strong { 
   position: absolute; 
   top:70%;
   width: 90%; 
   color:white;
   font-size:18px;
   left:1%;
   text-align:center;
   background:rgba(0,0,0,0.7);
   padding-top:10px;
   padding-bottom:10px;
   padding-left:5px;
   transition:all 0.4s;

}

.urun-blogu small{
	position: absolute; 
    top: 65%; 
    left: 13%;
    width: 100%; 
    color:white;
    font-size:15px;
}

@media screen and (max-width: 420px) {

.urun-blogu strong { 
   position: absolute; 
   top:50%;
   left:0%;
   width: 100%; 
   color:white;
   font-size:15px;
}

.urun-blogu small{
	position: absolute; 
    top: 65%; 
    left: 13%;
    width: 100%; 
    color:white;
    font-size:10px;
}



}

.center-div{
	padding-left:5%;
	padding-right: 5%;
}
@media screen and (max-width: 768px){

.center-div{
	padding-left:1%;
	padding-right: 1%;
}


.blog-haber-arka-plan-resmi{
	min-height:70%;
	max-height:99%;
	background-size:100% 100%;
	background-attachment:fixed;
	
}

}




/*   ahmet css bitiş */




.ribbon{

  position:absolute;
  padding:0;
  margin:0;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  transform-origin:0 100%;
  box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
  background-color:#f99140;
  color:white;
  height:30px;
  width:190px;
  top:-30px;
  transform:rotateZ(45deg);
  padding-left:0px;
  padding-right:0px;
  line-height:30px;
  right:-48px;
  -webkit-transform:rotateZ(40deg);
  -moz-transform:rotateZ(45deg);
  -o-transform:rotateZ(45deg);
  

}
.ribbon a{
color:white;
padding:0px;
font-size:bold;
}


.cr {
  width: 220px;
  padding: 16px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  font-weight:bold;
  
}

.cr-sticky {
  position: fixed;
}

/* Positions */


.cr-top    { top: 70px; }
.cr-bottom { bottom: 25px; }
.cr-left   { left: -50px; }
.cr-right  { right: -50px; }

/* Rotations */

.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg);
}

/* Colors */

.cr-white     { background-color: #f0f0f0; color: #444; }
.cr-black     { background-color: #333; }
.cr-grey      { background-color: #999; }
.cr-blue      { background-color: #39d; }
.cr-green     { background-color: #2c7; }
.cr-turquoise { background-color: #1b9; }
.cr-purple    { background-color: #95b; }
.cr-red       { background-color: #e43; }
.cr-orange    { background-color: #e82; }
.cr-yellow    { background-color: #ec0; }





.blog-haber-arka-plan-resmi{
	background-size:cover;
	background-image:url(../img/placeholder.png);
	min-height:70%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	

	
}

.blog-haber-resmi{

	width:100%;
	height:250px;
	transition:all 1.5s;
}




/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
ul.social-network li a {
 background-color: #E0CC18;
}

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoInstagram:hover {
	background-color:#D31F51;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: black;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}