/*
Theme Name: Juzk Theme
Theme URI: http://www.juzk.net
Description: Juzk Solutions
Author URI: http://www.juzk.net
Author: juzk.net
*/

/* SAFİR RESET  */
	
	* {
		outline:0;
		margin:0;
		padding:0;
		vertical-align: bottom;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
	}

	ol {
		list-style-position:inside;
	}

	ul {
		list-style:none;
		list-style-position:outside;
	}

	blockquote {
		margin-left: 30px;
		padding-left: 10px;
		border-left: 3px solid #eee;
	}

	a {
		text-decoration:none;
		color: #606372;
	}

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

	a img {
		border:none;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	.itemContainer img {
		width: 100%;
	}

	body {
		background: #fff;
		font:13px "Roboto",sans-serif;
		color:#333;
	}

	h1 {
		font-size:20px;
	}

	h2 {
		font-size:18px;
	}

	h3 {
		font-size:16px;
	}

	input, select, textarea {
		font: 13px "Roboto",sans-serif;
	}

/* GENERAL CLASSES */

	.post .image {
		position: relative;
		overflow: hidden;
	}

	.post .image img {
		display: block;
		width: 100%;
		max-width: 100%;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.post .image:hover img, .advancedPostsWidget4 .post:hover img, #thumbBlock .prevNext .post:hover img {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	.safirWidget {
		margin-bottom: 15px;
	}

	.clear {
		clear: both;
	}

	.innerContainer {
		max-width: 1170px;
		padding: 0 5px;
		margin: auto; 
		overflow: hidden;
		position: relative;
	}

	.reading, .reading p, .reading li {
		line-height: 1.3;
		margin-bottom: 10px;
		text-align: Arial;
		font-size: 16px; 
        background: #fafafa;

	}

	.reading ul li {
		list-style-type: disc;
		margin-left: 20px;
		list-style-position: inside;
	}

	.reading ol li {
		margin-left: 20px;
		list-style-position: inside;
	}

	.seperator {
		clear: both;
		margin: 10px -10px;
		border-top: 1px solid #ddd;
	}

	.float {
		overflow: hidden;
	}

	.bold {
		font-weight: bold;
	}

	.reading {
		font-size: 14px;
	}

	.reading iframe, .reading embed {
		max-width:100%;
	}

	.widgetHeading {
		margin-bottom: 10px; 
		background: #efefef;
		background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 65%,#ffffff 100%);
		border-bottom: 2px solid #000;
		line-height: 30px;
		overflow: hidden;
	}

	.widgetHeading span {
		background: #000;
		color: #fff;
		display: block;
		float: left;
		line-height: 30px;
		padding: 0 10px;
		font-weight: 500;
		font-size: 14px;
	}

	.sidebarHeading {
		background: #AF0000;
		color: #fff;
		text-align: Helvetica;
		text-align: center;
		padding: 10px;
		font-size: 17px;
		margin-bottom: 10px;
		font-weight: bold; 
	}

	.mainHeading {
		line-height: 40px;
		position: relative;
		overflow: hidden;
		font-weight: bold;
		font-size: 20px;
		margin: 0 0 10px;
		background: #fff;
		border-bottom: 2px solid #d0d0d0;
	}

	.singleHeading {
		font-weight: bold;
		font-size: 20px;
		padding: 5px;
		color: #ffffff;
		margin: 0 0 5px;
		background: #af0000;
	}

	.secondHeading {
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ddd;
	}

	.secondHeading:before {
		content: "";
		display: block;
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 4px;
	}

	.secondHeading.comment:before {
		background: url(images/sprite.png) -20px -170px;
	}

	.secondHeading.pen:before {
		background: url(images/sprite.png) 0 -170px;
	}

	.box {
		margin-bottom: 10px;
	}
	
	.tago {
		line-height: 1.3;
		margin-bottom: 10px;
		text-align: Arial;
		font-size: 16px; 
        background: #fafafa;
	}

	.box.center {
		text-align: center;
	}

	.sideheading {
		margin: -10px -10px 10px;
		color: #fff; 
		padding: 0 20px;
		line-height: 40px;
		font-size: 14px;
		font-weight: bold;
		background: #262626;
	}

/* HEADER */

	header {
		background: #fff;
		text-align: center;
		width: 100%;
		z-index: 9999;
		margin-bottom: 15px;
	}

	header .bottomLine {
		border-bottom: 4px solid #000;
	}

	#topSocial {
		background: #f3f3f3;
		padding: 10px;
		border-radius: 2px;
		margin-bottom: 10px;
	}

	#topSocial ul {
		overflow: hidden;
		text-align: center;
	}

	#topSocial li {
	    display: inline-block;
	    margin-left: 9px;
	}

	#topSocial li:first-child {
	    margin-left: 0;
	}

	#topSocial a {
	    display: block;
	    width: 30px;
	    height: 30px;
	}

	.socialWidget li.facebook a {
	}

	#topSocial li.facebook a {
	    background: url(images/sprite.png) 0 -20px;
	}

	#topSocial li.twitter a {
	    background: url(images/sprite.png) -30px -20px;
	}

	#topSocial li.pinterest a {
	    background: url(images/sprite.png) 0 -50px;
	}

	#topSocial li.google a {
	    background: url(images/sprite.png) -30px -50px;
	}

	#header-logo {
		float: left;
	}

	#header-logo h1, #header-logo h2 {
		line-height:40px;
		font-size: 20px;
	}

	#header-logo a {
		display: block;
		line-height:40px;
	}

	#header-logo img {
		max-height: 50px;
		vertical-align: text-bottom; 
	}

	#hamburger {
		float: left;
		width: 40px;
		height: 40px;
		padding: 10px;
		cursor: pointer;
		margin-right: 10px;
		display: none;
	}

	#hamburger .icon {
		width: 20px;
		height: 20px;
		background:url(images/mobile.png) 0 0 no-repeat;
		background-size: 20px 60px;
	}

	#hamburgermenu {
		position: fixed;
		z-index: 999999;
		top: 0;
		left: -300px;
		width: 300px;
		height: 100%;
		overflow-y: overlay; 
		background: #fff;
		padding: 15px 25px;
	}

	#hamburgermenu span.close {
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 5px;
		right: 5px;
		background: #000;
		cursor: pointer;
	}

	#hamburgermenu span.close:before  {
		content: "";
		display:block;
		width:20px;
		height:20px;
		margin: 5px;
		background: transparent url(images/mobile.png) 0 -40px;
		background-size: 20px 60px;
	}

	#hamburgermenu .logoBlock {
		border-bottom: 2px solid #000;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	#overlay {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(0,0,0,0.7);
		z-index: 999998;
		top: 0;
		left: 0;
	}

	#searchbutton {
		float: right;
		width: 40px;
		height: 40px;
		padding: 10px;
		cursor: pointer;
		margin-left: 10px;
		display: none;
	}

	#searchbutton .icon {
		width: 20px;
		height: 20px;
		background:url(images/mobile.png) 0 -20px no-repeat;
		background-size: 20px 60px;
	}

	#searchbox {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 99999;
		background: rgba(0,0,0,0.7);
		padding: 100px 10px;
		display: none;
	}

	#searchbox .close  {
		display: block;
		width: 46px;
		height: 46px;
		position: absolute;
		top: 0;
		right: 0;
		background: #000;
		cursor: pointer;
	}

	#searchbox .close:before  {
		content: "";
		display:block;
		width:20px;
		height:20px;
		margin: 13px;
		background: transparent url(images/mobile.png) 0 -40px;
		background-size: 20px 60px;
	}

	#searchbox form {
		display: block;
		max-width: 450px;
		margin: auto;
		position:relative;
		height:52px;
		background-color:#fff;
		border-radius: 26px;
		box-shadow: 0 0 5px rgba(0,0,0,0.6);
	}

	#searchbox #s {
		display:block;
		float:left;
		width:100%;
		background:0;
		height:30px;
		border:0;
		line-height:30px;
		color:#000;
		margin: 9px 0;
		padding:0 50px 0 20px;
		font-size: 22px;
	}

	#searchbox button {
		display:block;
		position:absolute;
		right:0;
		top:0;
		width:50px;
		height:50px;
		border:0;
		background: none;
		text-indent: -9999px;
		cursor:pointer;
	}

	#searchbox button:before {
		content: "";
		display:block;
		width:20px;
		height:20px;
		margin: 15px;
		background: transparent url(images/mobile.png) 0 -20px;
		background-size: 20px 60px;
	}

	#iconmenu a {
		display: block;
		border-bottom: 1px solid #ededed;
		line-height: 50px;
		font-size: 15px;
		text-transform: uppercase;
		color: #333;
	}

	#iconmenu a:hover {
		color: #000;
	}

	#iconmenu .sub-menu a {
		padding-left: 20px;
	}

	#iconmenu .sub-menu .sub-menu a {
		padding-left: 40px;
	}

