/*
Theme Name: LUMIWEB
Theme URI: http://korhantopaloglu.com/themes/lumiweb
Author: Korhan Topaloglu
Author URI: http://korhantopaloglu.com
Description: LUMIWEB is a Simple and Clean WordPress Theme by LUMIDESIGN. Easy Customize through Theme Options and Custom Widgets. Features: Custom Menu, Custom Widgets, Three Custom Layouts, Featured Slider, Theme Options (Header Logo, Footer Logo, Fav Icon, Social Icons, Custom CSS Styles, Webmaster Tools)  and Support for popular plugins (Breadcrumb NavXT, Contact Form 7, WP-PageNavi, WP Page Numbers). It is based on popular 960 Grid System CSS Framework. Now, it's translation ready.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, silver, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
*/

/* =Import css
----------------------------------------------- */
@import url(../css/kube.css);
@import url(../css/overwite.css);
/* =Global
----------------------------------------------- */

html, body {
	min-height: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	font: 13px/1.5 Helvetica, "Helvetica Neue", Arial, "Trebuchet MS", sans-serif;
	color: #CCC;
	font-weight: 100;
	background-size: cover;
	background-attachment: fixed;
	overflow: hidden;
}
p {
	font: 13px/1.5 Helvetica, "Helvetica Neue", Arial, "Trebuchet MS", sans-serif;
	font-weight: 100;
}
#page {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.tabs h4:first-child {
	display: none;
}
.page {
	position: relative;
}
#satinalbt {
	background-color: #FAFB08;
}
#satinalbt:hover {
	background-color: #111;
}
#mask {
	background-image: url(../images/mask.png);
	position: absolute;
	width: 100%;
	height: 100%;
}
a {
	text-decoration: none;
	color: #D9BE07;
}
a:hover {
	color: #FFE100;
}
h1, h2, h3, h4, h5, h6 {
	color: #EEE;
	margin-bottom: 1.6em;
}
.page h5 {
	color: #D9BE07;
}
#content .list h4.entry-title {
	margin-bottom: 0;
}
body.home p, body.home h3 {
	text-align: center;
}
.list .post-img, .textwidget .post-img {
	margin: -30px -30px 20px -30px;
}
.list .post-img img {
	width: 100%;
}
#goBack {
	background: url(../images/buttons.png) no-repeat;
	display: block;
	height: 32px;
	width: 32px;
	text-indent: -99999px;
}
#goTop {
	position: fixed;
	bottom: -50px;
	margin-left: 10px;
	background-position: -204px 0px;
	z-index: 9999;
}
#goTop:hover {
	background-position: -204px -40px;
}
.yellow {
	color: #D9BE07 !important;
}
.big {
	font-size: 1.8em;
 margin bottom: 1.6em;
}
.ui-tabs {
	position: relative;
	zoom: 1;
	margin-bottom: 30px;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	position: absolute;
	top: -35px;
	right: 0px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	white-space: nowrap;
	background-image: url(../images/y70trans.png);
	margin-right: 5px;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	color: #333;
	line-height: 35px;
	padding: 0 10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
	background-image: url(../images/g70trans.png);
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #CCC;
}
/* =Header
----------------------------------------------- */
#header {
	height: 100%;
	float: left;
	background-color: #FFF;
	padding: 30px 0;
	width: 20%;
	display: inline-block;
	text-align: right;
}
/* Logo Tile */
#header #logo {
	cursor: pointer;
	margin-bottom: 3.2em;
	padding: 0 30px;
}
#header .logo-wrap {
}
/* Social-Search */
ul.social {
	display: inline-block;
	margin: 0 auto 1.6em auto;
}
ul.social li {
	float: left;
	list-style: none;
	margin-left: 4px;
}

.diller a#tr {
	background: url(../images/tr.jpg) no-repeat;
	height: 27px;
	width: 40px;
	display: block;
