@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
	background-color: white !important;
    padding-top: 125px;

    font-family: 'Open Sans', sans-serif;

}
.altresimyan:hover{
    /*color:rgba(58, 108, 165, 0.9);*/
}
.mescoimg{
	margin-right: -119px;
	bottom: 0;
	transition: 1s;
	width: auto;
	height: 25px;
}
.mescoimg:hover{
	margin-right: 0 !important;
	transition: 1s;
	margin-right: -119px;
	bottom: 0;
}
.padsil{
	padding:0 !important;
}
.yukleniyor{
    position: fixed;
    height: 100%;
    width: 100%;
    display: block;
    background-color: white;
    top: 0;
    z-index: 9988;
    display: table;
    text-align: center;
}
.etkin{
    transition: 4s;
}

.harita i{
    margin-right: 5px;
    position: fixed;
    top: 0;
    right: 0;
    z-index:9999;
}
/* start */
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */

/* stop */
.harita{
    display: none;
    
}
.etkinlik:hover p{
    color: rgb(58, 108, 165);
}
.etkinlik > hr,.sonetkinlik > hr{
    border-color:rgb(58, 108, 165) !important;
}
.etkinlik > .col-md-3 > i {
    font-size: 30px;
    vertical-align: -webkit-baseline-middle;
    color: rgb(77, 122, 173);
    margin: 0;
    /*margin-top: 25% !important;*/

}
.etkinlik > .col-md-3{
    text-align: center;
}
.haritac{
    background-color: rgba(58, 108, 165, 0.9) !important;
    color: white !important; 
    
    /*margin-top:10px;*/
    margin-bottom:10px !important;

}
.bultenekatil{
    color: white;
}
.listele:hover .alancik,.listele:active .alancik{
    -webkit-appearance: none;
    transition: 0.5s;
    top: 0;
    
}
/*resim:hover .resimalt{
    top: 0;
    transition: width 0.5s;
    }*/
    .listele:hover .resimalt{
        bottom: -100% !important;
        transition: 0.5s;
    }
    .haritaozellik{
        position: fixed;
        height: 100%;
        width: 100%;
        transition: width 0.5s;
        font-size: 40px;
        display: block;
        background-color: white;
        top: 0;
        z-index: 9988;
        display: table;
        text-align: center;
    }
    .loading{
        display: table-cell;
        vertical-align: middle;

    }
    .alancik > a > h1{
        color: white !important;
    }
    .alancik > a > h4{
        color: white !important;
    }
    .header{
       width: 100%;
       display: table;
       box-sizing: border-box;
       padding: 10px;
      /* background: rgba(58, 108, 165, 0.9);
       border-bottom: 1px solid #589ed9;*/
   }
   .iconlar{
    font-size: 50px;
}
.header-logo{
    /*max-height: 50px;*/
    max-width: 150px;
    width: auto;
}
.test{
    display: table;
    width: 100%;
    margin: 0 auto;
}
* {
    box-sizing: border-box;
}
.testi img{
    width: auto;
    height: 50px;
}
.burgermenu{
    color:white;
    width: auto;
    font-size:35px;
    /*float: right;*/
}
.burger{
    /*font-size: 40px;
    float: right !important;menu*/
}
.altresim{
    margin: 0;
    /*background-image: url();*/
    width: auto;
    max-width:100%;
    height: 250px;
    background-position: center;
    border-radius: 10px 10px 0 0;
}
.altresim > div{
width: 540px;
}
/*anamenu */
.list-group-item:last-child {
    border-bottom-right-radius: 0px !important; 
    border-bottom-left-radius: 0px !important; 
}
.anamenu{
    position: fixed;
    z-index: 9986;
    padding:0;
    width: 200px;
    transition: width 0.5s;
    right: -200px;
    
    background-color:white;



}
.dildestek{
    float: right;
}
.diller{
    margin-right:10px;
    font-size: 35px;
   /*float: right !important;
    right: 20px;
    top: 10px;*/
    border-radius: 5px;
}
.footer{
    /*background: rgb(62, 112, 169);*/
    margin-top: 15px;
    padding:20px;

}
.sosyalmedya{
    
}
.sosyalmedya i{
    
    font-size: 25px;
    color: white;
    margin: 2px 10px;
}
.testos:hover {
    background-color: white !important;
}
.testos{
    margin-right: 10%;
}
.arkaplangelsin{
    transition: 0.5s;
    height: 100%;
    width: 100%;

}
.arkaplangelsin:hover{
    transition: 0.5s;
    background: rgba(136, 180, 255,.7);
}
.alancik{
    position: absolute;
    color: white;
    float: right;
    height: 350px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    top: -350px;
    transition: height 0.5s;
    padding-top: 4%;
    overflow: hidden;
    right: 0;
    transition: 0.5s;

    
}

.list-group-horizontal .list-group-item {
    display: block;
}
.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    /*margin-left:-4px;*/
    margin-right: 0;
}
.list-group-item:first-child{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important; 
}
.list-group-horizontal .list-group-item:first-child {
    /*border-top-right-radius:0;
    border-bottom-left-radius:4px;*/
    border-top-right-radius: 0px !important;
}
.list-group-horizontal .list-group-item:last-child {
    /*border-top-right-radius:4px;
    border-bottom-left-radius:0;*/
    border-bottom-right-radius: 0px !important;
}
/*anamenu */
.altresimyan{
    
    background-color: white;
   /* height: 250px; */
    border-radius: 0 0 10px 10px;
    border: 1px solid #b9b7b7;
}
.altresimyan > div{
    width: 100%;

}