/* MENU	 */

	#mainMenu {
		float: right;
		margin-top: 10px;
	}

	#menu {
		clear: both;
		z-index:40;
		position:relative;
		width: 100%;
		text-align: center;
	}

	#menu li {
		display: inline-block;
		margin-left: 25px;
	}

	#menu a {
		display:block;
		line-height:20px;
		padding-bottom: 10px;
		transition: all .2s;	
		font-size: 14px;
		position: relative;
		color: #3a3a3a;
		font-weight: bold;
		text-transform: uppercase;
	}

	#menu a:hover {
		color: #333;
	}

	#menu .menu-item-has-children>a {
		padding-right: 12px;
	}

	#menu .menu-item-has-children>a:after {
		content: "";
		position: absolute;
		display: block;
		width: 8px;
		height: 5px;
		background: url(images/sprite.png) -30px 0;
		top: 7px;
		right: 0;
	}

	#menu .sub-menu {
		visibility:hidden;
		position:absolute;
		z-index: 40;
		background:#fff;
		border-top: 4px solid #000;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.1), -3px 3px 3px rgba(0,0,0,0.1), 3px 3px 3px rgba(0,0,0,0.1);
	}

	#menu .sub-menu .sub-menu {
		left:100%;
		top: 0;
		border-top:none;
	}

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

	#menu .sub-menu li {
		float:none;
		display: block;
		text-align:left;
		background:none;
		position: relative;
		line-height:40px;
		height: 40px;
		margin: 0;
		border-top: 1px solid #f0f0f0;
	}

	#menu .sub-menu li:first-child {
		border-top: 0;
	}

	#menu .sub-menu a {
		display:block; 	
		background: #fcfcfc; 
		width: auto;
		min-width: 200px;
		text-align: left;
		line-height:40px;
		margin:0;
		padding:0 20px;
		transition: none;
	}

	#menu .sub-menu .menu-item-has-children>a:after {
		top: 15px;
		right: 10px;
		width: 5px;
		height: 8px;
		background: url(images/sprite.png) -30px -5px;
	}