float: right;

}
.diller a#eng {
	background: url(../images/eng.jpg) no-repeat;
	height: 27px;
	width: 40px;
	display: block;
float: right;
}

ul.social li a {
	background: url(../images/social.png) right bottom no-repeat;
	display: block;
	height: 26px;
	width: 26px;
	text-indent: -9999px;
	background-position: 0px 0px;
	text-align: left;
}
ul.social li.twitter a {
	background-position: -60px 0px;
}
ul.social li.facebook a {
	background-position: -30px 0px;
}
ul.social li.rss a {
	background-position: 0px 0px;
}
ul.social li.you-tube a {
	background-position: -90px 0px;
}
ul.social li.twitter a:hover {
	background-position: -60px -30px;
}
ul.social li.facebook a:hover {
	background-position: -30px -30px;
}
ul.social li.rss a:hover {
	background-position: 0px -30px;
}
ul.social li.you-tube a:hover {
	background-position: -90px -30px;
}
/* Search Form */
div#search {
	padding: 0 30px;
}
form.searchform {
	display: block;
}
button.btn-search {
	font-style: italic;
	font-size: 0.8em;
	line-height: 0.8em;
	text-indent: -9999px;
	background: #C9CDD3 url(../images/buttons.png) -348px 0px no-repeat;
	border-radius: 0px !important;
	height: 26px;
}
button.btn-search:hover {
	background: #C9CDD3 url(../images/buttons.png) -148px -26px no-repeat;
}
input.text-search {
	font-weight: 300;
	font-style: italic;
	font-size: 0.9em;
	line-height: 0.8em;
	border: none;
	background-color: #C9CDD3;
	height: 26px;
}
.yellow_detail_button {
	background-color: #D9BE07;
	text-indent: 0;
	display: inline-block;
	color: #111;
	text-decoration: none;
	text-align: center;
	padding: 8px 10px;
	font-weight: bold;
}

.yellow_detail_button:hover {
	color: #D9BE07;
	background-color: #111;
}

.yellow_detail_button:active {
	position: relative;
	top: 1px;
}
.buttons {
	margin-top: -65px;
	margin-bottom: 30px;
	text-align: right;
}
/* =Menu
----------------------------------------------- */
.ddmenu {
	text-align: center;
	font-weight: bold;
	margin-bottom: 3.2em;
	padding: 30px;
}
.ddmenu > div {
	margin: 0 auto;
	display: block;
}
.ddmenu {
	margin: 0px auto;
	list-style: none;
}
.ddmenu li {
	position: relative;
	border-bottom: solid 1px #CCC;
	text-align: right;
}
.ddmenu li:last-child {
	border-bottom: none;
}
.ddmenu li > a {
	padding: 10px 5px;
	display: block;
	text-transform: uppercase;
	color: #333;
}
.ddmenu li > a:hover, .ddmenu li.current-menu-item > a, .ddmenu li.current_page_item > a, .ddmenu li:hover > a, .ddmenu li.current_page_ancestor > a {
	background-color: #FFE100;/*	-webkit-box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    -5px 5px 0px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         -5px 5px 0px 0px rgba(0, 0, 0, 0.5); */
}

