/**************************************************
              TEBESSUM KAHVESI CSS
***************************************************/
@font-face {
 font-family:PTSans Caption;
 src: url(/webfiles/css/tebessum/fonts/PTC55F.ttf);
}
@font-face {
 font-family:Roboto Bold;
 src: url(/webfiles/css/tebessum/fonts/Roboto-Bold.ttf);
}
@font-face {
 font-family:FuturaLight;
 src: url(/webfiles/css/tebessum/fonts/Futura(Light).ttf);
}
@font-face {
 font-family:Futura Regular;
 src: url(/webfiles/css/tebessum/fonts/ufonts.com_futura-regular.ttf);
}
@font-face {
 font-family:Oswald Bold;
 src: url(/webfiles/css/tebessum/fonts/Oswald-Bold.ttf);
}
@font-face {
 font-family:Oswald Regular;
 src: url(/webfiles/css/tebessum/fonts/Oswald-Regular.ttf);
}

.a_logo {
    width: 100%;
    float: left;
    padding-top: 5px;
    position: relative;
    background: #e9e6e6;
    padding-bottom: 5px;
}

.s_logo {
    margin-left: 10px;
    width: 19px;
    margin-right: 15px;
    float: right;
}

.s_logo img {
    width: 100%;
}

/** play **/
.play {
    opacity: 0;
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.23);
}

.play:hover {
    opacity: 1.0;
}

.play i {
    color: #FFF;
    font-size: 22px;
    padding-top: 31%;
}

/** Side menu **/
.side-menu {
    position: fixed;
    z-index: 999;
    top: 14%;
    width: 80px;
    background: #edecec;
    float: left;
    border-radius: 0 10px 10px 0;
}
.side-menu ul li p, .side-menu ul li a p {
    color: #939191;
    font-size: 10px;
    text-align: left;
    line-height: 11px;
    font-family: PTSans Caption;
    margin-top: 6px;
    margin-bottom: 0;
}
.side-menu ul {
    list-style: none;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
}
.side-menu ul li {
    padding: 10%;
    width: 100%;
    border-bottom: 1px solid #cecccc;
    border-bottom-right-radius: 10px;
}
.side-menu ul li  img, .side-menu ul li a img  {
    width: 35px;
    text-align: center;
}

/** page load pop up **/
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

.popup a {
	cursor: pointer;
	text-decoration:none;
}

br.both {
	clear:both;
}
.navbar-form {
    border: 0px;
}

form.navbar-form.navbar-right {
    border: 0;
    padding: 0;
}
#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute;
	height: 100% !important;
	width:100%;
	opacity: 0.85 !important;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index: 100000;
}

#popup {
	display:block;
	position:fixed;
	_position:absolute;
	height: auto;
	left: 50% !important;
	width: auto;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index: 200000000;
	padding:12px;
	font-size:13px;
	top: 4% !important;
	transform: translateX(-50%);
}

#popup h1 {
	text-align: center;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
}
#popup img {
	max-width:100% !important;
}
#popupClose {
	font-size: 16px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color: #000000;
	font-weight:700;
	display:block;
}

#button{
	text-align:center;
	margin:100px;
}

#contactArea img {
    width: 100%;
}
/** placeholder **/
::-webkit-input-placeholder {
   color: #c0c0c0 !important;
   font-size:12px !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #c0c0c0 !important; 
font-size:12px !important;   
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #c0c0c0 !important;
font-size:12px !important;   
}

:-ms-input-placeholder {  
   color: #c0c0c0 !important;  
   font-size:12px !important;
}
/** Anasayfa slider **/
.carousel,
.item,
.active {
    height: 100%;
    width: 100%;
}

.carousel-inner {
    height: 100%;
}

.foto a img:hover {
    opacity: 1.0;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fill img {
    height: 670px;
    width: 100%;
}
  .anasayfa_slider {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
}


/** Ana Alan **/
.ana_alan {
    width: 100%;
    position: absolute;
    float: left;
    padding-left: 12%;
    padding-right: 12%;
    z-index: 1;
    top: 2% !important;
}

.logo {
    width: 205px;
    float: left;
    top: 2%;
    left: 38%;
    position: relative;
}

.logo img {
    width: 100%;
}

/** menu **/
header {
    position:relative;
    width: 100%;
    background: #86272e;
    float: left;
    margin-top: 0%;
    border-radius: 10px 10px 0px 0px;
}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
    padding: 0;
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    margin-bottom: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#cssmenu:after,#cssmenu > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

#cssmenu #head-mobile {
    display:none
}

#cssmenu {
    font-family: PTSans Caption;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-left: 1%;
    padding-bottom: 5px;
    padding-top: 6px;
}

#cssmenu > ul > li {
    float:left;
    width: auto;
}

#cssmenu > ul > li > a {
    padding: 16px;
    font-size: 12px;
    letter-spacing:1px;
    text-decoration:none;
    font-family: PTSans Caption;
    color: #fff;
}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {
    color:#d87a7a;
}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
    color:#d87a7a;

}

#cssmenu > ul > li.has-sub > a {
    padding-right:30px;
}

#cssmenu > ul > li.has-sub > a:after {
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background: #FFF;
}

#cssmenu > ul > li.has-sub > a:before {
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background: #fff;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top:23px;
    height:0
}

#cssmenu ul ul {
    position:absolute;
    left:-9999px;
    margin-left: 14px;
    margin-top: -3%;
}

#cssmenu ul ul li {
    height: auto;
    padding: 2px;
    background: #db9a63;
    border: 1px solid rgba(150,150,150,0.15);
    transition:all .25s ease;
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover > ul {
    left:auto;
}

#cssmenu li:hover > ul > li {
    height:35px;
}

#cssmenu ul ul ul {
    margin-left:100%;
    top: 40px;
}

#cssmenu ul ul li a {
    width:170px;
    font-size:12px;
    text-decoration:none;
    color: #000;
    font-weight:400;
}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
    border-bottom:0
}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
    color:#8bc8e1;
}

#cssmenu ul ul li.has-sub > a:after {
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#ddd;
  
}

#cssmenu ul ul li.has-sub > a:before {
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#ddd;
  
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top:17px;
    height:0
}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background:#db9a63 !important;
	color:#8bc8e1;
}

#cssmenu ul ul ul li.active a {
    border-left:1px solid #333
}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
    border-top:1px solid #333
}

/** sosyal alan **/
.sosyal_alan {
    width: 100%;
    float: left;
    position: relative;
    border-radius: 0 0 10px 10px;
    background: #edecec;
    margin-top: 4px;
    padding: 7px 4% 0% 2.5%;
    height: 40px;
}

.sosyal_alan h1 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-family: Roboto bold;
    width: auto;
    float: left;
    color: #5396a5;
    margin-right: 1%;
    padding-top: 6px;
}

.sosyal_alan i {
    float: left;
    font-size: 15px;
    margin-top: 3px;
    padding-top: 2px;
}
.slide-box {
  display: block;
  width: 85%;
  padding: 0;
  float: left;
  position: relative;
}

ol.carousel-indicators {
    bottom: 0;
}

ol.carousel-indicators li, li.active {
    margin: 0 5px;
}
#slider {
  display: block;
  width: 100%;
  margin: 0;
  height: 27px;
  padding: 0;
  float: left;
  position: relative;
}

.slidee {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.5s linear;
}
#toggle-down i, #toggle-up i {
    text-align: center;
    color: #FFF;
    position: relative;
    font-size: 23px;
    padding-left: 8px;
    float: left;
    margin-top: 0px;
    padding-top: 0;
}
.foto a img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.basinda-gallery.row {
    margin-bottom: 3%;
    margin-top: 3%;
}
.slide-section {
  display:block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  transition: all 0.5s linear;
}
.arama_butonu {
    width: 100%;
    float: left;
    text-align:right;
    margin-bottom: 1%;
}

.active .slide-section {
  top: 0;
}

.top-slide .slide-section {
  top: -40px !important;
}

.slide-section h1 {
  display: block;
  text-align: left;
  color: #939393;
  margin-right: 10px;
  font-size: 11px;
  font-family: PTSans Caption;
  padding-left: 10px;
}

.slider .active {
  opacity: 1;
  z-index: 10;
}

.active .before-slide {
  top: -20px;
}

.active .after-slide {
  top: 20px;
}

.controls {
  display: inline-block;
  position: absolute;
  float: left;
  height: 30px;
  margin-left: 10px;
  width: 60px;
}

#toggle-up {
  color: #fff;
  width: 25px;
  height: 25px;
  background: #d2d2d2;
  position: relative;
  border-radius: 4px;
  top: 0px;
  float: left;
}
div#toggle-up:hover {
    background: #5396a5;
}

div#toggle-down:hover {
    background: #5396a5;
}
#toggle-down {
  color: #fff;
  width: 25px;
  height: 25px;
  background: #d2d2d2;
  position: relative;
  border-radius: 4px;
  left: 5px;
  top: 0;
  float: left;
}
.selected {
  background: rgba(255,0,0,0.6);
  
}
.paylas {
    position: relative;
    float: left;
    width: auto;
}
.begen a:hover {
    color: #FFF;
}
.stickySocial {
    position: relative;
    float: left;
}
.begen i {
    padding-top: 4px;
    font-size: 12px;
    margin-top: -2px;
}
.stickyBtn.tweet .button i {
    float: left;
    font-size: 11px;
    margin-top: -2px;
    padding-top: 0px;
    color: #0099e5;
    padding-right: 3px;
    padding-top: 2px;
}
form.navbar-form.navbar-right {
    margin-top: 0;
    margin-right: 0;
}

.arama_butonu .form-group input {
    height: 27px;
    border-radius: 40px;
    background: rgba(0,0,0,0.49);
    width: 300px !important;
    border: 1px solid rgba(0,0,0,0.49);
	color:#fff
}

.form-group .fa-search {
    border: 0 !important;
    background: none !important;
    margin-left: -2% !important;
    color:#9bb9cd !important;
	max-width:33px !important;
	position:absolute;
	margin-top:-24px;
	font-size:13px
}

.form-group {
    text-align: right;
	display:inline-block
}
.paylas_face a {
    color: #FFF;
}

.paylas_face a:hover {
    text-decoration: none;
    color: #FFF;
}
.stickyBtn{
  color:#FFF;
  text-decoration:none;
  text-align:center;
  width: 45px;
  border: 0;
}

.stickyBtn span{
	background: #405ba7;
	float:left;
	padding: 1px 6px;
	border-color:#e2e2e2;
	border-style: solid;
	font-size: 10px;
	border: 0;
	border-radius: 3px;
}
.stickyBtn .button{
	width: auto;
	display:block;
}
.stickyBtn .button:hover{
	opacity: 1;
	color:#CCC;
}
.stickyBtn .button:active{
	opacity: .95;
}
.side-menu ul li:hover {
    background: #ffffff;
}
.stickyBtn .count{
	width: auto;
	display:block;
	background-color:#fff;
	color:#000;
	border-width:1px 1px 1px 0;
	position: relative;
	min-width: 15px;
	font-size: 10px;
	padding: 1px;
	margin-left: 7px;
}
.stickyBtn .count:after{
	border: solid transparent;
	content: '';
	height: 0;
	width: 0px;
	position: absolute;
	border-color: transparent;
	border-right-color: white;
	border-width: 5px;
	left: -8px;
	top: 3px;
}

.stickyBtn.fbShare .button{
	background-color: #4a65ae;
	border: 0;
	background: linear-gradient(#4c69ba, #3b55a0);
	color: #FFF;
	padding: 1px 3px 1px 3px;
	font-size: 11px;
	border-radius: 3px;
}

.stickyBtn.tweet .button{
	border: 0;
	color: #000;
	border: 1px solid #CCC;
	font-size: 8px;
	border-radius: 3px;
	float: left;
	background: #eeeeee; 
	background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); 
	padding-bottom: 2px;
	padding-top: 3px;
}
.stickyBtn.pinIt .button{
	background-color:#d77980;
}
.stickyBtn.comment .button{
	background-color:#999;
}