/* SLIDER */

	#slider {
		margin-bottom: 15px;
		overflow: hidden;
	}

	#slider .leftBlock {
		float: left;
		width: 66.81034482758621%;
	}

	#slider .rightBlock {
		float: right;
		width: 32.75862068965517%;
	}

	#slider .post {
		position: relative;
	}

	#slider .title a {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.4);
		color: #fff;
		width: 100%;
		padding: 15px;
		font-weight: 500;
		font-size: 20px;
	}

	#slider .rightBlock .title a {
		padding: 5px;
		font-size: 15px;
	}

	#slider .rightBlock .post-container:first-child {
		margin-bottom: 5px;
	}

/* LISTING */

	.listing.standard .items {
		margin: 0 -5px 0 -6px;
		overflow: hidden;
	}

	.listing.standard .post-container {
		padding: 0 5px 10px 6px;
		width: 33.333333333333333333%;
		float: left;
	}

	.listing.standard .post {
		background: #fafafa;
		border-bottom: 3px solid #d6d6d6;
	}

	.listing.standard .post .detail {
		margin: 15px;
	}

	.listing.standard .post .title {
		overflow: hidden;
		line-height: 20px;
		height: 40px;
		font-size: 16px; 
		overflow: hidden;
		font-weight: bold;
	}

	.listing.standard .post .title a {
		color: #000;
	}

	.listing.standard .post .title a:hover {
		color: #333;
	}

/* DESIGN */

	#content {
		float: left;
		width: 65.51724137931034%
	}

	aside {
		float: right;
		width: 32.75862068965517%
	}

/* WIDGETS */

	aside .nativeWidget li {
		line-height: 1.2;
		padding: 8px 0;
		border-bottom: 1px dotted #ddd;
	}

	aside .nativeWidget li:first-child {
		margin-top: 0;
	}

