@charset "utf-8";

html {
  overflow-y: scroll;
}

body {
	left: 0;
	overflow: hidden;
	position: relative;
	padding: 0px;
	width: 100%;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.inputlar2 {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	height: 25px;
	width: 182px;
	background-image: url(../img/inputbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EEEEEE;
	padding-left: 10px;
}

#uye_yorum {
	width:  100%;
	margin-top: 5px;
	margin-bottom: 5px;
	height: auto;
	clear: both;
	font-family: arial;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 0px;
	float: left;
	border: 1px solid #EEE;
}
.yorumbaslik {
	width:  100%;
	display: block;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #010D24;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	margin-left: -5px;
	line-height: 18px;
	padding-left: 5px;
}
.yorumtarih {
	display: block;
	float: right;
	width: 200px;
	height: 18px;
	font-family: arial;
	line-height: 18px;
	margin-top: -21px;
	color: #010D23;
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
}
.yorumalt {
	display: block;
	float: left;
	width:  100%;
	font-family: arial;
	margin-top: 5px;
	color: #010D23;
	font-size: 10px;
	margin-bottom: 5px;
	margin-right: 1px;
	margin-left: -5px;
	background-color: #FFFFFF;
	height: 18px;
	padding-left: 5px;
}
#uye_yorum .yorumalt a {
	color: #CCCCCC;
	text-decoration: none;
}
#uye_yorum .yorumalt a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.ac-kapa fa fa-bars{
	background-color: #CA9DBC;
	color: #FFF;
	}
.p_alt_baslik {
	background-repeat: no-repeat;
	display: block;
	width:  100%;
	height: 11px;
	background-position: bottom;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -30px;
	padding: 0px;
}
#alt_linkler {
	float: right;
	height: auto;
	width:  100%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 1px;
	color: #FFF;
}
#ortaici #alt_linkler a  {
	height: 33px;
	width: 28px;
	display: block;
	background-image: url(../img/buton_ust.png);
	font-family: arial;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	line-height: 33px;
	text-align: center;
	float: left;
	margin-left: 5px;
}
#ortaici #alt_linkler a:hover {
	height: 33px;
	width: 28px;
	display: block;
	background-image: url(../img/buton_basilinca.png);
	font-family: arial;
	color: #333;
	text-decoration: underline;
	font-size: 12px;
	line-height: 33px;
	text-align: center;
	float: left;
	margin-left: 5px;
}
.mobil-menu {
	left: -424px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	position: absolute;
	width:  100%;
	clear: both;
	background-color: #FFFFFF;
	z-index: 1;
}

.mobil-menu ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #B80056;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3366;
}

.mobil-menu li {
	font-family: 'Open Sans', sans-serif;
	line-height: 45px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;
	color: #CCC;
	text-decoration: none;
	transition: all .6s;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CA9DBC;
}

.mobil-menu li:hover {
	background-color: #FFF;
	color: #333;
}

.mobil-menu li a{
	color: inherit;
	text-decoration: none;
	font-size: 13px;
}
.mobil-menu a {
	text-decoration: none;
	font-size: 13px;
}

.ac-kapa{
	background-color: #CA9DBC;
	border-radius: 0 6px 6px 0;
	margin-top: -70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 350px;
	float: left;
	margin-right: 0px;
	margin-left: 320px;
	width: 100%;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	color: #FFF;
	clear: both;
	padding: 0px;
}
#baner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CA9DBC;
}
#buton {
	height: 40px;
	width:  100%;
		margin-right: auto;
	margin-left: auto;
}



#orta {
	height: auto;
	width:  100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bggovde.png);
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
#galeri ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#galeri ul li {
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}


#galeri {
	height: auto;
	width:  100%;
		margin-right: auto;
	margin-left: auto;
}
.icon-mono {
  background: url("../img/icons1.png");
  background-image: url("../img/icons1.svg"), none;
  background-color: #3D424A;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

/* facebook */
.icon-mono.facebook {
  background-position: 0 0;
}

.icon-mono.facebook:hover {
  background-color: #3b5998;
  background-position: 0 -32px;
}

/* twitter */
.icon-mono.twitter {
  background-position: -32px 0;
}

.icon-mono.twitter:hover {
  background-color: #4099ff;
  background-position: -32px -32px;
}

/* google plus */
.icon-mono.googleplus {
  background-position: -192px 0;
}

.icon-mono.googleplus:hover {
  background-color: #d34836;
  background-position: -192px -32px;
}

/* sahibinden */
.icon-mono.sahibinden {
  background-position: -288px 0;
}

.icon-mono.sahibinden:hover {
	background-color: #FFF000;
	background-position: -288px -32px;
}

/* ins */
.icon-mono.ins {
  background-position: -384px 0;
}
.icon-nudge {
  position: relative;
  background: url("../img/icons2.png");
  background-image: url("../img/icons2.svg"), none;
  -webkit-transition: background 0.2s;
          transition: background 0.2s;
}
.icon-nudge::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  -webkit-transition: height 0.2s;
          transition: height 0.2s;
}
.icon-nudge:hover::after {
  height: 8px;
}
/* facebook */
.icon-nudge.facebook {
  background-color: #3b5998;
  background-position: 0 0;
}
.icon-nudge.facebook:hover {
  background-position: 0 -8px;
}
.icon-nudge.facebook::after {
  background-color: #1e2e4f;
}
/* twitter */
.icon-nudge.twitter {
  background-color: #4099ff;
  background-position: -32px 0;
}
.icon-nudge.twitter:hover {
  background-position: -32px -8px;
}
.icon-nudge.twitter::after {
  background-color: #0065d9;
}
/* google plus */
.icon-nudge.googleplus {
  background-color: #d34836;
  background-position: -192px 0;
}