/* Dropdown menu */
.ddmenu li ul, .ddmenu li:hover ul li ul {
	display: none;
	list-style: none none;
	background-color: #EEE;
}
.ddmenu li:hover ul
{
display:block;
}
.ddmenu li:hover > ul, .ddmenu li ul li:hover > ul, .ddmenu li ul li ul li:hover > ul {
	/*display: block; */
}
.ddmenu li ul {
	position: absolute;
	padding: 0px;
	margin: 0px;
	/*	-webkit-box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    -5px 5px 0px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         -5px 5px 0px 0px rgba(0, 0, 0, 0.5); */
	left: 100%;
	top: -1px;
	z-index: 9999;
	border: 1px solid #CCC;
}
.ddmenu li ul li ul {
}
.ddmenu li ul li {
	float: none;
	border-right: 0 none;
	margin: 0;
	padding: 0;
}
.ddmenu li ul li > a {
	/*padding: 2px 5px;*/
	text-align: left;
	/*text-transform: none;*/
	white-space: nowrap;
	padding: 10px 5px;
	display: block;
	text-transform: uppercase;
	color: #333;

}
.ddmenu li ul li > a:hover, .ddmenu li ul li.current-menu-item > a, .ddmenu li ul li.current_page_item > a, .ddmenu li ul li:hover > a, .ddmenu li ul li.current_page_ancestor > a {
	text-decoration: none;/*-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;*/
}
/* Page Title */
#header #page-title {
	padding: 34px 20px 0px;
}
#header #page-title p {
	padding-bottom: 0;
}
/* =Content
----------------------------------------------- */
#main {
	position: relative;
	height: 100%;
	min-height: 100%;
	width: 80%;
	display: inline-block;
}
#content {
	float: left;
	width: 100%;
	height: 100%;
	overflow: auto;
}
#content.page-content, #content.post-content {
	padding: 50px;
}
#content .list {
	background-image: url(../images/b70trans.png);
 .clearfix;
}
.trans-black {
	background-image: url(../images/b70trans.png);
	padding: 30px;
}
.trans-gray, .ui-tabs {
	background-image: url(../images/g70trans.png);
	padding: 30px;
}
.trans-yellow {
	background-image: url(../images/ytrans.png);
	padding: 30px;
	color: #333;
}