/* TABBED WIDGET */

	.tabbedWidget .tabheading  {
		overflow: hidden;
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.tabbedWidget .tabheading a {
		padding: 10px 0;
		background: #ececec;
		color: #515151;
		display: table-cell;	
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		font-weight: 600;
		border-bottom: 3px solid #c9c9c9;
		border-left: 1px solid #fff;
		position: relative;
	}

	.tabbedWidget .tabheading a:first-child {
		border-left: 0;
	}

	.tabbedWidget .tabheading a.active {
		background:#fafafa;
		border-bottom-color: #333;
	}

	.tabbedWidget .tabheading a:hover {
		color: #666;
	}

	.tabbedWidget .tabheading a .arrow {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 4px 4px 4px;
		border-color: transparent transparent #333 transparent;
		position: absolute;
		left: 50%;
		bottom: 0;
		margin-left: -2px;
		display: none;
	}

	.tabbedWidget .tabheading a.active .arrow {
		display: block;
	}

	.tabbedWidget a {
		display: block;
	}

	.tabbedWidget .tabs {
		background: #fafafa;
		border-bottom: 3px solid #d9d9d9;
	}

	.tabbedWidget .tab {
		display: none;
		overflow: hidden;
		padding: 10px; 
	}

	.tabbedWidget .tab:first-child {
		display: block;
	}

	.tabbedWidget .thumb {
		border: 1px solid #e2e2e2;
		padding: 3px;
		background: #fff;
	}

	.tabbedWidget .tab .left {
		width: 49.5%;
		float: left;
	}

	.tabbedWidget .tab .left .thumb {
		margin-bottom: 5px;
	}

	.tabbedWidget .tab .left .thumb img {
		width: 100%;
	}

	.tabbedWidget .tab .left .detail {
		line-height: 20px;
		overflow: hidden;
		height: 80px;
	}

	.tabbedWidget .tab .left .title a {
		display: block;
		line-height: 20px;
		font-size: 15px;
		font-weight: 600;
	}

	.tabbedWidget .tab .right {
		width: 49.5%;
		float: right;
	}

	.tabbedWidget .tab .right .post-container {
		overflow: hidden;
		margin-top: 9px;
		padding-top: 9px;
		border-top: 1px dotted #e2e2e2;
	}

	.tabbedWidget .tab .right .post-container:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	.tabbedWidget .tab .right .post-container .thumb {
		float: left;
		margin-right: 5px;
	}

	.tabbedWidget .tab .right .post-container .detail {
		line-height: 18px;
		height: 54px;
		overflow: hidden;
	}

	.tabbedWidget .tab .right .post-container .title {
		font-weight: bold;
		font-size: 	14px;
	}

	.tabbedWidget .title a {
		color: #000;
	}

	.tabbedWidget .title a:hover {
		color: #333;
	}

/* ADVANCED POSTS WIDGET 1 */

	.advancedPostsWidget1 .post-container {
		margin-top: 15px;
	}

	.advancedPostsWidget1 .post-container:first-child {
		margin-top: 0;
	}

	.advancedPostsWidget1 .post {
		overflow: hidden;
	}

	.advancedPostsWidget1 .post .thumb {
		float: left;
		margin-right: 10px;
	}

	.advancedPostsWidget1 .post .detail {
		line-height: 24px;
		height: 150px;
		overflow: hidden;
		font-size: 14px; 
	}

	.advancedPostsWidget1 .post .title {
		font-size: 18px; 
		font-weight: bold;
		margin-bottom: 6px;
	}

	.advancedPostsWidget1 .post .title a {
		color: #000;
	}

	.advancedPostsWidget1 .post .title a:hover {
		color: #333;
	}

/* ADVANCED POSTS WIDGET 2 */

	.advancedPostsWidget2 .items {
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		overflow: hidden;
	}

	.advancedPostsWidget2 .topBlock {
		padding: 10px;
		border-bottom: 3px solid #eaeaea;
	}

	.advancedPostsWidget2 .topBlock .post {
		overflow: hidden;
		padding: 3px;
	}

	.advancedPostsWidget2 .topBlock .thumb {
		float: left;
		margin-right: 10px;
		padding: 2px;
		border: 2px solid #fff;
		box-shadow: 0 0 3px #ddd;
	}

	.advancedPostsWidget2 .topBlock .post .detail {
		line-height: 24px;
		height: 150px;
		overflow: hidden;
		font-size: 14px; 
	}

	.advancedPostsWidget2 .topBlock .post .title {
		font-size: 18px; 
		font-weight: bold;
		margin-bottom: 6px;
	}


	.advancedPostsWidget2 .bottomBlock {
		overflow: hidden;
		background: #f7f7f7;
	}

	.advancedPostsWidget2 .bottomBlock .post-container {
		width: 50%;
		float: left;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #eaeaea;
	}

	.advancedPostsWidget2 .bottomBlock .post {
		padding: 13px;
		overflow: hidden;
	}

	.advancedPostsWidget2 .bottomBlock .thumb {
		float: left;
		margin-right: 8px;
		border: 2px solid #fff;
		box-shadow: 0 0 3px #ddd;
	}

	.advancedPostsWidget2 .bottomBlock .post .title {
		font-size: 15px;
		padding-right: 25px;
		line-height: 18px;
		height: 54px;
		overflow: hidden;
		margin: 3px 0; 
	}

	.advancedPostsWidget2 .post .title a {
		color: #000;
	}

	.advancedPostsWidget2 .post .title a:hover {
		color: #333;
	}

/* ADVANCED POSTS WIDGET 3 */

	.advancedPostsWidget3 .items {
		border: 1px solid #ddd;
		padding: 10px;
	}

	.advancedPostsWidget3 .post-container {
		border-top: 1px solid #ddd;
		padding-top: 10px;
		margin-top: 10px;
	}

	.advancedPostsWidget3 .post-container:first-child {
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}

	.advancedPostsWidget3 .post {
		overflow: hidden;
	}

	.advancedPostsWidget3 .thumb {
		float: left;
		margin-right: 10px;
	}

	.advancedPostsWidget3 .post .title {
		font-size: 15px;
		line-height: 20px;
		height: 60px;
		overflow: hidden;
	}

	.advancedPostsWidget3 .post .title a {
		color: #000;
	}

	.advancedPostsWidget3 .post .title a:hover {
		color: #333;
	}

/* ADVANCED POSTS WIDGET 4 */

	.advancedPostsWidget4 .post-container {
		margin-top: 10px;
	}

	.advancedPostsWidget4 .post {
		position: relative;
	}

	.advancedPostsWidget4 .post-container:first-child {
		margin-top: 0;
	}

	.advancedPostsWidget4 .post .detail {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.advancedPostsWidget4 .post .title a {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 	100%;
		display: block;
		text-align: center;
		color: #fff;
		font-weight: 500;
		text-shadow: 0 0 3px rgba(0,0,0,0.3);
		font-size: 17px;
		background: rgba(0,0,0,0.3);
		padding: 8px;
	}

/* ADVANCED POSTS WIDGET 5 */

	.advancedPostsWidget5 .items {
		margin-top: -10px;
	}

	.advancedPostsWidget5 .post-container {
		border-bottom: 1px solid #c9c9c9;
	}

	.advancedPostsWidget5 .post-container:nth-child(2n) .post {
		background: #f1f1f1;
	}

	.advancedPostsWidget5 .post {
		padding: 10px;
		overflow: hidden;
	}

	.advancedPostsWidget5 .thumb {
		float: left;
		margin-right: 10px;
	}

	.advancedPostsWidget5 .post .title {
		font-size: 16px;
		line-height: 25px;
		font-weight: 500;
		height: 75px;
		margin: 5px 0;
		overflow: hidden;
	}

	.advancedPostsWidget5 .post .title a {
		color: #000;
	}

	.advancedPostsWidget5 .post .title a:hover {
		color: #333;
	}

/* ADVANCED POSTS WIDGET 6 */

	.advancedPostsWidget6 .items {
		margin: 0 -4px -8px;
		overflow: hidden;
	}

	.advancedPostsWidget6 .post-container {
		float: left;
		width: 33.3333333333333%;
		padding: 0 4px;
		margin-bottom: 8px;
	}

	.advancedPostsWidget6 .post .thumb {
		margin-bottom: 4px;
		padding: 1px;
		border: 1px solid #ddd;
	}

	.advancedPostsWidget6 .post .detail {
		line-height: 20px;
		height: 80px;
		overflow: hidden;
	}

	.advancedPostsWidget6 .post .title {
		font-weight: bold;
		font-size: 14px;
	}

	.advancedPostsWidget6 .post .title a {
		color: #000;
	}

	.advancedPostsWidget6 .post .title a:hover {
		color: #333;
	}

/* SOCIAL MEDIA */

	.socialWidget .sidebarHeading {
		margin-bottom: 0;
	}

	.socialWidget .widgetContent {
		padding: 10px;
		text-align: center;
		background: #fafafa;
	}

	.socialWidget ul {
		display: inline-block;
	}

	.socialWidget li {
		float: left;
		margin-left: 4px;
	}

	.socialWidget li:first-child {
		margin-left: 0;
	}

	.socialWidget a {
	    display: block;
	    float: left;
	    width: 30px;
	    height: 30px;
	}

	.socialWidget li.facebook a {
	    background: url(images/sprite.png) 0 -20px;
	}

	.socialWidget li.twitter a {
	    background: url(images/sprite.png) -30px -20px;
	}

	.socialWidget li.pinterest a {
	    background: url(images/sprite.png) 0 -50px;
	}

	.socialWidget li.google a {
	    background: url(images/sprite.png) -30px -50px;
	}

/* ADS WIDGET */	

	.adsWidget {
		text-align: center;
		background: #fafafa;
		padding: 10px 0;
	}

/* SEARCH WIDGET */ 

	#searchform {
		position:relative;
		border:2px solid #f1f1f1;
	}

	#searchform>div {
		padding: 10px;
		overflow: hidden;
		position: relative;
	}

	#searchform label {
		display:none;
	}

	#searchform #s {
		display:block;
		float:left;
		width:100%;
		height:30px;
		border:1px solid #ddd;
		line-height:18px;
		color:#666;
		padding:0 60px 0 10px;
		font-weight: 500;
		font-size: 13px;
		font-family: Roboto, sans-serif;
	}

	#searchform #searchsubmit {
		display:block;
		position:absolute;
		right:10px;
		top:10px;
		width:50px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		height:30px;
		text-align: center;
		border:0;
		background: #777;
		cursor:pointer;
	}