.icon-nudge.googleplus:hover {
  background-position: -192px -8px;
}

.icon-nudge.googleplus::after {
  background-color: #86291d;
}

/* sahibinden */
.icon-nudge.sahibinden {
  background-color: #333333;
  background-position: -288px 0;
}

.icon-nudge.sahibinden:hover {
  background-position: -288px -8px;
}

.icon-nudge.sahibinden::after {
  background-color: #4d4d4d;
}

/* ins */
.icon-nudge.ins {
  background-color: #ee802f;
  background-position: -384px 0;
}

.icon-nudge.ins:hover {
  background-position: -384px -8px;
}

.icon-nudge.ins::after {
  background-color: #a9500e;
}

/* =============================================================================
  ICONS - DEMO 3
============================================================================= */
/**
 * "icon-slide" class name used to indicate an icon that has an animated slide
 * effect.
 *
 * Example HTML:
 *
 * <a href="#" class="icon icon-slide facebook">facebook</a>
 * <a href="#" class="icon icon-slide twitter">twitter</a>
 * ...
 */
.icon-slide {
  position: relative;
}

.icon-slide::before,
.icon-slide::after {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/icons3.png");
  background-image: url("../img/icons3.svg"), none;
  content: "";
  -webkit-transition: left 0.3s;
          transition: left 0.3s;
}

.icon-slide::before {
  left: 0;
  background-color: #3D424A;
}

.icon-slide::after {
  left: -100%;
}

.icon-slide:hover::before {
  left: 100%;
}

.icon-slide:hover::after {
  left: 0;
}

/* facebook */
.icon-slide.facebook::before,
.icon-slide.facebook::after {
  background-position: 0 0;
}

.icon-slide.facebook::after {
  background-color: #3b5998;
}

/* twitter */
.icon-slide.twitter::before,
.icon-slide.twitter::after {
  background-position: -32px 0;
}

.icon-slide.twitter::after {
  background-color: #4099ff;
}

/* google plus */
.icon-slide.googleplus::before,
.icon-slide.googleplus::after {
  background-position: -192px 0;
}

.icon-slide.googleplus::after {
  background-color: #d34836;
}

/* sahibinden */
.icon-slide.sahibinden::before,
.icon-slide.sahibinden::after {
  background-position: -288px 0;
}

.icon-slide.sahibinden::after {
  background-color: #333333;
}

/* ins */
.icon-slide.ins::before,
.icon-slide.ins::after {
  background-position: -384px 0;
}

.icon-slide.ins::after {
  background-color: #ee802f;
}

/* =============================================================================
  ICONS - DEMO 4
============================================================================= */
/**
 * "icon-border" class name used to indicate an icon that has an animated border
 * effect.
 *
 * Example HTML:
 *
 * <a href="#" class="icon icon-border facebook">facebook</a>
 * <a href="#" class="icon icon-border twitter">twitter</a>
 * ...
 */
.icon-border {
  position: relative;
}

.icon-border::before,
.icon-border::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.icon-border::before {
  z-index: 1;
  -webkit-transition: box-shadow 0.3s;
          transition: box-shadow 0.3s;
}
.icon-border::after {
  z-index: 2;
  background: url("../img/icons4.png");
  background-image: url("../img/icons4.svg"), none;
}
/* facebook */
.icon-border.facebook::before {
  box-shadow: inset 0 0 0 48px #3b5998;
}
.icon-border.facebook:hover::before {
  box-shadow: inset 0 0 0 4px #3b5998;
}
.icon-border.facebook::after {
  background-position: 0 0;
}
/* twitter */
.icon-border.twitter::before {
  box-shadow: inset 0 0 0 48px #4099ff;
}

.icon-border.twitter:hover::before {
  box-shadow: inset 0 0 0 4px #4099ff;
}

.icon-border.twitter::after {
  background-position: -32px 0;
}