.begen a:hover {
    text-decoration: none;
}.paylas_face {
    float: left;
    width: auto;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    padding-left: 5px;
    margin-right: 7px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.begen a {
    color: #FFF;
}
.begen {
    float: left;
    background: #4a65ae;
    width: 64px;
    background: linear-gradient(#4c69ba, #3b55a0);
    text-align: center;
    border-radius: 3px;
    padding-left: 5px;
    font-size: 12px;
    padding-right: 5px;
    margin-right: 1px;
}
.carousel-caption hr {
    width: 46%;
    float: left;
    text-align: center;
    margin: 0;
    margin-top: 4px;
}

.lc {
    background: #FFF;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.carousel-caption {background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 );padding-left: 8%;padding-right: 8%;bottom: 0px !important;position: absolute;left: 0;width: 100%;padding-bottom: 5% !important;}

.carousel-caption h1 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 27px;
    color:#FFF;
}
.carousel-caption a h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 27px;
    color:#FFF;
}
.yazi {
    width: 100%;
    padding-left: 27%;
    padding-right: 27%;
    text-align: center;
}
.sus {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 16%;
    padding-right: 16%;
}
.carousel-caption p {
    font-size: 14px;
    margin-bottom: 25px;
    padding-left: 13%;
    font-family: PtSans Caption;
    padding-right: 13%;
    color:#FFF;
}
.hakkimizda {
    width: 100%;
    position: relative;
    float: left;
    padding-left: 13%;
    padding-right: 13%;
}
.h_lc {
    background: #86272e;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.fazla {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
.fazla a:hover {
    background: #c5c5c5;
}
.fazla a {
    border: 1px solid #3c3c3b;
    color: #3c3c3b;
    padding: 10px;
    font-family: Oswald Regular;
    font-size: 13px;
}
.hak_icerik {
	background: url('/webfiles/images/tebessum/hak.png') center center / cover no-repeat;
	padding-left: 23%;
	padding-right: 23%;
	top: 0;
	float: left;
	padding-bottom: 50px;
	height: 100%;
	width: 100%;
}
.hakkimizda_baslik h1 {
    font-size: 26px;
    color: #86272e;
    font-family: Oswald Bold;
    margin-top: 13%;
}
.hakkimizda_subject {
    text-align: center;
    font-size: 13px;
    font-family: PTSans Caption;
    margin-bottom: 20px;
    line-height: 23px;
    color: #3c3c3b !important;
	height:418px;
	float:left;
	overflow:hidden
}

.hakkimizda_baslik {
    width: 100%;
    text-align: center;
	float:left
}

.sus_hak {
    width: 100%;
    padding-left: 23%;
    padding-right: 23%;
    float: left;
    margin-bottom: 3%;
}

.sus_hak hr {
    width: 45%;
    float: left;
    margin-top: 3px;
    border-color: #86272e;
}
/** menu kahve **/
.kahve_menu {
    width: 100%;
    float: left;
    position: relative;
    background: url(/webfiles/images/tebessum/cizgi.png) repeat;
    padding-left: 13%;
    padding-right: 13%;
}
.kahve_baslik{
	float:left;
	width:100%;
	text-align:center
}
.kahve_baslik h1 {
    font-size: 26px;
    color: #ffffff;
    text-align: center;
    font-family: Oswald Bold;
    margin-top: 5%;
}
.k_lc {
    background: #ffffff;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.sus_kahve {
    width: 100%;
    padding-left: 35%;
    padding-right: 35%;
    float: left;
    margin-bottom: 3%;
}

.sus_kahve hr {
    width: 45%;
    float: left;
    margin-top: 3px;
    border-color: #ffffff;
}
.kahve_icerik img {
    float: right;
    right: 0;
    margin-top: -6%;
    width: 201px;
}

.p_1 {
    width: 72%;
    height: auto;
    padding-bottom: 2%;
    min-height:200px;
    float:left;
}

.p_2 {
    width: 72%;
    height: auto;
    margin-top: 3%;
}

.p_1 img {
    float: left;
    width: 179px;
    margin-right: 10px;
    margin-top: 0;
}

.p_1 p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: PTSans Caption;
}

.p_2 p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 9%;
    line-height: 26px;
    font-family: PTSans Caption;
}

.kahve_icerik {
    height: 100%;
    position: relative;
    float: left;
    padding-bottom: 2%;
	width:100%
}

.p_2 img {
    float: right;
    top: 0;
    margin-top: 0;
    width: 200px;
}
/** Calisma Arkadaslari **/
.head2{
	font-size:2vh; 
	margin-left:10%;
}
.content {
	width: 100%;
	margin: 0 auto;
	list-style: none;
	float: left;
	padding: 0;
	margin-top: 3%;
}
.c_a {
    width: 100%;
    position: relative;
    padding-left: 13%;
    float: left;
    padding-right: 13%;
    padding-bottom: 5%;
}
.share .page > div p {
    margin-top: 13px;
    color: #7f7f7f;
    font-family: PTSans Caption;
}
.content li {
	display: inline-block;
	width: 20%;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	background: #f6ebeb;
	position: relative;
	float: left;
}
.content img {
	margin: 0;
	position: relative;
}

.page img {
	max-width: 100%;
	display: block;
	position: relative;
}
.content .social {
	position: absolute;
	top: 0;
	z-index: 5000;
	text-align: center;
	left: 0;
	background: rgba(0, 0, 0, 0.65);
	color: #ed4e6e;
	box-shadow:1px 1px 5px 5px rgba(0,0,0,.08);
}
.social .col-1{
	width:30%;
	float:left;
	border-right:1px solid #777777;
	height:100%;
}
.social .col-1 ul{
	margin-top:1em;
	padding:.2em;
}
.social .col-1 li{
	display:block;
	font-size:2em;
	color:#FFF;
	cursor:pointer;
}
.social .col-1 li:hover{
	color:#DA635D;
}
.social .col-md-2{
	width: 100%;
	display:inline;
	text-align: center;
	padding-top: 26px;
}
.c_baslik h1 {
    font-size: 26px;
    width: 100%;
    text-align: center;
    margin-top: 5%;
    font-family: Oswald Bold;
    color: #696969;
}

.c_lc {
    background: #696969;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

.sus_c hr {
    width: 45%;
    float: left;
    margin-top: 3px;
    border-color: #696969;
}

.sus_c {
    width: 100%;
    padding-left: 30%;
    padding-right: 30%;
    float: left;
    margin-bottom: 1%;
}
.social .col-md-2 span {
    color: #DDDDDD;
    display: block;
    margin: auto;
    padding: 5px;
    font-size: 12px;
}
.author{
		font-style:italic;
}
.content .social h3 {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-family: Oswald Bold;
    padding: 5px;
    margin-top: 40%;
}


.content .social a {
	text-align: center;
	padding: 5px;
	font-size: 14px;
	font-family: Oswald Regular;
	border-radius: 2px;
	display: inline-block;
	background: #FFF;
	color: #755d5d;
	cursor:pointer;
	margin-left: 5px;
}

.share li {
	-webkit-perspective:60%;
	-moz-perspective: 60%;
	perspective: 60%;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.share .page {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border: 1px solid #dedddd;
	text-align: center;
	height: 360px;
}

.share .page > div {
	overflow: hidden;
	height: 360px;
	text-align:center
}

.share .page img {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	height: 300px;
	border-bottom: 1px solid #cabdbd;
	padding: 27px;
	-moz-transition: -moz-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	display:inline-block
}

.share .page:hover > img
{
	-webkit-transform: translateX(23%);
	-moz-transform: translateX(23%);
	-ms-transform: translateX(23%);
	transform: translateX(23%);
	cursor: pointer;
}

.share .social {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}


.share .page:hover .social{
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.content .social a:hover {
	background: #ab7474;
	color:#fff;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	text-decoration: none;
}
/** Yorum **/
.galeri {
    width: 100%;
    float: left;
    position: relative;
    background: #ab7474;
    height: 500px;
    padding-left: 13%;
    padding-right: 13%;
}

.yorum_yap {
    width: 100%;
    float: left;
    padding-left: 46%;
}
a i.fa.fa-angle-right {
    padding-right:0;
}
.yorum_yap a {
    color: #696969;
    border: 1px solid #696969;
    padding: 9px;
    font-family: Oswald Regular;
}

.yorum_yap a:hover {
    background: #5c5a5a;
    color: #FFF;
}

.yorum {
    width: 100%;
    position: relative;
    float: left;
    padding-left: 13%;
    padding-right: 13%;
}

#sslider {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: 4px;
  height: 250px !important;
  width: 100% !important;
}

#sslider ul {
  position: relative;
  margin: 0;
  padding-left: 8%;
  padding-right: 8%;
  margin-left: 0 !important;
  width: 100% !important;
  height: 100%;
  list-style: none;
}

#sslider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
}

.control_prev, .control_next {
  position: absolute;
  top: 0%;
  z-index: 999;
  display: block;
  padding: 0% 3%;
  width: auto;
  height: auto;
  color: #7c7b73;
  margin-top: 1%;
  text-decoration: none;
  font-weight: 600;
  font-size: 39px;
  opacity: 1.0;
  cursor: pointer;
}

.control_prev:hover, .control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

.control_prev {
  border-radius: 0 2px 2px 0;
}

.control_next {
  right: 0;
  border-radius: 5px 0 0 5px;
}

.yazi h1 i {
    margin: 5px 0px 10px 0px;
}
.y_baslik {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 3%;
}

.y_baslik h1 {
    color: #696969;
    font-size: 32px;
    margin-bottom: 5%;
    font-family: Oswald Bold;
}

.y_baslik i {
    margin-bottom: 1%;
    color: #696969;
}

#adsoyad {
    font-size: 20px;
    height: auto;
    font-family: Oswald Regular;
    color: #696969;
	float:left;
	width:100%
}

#oneri {
	font-size: 17px;
	float: left;
	word-wrap: break-word;
	width: 100%;
	font-family: PTSans Caption;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 28px;
	color: #000;
}

.comment {
    width: 80%;
    float: left;
    position: relative;
	margin:0 10%;
	text-align:center;
}

.resimm {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 16px;
}

/** YILDIZ */
.yildiz {
	width: 100%;
	float: left;
}

.rating {
  display: block;
  height: 150px !important;
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: center;
}

.rating .star {
  display: none;
}

.rating label {
  color: #b1aaaa;
  display: inline-block;
  top: 0;
  font-size: 34pt;
  height: 100%;
  margin: 0;
  transition: transform .15s ease;
}

.rating label:hover,
.rating label:hover ~ label {
  color: #0b7a81;
}

.rating .star:checked ~ label {
  color: #0b7a81;
}
.y_icerik {
	background:url('/webfiles/images/tebessum/yorum.png') center center / cover no-repeat;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	padding-bottom: 4%;
}
.harita {
    width: 100%;
    position: relative;
    float: left;
    height: auto;
    padding: 0;
}
.footer {
    width: 100%;
    position: relative;
    float: left;
    padding-left: 13%;
    padding-right: 13%;
}
.f_logo {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 4%;
}

.f_logo img {
    width: 150px;
}

.adres img {
    width: 80px;
}

.adres {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 0%;
    margin-top: 2%;
}

.adres p {
    font-size: 14px;
    text-align: center;
    color: #3c3c3b;
    font-family: PTSans Caption;
}
span.input-group-addon {
    float: right;
    right: 0;
    padding: 0;
    z-index: 2;
    margin-right: 0%;
    margin-top: 1%;
    position: absolute;
    border: 0;
}

input#inputGroupSuccess1 {
    border-radius: 0;
    background: #FFF;
    z-index: 0;
    border: 1px solid #333232;
    padding: 0;
    padding-left: 10px;
    width: 170px !important;
}

.e_bulten .form-group input {
    background: #FFF;
    height: 27px;
    width: 190px;
}

span.input-group-addon:first-child {
    border-right: 0;
    background: #86272e;
    width: 27px;
    height: 27px;
    border-radius: 0;
    padding-top: 5px;
    color: #FFF;
    margin-top: 0;
    z-index: 5;
}
.e_bulten {
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    margin-top: 2%;
}
.e_bulten h1 {
    font-size: 18px;
    font-family: Oswald Bold;
}
.e_bulten .form-group {
    margin: 0 auto;
	margin-bottom:2%;
    width:50%;
	text-align: center;
}
/** Footer sosyal medya **/
.f_sosyal {
    width: 100%;
    float: left;
    margin-bottom: 5%;
	text-align:center;
}
.f_sosyal a {
    color: #FFF;
}
.f_sosyal div{
display:inline-block;
}
.f_yuvarlak {
    width: 25px;
    border: 1px solid #4e71a8;
    border-radius: 50%;
    height: 25px;
    font-size: 12px;
    background: #4e71a8;
    color: #FFF;
    padding-top: 3px;
}
.t_yuvarlak {
    width: 25px;
    border: 1px solid #000;
    border-radius: 50%;
    height: 25px;
    font-size: 12px;
    background: #000;
    padding-top: 3px;
    color: #FFF;
}
.i_yuvarlak {
    width: 25px;
    border-radius: 50%;
    height: 25px;
    font-size: 12px;
    padding-top: 3px;
	color: #FFF;
    background: #cd486b;
}
.link_yuvarlak {
	margin-left:7px;border-color:#0e76a8;background:#0e76a8;
}
/** Galeri **/
.galeri ul li.active {
    width: 35px;
    height: 35px;
    background: #86272e;
}
.nav-tabs>li {
    width: 35px;
    height: 35px;
}
.nav-tabs {
	border:0;
	padding-left: 39%;
	height: 80px;
	margin-top: 3%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #86272e;
    border: 1px solid #FFF;
    border-radius: 3px;
}
.nav-tabs>li >a, .nav-tabs>li >a:focus, .nav-tabs>li >a:hover {
    border: 0 !important;
    border-radius: 3px;
}
.nav-tabs>li h1 {
    font-size: 20px;
    margin-top: 4px;
    font-family: Oswald Bold;
    margin-left: 15px;
    margin-right: 15px;
}

.nav-tabs ul li {
    width: 30px;
    height: 30px;
}

.nav-tabs>li a {
    border-radius: 3px;
}

.nav-tabs>li a i {
    top: 3px;
    right: 0;
}

.galeri ul li a {
    width: 30px;
    height: 100%;
    width: 100%;
    height: 100%;
    font-family: Oswald Regular;
    padding: 0;
    float: left;
}

ul.nav.nav-tabs {
    padding-left: 36%;
    margin-top: 3%;
}

.galeri ul li.active a {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 3px;
    float: left;
}
.galeri ul li.ozel a i {
    top: 7px;
    right: 7px;
    font-size: 20px;
    color: #FFF;
}
.galeri ul li a i {
    top: 7px;
    right: 5px;
    font-size: 20px;
    color: #FFF;
}

.galeri ul li.active a i {
    top: 7px;
    right: 5px;
    font-size: 20px;
    color: #FFF;
}