#content .list h3 {
}
#content ul.menu {
	list-style: none;
	margin: 0;
}
#content ul.menu li {
	list-style: none;
}
#content ul.menu li > a {
	background-color: #3B80C5;
	color: #FFF;
	padding: 5px 10px;
	display: block;
}
#content ul.menu li:hover > a {
	background-color: #1D2D6B;
}
.home #sidebar-right {
	height: 100%;
	min-height: 100%;
	width: 25%;
	background-color: #333;
	text-align: center;
	position: absolute;
	right: 0;
}
.home #content .list {
	width: 25%;
	float: left;
	height: 100%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	position: relative;
	overflow: auto;
}
.home #content .list.highlight {
}
.home #content .list a {
	color: #111;
	font-size: 0.8em;
	line-height: 1.3em;
}
.home #content .list a:hover {
}
.home #content .list:hover {
	filter: none;
	-webkit-filter: none;
}
.home #content .list:hover .post-desc {
	background-image: url(../images/ytrans.png);
}
.home #content .list:hover .post-desc > div:first-child {
	background-image: url(../images/divtopbg_y.png);
}
.home #content .list:hover .post-desc > div:last-child {
	background-image: url(../images/divbottombg_y.png);
}
.home #content div.units-container, .home #content div.unit-33, .home #content div.unit-33 > div {
	height: 100%;
}
.home #content .list .post-desc {
	background-image: url(../images/wtrans.png);
	padding: 5px 30px;
	color: #333;
	position: absolute;
	top: 30%;
	width: 100%;
}
.home #content .list .post-desc > div:first-child {
	background: url(../images/divtopbg.png) no-repeat center top;
	height: 99px;
	position: absolute;
	width: 100%;
	top: -99px;
	left: 0;
}
.home #content .list .post-desc > div:last-child {
	background: url(../images/divbottombg.png) no-repeat center bottom;
	height: 99px;
	position: absolute;
	width: 100%;
	bottom: -99px;
	left: 0;
}
.home #content .list:nth-child(2) .post-desc {
	top: 26.5%;
}
.home #content .list:nth-child(3) .post-desc {
	top: 23%;
}
#content .list .page {
	padding: 30px;
}
/* Table */
table caption {
	padding: 5px;
	color: #FFF;
	font-weight: bold;
}
table th:first-child, table td:first-child {
	padding: 0 5px 5px 5px;
}
table th, table td {
	padding: 0 5px 5px 0;
	border: none;
}
table th div {
	background-color: #FFE100;
	color: #333;
	font-weight: bold;
	text-align: center;
}
table td div {
	background-color: #EEE;
	color: #333;
	text-align: center;
}
/* Comments form */
#respond, #comments {
	overflow: hidden;
	position: relative;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #CCC;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.nopassword, .nocomments {
	display: none;
}
/* =Caption, Images and Alignments
-------------------------------------------------------------- */
.alignright {
	display: inline;
	float: right;
}
.alignleft {
	display: inline;
	float: left;
}
.aligncenter, div.post .new-post .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 5px;
	margin-bottom: 15px;
	max-width: 630px;
}
.wp-caption.alignleft {
	margin: 0px 10px 10px 0px;
}
.wp-caption.alignright {
	margin: 0px 0px 10px 10px;
}
#main #content .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	color: #666;
	font-style: italic;
	padding: 10px 10px 5px;
}
img.alignleft {
	margin-right: 20px;
	margin-bottom: 20px;
}
img.alignright {
	margin-left: 20px;
	margin-bottom: 20px;
}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.wp-smiley {
	margin: 0;
}
/* Gallery */
.gallery .gallery-item {
	float: left;
	margin: 0 !important;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery img {
	border: none !important;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 11px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: none;
}
.gallery br+br {
	display: none;
}
.entry-attachment .attachment {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 5px;
	margin-bottom: 20px;
}
.attachment h1 span.img-title {
	font-size: 30px;
	color: #bbb;
}
#main #content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
	background: none;
	border: 0 none;
	padding: 0;
}
.entry-caption p {
	color: #666666;
	font-style: italic;
	padding: 10px 10px 5px;
}
/* =Sidebar
-------------------------------------------------------------- */
#sidebar-right > div {
	position: absolute;
	bottom: 40px;
	width: 100%;
}
#sidebar-right h5 {
	color: #FFE100;
	margin-bottom: 0;
}
#sidebar ul {
	margin-bottom: 0px;
	list-style: none;
}
#sidebar h3, #sidebar h4, #sidebar h5 {
	padding-bottom: 5px;
}
#sidebar .tagcloud a {
	margin-right: 5px;
	font-size: 12px;
	color: #666;
}
#sidebar .tagcloud a:hover {
	color: #000;
}
#sidebar .custom-tagcloud a {
	padding: 1px 7px;
	color: #666;
	background-color: #DDD;
	display: inline-block;
	margin-bottom: 4px;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sidebar .custom-tagcloud a:hover {
	color: #fff;
	background-color: #888;
}
/* =Calender
-------------------------------------------------------------- */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#wp-calendar a:hover {
	text-decoration: underline;
}
#wp-calendar caption {
	text-decoration: none;
	padding-bottom: 20px;
}
#wp-calendar td {
	padding: 3px 5px;
	color: #9f9f9f;
	text-align: center;
}
#wp-calendar td#today {
	color: #ffffff;
	background-color: #444;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	padding: 3px 5px;
	text-align: center;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
/* =Pagination
-------------------------------------------------------------- */
#wp_page_numbers, #content .wp-pagenavi {
	float: right;
	padding-bottom: 30px;
}
#wp_page_numbers ul {
	list-style: none;
}
#wp_page_numbers ul li {
	float: left;
	margin-left: 10px;
	color: #999;
	line-height: 30px;
}
#wp_page_numbers ul li a, #content .wp-pagenavi a, #content .wp-pagenavi span {
	border: none;
	float: left;
	height: 30px;
	background: #EEE;
	text-align: center;
	line-height: 30px;
	display: block;
	padding: 0 11px;
	text-decoration: none;
}
.wp-pagenavi span.pages {
	background-color: #FFF !important;
	font-style: italic;
}
#content .wp-pagenavi a, #content .wp-pagenavi span {
	margin: 0 0 0 10px;
}
#wp_page_numbers ul li a:hover, #content .wp-pagenavi a:hover {
	background: #111;
	color: #fff;
}
#wp_page_numbers ul li.active_page a, #content .wp-pagenavi span.current {
	background: #111;
	color: #fff;
	font-weight: normal;
}
/* =Footer
-------------------------------------------------------------- */
#footer {
}
.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* =Print styling
-------------------------------------------------------------- */
@media print {
}

