@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);/*

	Theme Name: ZM Książ
	Author: StudioKreacja.pl
	Author URI: http://studiokreacja.pl/
	Description: Szablon dla zmksiaz.eu zaprojektowany i wykonany przez studiokreacja.pl
	Version: 1.0;

*/


/******* OGÓLNE        ******/


	#wpadminbar {opacity:.4;}
	#wpadminbar:hover {opacity:1;}

	body.admin-bar {margin-top:-32px;}



	*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	
	html {
		margin:0;
		padding:0;
	}
	
	.no-touch body {
		text-rendering:optimizeLegibility;
	}

	body {
		
		font-size:14px;
		line-height: 1.5;
		font-weight: 300;
		font-family:'Roboto',sans-serif;
		background:#000 url(images/bg.jpg) no-repeat top center;
		background-position:center top 20px;
		color:#fff;
		margin:0;
		padding:0;
		-webkit-text-stroke:.17px;
	}
	html, button, input, select, textarea {font-family:'Roboto',sans-serif;}





	p, li, td {font-size:17px;font-weight: 300;color:inherit;} 
	p {margin-bottom: 1.2em;}
	
	
	ul.menu ,
	ul.menu li,
	nav ul,
	nav ul li {
		list-style:none;
		padding:0;
		margin:0;
		font-weight:400;
	}
	nav li a:hover {
		text-decoration: none;
	}

	strong, b {
		font-weight: 500;
	}

	.menu li {font-size:1em;line-height:1em;}

	.wrapper {
	width:990px;
	margin:0 auto;
	position: relative;
	}

	hr {
		margin:35px 0;
		height:1px;
		border:none;
		background:#ddd;
	}

	a {
		color:#E30071;
		text-decoration: none; 
		-webkit-transition: all 0.2s ease;
		   -moz-transition: all 0.2s ease;
		     -o-transition: all 0.2s ease;
		        transition: all 0.2s ease;
	}
	a:hover, a:focus, a:active {text-decoration: underline;}
	a:focus {outline:1px dotted #d7b201;}

	nav a, .menu a {text-decoration: none; }
	nav a:hover,nav a:focus,nav a:active,
	.menu a:hover,.menu a:focus,.menu a:active {text-decoration: none;}
	


	a img {
		opacity:1;
		-webkit-transition: opacity .25s ease;
		   -moz-transition: opacity .25s ease;
		    -ms-transition: opacity .25s ease;
		     -o-transition: opacity .25s ease;
		        transition: opacity .25s ease;
	}
	
	a:hover img {
		opacity:.75;
	}

	img {max-width: 100%;}

	h1,	h2,	h3,	h4,	h5,	h6 {
		margin-top:0;
		font-weight: 300;
	}

	h1 {font-size:32px; font-weight: 300; line-height: 1.2;margin-bottom:25px;}
	h2 {font-size:28px; font-weight: 300; line-height: 1.2;margin-bottom:15px;}
	h3 {font-size:18px; font-weight: 400; line-height: 1.2;margin-bottom:10px;}
	h4 {font-size:16px; font-weight: 400; line-height: 1.2;margin-bottom:10px;}

	.cienki {font-size:30px; color:#555; line-height: 1.4;}
	.wielkie {font-size:140px; line-height: 1.3;}


	blockquote {
		border-radius: 15px;
		background:#fff;
		display: block;
		padding:30px 30px 30px 50px;
		background:#fff url(images/cytat.gif) 20px 30px no-repeat;
		margin:0;
		margin-bottom:15px;
	}
	blockquote p {font-size:14px;}
	blockquote p:last-child {margin-bottom:0;}
	blockquote em {font-family:"Times New Roman",serif;}

/******* WZORCE        ******/

	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		
	}


	 button:focus,
	 input[type="submit"]:focus,
	 input[type="button"]:focus,
	 input[type="reset"]:focus,
	 button:hover,
	 input[type="submit"]:hover,
	 input[type="button"]:hover,
	 input[type="reset"]:hover {
		
		outline:none;
	}

	 button:active,
	 input[type="submit"]:active,
	 input[type="button"]:active,
	 input[type="reset"]:active	  {
	
	}




	/* Reset non-text input types */
	input[type="checkbox"],
	input[type="radio"],
	input[type="file"],
	input[type="hidden"],
	input[type="image"],
	input[type="color"] {
		border: 0;
		border-radius: 0;
		padding: 0;
	}

	button,
	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		cursor: pointer;
	}
	button[disabled],
	input[disabled] {
	    cursor: default;
	}

	/* Responsive images */
	.content-column img,
	.entry-content img,
	.comment-content img,
	.widget img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
	}

	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="attachment-"] {
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
	img.size-full,
	img.size-large,
	img.header-image,
	img.wp-post-image {
		max-width: 100%;
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}

	/* Make sure videos and embeds fit their containers */
	embed,
	figure,
	iframe,
	object,
	video {
		max-width: 100%;
	}
	.entry-content .twitter-tweet-rendered {
		max-width: 100% !important; /* Override the Twitter embed fixed width */
	}
	

	.gallery {display: block;font-size: 0;}
	.gallery-item, .wp-caption {display: inline-block;font-size: 0;}
	.gallery-item:after, .wp-caption:after {clear:both;content:"";display: block;}
	.wp-caption img {border: 1px solid #ccc;display: block;padding: 4px;}
	.gallery-item .wp-caption-text,
	.wp-caption .wp-caption-text {color:#777;position:relative;font-size: 12px;margin-top:-1.2em;display: inline-block;max-width:80%;background:#eee;border:1px solid #ccc;padding:4px 10px;}


	.gallery { margin: 0 -5px 20px; }
	.gallery .gallery-item {
		margin-top: 0;
		text-align: center;
		width: 33%;
		margin-bottom: 25px;
		vertical-align: top;
		padding:5px;
	}
	.gallery-columns-1 .gallery-item { width: 100%; }
	.gallery-columns-2 .gallery-item { width: 50%; }
	.gallery-columns-4 .gallery-item { width: 25%; }
	.gallery-columns-5 .gallery-item { width: 20%; }
	.gallery-columns-6 .gallery-item { width: 16.67%; }
	.gallery-columns-7 .gallery-item { width: 14.29% }
	.gallery-columns-8 .gallery-item { width: 12.50%; }
	.gallery-columns-9 .gallery-item { width: 11.11%; }
	.gallery img {
		border: 1px solid #ddd;
		padding: 6px;
		background: #fff;
	}
	.gallery img:hover {
		background: white;
	}
	.gallery .attachment-medium {
		max-width: 100%;
		height: auto;
	}
	.gallery .attachment-thumbnail {
		max-width: 100%;
		height: auto;
	}
	.gallery dl, .gallery dt { margin: 0; }
	.gallery br+br { display: none; }


	/* Images */
	.alignleft {
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.alignright {
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	
	.center {text-align: center;}
	.right {text-align: right;}
	.left {text-align: left;}

	.gallery:after,
	.gallery-item:after,
	.wp-caption:after,
	.wrapper:after,
	.clearfix:after {content: ".";  display: block; clear: both;    visibility: hidden; line-height: 0; height: 0;}

/******* HEADER        ******/



	#top {position:relative;}
	#top {background:#000;background:rgba(0,0,0,0.6);}
	#top .wrapper {padding:15px 0;}

	.top-left {float:left;}

	#logo {display: block;margin-bottom: 0;}
	#logo a {display: block;}
	#logo a img {display: block;max-height: 100%;max-width: 100%;height:auto;width:auto;}
	#logo a:hover img {opacity:.99;}




	#top,
	#top .wrapper,
	#top #logo a {
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}

/******* MENU          ******/


	.menu-toggle {
		color:#ffd004;
		text-indent: -9999px;
		display: block;
		position: absolute;
		right: 15px;
		top: 69px;
		width: 50px;
		height: 38px;
		cursor: pointer;
		background:url(images/resp_menu.png) no-repeat center center;
		
	}
	.menu-toggle {display: none;}

	.top-menu {float: right;padding-top: 50px;}
	.site-menu {}
	.site-menu > ul {}
	.site-menu > ul > li {display: inline-block;position: relative;margin-left: 25px;}
	.site-menu > ul > li:first-child {margin-left: 0;}
	.site-menu > ul > li > a {padding:4px 8px 3px;font-weight:300;font-size: 18px;display: block;text-transform: uppercase;color:#fff;}
	.site-menu > ul > li:hover > a,
	.site-menu > ul > li.current-menu-item > a,
	.site-menu > ul > li > a:active,
	.site-menu > ul > li > a:focus {color:#e30071;}

	.site-menu > ul > li > ul {
		z-index: 1000;
		padding:4px 8px;
		background:#a30059;
		background: -moz-linear-gradient(top,  #a30059 0%, #650c3c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a30059), color-stop(100%,#650c3c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #a30059 0%,#650c3c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #a30059 0%,#650c3c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #a30059 0%,#650c3c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #A30059 0%,#650C3C 100%); /* W3C */
		display: none;
		min-width:200px;
		max-width: 300px;
		position: absolute;
		left:0;
		top:100%;
	}

	.site-menu > ul > li > ul > li {display: block;border-bottom: 1px solid rgba(255,255,255,.5);}
	.site-menu > ul > li > ul > li:last-child {border-bottom: 0;}
	.site-menu > ul > li > ul > li > a {display: block;font-size: 15px;color:#fff;padding:4px 0px;font-weight: 300;}
	.site-menu > ul > li > ul > li a:hover {text-decoration: underline;}
	.site-menu > ul > li > ul > li ul {display: block;padding-left:0.7em;margin-bottom: 6px;}
	.site-menu > ul > li > ul > li > ul li {position: relative;padding-left:10px;}
	.site-menu > ul > li > ul > li > ul li:before {width: 4px;height: 4px;background:#000;left:0;top:9px;content:"";display: block;position: absolute;}
	.site-menu > ul > li > ul > li > ul li a {display: block;font-size: 14px;color:#000;}

/******* BREADCRUMBS   ******/

/******* SLIDER        ******/
		
	.demo-slide-title {font-size: 23px;text-transform: uppercase;}
	.demo-slide-content .wrapper-inner {vertical-align: baseline;padding-top:160px;}
	.demo-slide.flip .demo-slide-content .wrapper-inner {padding-left: 675px;padding-right: 3px;text-align: left;}

	.wrapper.demo-slide-subtitle-container {
		position: absolute;
		bottom:100px;
		display: block;
		height: auto;
		left:0;
		right:0;
	}
	.demo-slide-subtitle {text-align: center;color:#999;}

	.demo-slide-container {height:632px;}

/******* BANNER        ******/

/******* HOME          ******/

	.middle-container {
		min-height: 640px;
	}
	.page-template-page-templateshomepage-php .content-column article {background: none;padding:0;}
	.page-template-page-templateshomepage-php .middle-container {
		min-height:560px;
		
	}	

	.home-title {
		margin-top:180px;
		text-transform: uppercase;

		font-size: 0;
	}

	.home-title .pinky {
		font-size: 42px;
		padding:10px 17px;
		line-height: 1.3;
		font-weight: 400;
		display: inline-block;
		background:#e0006e;
		background: rgba(224, 0, 110, 0.6);
		color:#fff;
		margin-right:300px;
		margin-left: 60px;
	}
	.home-title .blacky {
		font-size: 42px;
		padding:10px 17px;
		line-height: 1.3;
		font-weight: 300;
		display: inline-block;
		background:#000;
		background:rgba(0,0,0,0.6);
		color:#fff;
		margin-left: 175px;
	}


	.home-prefooter-boxes {
		padding-top:115px;		
		background:transparent url(images/strip.png) center top no-repeat;
		font-size: 0;
	}

	.home-box-container {
		width: 50%;
		display: inline-block;
		font-size: 14px;
		vertical-align: top;
		padding:0 30px;
		margin-bottom: 20px;
	}

	.home-box-title {
		color:#bf8f45;
		border-bottom:1px solid #bf8f45;
		font-weight: 300;
		text-transform: uppercase;
		font-size: 30px;
		line-height: 1.5em;
	}

	.home-post-header {}
	.home-post-header .meta {float:right;font-size: 13px;margin-top: 2px;}
	.home-post-title {font-size: 17px;}
	.home-post-content p {font-size: 13px;text-align: justify;}
	.home-box-more {text-align: right;}

/******* CONTENT       ******/

	.search-container {margin-bottom: 30px;}

	.middle-container {clear:both;padding-top:0px;margin-bottom: 0px;}


	.flip .content-column {float:left;}
	.flip .sidebar-column {float:right;}
	.content-column {
		float:right;
		width: 700px;
		padding:45px 0;
	}

	.sidebar-column {
		float: left;
		width: 240px;
		padding:45px 0;
	}
	
	.content-column article {
		background:#000;
		background:rgba(0,0,0,0.8);
		padding:20px;
		margin-bottom: 30px;
	}

	.content-column article:last-of-type {
		margin-bottom: 0;
	}


	.strzalka-tlo {
		display: inline-block;
		position: relative;
		padding: 28px 14px;
		background: transparent url(images/trojkat.png) left top no-repeat;
		color: #fff;
		font-size: 34px;
		min-width: 95px;
	}

	.vc_span2  .strzalka-tlo {margin-left: 20px;}

	.duze-napisy p,
	.duze-napisy li,
	.duze-napisy td {
		font-weight: 300;
		font-size: 22px;
		line-height: 1.3;
	}

	.single-title {
		display: inline-block;
		min-width:400px;
		max-width: 100%;
		color:#fff;
		font-weight: 300;
		padding-bottom: 5px;
		border-bottom: 1px solid #F5C467;
		padding-right: 30px;
	}
	.page-title {
		font-size: 40px;
		padding: 10px 20px;
		color: #F5C467;
		background:#000;
		background: rgba(0, 0, 0, 0.8);
	}
	
/******* ARCHIVE       ******/

	.archive-title {font-weight: 300; color:#f5c467; text-decoration: none;}
	.archive-title a {text-decoration: none;color:#E30071;}
	.archive-title a:hover {text-decoration: none;color:#FF0984;}
	.archive-item {}
	.archive-item .archive-thumb {margin-bottom: 15px;}
	.archive-item .archive-thumb a {display: block;height:auto;max-height:320px;max-width: 100%;overflow: hidden;}
	.archive-item .archive-thumb a img {display: block;height: auto;width: auto;max-width: 100%;min-width: 100%;}
	.archive-item .archive-content p {font-size: 14px;}
	.archive-item .archive-content p:last-child {margin-bottom: 0;}
	.post-meta {font-size: 13px;padding-top: 8px;}
	.post-meta > span {margin-right: 10px; font-weight: 500;}
	
	.archive-footer {position: relative;padding:6px 0 5px;}
	.archive-item .archive-more-link {float:right;}
	.archive-more-link {
		text-decoration:none;
		font-size: 12px;
		color:#fff;
		display: inline-block;
		padding:5px 10px;
		font-weight: 300;
		background:#a30059;
		background: -moz-linear-gradient(top, #C4006B 0%, #a30059 49%, #650c3c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4006B), color-stop(49%,#a30059), color-stop(100%,#650c3c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #C4006B 0%,#a30059 49%,#650c3c 100%); /* W3C */
		background-size:1px 200%;
		background-position: bottom;
	}
	.archive-more-link:hover,
	.archive-more-link:active,
	.archive-more-link:focus {text-decoration: none;background-position: top;}

	.icon-date {background:url(images/time.png) no-repeat left center;padding-left: 19px;}

	.archive-item + hr {margin:25px 0;}
	.content-column > hr:last-child {display: none;}

	.pagination {font-size: 0;text-align: center;display: block; background:#000;background:rgba(0,0,0,0.8); margin-top: 30px;padding:10px ;}
	.pagination .page-numbers {color:#000;border-radius: 0px;background:#ccc;background:rgba(255,255,255,.8);border:1px solid transparent;font-size: 16px;width: 36px;height: 36px;line-height: 36px;margin:0 4px;display: inline-block;text-align: center;}
	.pagination .page-numbers.current {background: #E30071;color:#fff;}
	.pagination .page-numbers.prev {line-height: 32px;vertical-align: top;}
	.pagination .page-numbers.next {line-height: 32px;vertical-align: top;}
	.pagination .page-numbers.dots {background:none;width:auto;color:#fff;}
	.pagination .page-numbers.dots:hover {background:none;}

	.pagination .page-numbers:hover {color:#fff;background:#E30071;text-decoration: none;}

/******* SIDEBAR       ******/

	.sidebar-column.fixed {
		position: fixed;
		float: none;
		margin-left: 0px;
		top: 100px;
	}

	.sidebar-column.absolute {
		position: absolute;
		float: none;
		top:auto;
		margin-left: 0px;
		bottom: 0px;
	}

	.widget-title {
		font-size: 20px;	
		margin-bottom: 12px;
		font-weight: 400;
	}


	.searchbox {
		width:100%; /*follow your image's size*/
		max-width:320px;
		background:#fff;
		padding:0px;
		margin:0px;
		position:relative;
	}
		 
	.searchbox form { display:block ; }


	.sidebar-column {	}

	.sidebar-column aside {margin-bottom: 25px;}
	.sidebar-column .widget-title {		
		display: block;
		font-size: 20px;
		padding:9px 15px 8px;
		line-height: 1.4;
		font-weight: 300;
		position: relative;
		background:#000;
		background:rgba(0,0,0,.8);
		color:#F5C467;
		text-transform: uppercase;
		margin-bottom: 1px;
	}

	.sidebar-column aside ul {margin:0;padding:0;padding-left:20px;}

	.sidebar-column aside ul li {font-size: 16px;color:#fff;list-style-type: square;}
	.sidebar-column aside ul li a {color:#fff;}


	.sidebar-column aside {border:0;padding:0;}
	.sidebar-column aside ul {display: block;padding:0;margin:0;}
	.sidebar-column aside ul li { overflow:hidden;display: block;padding:0;margin:0 0 1px;}
	.sidebar-column aside ul li:first-child {}
	.sidebar-column aside ul li:last-child {}
	.sidebar-column aside ul li li:last-child {border-bottom: 0px;}
	.sidebar-column aside > div > ul > li > a {}
	.sidebar-column a .widget-title,
	.sidebar-column aside ul li a {
		display: block;
		font-size: 14px;
		padding:9px 15px 8px;
		line-height: 1.4;
		font-weight: 300;
		position: relative;

		color:#fff;
		text-transform: uppercase;
		
		background:#a30059;
		background: -moz-linear-gradient(top, #C4006B 0%, #a30059 49%, #650c3c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C4006B), color-stop(49%,#a30059), color-stop(100%,#650c3c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #C4006B 0%,#a30059 49%,#650c3c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #C4006B 0%,#a30059 49%,#650c3c 100%); /* W3C */
		background-size:1px 200%;
		background-position: bottom;
		-webkit-transition: all .25s ease-in-out;
		   -moz-transition: all .25s ease-in-out;
		    -ms-transition: all .25s ease-in-out;
		     -o-transition: all .25s ease-in-out;
		        transition: all .25s ease-in-out;
	}
	.sidebar-column a .widget-title {font-size: 16px;margin-bottom: 0;text-align: center;border-bottom: 2px solid #460527;}
	.sidebar-column a:hover .widget-title,
	.sidebar-column aside ul li a:hover {background-position:top;text-decoration: none;}
	.sidebar-column a:hover .widget-title {border-bottom-color: #770042;}
	.sidebar-column a:active .widget-title,
	.sidebar-column aside ul li a:active {}
	.sidebar-column aside ul ul {}
	.sidebar-column aside ul ul ul {border:0px;}

	.sidebar-column aside li a {padding-left:17px;}
	.sidebar-column aside li li {margin-bottom: 0;}
	.sidebar-column aside li li a {padding-left:27px;font-size: 14px;background:#650c3c;color:#fff;font-weight: 300;}
	.sidebar-column aside li li a:hover {background:#a00058;}
	.sidebar-column aside li li li a {padding-left:45px;font-size: 14px;padding-top:5px;padding-bottom: 5px;}
	.sidebar-column aside li li li a:before {
		background:#fff;
		display: block;
		position: absolute;
		content: "";
		width: 4px;
		height: 4px;
		left: 36px;
		top: 13px;
	}
	.sidebar-column aside li li li li a {padding-left:50px;}
	.sidebar-column aside li li li li a:before {width: 4px; height: 4px;top:13px;left:40px;border-radius: 10px;}

	.sidebar-column aside li li li li li a {padding-left: 63px;font-size: 12px;padding-top: 6px;padding-bottom: 6px;}
	.sidebar-column aside li li li li li a:before {width: 4px;height: 4px;top: 10px;left: 52px;}

	.simple-banner-widget > a {text-decoration: none;}
	.simple-banner-widget > a:hover {text-decoration: none;}
	
/******* PREFOOTER     ******/

/******* FOOTER        ******/
	
	.footer-ue {
		text-align: center;
		background:#fff;
		border-top:1px solid #ddd;
		padding:25px 0;
		color:#777;
	}
	.footer-ue .ueinfo {
		font-size: 12px;
		width: 360px;
		margin: 10px auto 0;
	}

    #footer {
		font-size: 12px;
        color:#777;
        background:;
    }
	#footer a {color:#777;}
	#footer .wrapper {
        padding:20px 0 40px;
		border-top:1px solid #555;
    }


    .footer-menu {display: inline-block;margin-left:10px;}

    .footer-menu ul {}
    .footer-menu ul li {display: inline-block;margin-left:6px;}
    .footer-menu ul li:before {display: inline-block;margin-right:7px;content:"/";}
    .footer-menu ul li:first-child:before {display: none;}
    .footer-menu ul li a {color:#777;text-transform: uppercase;font-weight: 500;}
    .footer-menu ul li a:hover,
    .footer-menu ul li a:focus,
    .footer-menu ul li a:active   {text-decoration: underline; }
	
	.footer-left img {position: absolute;left:0;top:-8px;}
    #footer .footer-left {float:left;}
    #footer .footer-left span {margin-right: 10px;}
	#footer .footer-right {text-align: right;position: relative;}
	.kreacja {padding-right:50px;text-decoration: none;position: relative;}
	.kreacja img {position: absolute;top:-2px;right:0px;}
	.kreacja:hover img {opacity:1;}

/******* FORMULARZE    ******/

	::-webkit-input-placeholder {  color:    #b20061;}
	:-moz-placeholder {  color:    #b20061; opacity:  1;}
	::-moz-placeholder {  color:    #b20061;  opacity:  1;}
	:-ms-input-placeholder {   color:    #b20061;}
 	[type="search"] {
        -moz-appearance:    textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
    }
	select {

		max-width: 100%;

	}
	
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="tel"],
	input[type="search"],
	input[type="email"] {
		background:#fff;
		border:1px solid #b20061;
		max-width: 100%;
		font-size: 15px;
		padding: 9px 12px;
		line-height: 23px;
	}

	textarea:hover,
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="tel"]:hover,
	input[type="search"]:hover,
	input[type="email"]:hover {
		box-shadow: inset 0 0 1px 2px rgba(178, 0, 97, 0.3);
	}

	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="tel"]:focus,
	input[type="search"]:focus,
	input[type="email"]:focus {
		box-shadow: inset 0 0 6px 1px rgba(178, 0, 97, 0.45);
		background: #FFF4FB;
		outline: none;
	}



	/*
		input[type="submit"],
		input[type="button"] {
			border:none;
			display: inline-block;
			padding:0 6px;
			background:#f9f6ef;
			color:#72904a;
			border:1px solid #b2b1ad;
		}

		input[type="submit"]:hover,
		input[type="button"]:hover {
			box-shadow: none;
			background:#E9DEC5;
			color:#fff;
		}
	*/

	input[type="reset"] {}
	input[type="reset"]:hover {}


	input[type="reset"],
	input[type="submit"],
	input[type="button"] {
		
		background:#ffd004 url(images/strzalka.png) no-repeat right 15px center;
		color:#000;
		padding:6px 25px 7px 15px;
		display: inline-block;
		border:none;
		font-size: 16px;
		border-radius: 0px;
		cursor:pointer;
		position: relative;
		top:0;
		left:0;
		font-weight: 500;
		box-shadow: 0 3px 4px -1px rgba(134, 109, 0, 0.6);
		border:1px solid rgba(0,0,0,0.2);


		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}


	input[type="reset"]:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover {background-color:#F9EBCD;border-color:rgba(0,0,0,.35);}

	input[type="reset"]:active,
	input[type="submit"]:active,
	input[type="button"]:active {
		background-color:#F9EBCD;
		box-shadow: inset 0px 0px 4px -1px rgba(0,0,0,.5);
		border-color:rgba(0,0,0,.5);
	}



	
	div.wpcf7-validation-errors {	background:#f7e700;}
	div.wpcf7-mail-sent-ng {background:red;}
	div.wpcf7-mail-sent-ok {background: #307711;border-color:#307711;color:#fff;}

	span.wpcf7-not-valid-tip {
		background:#FFD7D7;
		margin-top: 4px;
		padding:2px 6px;

		border-left:2px solid red;
		font-size: 14px;
	}

	label {cursor:pointer;}
	.kontakt-form label { position: absolute;top:11px; width: 95px;line-height:24px;margin-left:-100px; text-align: right;display: inline-block;color:#444;padding-right: 5px;}
	.kontakt-form {padding-left:100px;position: relative;}
	.kontakt-form p {font-size: 18px;margin-bottom: 10px;position: relative;}
	.kontakt-form input {line-height: 24px;}
	.kontakt-form textarea {line-height: 24px;}
	
	.searchbox {}
	.searchbox form {position: relative;}
	.searchbox form input#s { width: 350px;position: relative; }
	.searchbox form input#s:focus {}
	.searchbox form input#searchsubmit {
		position: absolute;
		right:6px;
		top:6px;
		left:auto;
		display: block;
		padding:0;
		margin:0;
		border-radius: 0px;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		background: #b20061 url(images/search.png) no-repeat center center;
		box-shadow:none;
	}
	
	.wpcf7-form-control-wrap {max-width: 100%;}
	body .wpb_column > .wpb_wrapper .wpcf7-response-output {margin-bottom:15px;}

/******* DODATKI       ******/
	
	body .sk-simple-banner .sk-simple-banner-text {
		font-size: 16px;
	}

	.fb_iframe_widget {max-width: none; }

	#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
	.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

	
	.button {
		cursor:pointer;
		background:#ffd81c;
		color:#fff;
		padding:8px 20px;
		display: inline-block;
		border:none;
		font-size: 14px;
		text-transform: uppercase;

		font-weight: 400;
		position: relative;
		top:0;
		left:0;

		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	
	.button:hover {	color:#444;	background:#edca52;	}
	.button:active {background:#E8BA1C;}

	body div#fancy_outer {

		-webkit-box-sizing: content-box;
		   -moz-box-sizing: content-box;
		        box-sizing: content-box;
	}
	
	body .wpb_btn-primary {background:#ffd81c;}
	body input.wpb_btn-large,
	body span.wpb_btn-large,
	body button.wpb_btn-large {font-weight: 500;padding: 8px 15px 7px;font-size: 16px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
	body .wpb_btn-large i.icon {height:16px;vertical-align: middle;margin-top: -2px;}
	body .wpb_arrow i.icon,
	body option.wpb_arrow {background:url(images/strzalka.png) no-repeat center center;}
	body .wpb_btn-large.wpb_arrow i.icon {margin-left:2px;width: 18px;height: 24px;}


	body .wpb_btn-warning {background:#ffd004;color:#000;box-shadow: 0 3px 4px -1px rgba(134, 109, 0, 0.6);}
	body .wpb_btn-warning:hover {background:#FFD81C;color:#000;box-shadow: 0 3px 4px -1px rgba(134, 109, 0, 0.8);}

	body .wpb_button {
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		        border:1px solid rgba(0,0,0,0.3);
	}

	body .wpb_button:hover {
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
		        border:1px solid rgba(0,0,0,0.5);
	}

	body .vc_wp_custommenu {}
	body .vc_wp_custommenu.poziomo {text-align: center;}
	body .vc_wp_custommenu.poziomo ul {}
	body .vc_wp_custommenu.poziomo ul li {display: inline-block;margin:0 25px;}
	body .vc_wp_custommenu.poziomo ul li a {font-size: 18px;font-weight: 500;}

/******* IE FIXES      ******/

/******* RESPONSIVE    ******/

	.trew {
		position: fixed;
		bottom:20px;
		right:20px;
		background:red;
		color:#Fff;
		padding:30px;
		font-size:18px;
		z-index:30;
	}

	.desktop,
	.tablet,
	.mobile-big,
	.mobile-small {display: none;}
	.desktop {display: block;}

	

	/* DESKTOP 1024 - 1920 DESKTOP */

		@media screen and (min-width : 1024px) {

			.tablet,
			.mobile-big,
			.mobile-small {display: none;}
			
			.desktop {display:block;}

		}

	/* TABLET 760 - 1023 TABLET */
		@media screen and (min-width : 760px) {
			.site-menu {display: block !important;}
			.site-menu > ul > li > ul {display: none !important;}
			.site-menu > ul > li:hover > ul {display: block !important;}
		}
		@media screen and (min-width : 760px) and (max-width : 1023px) {

		}
		@media screen and (max-width : 1023px) {
			.desktop,
			.mobile-big,
			.mobile-small {display: none;}

			.tablet{display: block;}

			.wrapper {width: 720px;}

			body {	background-size:1117px 772px;}
			
			#logo {max-height: 90px;}
			
			.top-menu {padding-top: 30px;}
			.site-menu > ul > li {margin-left: 6px;}
			.site-menu > ul > li > a {font-size: 16px;padding-left:4px;padding-right: 4px;}
			
			h1 {font-size: 24px;}
			h2 {font-size: 20px;}
			h3 {font-size: 18px;}
			h4 {font-size: 16px;}

			p, li, td {font-size: 14px;}
			p {margin-bottom: 0.8em;}

			.page-template-page-templateshomepage-php .middle-container {	min-height: 440px;	}
			
			.page-title {font-size: 30px;}

			.content-column {width: 480px;padding:25px 0;}
			.sidebar-column {width: 210px;padding:25px 0;}

			.home-title {margin-top: 120px;	}
			.home-title .pinky {font-size: 36px;margin-left: 20px;}
			.home-title .blacky {font-size: 36px;margin-left: 120px;}

			.home-prefooter-boxes {	background-size:1310px auto;}
			.home-box-title {font-size: 24px;}

			body .sk-simple-banner .sk-simple-banner-text {font-size: 13px;}
			.sidebar-column aside ul li a {font-size: 12px;}


		}

	/* MOBILE 480 - 759 MOBILE */
		@media screen and (max-width : 759px) {

			.desktop,
			.tablet,
			.mobile-small {display: none;}

			.mobile-big {display:block;}

			.wrapper {width: 430px;}

			.content-column,
			.flip .content-column,
			.sidebar-column,
			.flip .sidebar-column {
				width: auto;
				float: none;
			}

			.sidebar-column {border-top:1px solid #444;}
			
			.searchbox form input#s {max-width: 440px;width:100%;}
			.searchbox {max-width: 440px}

			.footer-ue .ueinfo {max-width: 100%;}

			#footer .footer-left {float: none;text-align: center;width: auto;margin-bottom: 15px;}
			#footer .footer-right {float: none;text-align: center;width: auto;}

			.menu-toggle {display:block;}
			
			.top-menu {clear:both;float:none;padding-top: 0px;}
			
			.site-menu {padding-top:15px;}
			.site-menu ul {display: block;position: relative;}
			.site-menu ul li {display: block;margin: 0;}
			.site-menu ul li a {display: block;margin: 0;}

			.site-menu > ul {}
			.site-menu > ul > li {border-bottom: 1px solid  #f5c467;}
			.site-menu > ul > li:first-child {border-top: 1px solid  #f5c467;}
			.site-menu > ul > li > a {}
			.site-menu > ul > li > ul {position: relative;max-width: none;background: none;}
			.site-menu > ul > li > ul > li {}
			.site-menu > ul > li > ul > li > a {padding-left: 10px;padding-right: 10px;}
			.site-menu > ul > li > ul > li > ul {position: relative;max-width: none;}
			.site-menu > ul > li > ul > li > ul > li {}
			.site-menu > ul > li > ul > li > ul > li > a {}

			.site-menu > ul > li.active > a {color:#000;background:#f5c467;}

			.site-menu li.menu-item-has-children > a {position: relative;}
			.site-menu li.menu-item-has-children > a:after {
				display: block;
				position: absolute;
				right:10px;
				top:50%;
				margin-top: -6px;
				height: 0;
				width: 0;
				border-top:6px solid transparent;
				border-bottom:6px solid transparent;
				border-left:6px solid #f5c467;
				border-right:0;
				content:"";
			} 
			.site-menu li.menu-item-has-children:hover > a:after {
				border-top:6px solid transparent;
				border-bottom:6px solid transparent;
				border-left:6px solid #f5c467;
			} 			

			.site-menu li.active.menu-item-has-children > a:after {
				right:10px;
				top:50%;
				margin-top: -3px;
				border-top:6px solid #000;
				border-bottom:0;
				border-left:6px solid transparent;
				border-right:6px solid transparent;
			} 


			.site-menu {display: none;}


			body {	background-image:none;}
			
			.top-left {	float: none;	}
			#logo {max-height:none;text-align: center;font-size: 0;}
			#logo a img {display: inline-block;}


			.home-prefooter-boxes {
				background:none;
				padding-top:0px;
			}
			.home-prefooter-boxes .wrapper {
				padding-top:30px;
				border-top: 1px solid #444;
			}

			.home-box-container {
				display: block;
				width: auto;
				padding:0;
			}
			
			.page-title {padding:0;background:none;}
			.content-column article {padding:0;background:none;}

			.content-column .archive-item {
				border-bottom: 1px solid #444;
				padding-bottom:30px;
			}

			.pagination .page-numbers {margin-bottom: 10px;}

			.single-title {min-width:0;}

		}

	/* MOBILE 320 - 479 MOBILE */
		@media screen and (max-width : 479px) {

			.desktop,
			.tablet,
			.mobile-big {display: none;}
			.mobile-small {display: block;}	
			
			.wrapper {width: 290px;}
			
			.menu-toggle {right:0;}
			#logo {padding-right:30px;}



		}
		