/** Harita **/
.narrowchart {padding:20px;max-width: 100%;margin: 0;top: 0;position: relative;padding: 0;}
.accordianheader {color:#fff;background: #939191;padding: 8px 20px;font-family: Oswald Bold;
margin-top:20px;text-align: center;}
.accordianbody {background:#f4f4f4;}
.accordianbody ul {margin:0; list-style:none; padding:0;}
.accordianbody ul li {padding: 0;border-bottom: 1px solid lightgrey;}

li i { position:absolute;
  right: 20px;
  top:14px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;}

.ui-state-active i {
    color: #000000;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
li iframe {
    min-width: 100%;
    min-height: 250px;
}
.accordianheader h3 {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 5px;
    margin-top: 7px;
	color:#fff
}

.accordianheader h3 i {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
.popup-gallery.row {
    width: 100%;
    margin: 0;
    padding: 6%;
    padding-bottom: 7%;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
    padding-bottom: 4%;
    padding-right: 0;
}
.foto {
    float: left;
    position: relative;
    width: 18%;
    height: 130px;
    background: #FFF;
    margin: 1%;
}
.popup-gallery.row a img {
    width: auto !important;
    height: auto !important;
	max-width: 100% !important;
    max-height: 100% !important;
    opacity: 0.50;
    text-align: center;
}

.galerim .img-wrapper {
    width: 85%;
    margin-left: 8%;
}

.galerim #lightbox {
    position: relative;
    width: 43%;
    margin-top: 5% !important;
    margin: 0 auto;
    margin-left: 39%;
    background-color: #000;
}

.popup-gallery.row a img:hover {
    opacity: 1.0;
}
.butonlarr {
    width: 98%;
    position: absolute;
    top: 310px;
	margin-left:1%;
	margin-right:1%
}

.butonlarr span {
    border: 1px solid #FFF;
    font-size: 21px;
    float: left;
    color: #FFF;
    border-radius: 3px;
    padding: 7px;
}
.butonlarr i {
	color:#fff
}

.tum {
    float: left;
    border: 1px Solid #FFF;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px;
    padding-top: 12px;
}

.tum h1 {
    font-size: 14px;
    margin-top: 0;
    color: #FFF;
    font-family: Oswald Regular;
    margin-bottom: 0;
}
.videolarim {
    float: left;
    position: relative;
    width: 18%;
    background: #FFF;
    margin: 1%;
}
.videolarim img {
    width: 100%;
}

.ikon {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    border: 1px solid #fff;
}
li.genis {
    width: auto;
    float: left;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #FFF;
    margin-left: 4% !important;
    background: none;
}
li.genis.active a:focus {
    color: #fff;
}
li.genis a {
    color: #FFF;
    padding: 6px 5px 0 5px !important;
}
li.genis a:hover {
    color: #FFF;
}
li.genis_bas {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 3px;
    color: #FFF;
}
.ikon:hover {
    background: #86272e;
}

.nav-tabs>li>a:hover {
    background: #86272e;
    border: 0;
}
li.genis.active {
    width: auto !important;
}

li.genis.active a {
    color: #FFF;
}

li.genis.active a:hover {
    background: #ab7474;
    color: #FFF;
}
.tab-content {
    margin-top: 2%;
}
.galeri ul li.ozel.active a i {
    right: 7px;
}
a.video.PopupVideo {
    width: 18%;
    margin: 1%;
    height: 130px;
}

li.active {
    margin: 0;
}


/** icerikler **/
fieldset {
border:1px solid #D9D9D9;
margin:0;min-width:0;padding:20px;clear:both}
label{display: table;font-weight:700;margin-bottom:5px;
margin-left:0!important;text-align:left!important;margin-top:0!important;
padding:0!important;}label img{width:auto!important;height:33px!important}
.error {
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
  background-color: rgb(228, 83, 83);
  padding: 10px;
}
.errors { display:inline-block}
fieldset input,fieldset textarea{
width:100%;border:1px solid #D9D9D9;border-radius:4px;padding:7px;margin-bottom:5px;
float:left;clear:both}
fieldset input[type="submit"]{width:100%;margin:0;padding:8px 5px;
background:#E57070;color:#fff}
.search-input-name-islem{float:left;font-size:14px;margin-bottom:10px;width:250px}
.search-input-name-islem > input{margin-right:10px}
.bread-Crumbs{position:absolute;bottom:80px}
.bread-Crumbs a{float:left;color:#6893C7;text-shadow:#153152 0 1px 0}
.bread-Crumbs a i{float:left}.bread-Crumbs a:last-child:before{display:none}
.bread-Crumbs a:before{float:right;font-size:10px;margin:5px 10px}
.bread-Crumbs a:hover{color:#FFF}
.sub-content{float:left;clear:both;width: 100% !important;}
.sub-container{background:#fff;border-bottom: 30px;float:left;border-radius: 10px 10px 0px 0;
-webkit-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);
-moz-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);
box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);}
.sub-container-left{float:left;border-radius: 10px 10px 0px 0;
background: #edecec;width:100%;-webkit-box-shadow: 0px 0px 13px 0px rgba(99,98,99,0.3);
-moz-box-shadow: 0px 0px 13px 0px rgba(99,98,99,0.3);box-shadow: 0px 0px 13px 0px rgba(99,98,99,0.3);}
.sub-left-container{margin-right:1.3%;width:25%;background:transparent;
-webkit-box-shadow:0 0 0 0 rgba(50,50,50,0.05);-moz-box-shadow:0 0 0 0 rgba(50,50,50,0.05);
box-shadow:0 0 0 0 rgba(50,50,50,0.05)}
.sub-right-container{width:73.7%;border-radius: 10px 10px 0px 0;}
.sub-container-head{display:table;white-space:nowrap;width:100%;height:57px;vertical-align:middle;}
.sub-container-title{width:70%;color: #5396a5;font-size: 17px;font-family: Oswald Bold;font-weight: bold;
padding-top: 12px;text-shadow:#FFF 0 1px 0;float:left}
.sub-left-container .sub-container-title{text-indent:8%;font-family: Oswald Bold;}
.sub-container-links{width:100%;float:left;border-top: 2px solid #E8E6E6;}
.sub-container-links ul{list-style-type:none;margin:0;width:100%;float:left;padding:0;}
.sub-container-links ul li{float:left;width:100%;border-bottom:1px solid #EDEAEA}
.sub-container-links a{float:left;width:100%;padding:5%;font-size: 14px;font-family: PTSans Caption;
text-indent: 3%;color: #424242;background: #FFF;transition-duration:.2s;transition-property:all;
transition-timing-function:ease;}
.sub-container-links li:last-child{border:0}
.sub-container-links a:hover{color:#ec2635}
.sub-container-links a:hover::before{padding-right:15px}
.sub-container-links a:before{padding-right:7px;font-size:12px;transition-delay:0;transition-duration:.2s;
transition-property:all;transition-timing-function:ease}
.sub-container-left-banner{float:left;width:100%;margin-top:18px}
.sub-container-left-banner a{float:left;margin-bottom:18px;width:100%;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden;
-webkit-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);-moz-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);
box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);border-bottom:3px solid #FFF}
.sub-container-left-banner img{float:left;width:100%}
.sub-container-textSize{float:right;width:60%;height:56px}
.sub-container-textSize span{float:left;border:1px solid #CDCDCD;color:#818181;width:25px;font-weight:300;
text-align:center;white-space:nowrap;height:25px;-webkit-border-radius:3px;
-moz-border-radius:3px;border-radius:3px;margin-left:5%;font-size:13px;margin-top:15px;cursor:pointer}
.sub-container-textSize span:hover{background:#E5875A;color:#FFF}
.sub-container-content{width:100%;float:left;padding: 3%;line-height:25px;background: #FFF; font-family: PTSans Caption !important;
border: 1px solid rgba(204, 204, 204, 0.27);-webkit-box-shadow: 0px 0px 13px 0px rgba(99,98,99,0.3);
-moz-box-shadow: 0px 0px 13px 0px rgba(99,98,99,1);box-shadow: 0px 0px 13px 0px rgba(99, 98, 99, 0.3);}
.sub-container-content .project{width:187px;margin-bottom:10px}
.sub-container-content .project .project-category img{width:auto!important;margin:0}
.sub-container-content ul{float:left;width:100%;}
.sub-container-content img{width:auto !important;max-width:100%;clear:both;margin:10px 0;-webkit-border-radius:5px;
-moz-border-radius:5px;border-radius:5px;width:100%;height:auto!important;}
.sub-container-content img:first-child{margin-top: 0;}
.sub-container-content p{width:100%;clear:both;float:left;margin:10px 0;font-family: PTSans Caption;
font-size: 14px;}
.sub-container-content-footer{float:left;width:100%;border-bottom:0px dotted #E7E7E7;}
.content-date{color:#B8B8B8}.sideBar{display:none;position:absolute;background:#E48036;border:1px solid #E08847;left:0;float:left;top:390px;width:60px;min-height:300px;z-index:1000;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;webkit-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);-moz-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05)}.sideBar a{float:left;width:100%;height:50px;border-top:1px solid #E29964;border-bottom:1px solid #D27028}.sideBar a:first-child{border-top:0}.sideBar a:last-child{border-bottom:0}.sideBar a:hover{background:#D87B35}.routing-links{font-weight:700;border-bottom:1px dotted #C6C6C6;font-weight:500;-webkit-transition:background-color 0.3s,border-color .3s;transition:background-color 0.3s,border-color .3s}.routing-links:hover{border-color:rgba(52,73,94,0);background-color:rgba(52,73,94,0.1);color:#3D6DA1}.sub-page-bar-Uskudar-Places{float:right;height:146px;width:50%;margin-top:9px}.content-share{float:left;width:100%}.content-share .face{float:right;margin-right:10px}.content-share .twit{float:right;margin-top:5px;}.sub-container-links a.active{color:#ec2635}.sub-container-links a.active:before{padding-right:15px}.sideBar{display:none;position:absolute;background:#E48036;border:1px solid #E08847;left:0;float:left;top:390px;width:60px;min-height:300px;z-index:1000;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;webkit-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);-moz-box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05);box-shadow:2px 2px 5px 0 rgba(50,50,50,0.05)}.sideBar a{float:left;width:100%;height:50px;border-top:1px solid #E29964;border-bottom:1px solid #D27028}.sideBar a:first-child{border-top:0}.sideBar a:last-child{border-bottom:0}.sideBar a:hover{background:#D87B35}.routing-links{font-weight:700;border-bottom:1px dotted #C6C6C6;font-weight:500;-webkit-transition:background-color 0.3s,border-color .3s;transition:background-color 0.3s,border-color .3s}.routing-links:hover{border-color:rgba(52,73,94,0);background-color:rgba(52,73,94,0.1);color:#3D6DA1}.sub-page-bar-Uskudar-Places{float:right;height:146px;width:50%;margin-top:9px}.box-listing{width: 100%;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;/* border-radius:5px; */padding: 4%;/* border:1px solid #F1F1F1; *//* border-bottom:4px solid #D9D9D9; *//* margin-bottom:10px; */position:relative;margin-left: 0%;margin-bottom: 2%;overflow:hidden;text-shadow:#fff 0 1px 0;background-color: #edecec;-moz-transition:all .3s;transition:all .3s;}.box-listing:hover:before{}.basinda-gallery-box:hover .box-listing-info,.activity-gallery-box:hover .box-listing-info,.park-gallery-box:hover .box-listing-info{color:#5985B5;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.photo-gallery-box{width:32.3333%;height:auto;margin-right:1%;height:250px}.video-gallery-box{width:32.3333%;height:auto;margin-right:1%;height:250px}.box-listing-img{float:left;width:17%;height: 13%;margin-right:5%;position:relative;/* z-index:5 */text-align: center;}.photo-gallery-box .box-listing-img{width:100%;text-align:center;margin-bottom:15px;height:119px;overflow:hidden;border-radius:5px;}.video-gallery-box .box-listing-content{width:100%;text-align:center;margin-bottom:15px;height:119px;overflow:hidden;border-radius:5px}video-gallery-box .box-listing-img{width:100%;text-align:center;margin-bottom:15px;height:119px;overflow:hidden;border-radius:5px}.box-listing-img img{margin:0;width: auto !important;}.box-listing-content{width:77%;float:left;position:relative;/* z-index:5 */}.basinda-gallery-box .box-listing-img{width:20%}.basinda-gallery-box .box-listing-content{width:75%}.box-listing-title{float:left;font-size:18px;font-family: Oswald Bold;color: #86272e;width:100%;}.box-listing-info{width:100%;float:left;color: #000000;font-family: PTSans Caption;padding:10px 0;border-bottom:1px solid #E2E2E2;margin-bottom:5px;}.bulten-listing-content{width:100%;text-align:center;margin-bottom:15px;height:100px;overflow:hidden;border-radius:5px;border-bottom:1px dotted #d2d2d2;float:left;text-align:left}.bulten-listing-title{float:left;font-size:23px;width:100%;color:#e58341;font-weight:700;margin:0 0 10px}.bulten-listing-info{float:left;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;display:inline-block;font-size:15px;margin-right:10px;padding:4px 10px;text-align:center;text-decoration:none}.bulten-listing-info a{color:#000;text-decoration:none}.bulten-listing-date{color:#6f6f6f;float:left;font-size:21px;line-height:0;margin:10px 0 20px;width:100%}.basinda-gallery-box .box-listing-info{font-size:17px}.activity-gallery-box .box-listing-info,.park-gallery-box .box-listing-info{font-size:17px}.box-listing-date{width:100%;float:left;color:#9F9F9F}.grid-wrap figure{-webkit-transition:opacity .2s;transition:opacity .2s}.grid-wrap figure:hover img{opacity:.7}.grid-wrap figure img{-webkit-transition:opacity .5s;transition:opacity .5s}.search-filter{width:106.4%;background:#F7F7F7;float:left;position:relative;padding:20px;left:-26px;margin-bottom:15px;margin-top:-17px;border-bottom:1px solid #E5E5E5;border-top:1px solid #FFF;overflow:hidden;text-shadow:#fff 0 1px 0;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eaeaea));background-image:-webkit-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-moz-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-ms-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-o-linear-gradient(top,#f9f9f9,#eaeaea);background-image:linear-gradient(top,#f9f9f9,#eaeaea);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#eaeaea')}input#search-project{width:100%;padding:10PX;border:0;border:3px solid #ECECEC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#F18948;font-size:14px;position:relative}input#search-project:focus{border-color:#FFCFB0}.search-filter:after{font-family:"Ionicons";content:'\f4a4';position:absolute;right:10px;bottom:30px;font-size:140px;color:rgba(0,0,0,0.04);text-shadow:rgba(0,0,0,0) 0 1px 0}input#search-project::-webkit-input-placeholder{color:#dddd}input#search-project::-moz-placeholder{color:#dddd}input#search-project:-ms-input-placeholder{color:#dddd}input#search-project:-moz-placeholder{color:#dddd}.photo-gallery-box:before,.video-gallery-box:before,.basinda-gallery-box:before,.activity-gallery-box:before{font-family:"Ionicons";position:absolute;right:-4px;bottom:30px;font-size:140px;color:rgba(0,0,0,0.04);text-shadow:rgba(0,0,0,0) 0 1px 0}.park-gallery-box{background-color:#f1f1f1;background-image:url(/images/park-ico.png)!important;background-position:right bottom;background-repeat:no-repeat;color:rgba(0,0,0,0.04);height:79px;min-height:136px;text-shadow:0 1px 0 rgba(0,0,0,0);width:100%}.park-gallery-box:hover{background-image:url(/images/park-hover-ico.png)!important;background-position:right bottom;background-repeat:no-repeat}.photo-gallery-box:before{content:'\f148'}.video-gallery-box:before{content:'\f24c';font-size:120px}.basinda-gallery-box:before{}.activity-gallery-box:before{content:'\f3f4'}.search-info{width:100%;float:left;color:#F18948;font-size:16px;margin-bottom:15px;padding-bottom:10px;text-align:right;border-bottom:1px DOTTED #DDD}.highlight{background-color:#fff34d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.23);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.23);box-shadow:0 1px 4px rgba(0,0,0,0.23)}.lightGallery,.video{list-style-type:none;padding:0;float:left;width: 18%;margin-bottom: 2%;padding:15px 20px;padding-bottom:25px;margin-right: 2%;position:relative;overflow:hidden;}.lightGallery:before{content:'\f148';position:absolute;color:rgba(242,242,242,1);font-size:8em;right:3%;bottom:-15px;font-family:"Ionicons";speak:none;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(-26deg);-webkit-transform:rotate(-26deg);-moz-transform:rotate(-26deg);-o-transform:rotate(-26deg);-ms-transform:rotate(-26deg)}.lightGallery figure,.video figure{padding:0;margin:0;float:left;border: 0;margin-right:2%;width: 100%;cursor:pointer;overflow:hidden;position:relative;text-align:center;height: 100%;}.video li{padding:0;margin:0;float:left;margin-right:1%;margin-bottom:1%;width:18.9%;cursor:pointer;border:5px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,0.18);overflow:hidden;position:relative;text-align:center;height:150px;line-height:16px}.video li span{color:#6495BF;display:inline-block;margin-top:5px}.video li img,.video figure img{margin:0;width:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.video li:hover .mask,.video figure:hover .mask{opacity:1}.video:before{/* content:'\f24d'; */position:absolute;color:rgba(242,242,242,1);font-size:8em;right:5px;bottom:-15px;font-family:"Ionicons";speak:none;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(-26deg);-webkit-transform:rotate(-26deg);-moz-transform:rotate(-26deg);-o-transform:rotate(-26deg);-ms-transform:rotate(-26deg);}.lightGallery figure img,.video figure img{margin:0;width:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.lightGallery figure:hover .mask,.video figure:hover .mask{opacity:1}.mask{opacity:0;overflow:visible;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:absolute;z-index:10;top:0;width:100%;height:100%;background:rgba(0,0,0,0.23)}.mask i{color:#FFF;font-size:35px;}.municipal-staff{display:inline-block;width:181.66666px;background:#F7F7F7;padding:10px;border:1px solid #EFEFEF;margin-right:2%;margin-bottom:1%;border-bottom:4px solid #DADADA;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;text-shadow:#fff 0 1px 0;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eaeaea));background-image:-webkit-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-moz-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-ms-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-o-linear-gradient(top,#f9f9f9,#eaeaea);background-image:linear-gradient(top,#f9f9f9,#eaeaea);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#eaeaea');-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.municipal-staff:hover{background:rgba(236,236,236,0.72)}.municipal-staff figure{width:100%;display:inline-block}.municipal-staff figure img{margin:0;border-top:1px solid #E7E7E7;background:#FFF;max-height:200px}.municipal-staff figure figcaption{font-size:11px;width:100%;display:inline-block;margin-top:15px;font-size:13px;color:#968C8C}.municipal-staff figure figcaption h3{height:40px;font-size:17px;margin:0;color:#346DA7}.municipal-staff figure figcaption p{margin:0}.icerik-resimGaleri > img{margin:5px;max-height:141px;width:172px!important}.general-button-group{font-size:15px;text-shadow:#FFF 0 1px 0;font-weight:700;border-bottom:1px solid #F8F8F8;padding-bottom:10px}.mudurlukler-links{float:none;margin-right:1%;margin-bottom:0;background:#BB555E;border-radius:5px;color:#FFF;text-shadow:0 0;line-height:18px;font-size:15px;font-weight:700;border:0;display:inline-block;width:188.66666px;height:140px;position:relative}.mudurlukler-links:hover{background:#D5747D}.mudurlukler-links img{width:auto}.mudurlukler-links figure{background:transparent;text-align:center;margin-bottom:15px;height:60px;position:relative;display:inline-block;display:inline-block;position:relative;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s}.mudurlukler-links figure img{background:transparent;display:inline-block;width:60px!important;border:0;display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.mudurlukler-links figure img[src*="pixel"]{width:auto!important;height:auto;border-radius:0}.mudurlukler-links span{display:inline-block;width:100%;text-shadow:#993F47 0 1px 0;width:90%;height:40px;font-weight:700;left:0;right:0;margin:0 auto;margin-top:0}.st-accordion{width:100%;min-width:270px;margin:0 auto}.st-accordion ul li{height:100px;border-bottom:1px solid #c7deef;border-top:1px solid #fff;overflow:hidden}.st-accordion ul li:first-child{border-top:none}.st-accordion ul li > a{font-family:'Josefin Slab',Georgia,serif;text-shadow:1px 1px 1px #fff;font-size:46px;display:block;position:relative;line-height:100px;outline:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.st-accordion ul li > a span{background:transparent url(../images/down.png) no-repeat center center;text-indent:-9000px;width:26px;height:14px;position:absolute;top:50%;right:-26px;margin-top:-7px;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.st-accordion ul li > a:hover{color:#1693eb}.st-accordion ul li > a:hover span{opacity:1;right:10px}.st-accordion ul li.st-open > a{color:#1693eb}.st-accordion ul li.st-open > a span{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);right:10px;opacity:1}.st-content{padding:5px 0 30px}.st-content p{font-size:16px;font-family:Georgia,serif;font-style:italic;line-height:28px;padding:0 4px 15px}.st-content img{width:125px;border-right:1px solid #fff;border-bottom:1px solid #fff}.sub-container-content .fleft{width:100%;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:4px solid #5B7FA8;border-radius:5px}.sub-container-content .calendar-head{width:100%;margin:0;height:50px;border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC}.sub-container-content .calendar-date{text-shadow:0 0 0;color:#F18948;line-height:50px}.sub-container-content .calendar-area{height:auto}.sub-container-content .calendar-div{height:80px;line-height:85px;font-size:1.2em}.sub-container-content .calendar-div .activity-icon img{max-width:25px;left:10px;top:10px}.sub-container-content .calender-days{height:40px;border-bottom:0;border-bottom:4px solid rgba(0,0,0,0.13);border-left:1px solid #CCC;border-right:1px solid #CCC}.sub-container-content .calender-days span{font-size:1.2em}.sub-container-content .c-left,.sub-container-content .c-right{border-color:#F18948;color:#EA7228}.activity-list{width:100%;float:left;margin-top:15px;padding-top:15px;border-top:1px solid #EDEDED}.contact-table:before{content:'\f203';position:absolute;color:rgba(255,255,255,0.18);font-size:16em;right:5px;bottom:-15px;font-family:"Ionicons";speak:none;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(-26deg);-webkit-transform:rotate(-26deg);-moz-transform:rotate(-26deg);-o-transform:rotate(-26deg);-ms-transform:rotate(-26deg)}.contact-social-table:before{content:'\f3ac';position:absolute;color:rgba(255,255,255,0.18);font-size:16em;right:20px;bottom:-44px;font-family:"Ionicons";speak:none;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(-37deg);-webkit-transform:rotate(-37deg);-moz-transform:rotate(-37deg);-o-transform:rotate(-37deg);-ms-transform:rotate(-37deg)}table.contact-social-table i{font-size:1em;background:#FFF;color:#E45C5C;font-weight:400!important;width:26px;float:left;height:26px;text-align:center;border-radius:100%;text-shadow:0 0;line-height:26px;margin-right:5%}table.contact-social-table td:first-child{width:20.6%}.map-canvas{width:100%;float:left;margin:10px 0}p.site-map-title{font-size:1.3em;border-bottom:1px solid #EDEAEA;padding-bottom: 25px;position:relative;background: #edecec;padding-top: 25px;padding-left: 20px;border-radius: 10px 10px 0 0;}p.site-map-title:before{speak:none;font-style:normal;font-weight:600!important;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;padding-right:10px;}.site-map-item{width:100%;float:left;border-bottom:1px solid #EFEFEF;padding-bottom:30px;position:relative;overflow:hidden;margin-bottom:10px}.site-map-item:before{position:absolute;font-size:16em;right:5px;bottom:-40px;font-family:"Ionicons";speak:none;font-style:normal;font-weight:100;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotate(-26deg);-webkit-transform:rotate(-26deg);-moz-transform:rotate(-26deg);-o-transform:rotate(-26deg);-ms-transform:rotate(-26deg);}.site-map-item a{float:left;margin-left:3%;transition-delay:0;width: auto;color: #939393;clear: both;float: left;transition-duration:.2s;transition-property:all;transition-timing-function:ease;margin-bottom: 2%;font-size: 13px;font-family: PTSans Caption;}.site-map-item a:before{color:rgba(63,129,187,1);font-family:"Ionicons";speak:none;font-size:11px;font-style:normal;font-weight:600!important;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;padding-right:10px;transition-delay:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease;}.site-map-item a:hover{color:#ec2635}.site-map-item a:hover::before{color:#ec2635;padding-right:15px}table{width:100%!important;background-color:#fff;max-width:100%;margin-bottom:20px;background-color:transparent;border-spacing:0;border-collapse:collapse;border:1px solid #DDD}table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}table-condensed>thead>tr>th,table-condensed>tbody>tr>th,table-condensed>tfoot>tr>th,table-condensed>thead>tr>td,table-condensed>tbody>tr>td,table-condensed>tfoot>tr>td{padding:5px}table tr:nth-child(odd){background-color:rgba(0,0,0,0.05)}table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd;border-left:1px solid #ddd}table{margin-bottom:20px;background:#f06060;border-collapse:collapse;border:none;border-radius:5px!important;overflow:hidden;position:relative;border:0;-webkit-border-radius:5px!important;-moz-border-radius:5px!important}table th{font-weight:400;-webkit-font-smoothing:antialiased;padding:1em;color:rgba(0,0,0,0.45);text-shadow:0 0 1px rgba(0,0,0,0.1);font-size:1.5em}table td a{color:#fff}table td{color:#FFF;padding:.7em 1em .7em 1.15em !important;text-shadow:0 0 1px rgba(228,83,83,1);font-size:1.2em;border:0!important}table tr{-webkit-transition:background 0.3s,box-shadow .3s;-moz-transition:background 0.3s,box-shadow .3s;transition:background 0.3s,box-shadow .3s}table tr:hover{background:rgba(0,0,0,0.1)}.detay-table:before{font-size:10em;position:absolute;right:0;bottom:-15px;color:rgba(255,255,255,0.27);transform:rotate(-12deg);-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-o-transform:rotate(-12deg);-ms-transform:rotate(-12deg)}.director-Info-Content{float:left;width:100%;clear:both;margin-bottom:15px}.director-Info-Content-Left{float:left;width:475px;height:225px;background:#FFF;border:1px solid #DFDFDF}.director-Pic{float:left;width:122px;height:100%}.director-Pic-Img{float:left;width:122px;height:161px}.director-Pic img{max-height:161px;max-width:122px}.director-Pic a{float:left;width:122px;padding:24px 0;background:#18191e;text-align:center;font-size:16px;color:#FFF}.director-Contact{float:left;width:335px;height:100%;margin-left:9px}.director-Contact div{float:left;width:100%;clear:both;margin-top:15px}.director-Contact div#director{font-weight:700}.organization-scheme{margin:30px 0 0;padding:0;list-style:none;position:relative}.organization-scheme:before{content:'';position:absolute;top:0;bottom:0;width:5px;background:#80A9D5;left:11%;margin-left:-10px}.organization-scheme > li{position:relative}.organization-scheme > li .cbp_tmtime{display:block;width:25%;padding-right:100px;position:absolute}.organization-scheme > li .cbp_tmtime span{display:block;text-align:right}.organization-scheme > li .cbp_tmtime span:first-child{font-size:.9em;color:#bdd0db}.organization-scheme > li .cbp_tmtime span:last-child{font-size:2.9em;color:#3594cb}.organization-scheme > li:nth-child(odd) .cbp_tmtime span:last-child{color:#6cbfee}.organization-scheme > li .department-sections{margin:0 0 50px 22%;background:#5985B5;color:#fff;padding:1em;font-size:1.2em;font-weight:300;line-height:1.4;position:relative;border-radius:5px;width:70%}.organization-scheme > li .department-sections h2 p{width:auto;float:right;margin:0;font-size:initial}.organization-scheme > li .department-sections a p{width:100%;margin:0;display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:15px}.organization-scheme > li:first-child .department-sections{width:78%}.organization-scheme > li .department-sections h2{margin-top:0;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,0.25);color:#FFF;font-size:18px;font-weight:700}.organization-scheme > li .department-sections h2 a{color:#FFF}.organization-scheme > li .department-sections strong{padding-left:7px;float:right}.organization-scheme > li .department-sections strong:first-child{font-weight:400}.department-sections .subsections{width:98%;margin-left:2%;display:inline-block;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.25);text-align:center}.department-sections .subsections:last-child{border:0}.department-sections .subsections:last-child a{padding:10px}.department-sections .subsections a{background:#436F9F;padding:5px;border-radius:5px;margin-right:1%;margin-bottom:1%;width:32.3333%;height:100px;font-weight:500;color:#FFF;float:left;display:table-cell;vertical-align:middle;text-align:center;transition-delay:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease}.department-sections .subsections a strong{width:100%;clear:both;display:inline-block}.department-sections .subsections .important-department{background:#FFF;color:#5985B5;height:auto;padding:10px}.department-sections .subsections a:hover{background:rgba(244,152,94,1);color:#FFF}.organization-scheme > li .department-sections:after{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-right-color:#5985B5;border-width:10px;top:10px}.organization-scheme > li:nth-child(odd) .department-sections:after{border-right-color:#5985B5}.organization-scheme > li .department-photo{width:120px;height:120px;speak:none;position:absolute;background:#5985B5;border-radius:50%;border:3px solid #80A9D5;left:26px;top:-17px;margin:0 0 0 -9px;overflow:hidden;text-align:center}.organization-scheme > li .department-photo img{width:100%}.fotoname{float:left;height:50px;margin:5%;width:90%;text-align:center}.mahalleler-detay{height:87px!important;border-bottom:0 none!important}.mahallelist{display:inline-block;width:181.66666px;height:68px;background:#F7F7F7;padding:10px;border:1px solid #EFEFEF;margin-right:1%;margin-bottom:1%;line-height:20px;border-bottom:4px solid #DADADA;text-align:center;border-radius:5px;overflow:hidden;text-shadow:#fff 0 1px 0;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eaeaea));background-image:-webkit-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-moz-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-ms-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-o-linear-gradient(top,#f9f9f9,#eaeaea);background-image:linear-gradient(top,#f9f9f9,#eaeaea);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#eaeaea');-webkit-transition:all .3s;-moz-transition:all .3s;-webkit-border-radius:5px;-moz-border-radius:5px;transition:all .3s}.content-inner-search{width:106.4%;background:#F7F7F7;float:left;position:relative;padding:20px;left:-26px;margin-bottom:15px;margin-top:-17px;border-bottom:1px solid #E5E5E5;border-top:1px solid #FFF;overflow:hidden;text-shadow:#fff 0 1px 0;background-color:#f5f5f5;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eaeaea));background-image:-webkit-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-moz-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-ms-linear-gradient(top,#f9f9f9,#eaeaea);background-image:-o-linear-gradient(top,#f9f9f9,#eaeaea);background-image:linear-gradient(top,#f9f9f9,#eaeaea);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9',EndColorStr='#eaeaea')}.content-inner-search input.search-input,.content-inner-search select{width:32%;padding:3px 5px;border:0;border:3px solid #ECECEC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#F18948;font-size:14px;position:relative;float:left;height:43px}.content-inner-search select{float:left;height:36px;margin-left:10px;margin-right:10px}.content-inner-search #submit{width:33%;height:33px;background:#D5424C;color:#fff;border:0;border-radius:3px}a.e-rehber-Column{width:32%;height:44px;padding:10px;background:#BB555E;border-radius:3px;margin-right:10px;margin-top:10px;float:left;text-align:center;color:#FFF;font-size:14px}.park-information{border:1px solid #ebebeb;height:247px;overflow:hidden;position:relative;width:100%}.park-information img{margin-top:-20%!important;position:relative;width:100%;z-index:2}.info{background:url(/images/leftSide-Bg.png) repeat scroll 0 0 rgba(0,0,0,0);bottom:0;height:45px;position:absolute;right:0;width:100%;z-index:5}.info span{border-right:1px solid #555;color:#fff;float:left;height:14px;margin-top:8px;max-width:350px;padding:8px 20px}.info span b{margin-right:5px}

.ph-sub{width:100px!important;height:100px!important;margin:0 0 0 3px !important;text-align:center}
.mobile-back-base{width:100%;padding:2%;text-align:center;color:#FFF;background:#E45C5C;clear:both;
border-bottom:4px solid #C53C3C;margin-bottom:20px;border-radius:5px;font-size:16px;display:none}
.mobile-back-base:before{padding-right:10px}
.mobile-back-base:focus,.mobile-back-base:active{background:#D85050}
.activity-map{position:relative;width:100%;clear:both;float:left;overflow:hidden}
.activity-map .map-canvas{height:400px;background:#F4F4F4;border-radius:5px;margin:0}
.activity-map #directionsPanel{display:none}
.activity-map .map-canvas:before{content:'\f46d';position:absolute;left:0;width:100%;color:#DFDFDF;top:25%;
text-align:center;right:0;bottom:0;display:block;margin:0 auto;font-family:"Ionicons";font-size:10em;speak:none;
font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.activity-map .place-form{width:98%;bottom:10px}
.activity-map .location-form-input-wrap{width:43.7777%}
.activity-map .location-form-input-wrap input{padding-left:4%}
.activity-map .ct-button{width:11%}
strong.sub-title{font-size:16px;margin-bottom:10px;float:left}
td.detay-name{width:125px;text-align:right}
figure.mudur figcaption{width:100%;display:inline-block;text-align:center;background:#FFF;padding:2px;
-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
span.contact-info-title{font-weight:700;float:left;font-size:18px;color:#F77524;width:100%;
border-bottom:1px solid #E5E5E5;padding-bottom:5px}
.director-News-Content{width:100%;float:left;margin-top:10px}
.director-News-Top{width:100%;float:left;padding:10px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;
margin-bottom:10px}
.director-News-Top span{float:left;font-size:14px;color:#f18948}
.director-News-Top a{float:right}
.director-News{width:100%;float:left}
.project-detail-container{width:100%;float:left;position:relative;overflow:hidden}
.project-detail-container:before{content:'';background-repeat:repeat-x;
background:-webkit-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,.65) 100%);
background:-moz-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,.65) 100%);
background:linear-gradient(to bottom,transparent 0,transparent 0,rgba(0,0,0,.65) 100%);
position:absolute;bottom:0;z-index:20;width:100%;height:85%}
.project-detail-info{position:absolute;z-index:25;bottom:3%;width:100%;padding:10px;padding-left:3%;
border-left:10px solid #F18948}
.project-detail-info p{float:left;margin:0;color:#FFF;font-weight:500;margin-bottom:5px}
.project-detail-info p span{float:left;width:115px}
.project-detail-container img{position:relative;z-index:5;margin:0;-webkit-transform:scale(1);
-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);
-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;
-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;
-webkit-animation:movearound 9s ease-out 1 normal;-moz-animation:movearound 9s ease-out 1 normal;
-o-animation:movearound 9s ease-out 1 normal;
animation:movearound 9s ease-out 1 normal}
@-webkit-keyframes movearound{0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);
-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);
-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
@-moz-keyframes movearound{0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);
-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);
-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
@-o-keyframes movearound{0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);
-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);
-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
@keyframes movearound{0%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);
-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);
-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}

.photo-gallery-box .box-listing-img img {width: 100% !important; } 
.video-gallery-box .box-listing-img img {width: 100% !important; }
.satir-cell { border:0; float:left;width:25%; padding-right:3%} 
.satir-cell2 { border:0; float:left;width:auto;padding-right:5%} 
.satir-row {clear: both;float: left;margin-left: 5%;width: 95%;
}.satir-cell > input[type="checkbox"],.satir-cell > input[type="radio"],.satir-cell2 > input[type="checkbox"],.satir-cell2 > input[type="radio"] {
    width: auto !important;}
	.pagination {
    clear: both;
    float: right;
    margin-top: 30px;
    text-align: right;
}
.pagination li a>span {
    display: none;
}
.pagination li a[aria-label="First"]:before {
    content: "<<";
}
.pagination li a[aria-label="Previous"]:before {
    content: "<";
}
.pagination li a[aria-label="Next"]:before {
    content: ">";
}
.pagination li a[aria-label="Last"]:before {
    content: ">>";
}.pagination li {
  border: 1px solid #ccc;
  padding: 15px;
}
.pagination .active {
	background: #edecec;color: #86272e; width:auto;height:auto;
}
.sub-top {
    margin: 2% !important;
	width:96%;
	float:left
}
.sub-container.sub-right-container {
    background: #F0F0F0;
    margin-bottom: 6%;
    border-radius: 10px 10px 0px 0;
}
.sub-container-title a:hover {
    text-decoration: none;
}
.sub-container-title i {
    color: #ffffff !important;
    margin-right: 13px;
}
.vertical-center{
    display:inline-block;
    position:relative; 
    top:50%; 
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);}

a#ui-id-2:hover {
    color: #e26414;

    }

a#ui-id-2:hover {
    background-color: #F7F7F7;
}


.hak_arkaplani {
    width: 100%;
    /*height: 441px;*/
    float: left;
    position: relative;
}

.hak_arkaplani img {
    width: 100%;
    position: relative;
	padding-left:12%;
	padding-right:12%
}
.renk {
    width: 100%;
    float: left;
    position: absolute;
    background: url(/webfiles/images/tebessum/cizgi.png) repeat;
    height: 220px;
    margin-top: -10%;
}

.hakkimizda_g {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
    padding-left: 12%;
    padding-right: 12%;
    margin-top: -4%;
}

.sub-container-head a {
    color: #FFF;
    font-family: PTSans Caption;
    font-weight: normal;
    font-size: 14px;
}

.sub-container-title {
    padding-left: 0;
}
.basligim {
    width: 96%;
	float:left;
    background: #edecec;
    border-bottom: 2px solid #E8E6E6;
    border-radius: 10px 10px 0px 0;
	margin-left:2%;
	margin-right:2%
}
.videolarim a {
    padding: 0;
    border: 0;
}
a.left.carousel-control {
    background: none;
    width: auto;
    font-family: Oswald Regular;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    border-radius: 3px;
    opacity: 1.0;
    padding: 6px 12px;
}
.videolarimm {
    float: left;
    position: relative;
    width: 31%;
    margin: 1%;
    HEIGHT: 260PX;
    border-bottom: 2px solid #cecccc;
    padding:2%;
    background: #edecec;
}
.videolarimm .lightGallery, .video {
    padding: 0;
}
.videolarimm img {
    opacity: 1.0 !important;
}

.videolarimm p {
    color: #5396a5;
    float: left;
    font-size: 10px;
    text-align: center;
    font-family: PTSans Caption;
}
a.right.carousel-control {
    background: none;
    position: relative;
    float: left;
    border: 1px solid #FFF;
    width: auto;
    font-family: Oswald Regular;
    border-radius: 3px;
    opacity: 1.0;
    padding: 6px 12px;
}
button#tooltip1 {
    background: none;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
button#tooltip2 {
    background: none;
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.tooltip, [data-tooltip] {
    position: relative;
    width: 85px;
}
.a_buton {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 3%;
    text-align: center;
}

.a_buton a {
    color: #696969;
    border: 1px solid #696969;
    padding: 7px;
    border-radius: 3px;
    font-family: Oswald Regular;
}
.a_buton a:hover {
    color: #FFF;
    background: #928f8f;
}
ul.content.yeni.share li {
    width: 18%;
    margin: 1%;
}
.sayfalama {
    width: 100%;
    position: relative;
    float: left;
    text-align: right;
    padding-right: 1%;
    margin-top: 4%;
}

.sayfalama a {
    border: 1px solid #868484;
    padding: 4px;
    color: #868485;
}

.sayfalama a:hover {
    background: #868485;
    color: #FFF;
}
.fotom {
    float: left;
    position: relative;
    width: 31%;
    margin: 1%;
    border-bottom: 2px solid #cecccc;
    padding:2%;
    background: #edecec;
    height: 230px;
	text-align:center
}

.fotom img {
    opacity: 1.0 !important;
}

.fotom p {
    color: #5396a5;
    float: left;
    font-size: 11px;
    text-align: center;
    font-family: PTSans Caption;
}
.sub-container-content .popup-gallery.row {
    padding: 0;
}
p.site-map-title a {
    font-family: Oswald Bold;
    color: #5396a5;
    font-size: 15px;
}
.site-map-item a i {
    margin-right: 10px;
}
.modal-dialog {
    z-index: 100000;
}
.form-group2 input {
    margin-bottom: 4%;
}

.form-group2 textarea {
    margin-bottom: 4%;
}
p.site-map-title img {
    width: 150px !important;
    float: left;
}
.like-buttons {
	float:left;
	padding-top:12px;
	width:30%;
}
.personel-title {
    font-size: 16px;
    font-family: Oswald Bold;
    margin-bottom: 10px;
    color: #1097a0;
}

.personel-img {
    width: 30%;
    float: left;
}

.personel-img img {
    width: 100% !important;
    height: 100% !important;
    float: left;
}

.personel-header {
    position: relative;
    float: left;
    width: 100%;
}

.r-paragraph {
    position: relative;
    float: left;
    text-align: center;
    width: 70%;
    padding-left: 20%;
    padding-top: 10%;
}

.r-paragraph p {
    margin-left: 0px;
    padding: 0 35px;
    clear: none;
    width: auto;
    margin-top: 0;
    float: left;
    font-family: Oswald Bold;
    font-size: 19px;
    border-bottom: 1px solid #c1b9b9;
    padding-bottom: 6px;
}
.news-date {
    font-size: 14px;
    color: #801818;
    font-family: Oswald Bold;
}
.content-title {
	font-size: 16px;
    color: #801818;
}
.box-listing-yorum {
    font-size: 15px;
    color: #801818;
    font-family: Oswald Bold;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.box-listing-yorumlar {
    margin-bottom: 20px;
    border-bottom: 1px solid #cecccc;
    padding-bottom: 10px;
	float:left
}
.box-listing-oneri {
    float: left;
    font-family: PTSans Caption;
    width: 100%;
    font-size: 14px;
}
.r-paragraph i {
    float: left;
    font-size: 20px;
    color: #801818;
}
.form-line.cf label {
    float: left;
    margin-right: 20px;
    color: #504e4e;
    font-family: PTSans Caption;
}

.form-line.cf input {
    padding-left: 7px;
}

input#captcha {
    height: 35px;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

textarea#edAciklama {
    width: 100%;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

.galeri-detail.vid {
    height: 74px;
	float:left;
	overflow:hidden
}

.galeri-detail.vid p {
    font-size: 11px;
    text-align: center;
    line-height: 20px;
}

@media screen and (max-width: 1920px){
	#cssmenu {
		padding-left: 12%;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.renk {
    	margin-top: -6%;
	}
	
	.yorum_yap {
		padding-left: 46%;
		font-size: 18px;
	}
	
	.nav-tabs {
    	padding-left: 42%;
 }
	
	div#myCarousell {
    margin-top: 4%;
}
div#myCarouselm {
    margin-top: 4%;
}
	div#myCarousellm {
    margin-top: 4%;
}
	
	.nav-tabs>li h1 {
		font-size: 23px;
		margin-top: 6px;
	}
	
	.side-menu {
    	width: 95px;
	}
	
	.side-menu ul li {
    	padding-bottom: 20px;
	}
	
	.sus_hak {
    	padding-left: 30%;
		padding-right: 30%;
	}
	
	.hakkimizda_subject {
    	font-size: 17px;
    	line-height: 34px;
	}
	
	.p_1 p {
		font-size: 17px;
		line-height: 28px;
	}
	
	#oneri {
		font-size: 17px;
	}	
	.carousel-caption p {
		font-size: 16px;
	}
	.p_1 img {
		float: left !important;
		width: 225px !important;
		margin-top: 0 !important;
	}
	
	.p_2 p {
		color: #fff;
		font-size: 17px;
		line-height: 28px;
	}
	
	.kahve_icerik img {
		float: right;
		right: 0;
		margin-top: -6%;
		width: 225px;
	}
	
	.fazla a {
		border: 1px solid #3c3c3b;
		color: #3c3c3b;
		padding: 10px;
		font-size: 13px;
		display:inline-block;
		text-decoration:none
	}
	
	.logo {
		left: 39%;
	}
	
	.hakkimizda_baslik h1 {
		margin-top: 8%;
	}

	.slide-box {
		width: 82%;
	}
	
	#cssmenu > ul > li > a {
		font-size: 15px;
	}
	
	.sosyal_alan {
		padding-left: 13%;
	}
}