/* #### Mobile Phones Portrait or Landscape #### 
@media screen and (max-width: 639px){
Responsive
-----------------------------------------------------------------------------*/
/* #### Tablets Portrait or Landscape #### */
@media only screen and (min-width: 640px) and (max-width: 960px) {
}
/* Desktops and laptops ----------- */
@media only screen and (max-width : 960px) {
#content .list h4.entry-title {
	font-size: 1.0em;
}
#content .list .post-img {
	margin: -15px -15px 20px -15px;
}
#content .list .page {
	padding: 15px;
}
#header {
	width: 30%;
}
#main {
	width: 70%;
}
.home #sidebar-right {
	width: 100%;
	height: auto;
	min-height: inherit;
	float: left;
	position: static;
	padding: 30px;
}
.home #content .list {
	width: 100%;
	height: 400px;
}
.home #content .list .post-desc {
	bottom: 30% !important;
}
#sidebar-right > div {
	position: static;
}
}
@media only screen and (min-width : 1224px) and (max-width: 1824px) {
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}
@media only screen and (max-width: 767px) {
.ddmenu {
	position: relative;
	margin-bottom: 20px;
}
.ddmenu > div {
	display: block;
}
.ddmenu li {
	float: none;
	text-align: left;
	width: auto;
	margin-right: 0;
	padding-right: 0;
}
.ddmenu li > a {
}
.ddmenu li ul li {
	float: none;
	padding-left: 10px;
	background-color: #EEE;
}
.ddmenu .menu > ul > li > ul {
	padding: 0 30px;
}
.ddmenu li ul {
	position: static;
	width: auto;
	border: none;
	border-bottom: 1px solid #CCC;
}
.ddmenu li ul li ul {
	left: auto;
	top: auto;
}
#header #logo {
	padding-right: 0;
}
#mainmenu {
	padding: 0;
}
#header {
	height: auto;
	float: none;
	width: 100%;
	text-align: center;
}
#main {
	height: auto;
	min-height: inherit;
	width: 100%;
}
#page {
	overflow: auto;
}
#content {
	overflow: hidden;
}
#content .list h4.entry-title {
	font-size: 18px;
}
#content .list .post-img {
	margin: -30px -30px 20px -30px;
}
#content .list .page {
	padding: 30px;
}

}
/* overwrites*/
.visual-form-builder fieldset {
	background-color: inherit !important;
}
.visual-form-builder label, label.vfb-desc {
	color: #666 !important;
}
* { padding: 0; margin: 0; list-style: none; border: 0 }

.slider {
	overflow: hidden;
	position: relative;
	width:100%;
	left:0;
	right:0
}
.slider ul.slider_liste li {
	font-size: 0;
	width: 100%;
	float: left
}
.slider ul.slider_liste li a img {
	width: 100%
}

/* buton */
a.onceki, a.sonraki {
	width: 70px;
	height: 70px;
	text-decoration: none;
	font: 32px/70px Arial;
	color: #fff;
	border-radius: 100px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	background: rgba(0, 0, 0, .5);
	text-align: center
}
a.onceki { left: 20px }
a.sonraki { right: 20px }
a.onceki:hover, a.sonraki:hover { background: #000 }

.ozel-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
}

.ozel-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.ozel-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fc6023;
}

.ozel-scrollbar {
  
    float: left;
    height: 100%;
    width: 75%;
    overflow-y: scroll;
}
@media (max-width:770px) {

.ozel-scrollbar {
  
    width: 100%;
}
}
.fancybox-title-over {
	width: 100% !important;
}