/* FOOTER */
	
	footer {
		background: #fafafa url(images/pattern.png);
		border-top: 3px solid #af0000;
		padding-top: 20px;
	}

	footer .innerContainer {
		position: relative;
	}

	footer #footerleft {
		float: left;
		width: 200px;
	}

	footer #footerleft .logolink img {
		margin-bottom: 10px;
	}

	footer #copyright {
		margin: 0 30% 0 240px;
		line-height: 1.5;
		font-size: 14px;
		padding: 15px;
		background: #fff;
	}

	footer #footerSocial {
		width: 30%;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
	}

	footer #footerSocial .title {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 10px;
	}

	footer #footerSocial ul {
		display: inline-block;
	}

	footer #footerSocial li {
		float: left;
		margin-left: 4px;
	}

	footer #footerSocial li:first-child {
		margin-left: 0;
	}

	footer #footerSocial a {
	    display: block;
	    float: left;
	    width: 30px;
	    height: 30px;
	}

	footer #footerSocial li.facebook a {
	    background: url(images/sprite.png) 0 -20px;
	}

	footer #footerSocial li.twitter a {
	    background: url(images/sprite.png) -30px -20px;
	}

	footer #footerSocial li.pinterest a {
	    background: url(images/sprite.png) 0 -50px;
	}

	footer #footerSocial li.google a {
	    background: url(images/sprite.png) -30px -50px;
	}

	footer .footermenu {
		background: #af0000;
		padding: 10px 0;
		text-align: center;
		margin-top: 10px;
	}

	footer .footermenu li {
		display: inline-block;
		font-size: 14px;
	}

	footer .footermenu li:before {
		content: "|";
		display: inline-block;
		margin: 0 10px;
	}

	footer .footermenu li:first-child:before {
		content: "";
	}

	footer .footermenu a {
		color: #fff;
		font-weight: 500;
	}