/* google plus */
.icon-border.googleplus::before {
  box-shadow: inset 0 0 0 48px #d34836;
}

.icon-border.googleplus:hover::before {
  box-shadow: inset 0 0 0 4px #d34836;
}

.icon-border.googleplus::after {
  background-position: -192px 0;
}

/* sahibinden */
.icon-border.sahibinden::before {
  box-shadow: inset 0 0 0 48px #333333;
}

.icon-border.sahibinden:hover::before {
  box-shadow: inset 0 0 0 4px #333333;
}

.icon-border.sahibinden::after {
  background-position: -288px 0;
}

/* ins */
.icon-border.ins::before {
  box-shadow: inset 0 0 0 48px #ee802f;
}

.icon-border.ins:hover::before {
  box-shadow: inset 0 0 0 4px #ee802f;
}

.icon-border.ins::after {
  background-position: -384px 0;
}

/* =============================================================================
  ICONS - DEMO 5
============================================================================= */
.icon-cube {
  position: relative;
  -webkit-perspective: 266px;
          perspective: 266px;
  overflow: visible;
}

.icon-cube::before,
.icon-cube::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/icons5.png");
  background-image: url("../img/icons5.svg"), none;
  content: "";
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}

.icon-cube::before {
  z-index: 2;
  background-color: #3D424A;
}

.icon-cube::after {
  z-index: 1;
  opacity: 0;
  -webkit-transform: translateY(16px) rotateX(-90deg);
          transform: translateY(16px) rotateX(-90deg);
}

.icon-cube:hover::before {
  opacity: 0;
  -webkit-transform: translateY(-16px) rotateX(90deg);
          transform: translateY(-16px) rotateX(90deg);
}

.icon-cube:hover::after {
  opacity: 1;
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}

/* facebook */
.icon-cube.facebook::before,
.icon-cube.facebook::after {
  background-position: 0 0;
}

.icon-cube.facebook::after {
  background-color: #3b5998;
}

/* twitter */
.icon-cube.twitter::before,
.icon-cube.twitter::after {
  background-position: -32px 0;
}

.icon-cube.twitter::after {
  background-color: #4099ff;
}

/* google plus */
.icon-cube.googleplus::before,
.icon-cube.googleplus::after {
  background-position: -64px 0;
}

.icon-cube.googleplus::after {
  background-color: #d34836;
}

/* sahibinden */
.icon-cube.sahibinden::before,
.icon-cube.sahibinden::after {
  background-position: -96px 0;
}

.icon-cube.sahibinden::after {
  background-color: #FFE800;
}

/* ins */
.icon-cube.ins::before,
.icon-cube.ins::after {
  background-position: -128px 0;
}

.icon-cube.ins::after {
	background-color: #895A4D;
}
.icon {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 32px;
  height: 32px;
  font-size: 0;
  text-indent: -9999px;
}
#alt {
	height: 250px;
	width:  100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	font-family: Arial;
	color: #666;
	text-align: center;
	font-size: 11px;
	margin-top: 20px;
	padding-top: 15px;
	margin-bottom: 0px;
	clear: both;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}



#form1 textarea {
	display: block;
	background-image: url(../img/textareabg.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	height: 60px;
	width: 205px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #404040;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: arial;
	font-size: 11px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#form2 textarea {
	display: block;
	background-image: url(../img/textareabg.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	height: 60px;
	width: 205px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #EEEEEE;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: arial;
	font-size: 11px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#form3 textarea {
	display: block;
	background-image: url(../img/textareabg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	height: 98px;
	width:  100%;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 10px;
	background-color: #EEEEEE;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: arial;
	font-size: 11px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.gonder_buton {
	height: 21px;
	width: 62px;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}
.ana_icerik_foto {
	display: block;
	background-image: url(../img/ana_icerik.png);
	width:  100%;
		margin-right: auto;
	margin-left: auto;
	padding: 0px;
	height: 250px;
}
.inputlariki {
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	height: 25px;
	width: 180px;
	background-image: url(../img/inputbg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: arial;
	font-size: 11px;
	color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	text-align: left;
}

#iletisimform {
	width:  100%;
	margin-left: 0px;
}
#iletisimharita {
	clear: both;
	width:  100%;
}
.form2 {
	display: block;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #CA9DBC;
	height: 20px;
	width: 100%;
	line-height: 20px;
	color: #010D24;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.baslik {
	font-family: Arial;
	font-size: 11px;
	font-weight: Bold;
	display: block;
	width: auto;
	background-color: #CA9DBC;
	height: 20px;
	line-height: 20px;
	margin-top: -25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 5px;
}
.ana_icerik {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	display: block;
	width: auto;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#wrapper {
	width:  100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	height: 140px;
	z-index: -2;
	position: relative;
}