@media screen and (max-width: 1687px) {
	.sus_hak {
		padding-left: 27%;
		padding-right: 27%;
	}
}

@media screen and (max-width: 1580px){
	#cssmenu {
		padding-left: 6%;
	}
	
	.sosyal_alan {
		padding-left: 7%;
	}
}

@media screen and (max-width: 1479px) {
	#cssmenu {
		padding-left: 3%;
	}
	
	.sosyal_alan {
		padding-left: 4%;
	}
	
	.sus_hak {
		padding-left: 23%;
		padding-right: 23%;
	}
}

@media screen and (max-width: 1433px){
	#cssmenu {
		padding-left: 1%;
	}
	
	.sosyal_alan {
		padding-left: 2%;
	}
	
	#cssmenu > ul > li > a {
		font-size: 14px;
	}
}	

@media screen and (max-width: 1358px){
	.slide-box {
		width: 84%;
	}
	
	.sus_hak {
		padding-left: 23%;
		padding-right: 23%;
	}
	
}

@media screen and (max-width: 1338px) {
	#cssmenu > ul > li > a {
		font-size: 13px;
	}
}


@media screen and (max-width: 1288px){
	#cssmenu {
    padding-left: 0%;
}
	#cssmenu > ul > li > a {
    font-size: 12px;
}
}

