@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext);

html { overflow:-moz-scrollbars-vertical; /* For FF */ -ms-overflow-y:scroll; /* For IE */ overflow-y:scroll; /* For others & old IE */ }

html,body {
background:#fff;
color:#000!important;
font-family: 'Open Sans', sans-serif;
font-size:13pt;
font-weight:400;
height:100%;
line-height:16pt;
margin:0 0 10px;
padding:0;
width:100%;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
color:#000;
font-family: 'Open Sans', sans-serif;
font-size:25px;
font-weight:400;
line-height:25px;
margin:0;
}

a {
color:#111;
}

a:hover {
color:#f68121;
text-decoration:none;
}

input[type="text"] {
border:0;
}

input[type="submit"] {
border:0;
text-transform:capitalize;
}

.YuzdeYuz { width:100%; text-align:center; }
.MyRelative { position:relative; }
.MyAbsolute { position:absolute; }

.container { width:1002px; padding:0px; }
.EnTepe { background:url("/tema/images/en-ust-artalan.png"); color:#fff; font-size:12px; padding:6px 0px 5px 0px; border-bottom:1px solid #111; color:#565659; }

.SiteTopHeader { float:left; width:100%; }
.SiteTopHeader .UstMenu { float:left; width:534px; padding-top:3px; }
.SiteTopHeader .UstMenu li a { color:#FFF; text-decoration:none; padding:0px 9px 0px 9px; }
.SiteTopHeader .UstMenu li a:hover { color:#00a7d1; text-decoration:none; }
.SiteTopHeader .SiteArama { float:left; background:#FFF; padding:2px; height:25px; }
.SiteTopHeader .SiteArama input[type="text"] { color:#111; width:431px; height:21px; }
.SiteTopHeader .SiteArama input[type="submit"] { background:#111; color:#FFF; height:21px; }

.SiteHeader { float:left; width:100%; }
.SiteHeader .Logo { float:left; width:534px; padding:18px 0px 10px 0px; }
.SiteHeader .Logo img { float:left;
	animation-name:zoomIn;
	animation-duration:0.2s;
	animation-iteration-count:1;
	animation-timing-function:ease-out;
	animation-fill-mode:both;
	animation-delay:0.3s;
}

/* Sidebar */
.SideBar { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; padding: 10px 10px 10px 10px; margin-top: 0px; height: auto; }

.SideBar > .Baslik { font-size: 16px!important;; }
.SideBar a { font-size: 14px; }

.Sidebar hr { border-top: 1px solid #DDDDDD; margin-top: 5px; margin-bottom: 5px; }
.SiteContentMother .Kapsar .SideBar { float:left; }
/* Sidebar Bitti */

.SiteContentMother .AltBanner { float:left; width:100%; }
.SiteContentMother .AltBanner .Banner { width:728px; margin-left:auto; margin-right:auto; padding:20px 0px 20px 0px; }
.SiteContentMother .AltBanner .Banner img { border:1px solid #ddd; }

.SiteFooter { float:left; width:100%; background: #fff; border-top: 1px solid #E1E1E1; font-size:12px; color:#000; line-height:20px; }
.SiteFooter a { font-size:12px; color:#000; line-height:20px;   width: 50%; float: left;}
.SiteFooter ul { list-style-type:none; padding:0; }

.KaleydoskopLogo { float:right; }
.KaleydoskopCR { font-size: 11px; color: #C78E96; }
.YukariGit { float:right; font-size:11px; font-style:italic; }
.YukariGit a { color:#ddd; transition:color 1s ease; }
.YukariGit a:hover { color:#ffdc00; text-decoration:none; }
#YukariGit {position:fixed;bottom:53px; margin-left:1012px;}
#YukariGit a {width:54px;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#YukariGit a:hover {color:#000;}
#YukariGit span {width:54px;height:54px;display:block;margin-bottom:7px;background:#ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:1s;-moz-transition:1s;transition:1s; font-size:36px; font-weight:bold; padding:9px 0px 0px 0px; }
#YukariGit a:hover span {background-color:#777;}

.Foto img { margin:2px; }
.row { margin: 0; }

/* Global Styles */

.vert-text {
  display: table-cell; vertical-align: middle; text-align: center; }

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

/* Side Menu */
#sidebar-wrapper {
  margin-right: -250px;
  right: 0;
  width: 250px;
  background: #000;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#menu-toggle {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.toggle {
  margin: 5px 5px 0 0;
}

/* Full Page Image Header Area */

.header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  /*background: url(/img/bg.jpg) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Menu */
.navbar-inverse .navbar-nav > li > a { font-size:18px; }
.navbar-inverse .navbar-nav>li>a { color: #807E7E; }
.navbar-inverse { background: #fff; width: 100% margin: 10px 0px 0px -501px; height: 75px; padding: 0px 0px 0px 0px; border: 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.20);}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #FFF; }
.navbar-nav { margin: 7px 0px 0px 0px; }

/* Menu Hover */
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu { display: block; background: #f4f4f4!important; }
.dropdown-menu>li>a { width: 250px; padding: 10px; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #5DC0D0; background-color: #fff;  }

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.Logo { max-height: 100%; padding-top: 10px; }
.MyTopMenu { font-size: 12px; line-height: 14px; text-decoration: none; font-weight: bold; color: #FFF; }

.SiteContentMother { padding:0px; width: 100%; overflow: hidden; }
.SiteContentMother .navbar-nav>li>a { color: #fff; background: #F7899A; }
.SiteContentMother .navbar-nav>li>a:hover, .SiteContentMother .navbar-nav>li>a:focus { color: #3776bb; background-color: transparent; }
.theme-default .nivo-controlNav { display:inline; }

/* Contact */
.contact {
	background:#FFF; color: #111; }
.IletisimFormu input, .IletisimFormu textarea, .IletisimFormu select { margin:0px 0px 10px 0px; }
.contact .socials { width:110px; height:110px; color:#fff !important; cursor:pointer; text-align:center; display: table-cell; vertical-align: middle; margin:5px !important; }
.Sosyal { margin-left: auto; margin-right: auto; left: 0; height: 35px; margin-top: 10px; text-align: left; padding:0px 0px 0px 0px;  }
.Sosyal img { width:27px; }

/* Map */
.map {
	height: 500px; }

/* Footer */
footer {
	background: #fff; padding: 0px 0; color: #0074D9; }
footer .socials { width:50px; height:50px; color:#fff !important; cursor:pointer; text-align:center; display: table-cell; vertical-align: middle; margin:5px !important; }

.top-scroll {
  margin-top: 50px; }
.top-scroll a {
  text-decoration: none; color: inherit; }
i.scroll {
  color: #333333; }
i.scroll:hover {
  color: #0a5175; }

/* Responsive */
@media (max-width: 768px) {
	
	.header {
		background: url(/img/bg.jpg) no-repeat center center scroll; 
	}

	/*.callout {
		background: url(/img/callout.jpg) no-repeat center center scroll; 
	}*/

	.map {
		height: 75%;
	}
}

.container { width: 1002px !important; }
.col-xs-12 { float: left; }

.carousel-caption { background:#fff; left:0; width:400px; border-left: 10px #D62020!important; padding: 10px!important; margin-bottom: 40px; }

.icerikKutu { height: 310px; overflow: hidden; padding: 10px; }

.navbar-nav > li > a { padding: 10px 10px 10px 0px!important; margin-right: 7px; }
.navbar-inverse .navbar-nav > li > a { font-size: 14px; color: #333; height: 50px; line-height: 35px; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color:#000; text-decoration:underline; }
.navbar { margin-bottom:0px; }

.Baslik { color: #D62020!important; font-size: 20px!important; line-height: 20px!important; font-weight: 700!important; text-align:left; max-height: 60px; overflow: hidden; }
.Spot { font-size: 13px; text-align: left; color: #000; }

.devami { position: absolute;
  top: 0;
  margin-top: 245px;
  left: 0;
  margin-left: 0px;
  font-weight: 700;
  background: #fff;
  width: 95%;
  padding-left: 10px;color: #807E7E; color: #807E7E; }
  
.devamicerik { position: absolute;
  top: 0;
  margin-top: 285px;
  left: 0;
  margin-left: 15px;
  font-weight: 700;
  background: #fff;
  width: 100%; color: #807E7E; }
  
body  { margin:0px 0px 0px 0px; }
body.detay  .Gorsel { float:left; }
body.detay  .Spot { padding:0px 0px 20px 0px; }
body.detay  .Detay { }
body.detay  p { /*float:left;*/ width:100%; }
body.detay  img.Gorsel { width:350px; }
body.detay  img.Gorsel { border-radius: 50%; border: 10px solid #3776bb; border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius: 500px; } 
body.kategori-liste  .Gorsel { margin:0px; }
body.kategori-liste  .col-xs-4 a:hover {
	color:#111;
}

.borderli { border-radius: 50%;
border: 5px solid #D55E71;
border-radius: 500px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px; }

.borderli:hover { border: 5px solid #BE4A68; }

.breadcrumb { display: table; width: 100%; }
.col-xs-4 {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: transparent;
	border: 0px;
	background-color: transparent;
	border: 0px;
}

.AnaMenu { float: left; height: 75px; line-height: 75px; }

.SosyalMedya { float: right; padding-top: 10px; }

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc !important;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.AdresBilgileri p { color:#111; font-size:12px; }

.IletisimdeGoster { display:none; }
body.iletisim .IletisimdeGizle { display:none !important; }
body.iletisim .IletisimdeGoster { display:inline !important; padding-bottom:20px; }

.SiteContentMother ul { list-style-type: disc !important; display:table; }
header ul { list-style:none; padding:0px; margin:0px; }
header li { float:left; }
body.detay  .SarBeni {
float: left;
margin: 0px 0px 10px 10px;
}

.footerMenu { padding: 10px 15px 0px 10px; background: rgb(247, 137, 154); border: 1px solid rgb(213, 94, 113); min-height: 243px; }
.footerMenu li { list-style-type: none!important; border-bottom: 1px solid #DF6376; margin-bottom: 8px; padding-bottom: 8px;  }
.footerMenu a { color:#fff; }
.footerMenu a:hover { color:#BE4A68; }
.footerMenu li , .footerMenu a { font-size:14px; }

.Kapsar { background: #fff; }

.calendar.small {width: 100%; background: #fff; border: 1px solid #9ED8E1; color: #21ADC3; }
.calendar td, .calendar th { padding:10px; }
.current-month { text-align: center; }

.anasayfaKutu { padding: 5px; background: #eef8fa; margin-right: 10px; margin-bottom: 10px; height: 265px; }
.anasayfaKutu img { width:190px; height:126px; }
.anasayfaKutu a { font-size: 13px; line-height:17px; font-weight:700; color: #21adc3; }
.anasayfaKutu p { padding-top: 5px; font-size: 10pt; line-height: 11pt; color: #807E7E; min-height: 86px; }
.paddingsiz { padding:0; }

.breadcrumb { padding: 5px 10px!important; background-color: #DFDFDF!important; font-size: 12px!important; margin-top: 15px; }
}

.Sola { float:left!important; }
.mc-field-group { float:left!important;   padding-top: 5px; }

.label-default { background-color: #FFF; }

.carousel-control { text-shadow: 0; }
.carousel-control.left  { background-image: none; background-repeat: no-repeat; filter: none; }
.carousel-control.right  { background-image: none; background-repeat: no-repeat; filter: none; }

.DetayliBilgiKutusu {
  width: 100%;
  border: 1px solid #AFAFAF;
  background: #EFEFEF;
  padding: 10px;
  margin-top: 10px;
}

.DetayliBilgiSol {
  width: 49%;
  float:left;
  border-right: 1px solid #AFAFAF;
  text-align: center;
}

.DetayliBilgiSag {
  width: 50%;
  text-align: center;
  float:left;
}

.DetayliBilgi { font-size: 30px; }
.DetayliBilgiSag a { font-size:14px; }

.UstBilgiKutusu {
  width: 100%;
  padding: 10px;
  margin: 5px 0px 15px 0px;
  font-size: 14px;
}

.BilgiKutusu {
  width: 33%;
  float:left;
  border-right: 1px solid #AFAFAF;
  text-align: center;
}

.BilgiKutusuSon {
  width: 33%;
  float:left;
  text-align: center;
}

.AnaHaber iframe {
	width: 100%!important;
}

legend {font-weight: bold; font-size: 120%; color: #807E7E; }

.row div span {
	position: absolute;
	bottom: -20px;
	left: 16px;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

.urunliste div span {
	position: absolute;
	bottom: -20px;
	left: 16px;
	z-index: -1;
	display: block;
	width: 255px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}

figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
bottom: 10px;
opacity: 1;
z-index: 99999999;
background-color: #fff;
padding-top: 10px;	  
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}