.icor:hover{
    opacity: 0.5;
}

.icor{
    padding-top: 5px;
    margin-top: 2px;
    /*background: rgba(58, 108, 165, 0.9);*/
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.3); 
    color: white;
    font-size: 50px;
    text-align: center;
    border: 1px solid #b9b7b7;
    cursor:pointer;
}
.icor p{
    font-size: 11px !important;
}

/*.anamenu{
    top: 116px !important;
}*/






.logolink{
	
    /*text-align: center;*/
}
.header-alt{
	background: rgba(253, 253, 253, 0.7);
    width: 100%;
    box-shadow: 0 3px 4px rgba(0,0,0,.3);
    padding: 10px 20px;
    color:#6B5E51;
    margin:0;
}
.test{
    position: fixed;
    z-index: 9986;
    width: 100%;
    top: 0px;
}



.aciklama{
    font-family: 'Noticia Text', serif;     
    font-size: 12px;
}
.altaciklama{
    font-family: 'Noticia Text', serif;
    font-size: 12px;
}
.etktext{
    text-align: center;
    font-family: 'Open Sans', monospace;
}
.etkin{
    animation: secilmis 2s ease-in-out infinite;
}


@keyframes secilmis {
  0% {
    opacity: 1;
}
50% {
 opacity: 0.2;
}
100% {
    opacity: 1;
}
}

.galeriler{
    width: 100%;
    height: 200px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    /* display: inline; */
    /* transition: 10s; */
    /* margin-left: -100%; */
    transition: 3s;
}
.galeriler.sadecesen {
    animation: sadecesen 8s ease-in-out infinite;
    
}

@keyframes sadecesen {
  0% {
    margin-left: 0%;
}
50% {
 margin-left: -100%;
}
100% {
    margin-left: 0%;
}
}

.anadiv {
    /* float: left; */
    display: -webkit-box;
    overflow: hidden;
}
.galeri{ 
    /*overflow: hidden;*/
    width: 100%;
    background: white;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #b9b7b7;
}
.sonetkinlik{
    word-wrap: break-word; 
    overflow: hidden;
    width: 100%;
    border: 1px solid #b9b7b7;
    background: white;
    border-radius: 5px;
    padding: 10px;
}
.altresimyan > h3 > i{
    /*color: rgb(98, 149, 216);*/

}
.alancik > a > b > h4{
    color: white;
}
.baslik{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: rgb(98, 149, 216);
    margin: 0;
}


.tarih{
	display: table;
    float: left;
    font-size: 20px;
    font-weight: 800;
    /*color: #4d7aad;*/
    text-shadow: 1px 1px rgba(0,0,0,.3);
    overflow: hidden;
}
.tarih i{
	max-height: 22px;
    width: auto;
    float: left;
    margin: 3px 7px 0 0;
    
}
.home{
	display: block;
    margin: 0 auto;
    /*float: left;*/
    text-align: center;
    cursor: pointer;
}
.home i{
	font-size: 26px;
    height: auto;
    /*color: #4d7aad;*/
}

.alancik > a > h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
}
.alancik > a > h4{
    font-family: 'Open Sans', sans-serif;
}
.telefon{
	display: table;
    float: right;
    font-size: 20px;
    font-weight: 800;
    color: #4d7aad;
    text-shadow: 1px 1px rgba(0,0,0,.3);
    text-align: right;
    overflow: hidden;
}
.telefon i{
	float: right;
    margin: 3px 0 0 7px;
    font-size: 22px;
}

.kolon{
	padding-top: 20px;
    padding-bottom: 20px;
}
.anaetkin{
    overflow: hidden;
    margin:0;
}
.resim{
    height: 300px;
    width: auto;
    background-position: center;/* center top*/
    background-repeat: no-repeat;
    overflow: hidden;
    transition: height 0.5s;
    transition: width 0.5s;
    background-size: 100%;
    border-radius: 2px 2px 2px 2px;
}

.kolon{
	padding-top: 20px;
	padding-bottom: 20px;
}
.listele{
	/*padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px; */
    padding-left: 0px !important; 
    overflow: hidden;
    padding-right: 0px !important;
    margin-bottom: 20px;
}
.listele a:hover{
	text-decoration:none;
}
a:hover{
    text-decoration: none;
}


.resimalt{
    transition: 0.5s;
    background: rgba(255,255,255,1);
    border-radius: 0 0 2px 2px;
    display: Table;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
    bottom: 0;
    position: absolute;
    border: 1px solid #b9b7b7;


}
a,a:active,a:hover{
    text-decoration:none;
}
.resimalt h1{
    font-family: "Open Sans", Arial, sans-serif;

    font-size: 25px;
    font-weight: bold;
    /*color: #0d487b;*/
    margin: 0 0 5px 0;
}
.resimalt h2{
	font-size: 16px;
    font-weight: 200;
    color: #999;
    margin: 0;
}
.altresimyan h5{
    margin-bottom: 22px;
}
/*genelrenkler*/
.genelrenk{
    color:rgb(88,29,39);
}
.genelrenkbg{
   background: rgba(122,7,39, 0.9);
}
/*genelrenkler*/
.havadurumuclass{
        margin: 10px 0;
    padding-left: 40px;
    position: relative;
    color: #871f3c;
    font-size: 26px;
    font-weight: 200;
}
.myfygroup .panel {
    border-radius:0px;
}
.myfygroup .panel-heading {
    border-radius: 0px;
    background-color: #871f3c;
    color: #fff;
    padding: 12px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.myfygroup .panel-body {
    background-color: transparent;
    padding: 15px 20px;
    border: 2px solid #871f3c;
}