@media screen and (max-width: 1270px){
	#cssmenu {
		padding-left: 0%;
	}
	
	.logo {
		left: 39%;
	}
	
	#cssmenu > ul > li > a {
		font-size: 12px;
	}
	
	.sosyal_alan {
		padding-left: 1%;
	}
	.sus_kahve {
		width: 100%;
		padding-left: 33%;
		padding-right: 33%;
	}
	.sus_hak {
		padding-left: 21%;
		padding-right: 21%;
	}
	
	.hak_icerik {
		padding-left: 18%;
		padding-right: 18%;
	}
	#sslider {
    	height: 280px !important;
    }
	
}

@media screen and (max-width: 1230px){
	.sus_kahve {
		width: 100%;
		padding-left: 33%;
		padding-right: 33%;
	}
	#cssmenu > ul > li > a {
		padding: 12px;
	}
}

@media screen and (max-width: 1195px){
	#cssmenu > ul > li > a {
		padding: 12px;
	}
	
	.sosyal_alan h1 {
		font-size: 11px;
    	padding-top: 8px;
	}
}
@media screen and (max-width: 1175px) {
	#cssmenu > ul > li > a {
		padding: 14px;
		font-size:11px;
	}

	.side-menu {
		width: 85px;
	}
	
	.side-menu ul li a p {
    	font-size: 9px;
	}
	
	.yorum_yap {
		padding-left: 45%;
	}
}