/* SINGLE */

	#breadcrumb {
		margin-bottom: 10px;
	}

	#single .metaBox {
		overflow: hidden;
		margin-bottom: 10px;
		font-size: 11px;
	}

	#single .metaBox .leftBlock {
		float: left;
		line-height: 15px;
	}

	#single .metaBox .rightBlock {
		float: right;
	}

	#single .metaBox .rightBlock div {
		display: block;
		float: left;
		margin-left: 10px;
		line-height: 15px;
	}

	#single .metaBox .rightBlock div {
		display: block;
		float: left;
		font-weight: 500;
	}

	#single .metaBox .rightBlock div:before {
		display: block;
		float: left;
		content: "";
		width: 15px;
		height: 15px;
		margin-right: 2px;
	}

	#single .metaBox .rightBlock div.comment:before {
		background: url(images/sprite.png) 0 -120px;
	}

	#single .metaBox .rightBlock div.hit:before {
		background: url(images/sprite.png) -15px -120px;
	}

	#single .ads {
		text-align: center;
		margin-bottom: 10px;
		background: #fafafa;
		padding: 10px;
	}

	#thumbBlock {
		overflow: hidden;
		margin-bottom: 10px;
	}

	#thumbBlock .singleThumb {
		float: left;
		width: 56.57894736842105%;
	}

	#thumbBlock .prevNext {
		float: right;
		width: 40.78947368421053%;
	}

	#thumbBlock .prevNext .post {
		position: relative;
	}

	#thumbBlock .prevNext .post.prev {
		margin-bottom: 10px;
	}

	#thumbBlock .prevNext .post a:before {
		z-index: 10;
		content: "";
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -20px 0 0 -15px;
		background: url(images/sprite.png);
	}

	#thumbBlock .prevNext .post.prev a:before {
		background-position: 0 -135px;
	}

	#thumbBlock .prevNext .post.next a:before {
		background-position: -30px -135px;
	}

	#thumbBlock .prevNext .post a {
		color: #2c2c2c;
	}

	#thumbBlock .prevNext .post .title {
		background: rgba(255,255,255,0.7);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px;
		font-weight: 500;
	}

	#page-links {
		text-align: center;
		margin-bottom: 10px;
	}

	#page-links a {
		display: inline-block;
		padding: 0 10px;
		line-height: 30px;
		border:1px solid #ddd;
		font-weight: bold;
		color: #2c2c2c;
	}

	#page-links .number {
		display: inline-block;
		padding: 0 10px;
		line-height: 32px;
		font-weight: bold;
		font-size: 15px;
	}

	#single .excerpt {
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 15px;
	}

	#single .kaynaklar {
		margin-bottom: 25px;
	}

	#single .kaynaklar .title {
		display: block;
		line-height: 20px;
		cursor: pointer;
		font-size: 15px;
		font-weight: bold;
	}

	#single .kaynaklar .title:before {
		display: block;
		float: left;
		content: "";
		width: 20px;
		height: 20px;
		background: url(images/sprite.png) 0 -85px;
	}

	#single .kaynaklar .title.active:before {
		background-position: -20px -85px;
	}

	#single .kaynaklar .data {
		font-size: 15px;
		line-height: 1.8;
		display: none;
	}

	#single .kaynaklar ul, #single .kaynaklar ol {
		margin-left: 40px;
	}

	#single .kaynaklar ol li {
		list-style: decimal;
		list-style-position: outside;
	}

	#single .kaynaklar ul li {
		list-style: disc;
		list-style-position: outside;
	}

	/* Comments */		

		#comments {
			clear: both;
		}

		#comments ol {
			list-style: none;
			margin: 0 0 10px;
		}

		#comments p.nocomments {
			margin: 0 0 10px;
		}

		#comments ol li {
			clear: both;
			line-height: 1.5;
			overflow: hidden;
			margin: 10px 0 0;
		}

		#comments ol li .comment-meta+p {
			margin-top: 6px;
			padding-top: 6px;
		}

		#comments .reply {
		}

		#comments a.comment-reply-link {
			display: inline-block;
			line-height: 20px;
		}

		#comments a.comment-reply-link:before {
			display: block;
			float: left;
			content: "";
			width: 20px;
			height: 20px;
			background: url(images/sprite.png) -40px -170px no-repeat;
		}

		#comments li li {
			padding-left: 60px;
		}

		#comments ol.children li {
			background: url(images/reply.png) 20px 20px no-repeat;
		}

		#reply-title {
			margin-bottom: 8px;
		}

		#comments div.comment-body {
			overflow: hidden;
			position: relative;
		}

		#comments div.comment-body br {
			display:none;
		}

		#comments .says {
			display: none;
		}

		.commentlist .avatar {
			background: #efefef;
			border: 1px solid #e1e0e0;
			float: left;
			margin: 0 10px 0 0;
			padding: 2px;
			border-radius: 2px;
			border-radius: 50%;
		}

		.commentlist .comment-author {
			display: inline;
		}

		.commentlist .comment-author cite {
			display: inline;
			font-style: normal;
			font-weight: bold;
		}

		.commentlist .comment-meta {
			color: #999;
		}

		.commentlist .comment-meta a {
			color: #999;
		}

		#respond {
			overflow: hidden;
		}

		#respond .inputs {
			display: none;
			overflow: hidden;
			margin: 0 -4px;
		}

		#respond .inputs .item {
			width: 33.3333333333333333%;
			float: left;
			padding: 0 4px;
		}

		#respond p.warning {
			color: red;
			font-style: italic;
		}

		#comments input#author, #comments input#email, #comments input#url {
			display: block;
			width: 100%;
		}

		#content #comments form textarea {
			width: 100%;
			display: block;
			height: 70px;
		}

		#comments.logged-in textarea {
			margin-top: 10px;
		}

		#respond p.form-submit {
			clear: both;
			float: right;
		}

		#comments .cld-like-dislike-wrap {
			position: absolute;
			right: 0;
			top: 0;
		}

		#comments .cld-common-wrap {
			min-width: auto;
		}

		#comments .cld-like-dislike-wrap .cld-common-wrap {
			margin-right: 0;
			margin-left: 10px;
		}

		#comments .fa {
			vertical-align: middle;
		}

		#comments .cld-like-wrap .fa {
			color: #7fbc64;
		}

		img.alignleft {
			border: 1px solid #cdc;
			float: left;
			margin: 0 10px 10px 0;
			padding: 1px;
		}

		img.alignright {
			border: 1px solid #cdc;
			float: right;
			margin: 0 0 10px 10px;
			padding: 1px;
		}

		.alignleft {
			float: left;
		}

		.alignright {
			float: right;
		}

		.aligncenter {
			display: block;
			text-align: center;
			margin: 5px auto;
		}

