@font-face {
    font-family: 'bristolregular';
    src: url('../fonts/bristol-webfont.woff2') format('woff2'),
         url('../fonts/bristol-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3 { font-family: 'bristolregular'; }
.hidden { display: none }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(230, 0, 100, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler { margin-top: -65px }

.main { width: 100%; overflow-x:hidden; }
.logo1 { margin-top: 78px; display: inline-block; max-width: 50% }

.mobillogo { display: none }
.mobilkapat { display: none }

.text-md-center .nav-link { font-family: 'bristolregular'; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color:#000; }
.text-md-center .nav-link a { display: flex }
.text-md-center .nav-link span { display:block; height: 90px; display: flex; margin-bottom: 5px }
.text-md-center .nav-link img { margin-bottom: 10px;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; align-self: flex-end;   }
.text-md-center .nav-link:hover{ text-shadow: 2px 2px 2px #82b48c; transform:translateY(-5px) }
.text-md-center .nav-link:hover img { transform: scale(.8) rotate(15deg) }
.text-md-center .nav-link.ters:hover img { transform: scale(.8) rotate(-15deg) }
img { max-width: 100% }
.bant1 { background-color:#ffc976; margin-bottom: 20px; position: fixed; width: 100%; z-index: 10; box-shadow: 0 -1px 5px #333 }
.bant1 a { color:#fff; font-size: 12px; padding:10px 0; display: inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; }
.bant1 a:hover { color:#333; text-decoration: none }
.bant1 .container > a::after { content: '|'; color:#fff; }
.bant1 .float-right a { padding-left: 10px }
.bant_yesil { background: URL(../images/yesil_bg1.jpg); padding:30px 0; position: relative;  }
.etkinlikler { min-width: 58px; display: block !important; background: #ffc976; padding: 20px 0; position: absolute; right: 0; top:20%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius: 9px 0 0 9px; z-index: 2 } 
.etkinlikler > div.baslik { writing-mode: tb-rl; writing-mode: vertical-rl;  color:#fff; font-size: 32px; font-family: 'bristolregular'; display: inline-block; padding: 1px; margin:1px; position: relative; float: left; cursor: pointer; }
  .etkinlikler.acik .baslik { height: 100%; position: absolute; left:0; top:0; }
.etkinlikler:hover { color:#000; text-decoration: none; text-shadow: 1px 1px #fff; background: #e3b36a; box-shadow: 0px 0px 4px #666; }
.etkinlikler .icerik { display: none; padding: 20px }
.etkinlikler.acik .icerik { display: block; float: right; padding-left: 80px }

.etkinlik_var { color:#fff; background: #ffc976; transition:all 0.5s; -webkit-transition:all 0.5s;  }
.etkinlik_var:hover { background:#fff !important; color:#ffc976; }

.bant_beyaz { background: URL(../images/beyaz_bg1.jpg); padding:30px 0 0; position: relative;  }
.bant_sari { background: URL(../images/sari_bg1.jpg); padding:30px 0; position: relative;  }
.bant_mavi { background: URL(../images/mavi_bg1.jpg); padding:30px 0 0; position: relative;  }
.footer { background:#000; color: #fff; padding:15px 0; }
.footer a { color: #fff }
.footer .sosyal a { color:#000; background: #fff; padding: 3px; margin: 0 3px; font-size: 20px; width: 32px; text-align: center; display: inline-block; border:#000 1px solid; transition: all 0.5s; -webkit-transition: all 0.5s;  }
.footer .sosyal a:hover { background: #000; border-color:#fff; color:#fff; }

.border1 { display: inline-block; margin:10px 0; box-sizing: border-box; position: relative;
    border-style: solid; border-width: 19px 13px; -moz-border-image: url(../images/sari_border.png) 18 12 17 16 stretch; -webkit-border-image: url(../images/sari_border.png) 23 12 17 16 stretch; -o-border-image: url(../images/sari_border.png) 18 12 17 16 stretch; border-image: url(../images/sari_border.png) 18 12 17 16 stretch; }
 .tarih1 { color:#fff; text-align: center; font-size: 20px;border: 5px solid #ffdc7a; background: #e94272; padding: 30px 8px; position: absolute; right: -35px; top:50%; transform: translateY(-50%); }
.devami1 {background: #e94272; color:#fff; font-size: 18px; font-style: italic; padding: 5px 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-bottom: 70px; display: inline-block; }
.devami1:hover { color:#000; text-decoration: none; box-shadow: 2px 2px 5px #333;  }
.sag_menu a { color:#000; font-size:20px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.sag_menu a:hover { margin-left: 5px; color:#999; text-decoration: none }
.sag_menu .form-control { border:2px solid #e94272; }
.sag_menu .btn-outline-secondary { color:#fff; background:#e94272; border:2px solid #e94272  }
.sag_menu .form-control::placeholder { color: #e94272; font-style: italic; }
.sag_menu .form-control::-webkit-input-placeholder  color: #e94272; font-style: italic; }
.sag_menu .form-control::-moz-placeholder  color: #e94272; font-style: italic; }
.sag_menu .form-control:-ms-input-placeholder  color: #e94272; font-style: italic; }
.sag_menu .form-control:-moz-placeholder { color: #e94272; font-style: italic; }
.ilgili1 { color:#000; font-size: 20px; font-family: 'bristolregular'; padding-bottom: 50px; margin:0 20px 0 0; display: inline-block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ilgili1 img { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.ilgili1:hover { color:#666; text-decoration: none }
.ilgili1:hover img { transform: scale(.95) }
.ilgili1 .tarih1 { border-width: 3px; font-size: 18px; right: 0; top:35%; padding: 15px 4px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.ilgili1:hover .tarih1 { right: 10px }
.galeri { min-height: 400px }
.galeri > div { text-align: center; }
.galeri-nav { border-top:3px solid #e94272; padding:40px 0; }
.galeri-nav a{ color:#000; font-family: 'bristolregular'; font-size: 28px; margin-bottom:30px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.galeri-nav a:hover { color:#e94272; text-decoration: none }
.galeri a { text-align: center; display: inline-block; }
.galeri .border1 { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: relative; display: inline-block;}
.galeri .border1:hover { transform: scale(.9) rotate(3deg); }
.galeri .video .border1::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background: URL(../images/video.png) center center no-repeat; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; }
.galeri .video .border1:hover::after { opacity: 0.5 }
.galeri .info { display: inline-block; width: 100%; height: 60px; overflow: hidden; color:#000; padding: 0 20px; margin-bottom: 30px; font-size: 20px}
.map { width: 100%; height: 500px; margin-bottom: 80px}

.iletisim .form-control { border-radius: 9px; box-shadow: 5px 5px 5px #ccc }
.suluk { position: relative; }
.suluk1 { -webkit-animation: suluk1 10s linear infinite; -moz-animation: suluk1 10s linear infinite; animation: suluk1 10s linear infinite; }
.damla { max-width: 5%; position: absolute; right: 0; top:85%; -webkit-animation: damla 2s linear infinite; -moz-animation: damla 2s linear infinite; animation: damla 2s linear infinite; }

.lowercase {text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.sonyazilar a {
    padding-bottom: 10px; display: inline-block;
}

.aktif_kategori { font-weight: bold; font-style: italic; }

.etkinlik_boxs .border1 { padding: 20px 10px;}
.etkinlik_boxs > div { margin-bottom: 30px }
.etkinlik_boxs a { color:#212529; display: block; transition: all 0.5s }
.etkinlik_boxs a:hover { text-decoration: none; color:#000; text-shadow: #666 1px 1px 3px; transform: scale(0.96)}

.bilgi_resim { margin: 10px }
.bilgi { margin-bottom: 30px; }

.share-group{margin:18px 25px 0 0}
.btn-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}
#socialShare ul{float:right;list-style:none outside none;margin:0;min-width:61px;padding:0}
.share{min-width:17px}
#socialShare li{display:block;font-size:18px;list-style:none outside none;margin-bottom:3px;margin-left:4px;margin-top:3px}
.btn-share{background-color:#BEBEBE;border-color:#CCC;color:#333}
.btn-twitter{background-color:#39C!important;width:51px;color:#FFF!important}
.btn-facebook{background-color:#3D5B96!important;width:51px;color:#FFF!important;background-color:#3D5B96!important;width:51px;color:#FFF!important}
.btn-google{background-color:#DD3F34!important;width:51px;color:#FFF!important}
.btn-linkedin{background-color:#1884BB!important;width:51px;color:#FFF!important}
.btn-pinterest{background-color:#CC1E2D!important;width:51px;color:#FFF!important}
.btn-mail{background-color:#FFC90E!important;width:51px;color:#FFF!important}
.caret{border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid;display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0;color:#666}
#socialShare{margin:0;margin-bottom:18px}
#socialShare > a{padding:6px 10px;color:#666}
#socialShare .btn-default i{color:#86754d}

@media screen and (max-width: 991px) {
	.bant1 .container { max-width: 960px }
	.galeri .info { font-size: 1.6vw; }
}
@media screen and (max-width: 850px) {
	.bant1 .container { max-width: 960px }
}
@media screen and (max-width: 767px) {
	.navbar .navbar-collapse { position: fixed; top:0; left:0; width: 100%; height: 100%; background: url(../images/beyaz_bg1.jpg); z-index: 1000 }
	.text-md-center .nav-link span { display: none }
	.mobillogo { display: block; max-width: 30%; margin: auto; margin-top: 5%; margin-bottom: 20px; transform:scale(0.10) rotate(-20deg); transition:all 0.5s; -webkit-transition:all 0.5s; }
	.show .mobillogo { transform: scale(1) rotate(0deg); }
	.navbar .nav-item { margin-top:500px; transition:all 0.5s; -webkit-transition:all 0.5s; }
	.navbar .show .nav-item { margin-top:2px; }

	.mobilkapat { display: block; position: absolute; right: 10px; top:10px; }


	.etkinlikler { font-size: 4vw; padding: 10px }
	.footer { font-size: 11px }
	.gonet { width: 40px; display: inline-block; }
	.footer .sosyal a { width: 20px; font-size: 12px; margin: 0 1px }

	.bant1 { display: none }
	.logo1 { margin-top: 40px;}

	h2 { font-size: 1.5rem; }

	.galeri .info { font-size: 1.6vw; }
}
@media screen and (max-width: 575px) {
	.suluk { max-width: 50% }
	.galeri .info { font-size: 2.8vw; }
}


@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 0
	}
	100% {
		background-position: 84px 120px
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 0
	}
	100% {
		background-position: 84px 120px
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 0
	}
	100% {
		background-position: 84px 120px
	}
}


@-webkit-keyframes suluk1 {
	0% {
		transform: rotate(-30deg)
	}
	5% {
		transform: rotate(0deg)
	}
	95% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-30deg)
	}
}

@-moz-keyframes suluk1 {
	0% {
		transform: rotate(-30deg)
	}
	5% {
		transform: rotate(0deg)
	}
	95% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-30deg)
	}
}

@keyframes suluk1 {
	0% {
		transform: rotate(-30deg)
	}
	5% {
		transform: rotate(0deg)
	}
	95% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-30deg)
	}
}

@-webkit-keyframes damla {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		top:200%;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes damla {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		top:200%;
	}
	100% {
		opacity: 0;
	}
}

@keyframes damla {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	95% {
		top:200%;
	}
	100% {
		opacity: 0;
	}
}