@media screen and (max-width: 1110px){
	
	#cssmenu > ul > li > a {
    padding: 13px;
    font-size: 10px;
}
	
}

@media screen and (max-width: 1090px){
	.ana_alan {
		padding-left: 11%;
		padding-right: 11%;
	}
	.p_1 {
		width:70%;
	}
	
	.hakkimizda {
		padding-left: 11%;
		padding-right: 11%;
	}
	
	.hak_icerik {
		padding-left: 11%;
		padding-right: 11%;
	}
	
	.hakkimizda_subject {
		line-height: 30px;
		height: 310px;
	}
	
	.sus_kahve {
    	padding-left: 30%;
		padding-right: 30%;
	}
	
	.nav-tabs {
		padding-left: 37%;
	}
	
}

@media screen and (max-width: 1062px){
	#cssmenu > ul > li > a {
		padding: 13px;
		font-size: 10px;
	}
	
	.carousel-caption h2 {
		font-size: 24px;
	}
	
	.carousel-caption p {
		font-size: 15px;
	}
	
	.logo {
		width: 177px;
	}
	
	
	#oneri {
		font-size: 17px;
	}
	
	.sus_kahve {
    	margin-bottom: 7%;
	}
}

@media screen and (max-width: 1024px){
	#cssmenu > ul > li > a {
		padding: 13px;
		font-size: 11px;
	}
	.hakkimizda_g {
    	padding-left: 8%;
		padding-right: 8%;
	}
	.hak_arkaplani img 
	{
		padding-left: 0;
		padding-right: 0;
	}
	.sub-top {
		margin-bottom: 6% !important;
	}
	.a_buton {
    margin-top: 5%;
	}
	.sus_hak hr {
		width: 43%;
	}
	
	.tab-content {
		margin-top: 5%;
	}
	
	.hakkimizda_baslik h1 {
		font-size: 25px;
	}
	
	.sus_kahve hr {
		width: 44%;
	}
	
	.kahve_baslik h1 {
		font-size: 25px;
	}
	
	.p_1 p {
		font-size: 14px;
	}
	
	.p_2 p {
		font-size: 14px;
	}
	
	.c_baslik h1 {
		font-size: 20px;
	}
	
	.content .social h3 {
		font-size: 15px;
	}
	
	.y_baslik h1 {
    	font-size: 26px;
	}
	
	.f_logo {
    	padding-left: 42%;
	}
	
	.logo {
		width: 180px;
	}
	
	.sosyal_alan h1 {
		font-size: 11px;
	}
	
	.begen a {
		font-size: 11px;
	}
	
	.begen i {
		padding-top: 5px;
		font-size: 11px;
	}
	
	.ana_alan {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.begen {
		width: 58px;
	}
	
	#toggle-down {
		width: 20px;
		height: 20px;
	}
	
	#toggle-up {
		width: 20px;
		height: 20px;
	}
	
	#toggle-down i, #toggle-up i {
		font-size: 17px;
	}
	
	.controls {
		margin-left:0;
	}
	
	form.navbar-form.navbar-right {
		padding-right: 0;
	}

	.carousel-caption {
		left: 0;
		width: 100%;
	}
	
	#oneri {
		font-size: 16px;
	}
	
	.rating label {
    	font-size: 28pt;
	}
	
	#adsoyad {
		font-size: 19px;
	}
	
	.yorum_yap {
    	padding-left: 44%;
	}
	
}