/* FORMS */

	#content form p {
		overflow: hidden;
		margin: 5px 0;
		line-height: 30px;
	}

	#content form .wpcf7-form-control-wrap {
		width: 100%;
	}

	#content form input[type=text],
	#content form input[type=password],
	#content form input[type=email],
	#content form textarea,
	#content form select {
		font-family: "Roboto", sans-serif;
		max-width: 400px;
		outline: none;
		border: 6px solid #F7F9FA;
		border-radius: 3px;
		box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
		margin: 3px 0 4px;
		padding: 8px 6px;
		height: 20px;
		height: 44px;
		transition: all .25s;
	}

	#content form input[type=text]:focus,
	#content form input[type=password]:focus,
	#content form input[type=email]:focus,
	#content form textarea:focus,
	#content form select:focus {
		border: 6px solid #f0f7fc;
		box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
		color: #747474;
	}

	#content form input[type=checkbox] {
		margin: 7px 7px 7px 0;
	}

	#content form textarea {
		max-width: 100%;
		width: 100%;
		height: 106px;
	}

	#content form input[type=submit] {
		position: relative;
		cursor: pointer;
		font-weight: 500;
		font-size: 14px; 
		font-family: "Roboto", sans-serif;
		display: block;
		border: 0;
		color: #fff;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
		background: #333;
		padding: 6px 20px;
		outline: none;
		overflow: visible;
		transition: all .25s;
	}

	#content form input[type=submit]:hover, #content form input[type=submit]:focus{
		background: #111;
	}