@media screen and (max-width: 1000px){
	.side-menu {
		visibility: hidden;
	}
	.like-buttons{
		width:100%;
	}
	.ana_alan {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.hakkimizda {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.kahve_menu {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.c_a {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.galeri {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.yorum {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.tab-content {
		margin-top: 0%;
	}
	.logo {
		width: 160px;
	}
	
	.nav-tabs {
		padding-left: 40%;
	}
	#oneri {
		font-size: 18px;
	}
}

@media screen and (max-width: 923px){
	#cssmenu > ul > li > a {
		padding: 12px;
		font-size: 10px;
	}
}

@media screen and (max-width: 905px){
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.hakkimizda {
		padding-left: 0%;
		padding-right: 0%;
	}
	
	.kahve_menu {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.c_a {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.galeri {
		padding-left: 3%;
		padding-right: 3%;
		height: 500px;
	}
	
	.yorum {
		padding-left: 0%;
		padding-right: 0%;
	}
	
	.carousel-caption {
    	visibility: hidden;
	}
}

@media screen and (max-width: 867px){
	#cssmenu > ul > li > a {
		padding: 12px;
		font-size: 10px;
	}
}


@media screen and (max-width:815px) {
#cssmenu > ul > li > a {
	padding: 11px;
	font-size: 9px;
}
	
}
@media screen and (max-width:798px) {	
 nav {
        width:100%;
    }
    .p_1 {
    	width: 64%;
    }
.videolarimm p {
		line-height:16px;
	}
	.galeri-detail.vid p {
    font-size: 10px;
}
    #cssmenu {
        width:100%;
    }

    #cssmenu ul {
        width:100%;
        display:none !important;
    }

    #cssmenu ul li {
        width:100%;
    }

    #cssmenu ul li:hover {
        color:#8bc8e1 !important;
    }

    #cssmenu ul ul li,#cssmenu li:hover > ul > li {
        height:auto;
    }

    #cssmenu ul li a,#cssmenu ul ul li a {
        width:100%;
        border-bottom:0;
    }

    #cssmenu > ul > li {
        float:none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    #cssmenu ul ul li a {
        padding-left:25px;
    }

    #cssmenu ul ul li {
        background:#db9a63 !important;
    }

    #cssmenu ul ul li:hover {
        color:#8bc8e1 !important;
    }

    #cssmenu ul ul ul li a {
        padding-left:35px;
    }

    #cssmenu ul ul li a {
        color:#FFF;
        background:none;
        padding: 8px;
    }

    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {
        color:#fff;
    }

    #cssmenu ul ul,#cssmenu ul ul ul {
        position:relative;
        left:0;
        width:100%;
        top: 0;
        margin:0;
        text-align:left;
    }

    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
        display:none;
    }

    #cssmenu #head-mobile {
        display:block;
        padding: 16px;
        color:#ddd;
        font-size:12px;
        font-weight:700;
    }

    .button {
        width:55px;
        height:46px;
        position:absolute;
        left: 0;
        top:0;
        cursor:pointer;
        z-index: 12399994;
    }

    .button:after {
        position:absolute;
        top:22px;
        right:20px;
        display:block;
        height:4px;
        width:20px;
        border-top:2px solid #FFF;
        border-bottom:2px solid #FFF;
        content:''
    }

    .button:before {
        -webkit-transition:all .3s ease;-ms-transition:all .3s ease;
        transition:all .3s ease;
        position:absolute;
        top:16px;
        right:20px;
        display:block;
        height:2px;
        width:20px;
        background:#FFF;
        content:''
    }

    .button.menu-opened:after {
        -webkit-transition:all .3s ease;-ms-transition:all .3s ease;
        transition:all .3s ease;
        top:23px;
        border:0;
        height:2px;
        width:19px;
        background:#fff;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg)
    }

    .button.menu-opened:before {
        top:23px;
        background:#fff;
        width:19px;
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }

    #cssmenu .submenu-button {
        position:absolute;
        z-index:99;
        right:0;
        top:0;
        display:block;
        height:46px;
        width:46px;
        cursor:pointer;
    }

    #cssmenu .submenu-button.submenu-opened {
        background:#db9a63;
    }

    #cssmenu ul ul .submenu-button {
        height:34px;
        width:34px;
    }

    #cssmenu .submenu-button:after {
        position:absolute;
        top:22px;
        right:19px;
        width:8px;
        height:2px;
        display:block;
        background:#FFF;
        content:''
    }

    #cssmenu ul ul .submenu-button:after {
        top:15px;
        right:13px;
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background:#fff;
    }

    #cssmenu .submenu-button:before {
        position:absolute;
        top:19px;
        right:22px;
        display:block;
        width:2px;
        height:8px;
        background:#FFF;
        content:'';
    }

    #cssmenu ul ul .submenu-button:before { 
        top:12px;
        right:16px;
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display:none;
    }

    #cssmenu ul ul ul li.active a {
        border-left:none;
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top:none;
    }
	
	#oneri {
		font-size: 17px;
	}
	
	.y_baslik h1 {
    	margin-bottom: 2%;
	}
	
	.anasayfa_slider #myCarousel .carousel-inner {
		height: 500px;
	}
}
@media screen and (max-width: 768px){
	.lightGallery figure, .video figure {
    	height: 105px;
	}
	.content li {
		width: 35%;
	}
	.slide-box {
		width: 84%;
	}
	
	input.form-control.arama-text {
		float: right;
	}

	button.fa.fa-search.arama {
    	float: right;
    	position: absolute;
    	right: 10px;
    	font-size: 11px;
    	margin-top: 4px;
	}
	
	.foto {
		height: 105px;
	}
	.content {
		margin-left: 15%;
	}
	.hak_icerik {
		padding-left: 5%;
		padding-right: 5%;
	}

	.sub-top {
		margin-bottom: 10% !important;
	}
	
	.a_buton a {
    	font-size: 13px;
	}
	
	.hak_arkaplani {
    	height: 370px;
	}
	
	.hakkimizda_g {
    	padding-left: 7%;
		padding-right: 6%;
	}
	
	.popup-gallery.row {
		padding-left: 0;
		padding-right: 0;
	}
	
	.popup-gallery.row a img {
		height: 105px;
	}
	
	.nav-tabs {
		border: 0;
		padding-left: 39%;
	}
 
	.yorum_yap {
    	padding-left: 44%;
	}
 
	li.genis a {
		color: #FFF;
		font-size: 12px;
		padding: 8px 5px 0px 5px !important;
	}
	
	.side-menu {
    	visibility: hidden;
	}
	
	.form-group {
		text-align: right;
		border: 0;
	}
	.arama_butonu .form-group input {
		height: 24px;
		margin-bottom: 1%;
	}
	
	.paylas {
    	visibility: hidden;
	}
	
	ol.carousel-indicators {
		bottom: 0;
	}
	
	.carousel-caption p {
		font-size: 11px;
		margin-bottom: 5px;
	}
	
	.lc {
		width: 7px;
		height: 7px;
	}
	
	.sus {
    	margin-bottom: 6px;
		padding-left: 27%;
		padding-right: 13%;
	}
	
	.carousel-caption h2 {
		font-size: 19px;
	}
	
	.carousel-caption {
		left: 0;
		width: 100%;
	}
	
	#cssmenu > ul > li > a {
		padding: 10px;
		font-size: 8px;
	}
	
	.sosyal_alan h1 {
		font-size: 11px;
	}
	
	.carousel-caption hr {
		width: 35%;
	}
	
	.hakkimizda_baslik h1 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	
	.carousel-caption h1 {
		font-size: 23px;
	}
	
	.sus_hak {
		padding-left: 20%;
		padding-right: 20%;
	}
	
	.sus_hak hr {
		width: 42%;
	}
	
	.hakkimizda_subject {
    	font-size: 15px;
    	line-height: 23px;
    	height: 235px;
 }
	
	.fazla a {
    	padding: 10px;
		font-size: 11px;
	}
	
	.kahve_baslik h1 {
		font-size: 22px;
		margin-bottom: 5px;
	}
	
	.sus_kahve {
    	padding-left: 31%;
		padding-right: 31%;
	}
	
	.p_1 img {
    	width: 120px;
	}
	
	.kahve_icerik img {
    	margin-top: 0;
		margin-left: 10px;
	}
	
	.p_1 p {
		font-size: 15px;
		line-height: 23px;
	}
	
	.p_2 img {
		width: 136px;
		margin-right: 5px;
	}
	
	.p_1 img {
		width: 136px !important;
		margin-right: 5px;
	}
	
	.c_baslik h1 {
		font-size: 22px;
	}
	
	.sus_c {
    	padding-left: 20%;
		padding-right: 20%;
	}
	
	.share .page > div p {
    	font-size: 11px
	}
	
	.share .page img {
    	padding: 20px;
	}
	
	.y_baslik h1 {
    	font-size: 23px;
	}
	
	#oneri {
		font-size: 14px;
	}
	
	.control_prev, .control_next {
    	top: 5%;
		font-size: 35px;
	}
	
	.p_2 p {
		font-size: 15px;
		line-height: 23px;
	}
	
	.rating label {
    	font-size: 26pt;
	}
	
	#adsoyad {
		font-size: 17px;
	}
	
	.sus_kahve hr {
		width: 41%;
	}
	
	.f_logo {
    	padding-left: 40%;
	}	
	.f_logo img {
		width: 130px;
	}
	.logo {
		width: 145px;
	}
}

@media screen and (max-width: 700px){
	.nav-tabs {
		border: 0;
		padding-left: 35%;
	}
	.p_1{
		width:60%;
	}
	
	.slide-box {
		width: 80%;
	}
}


@media screen and (max-width: 640px){
	.r-paragraph {
		padding-left:5%;
	}
	.videolarimm p {
		font-size:9px;
		line-height:16px;
	}

	.kahve_icerik img {
		margin-top: 0;
		visibility: hidden;
		margin-left: 10px;
		width: 0;
		height: 0;
	}
	.tum h1 {
		font-size: 13px;
	}
	
	a.left.carousel-control {
    	padding: 3px 12px;
	}
	
	a.right.carousel-control {
    	padding: 3px 12px;
	}
		.p_1 {
		width: 100%;
		margin-top: 7%;
		height: auto;
		padding-bottom: 2%;
	}
	
	.p_1 img {
		float: left !important;
		visibility: visible !important;
		width: 120px !important;
		height: 100% !important;
	}
	.p_2 {
		width: 100%;
		margin-top: 7%;
		height: auto;
		padding-bottom: 2%;
	}
	
	.p_2 img {
		float: right !important;
		visibility: visible !important;
		width: 151px !important;
		height: 100% !important;
	}
}

@media screen and (max-width: 575px){
	.slide-box {
		width: 77%;
	}
	
	#oneri {
		font-size: 14px;
		line-height: 23px;
	}
}