/* NAVI */

	.safirnavi {
		margin: 10px 0 20px;
		overflow:hidden;
		clear: both;
  		text-align: center;
	}

	.safirnavi span, .safirnavi a {
		color: #fff;
		display: inline-block;
		min-width: 40px;
		padding: 0 5px;
		text-align: center;
		margin:0 5px 0 0;
		line-height: 30px;
		transition: all .3s;
		font-weight: 600;
		background: #af0000;
		font-size: 15px;
	}

	.safirnavi a:hover, .safirnavi .current {
		background:#555555;
		color: #fff;
	}

	.safirnavi .pages {
		display: none;
	}

/* RESPONSIVE */

	@media all and (max-width:1080px) {
	
		#mainMenu {
			display: none;
		}

		#header-logo {
			float: none;
			padding: 0 50px;
		}

		#hamburger {
			display: block;
			float: none;
			position: absolute;
			left: 0;
			top: 0;
		}

		#searchbutton {
			display: block;
			float: none;
			position: absolute;
			right: 0;
			top: 0;
		}

		header, #slider, .safirWidget {
			margin-bottom: 5px;
		}

	}

	@media all and (max-width:800px) {

		#content, aside {
			float: none;
			width: 100%;
		}

		#main {
			padding: 0 5px 0 5px;
		}

		.advancedPostsWidget2 .bottomBlock .post .title {
			padding-right: 0;
		}

	}

	@media all and (max-width:700px) {

		#slider .leftBlock, #slider .rightBlock {
			width: 100%;
			float: none;
		}

		#slider .leftBlock {
			margin-bottom: 4px;
		}

		#slider .rightBlock {
			overflow: hidden;
			margin: 0 -2px;
		}

		#slider .rightBlock .post-container {
			width: 50%;
			float: left;
			padding: 0 2px;
			margin: 0;
		}

		footer #copyright {
			margin: 0;
			clear: both;
		}

	}

	@media all and (max-width:600px) {

		#thumbBlock .singleThumb {
			float: none;
			width: 100%;
		}

		#thumbBlock .singleThumb img {
			width: 100%;
		}

		#thumbBlock .prevNext {
			float: none;
			width: 100%;
			margin: 0 -2px;
		}

		#thumbBlock .prevNext .post {
			float: left;
			width: 50%;
			padding: 0 2px;
		}

	}

	@media all and (max-width:500px) {
	
		#slider .rightBlock .post-container {
			width: 100%;
			float: none;
		}

		#slider .rightBlock .post-container:first-child {
			margin-bottom: 5px;
		}

		.advancedPostsWidget1 .post .thumb {
			float: none;
			margin-right: 0;
			margin-bottom: 5px;
		}

		.advancedPostsWidget1 .post .thumb, .advancedPostsWidget2 .topBlock .thumb {
			float: none;
			margin-right: 0;
			margin-bottom: 5px;
		}

		#thumbBlock .prevNext .post {
			float: none;
			width: 100%;
		}

	}

	@media all and (max-width:480px) {

		.tabbedWidget .tab .left, .tabbedWidget .tab .right {
			width: 100%;
			float: none;
		}

		.tabbedWidget .tab .left {
			margin-bottom: 10px;
		}

		.tabbedWidget .tab .left .detail {
			height: inherit;
		}

		.advancedPostsWidget2 .bottomBlock .post-container {
			width: 100%;
		}

		.advancedPostsWidget6 .post-container, .listing.standard .post-container {
			width: 50%;
		}


		footer #footerleft {
			float: none;
			text-align: center;
			width: 100%;
		}

		footer #footerSocial {
			position: relative;
			width: 100%;
			margin-top: 10px;
		}

	}


	@media all and (max-width:360px) {

		.advancedPostsWidget6 .post-container, .listing.standard .post-container {
			width: 100%;
		}

	}

.wp-caption {max-width:100%;}