@media screen and (max-width: 500px){
	.kahve_icerik img {
		margin-top: 0;
		visibility: hidden;
		margin-left: 10px;
		width: 0;
		height: 0;
	}
	
	
	.social .col-md-2 {
    	padding-top: 11px;
	}
	
	.kahve_icerik {
    	padding: 0 5%;
	}

	.yorum_yap {
		padding-left: 41%;
	}
	span.input-group-addon:first-child {
    	width: 27px;
    	height: 27px;
 }
	
	.logo {
		left: 34%;
	}
	
	.slide-box {
		width: 75%;
	}
	.yorum_yap a {
    	padding: 7px;
	}
	
	.f_logo {
		padding-left: 33%;
	}
	
	.sus_kahve {
    padding-left: 28%;
    padding-right: 28%;
}
	.nav-tabs {
		border: 0;
		padding-left: 31%;
	}
	
	.a_buton a {
		font-size: 11px;
	}
	
	.nav-tabs>li h1 {
		font-size: 20px;
		margin-top: 6px;
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.p_1 {
		width: 100%;
		margin-top: 7%;
		height: auto;
		padding-bottom: 2%;
	}
	
	.p_1 img {
		float: left !important;
		visibility: visible !important;
		width: 120px !important;
		height: 100% !important;
	}
	.p_2 {
		width: 100%;
		margin-top: 7%;
		height: auto;
		padding-bottom: 2%;
	}
	
	.p_2 img {
		float: right !important;
		visibility: visible !important;
		width: 151px !important;
		height: 100% !important;
	}
	.sus_c {
    padding-left: 10%;
    padding-right: 10%;
}
}

@media screen and (max-width: 425px){
	.logo {
		width: 100px;
		left: 33%;
	}
	
	ul.content.yeni.share li {
		width: 23%;
		margin: 1%;
	}
	.content li {
		width:50%;
		margin-top:1%
	}
	.foto {
		height: 90px;
	}
	
	.sub-container-left {
		width: 0;
		height: 0;
	}
	
	.sub-right-container {
		width: 100%;
	}
	
	.hak_arkaplani {
		height: 300px;
	}
	
	.hakkimizda_g {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sub-top {
		margin-bottom: 14% !important;
	}
	
	.nav-tabs {
		border: 0;
		padding-left: 29%;
	}
	
	.yorum_yap {
    	padding-left: 42%;
	}
	
	.a_buton a {
    	font-size: 11px;
	}
	li.genis a {
		color: #FFF;
		font-size: 12px;
		padding: 8px 5px 0px 5px !important;
	}
	
	.tum h1 {
		font-size: 10px;
	}
		
	a.left.carousel-control {
		padding: 2px 12px;
	}
	
	a.right.carousel-control {
		padding: 2px 12px;
	}
	
	.accordianheader h3 {
		font-size: 14px;
	}
	
	.galeri ul li.active a i {
		top: 7px;
		right: 7px;
		font-size: 16px;
	}
	
	.galeri ul li.ozel a i {
		top: 7px;
		right: 9px;
		font-size: 18px;
		color: #FFF;
	}
	
	.galeri {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.popup-gallery.row {
		padding-left: 0;
		padding-right: 0;
	}
	
	.popup-gallery.row a img {
		height: 90px;
	}
	
	.slide-box {
		width: 86%;
	}
	
	.accordianheader h3 {
    	font-size: 17px;
	}
	
	.side-menu {
    	visibility: hidden;
	}
	
	.yorum_yap {
    	padding-left: 39%;
	}
	
	.hakkimizda_subject {
		font-size: 11px;
		line-height: 18px;
	}
	
	.sosyal_alan {
		height: 57px;
	}
	
	.anasayfa_slider {
		width: 100%;
		height: 330px;
	}
	
	.carousel-caption {
		visibility: hidden;
	}
	
	.slide-section h1 {
    	padding-left: 0;
	}
	
	.paylas {
    	visibility: hidden;
	}
	
	#slider {
    height: 27px;
	}
	
	form.navbar-form.navbar-right {
		padding-right: 0;
	}
	
	
	.form-group input {
		float:right;
	}
	
	.form-group .fa-search {
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 13px;
	}

	.arama_butonu {
		visibility: hidden;
		margin: 0;
	}
	
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
		z-index: 16;
	}
	
	.sosyal_alan h1 {
		font-size: 9px;
	}
	
	.sosyal_alan i {
		font-size: 12px;
		padding-top: 5px;
	}
	
	.hakkimizda {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.hak_icerik {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak {
    	padding-left: 16%;
		padding-right: 16%;
	}
	
	.hakkimizda_baslik h1 {
		font-size: 20px;
	}
	
	.sus_kahve {
    	padding-left: 17%;
		padding-right: 17%;
	}
	
	.sus_kahve hr {
		width: 42%;
	}
	
	.kahve_baslik h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.kahve_menu {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak hr {
		width: 44%
	}
	
	.kahve_icerik img {
    	width: 85px;
	}
	
	.p_1 img {
		width: 80px;
	}
	
	.p_1 p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.p_2 p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.c_baslik h1 {
		font-size: 14px;
	}
	
	.sus_c {
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.sus_c hr {
		width: 43%;
	}
	
	.c_a {
		padding-left: 4%;
		padding-right: 4%;
	}
	.content {
		margin-top:0;
		margin-left: 0;
	}
	
	.share .page img {
		padding: 13px;
	}
	
	.p_2 {
		width:100%;
	}
	
	.share .page > div p {
		font-size: 10px;
	}
	
	.yorum {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.y_baslik h1 {
    	font-size: 20px;
		margin-bottom: 2%;
	}
	
	#oneri {
		font-size: 12px;
    	line-height: 20px;
	}
	
	.control_prev, .control_next {
    	top: 3%;
    	font-size: 30px;
	}
	
	
	.rating label {
    	font-size: 22pt;
	}
	
	#adsoyad {
		font-size: 16px;
		margin-top: 6%;
	}
	
	.footer {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.f_logo img {
		width: 125px;
	}
	
	.f_logo {
    	padding-left: 33%;
		margin-bottom: 3%;
    }
	.yazi {
		padding-left: 7%;
		padding-right: 7%;
	}
	
	.carousel-caption hr {
		width: 41%;
	}
	
	.carousel-caption h1 {
		font-size: 20px;
	}
	
	.carousel-caption p {
		font-size: 12px;
	}
	.carousel-caption {
		left: 4% !important;
		width: 93%;
	}
}

@media screen and (max-width: 375px){
	.logo {
		width: 105px;
		left: 35%;
	}
	
	ul.content.yeni.share li {
		width: 23%;
		margin: 1%;
	}
	
	.foto {
		height: 90px;
	}
	
	.sub-right-container {
		width: 100%;
	}
	
	.sub-container-left {
		width: 0;
		height: 0;
	}
	
	.hak_arkaplani {
		height: 300px;
	}
	
	.hakkimizda_g {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sub-top {
		margin-bottom: 14% !important;
	}
	
	.nav-tabs {
		border: 0;
		padding-left: 25%;
	}
	
	.yorum_yap {
    	padding-left: 42%;
	}
	
	.a_buton a {
    	font-size: 11px;
	}
	
	li.genis a {
		color: #FFF;
		font-size: 12px;
		padding: 8px 5px 0px 5px !important;
	}
	
	.galeri {
    	padding-left: 4%;
		padding-right: 4%;
	}
	.popup-gallery.row {
    padding-left: 0;
    padding-right: 0;
	}
	.popup-gallery.row a img {
    height: 90px;
	}
	.tum {
    	padding: 8px;
	}
	a.left.carousel-control {
    padding: 0px 9px;
	}
	a.right.carousel-control {
		padding: 0px 9px;
	}
	.tum h1 {
		font-size: 11px;
	}
	.side-menu {
    	visibility: hidden;
	}
	
	.yorum_yap {
    	padding-left: 39%;
	}
	
	.sosyal_alan {
		height: 57px;
	}
	
	.arama_butonu {
		margin-bottom: 1%;
		margin-top: 0%;
	}
	
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
		z-index: 16;
	}
	
	.sosyal_alan h1 {
		font-size: 9px;
	}
	
	.sosyal_alan i {
		font-size: 12px;
		padding-top: 5px;
	}
	
	.hakkimizda {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.hak_icerik {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak {
    	padding-left: 14%;
    	padding-right: 14%;
 }
	
	.hakkimizda_baslik h1 {
		font-size: 18px;
	}
	
	.sus_kahve {
    	padding-left: 15%;
		padding-right: 15%;
	}
	
	.sus_kahve hr {
    width: 42%;
	}
	
	.kahve_baslik h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.kahve_menu {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak hr {
		width: 44%
	}
	
	.kahve_icerik img {
    	width: 85px;
	}
	
	.p_1 img {
		width: 80px;
	}
	
	.p_1 p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.p_2 p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.c_baslik h1 {
		font-size: 14px;
	}
	
	.sus_c {
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.sus_c hr {
		width: 43%;
	}
	
	.c_a {
		padding-left: 4%;
		padding-right: 4%;
	}
	.content {
		margin-top:0;
	}
	
	.share .page img {
		padding: 13px;
	}
	
	.p_2 {
		width:100%;
	}
	
	.share .page > div p {
		font-size: 10px;
	}
	
	.yorum {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.y_baslik h1 {
    	font-size: 20px;
		margin-bottom: 2%;
	}
	
	#oneri {
		font-size: 10px;
    	line-height: 20px;
	}
	
	.control_prev, .control_next {
    	top: 3%;
    	font-size: 30px;
	}
	
	.rating label {
    	font-size: 22pt;
	}
	
	#adsoyad {
		font-size: 16px;
		margin-top: 6%;
	}
	
	.footer {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.f_logo img {
		width: 125px;
	}
	
	.f_logo {
    	padding-left: 33%;
		margin-bottom: 3%;
    }
	.slide-section h1 {
    	padding-left: 0;
	}
	
	.paylas {
    	visibility: hidden;
	}
	
	#slider {
    height: 27px;
	}
	
	
	form.navbar-form.navbar-right {
		padding-right: 0;
	}
	
	.form-group input {
		float:right;
	}
	
	.form-group .fa-search {
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 13px;
	}

	.arama_butonu {
		margin-bottom: 1%;
		margin-top: 0%;
	}
	
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.sosyal_alan h1 {
		font-size: 9px;
	}
	
	.sosyal_alan i {
		font-size: 12px;
		padding-top: 5px;
	}
	
	.yazi {
		padding-left: 7%;
		padding-right: 7%;
	}
	
	.carousel-caption hr {
		width: 41%;
	}
	
	.carousel-caption h1 {
		font-size: 20px;
	}
	
	.carousel-caption p {
		font-size: 12px;
	}
	
	#toggle-up {
		width: 20px;
		height: 20px;
	}
	
	#toggle-down {
		width: 20px;
		height: 20px;
	}
	
	#toggle-down i, #toggle-up i {
		font-size: 19px;
	}
	.carousel-caption {
		visibility:hidden;
	}
	.anasayfa_slider {
		height: 370px;
	}
}

@media screen and (max-width: 320px) {
	.logo {
		width: 105px;
		left: 35%;
	}
	ul.nav.nav-tabs {
		padding-left:25%;
	}
	.foto {
    height: 75px;
}

	ul.content.yeni.share li {
    width: 30%;
    margin: 1%;
}
	.sub-right-container {
    width: 100%;
}
		.hak_arkaplani {
		height: 300px;
	}
	.hakkimizda_g {
    	padding-left: 4%;
		padding-right: 4%;
	}
	.sub-top {
		margin-bottom: 16% !important;
	}
	.sub-left-container .sub-container-title {
    text-indent: 8%;
    font-size: 13px;
}
.sub-container-title {
    padding-left: 0;
    font-size: 13px;
}
.sub-container-links a {
    font-size: 11px;
}
.sub-container-left {
    width: 0;
    height: 0;
}
	.sub-container-head a {
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
	}
	.nav-tabs {
    border: 0;
    padding-left: 21%;
	}
	.yorum_yap {
    	padding-left: 42%;
	}
	.a_buton a {
    	font-size: 11px;
	}
.galeri ul li a {
    font-size: 11px;
}
	li.genis a {
    color: #FFF;
    font-size: 12px;
    padding: 5px 5px 3px 5px !important;
}
	.galeri {
    	padding-left: 4%;
    	padding-right: 4%;
    	height: 350px;
 }
	.popup-gallery.row {
    padding-left: 0;
    padding-right: 0;
	}
	.popup-gallery.row a img {
    height: 75px;
}
	.tum {
    	padding: 8px;
	}
	a.left.carousel-control {
    padding: 0px 9px;
	}
	a.right.carousel-control {
		padding: 0px 9px;
	}
	.tum h1 {
		font-size: 11px;
	}
	.side-menu {
    	visibility: hidden;
	}
	
	.yorum_yap {
		padding-left: 36%;
	}
	
	.sosyal_alan {
		height: 57px;
	}
	
	.arama_butonu {
		margin-bottom: 1%;
		margin-top: 0%;
	}
	
	.adres p {
		font-size: 11px;
	}
	
	span.input-group-addon:first-child {
    	width: 27px;
    	height: 27px;
    	px;
    	font-size: 13px;
 }
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
		z-index: 16;
	}
	
	.sosyal_alan h1 {
		font-size: 9px;
	}
	
	.sosyal_alan i {
		font-size: 12px;
		padding-top: 5px;
	}
	
	.hakkimizda {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.hak_icerik {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak {
    	padding-left: 14%;
    	padding-right: 14%;
 }
	
	.hakkimizda_baslik h1 {
		font-size: 19px;
	}
	
	.sus_kahve {
    	padding-left: 17%;
		padding-right: 17%;
	}
	
	.sus_kahve hr {
    width: 42%;
	}
	
	.kahve_baslik h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	
	.kahve_menu {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.sus_hak hr {
		width: 43%;
		margin-bottom: 7px;
	}
	
	.kahve_icerik img {
    	width: 85px;
 }
	
	.p_1 img {
		width: 80px;
	}
	
	.p_1 p {
		font-size: 11px;
		line-height: 20px;
	}
	
	.p_2 p {
		font-size: 11px;
		line-height: 20px;
	}
	
	.c_baslik h1 {
		font-size: 14px;
	}
	
		.sus_c {
    padding-left: 5%;
    padding-right: 5%;
}
	
	.sus_c hr {
		width: 43%;
	}
	
	.c_a {
		padding-left: 4%;
		padding-right: 4%;
	}
	.content {
		margin-top:0;
	}
	
	.share .page img {
		padding: 13px;
	}
	
	.p_2 {
		width:100%;
	}
	
	.share .page > div p {
		font-size: 10px;
	}
	
	.yorum {
    	padding-left: 0;
		padding-right: 0;
	}
	
	.y_baslik h1 {
    	font-size: 20px;
		margin-bottom: 2%;
	}
	
	#oneri {
		font-size: 11px;
		line-height: 20px;
	}
	
	.control_prev, .control_next {
    	top: 3%;
    	font-size: 30px;
	}
	
	
	
	.rating label {
    	font-size: 22pt;
	}
	
	#adsoyad {
		font-size: 15px;
		margin-top: 7%;
	}
	
	.footer {
    	padding-left: 4%;
		padding-right: 4%;
	}
	
	.f_logo img {
		width: 100px;
	}
	
	.f_logo {
    	padding-left: 33%;
		margin-bottom: 3%;
    }
	.anasayfa_slider {
    	height: 400px;
	}
	.carousel-caption {
    visibility: hidden;
}
	.slide-section h1 {
    	padding-left: 0;
	}
	
	.paylas {
    	visibility: hidden;
	}
	
	#slider {
    height: 27px;
	}
	
	
	form.navbar-form.navbar-right {
		padding-right: 0;
	}
	
	.form-group input {
		float:right;
	}
	
	.form-group .fa-search {
		position: absolute;
		right: 5px;
		top: 5px;
		font-size: 13px;
	}

	.arama_butonu {
		margin-bottom: 1%;
		margin-top: 0%;
	}
	
	.ana_alan {
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.sosyal_alan h1 {
		font-size: 9px;
		margin-right: 10px;
	}
	
	.sosyal_alan i {
		font-size: 12px;
		padding-top: 5px;
	}
	.form-group input {
		height: 23px;
		width: 126px !important;
		padding: 3px;
	}
	#popup {
    left: 14% !important;
    width: 72%;
	}
	.controls {
		margin-left:3px;
	}
	
	.yazi {
		padding-left: 7%;
		padding-right: 7%;
	}
	
	.carousel-caption hr {
		width: 41%;
	}
	
	.carousel-caption h1 {
		font-size: 20px;
	}
	
	.carousel-caption p {
		font-size: 12px;
	}
	
	#toggle-up {
		width: 20px;
		height: 20px;
	}
	
	#toggle-down {
		width: 20px;
		height: 20px;
	}
	
	#toggle-down i, #toggle-up i {
		font-size: 19px;
	}
	.carousel-caption {
		left: 4% !important;
		width: 93%;
	}
}
@media screen and (max-width: 310px){
	.sus_kahve {
		padding-left:10%;
		padding-right:10%;	
	}	
}
.fotom a img {
    max-height: 130px !important;
	text-align:center !important;
	width: auto !important
}

.form-line.cf {
    margin-bottom: 4%;
    clear: both;
    width: 100%;
    float: left;
}
.form-line.cf input {
}

input#edTur {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}

input#edAdSoyad {
    width: 100%;
    height: 35px;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

input#edEposta {
    width: 100%;
    height: 35px;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

input#edTel {
    width: 100%;
    height: 35px;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

input#edKonu {
    width: 100%;
    height: 35px;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}


textarea#edAciklama {
    width: 100%;
    border: 1px solid rgb(124, 120, 120);
    border-radius: 5px;
}

.face-button {
	float:right
}
.sub-nerdeyim {
    float: left;
}
.sub-nerdeyim-title {
    float: left;
}
.sub-nerdeyim-title a {
    float: left;
    color:#ffffff;
    padding-right: 10px;
}
.fa.fa-angle-right {
	padding-right: 10px;
}

.galeri-resim img {
    width: 100%;
    float: left;
    position: relative;
}

.galeri-resim {
    width: 100%;
    float: left;
    list-style: none;
	height:200px;
	overflow:hidden
}

ul.galeri-listesi.cf {
    padding-left: 0;
	list-style:none;
}

li.galeri-item {
    width: 23%;
    float: left;
    margin: 1%;
    background: #edecec;
    padding: 1%;
    border-radius: 0px 0 5px 5px;
}

.galeri-detail {
    text-align: center;
}
.like-buttons {
	float:right;
	padding-top:12px;
}
.face-button {

float: right;

position: relative;
}
.twitter-button {
	margin-left: 5px;
	float: right;
}
form#form-newsletter button {
    position: absolute;
    float: right;
    right: 0px;
    width: 27px;
    color: #FFF;
    z-index: 5;
    text-align: center;
    background: #801818;
    height: 27px;
    padding: 0;
    border: 0;
    border-radius: 0;
}

form#form-newsletter input {
    border: 1px solid #000000;
}
.newsletter-alert {
    text-align: left;
    margin-bottom: 10px;
    color: #801818;
    font-weight: bold;
}

.sub-nerdeyim-title a i.fa.fa-angle-right {
    padding-right: 10px;
}

input#btnKaydet {
    color: #464242;
    background: #edecec;
    border: 1px solid #504e4e;
    padding: 5px 15px;
    font-family: PTSans Caption;
}

#cssmenu ul.open {
	display:block !important;
}
.form-control { margin-right:7px !important;}
.yorum-link { float:right; width:100%; text-align:right;}
.yorum-link.yorum-link a { color:#86272e;font-weight:bold;}

#popup {
    max-width: 600px;
}
.acikla {
	height:64px;
	overflow: hidden;
}
.icon-twitter-x::before {
    display: inline-block;
    width: 15px;
    height: 14px;
    content: "";
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
}