/******************************************************************
Theme Name: Web Sense
Theme URI: http://web-sense.pl
Description: Motyw bazowy firmy Web Sense
Author: Jakub Galant
Author URI: http://www.web-sense.pl
Version: 1.0mobi
Tags: flexible-width, translation-ready, microformats, rtl-language-support

License:
License URI:m
*/


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,button,input,select,textarea {
	color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,canvas,img,video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	text-align: center;
	font-size: 14px;
	font-family: 	'Kanit', sans-serif;
	color: black;
	line-height: 1.4;
	background: url('img/header_bg.jpg') repeat-x left top;
}

body p {
	text-align: left;
	letter-spacing: 1px;
}

html, button, input, select, textarea{
	font-family: 	'Kanit', sans-serif;
}

h1 {

}

h2 {

}

h3 {

}

a {
	color: black;
  outline: 0 !important;

}

a:hover {
	color: white;
}

p, ul, ol{
	font-size: 1.1em;
}


.wrap {
	width: 100%;
}

.wrap2 {
	width: 1090px;
	margin: 0px auto;
}

#container {
	text-align: left;
}

/*top
******************************************************/
header#top {
	height: 529px;
	position: relative;
}

header#top img{
	width: 100%;
	height: auto;
}

#baner_produkcja,
#baner_galeria
{
	width: 1090px;
	margin: 0px auto 6px;
}


#logo{
	height: 70px;
	left: 28px;
	position: absolute;
	top: 1px;
	width: 160px;
	z-index: 20;
	display: none;
}

#logo img{
	width: 100%;
	height: auto;
}

.pos_r{
	position: relative;
}



/*lang menu
********************************************/
.language {
	position: absolute;
	display: flex;
	right: 0;
	top: 81px;
	background-color: black;
	z-index: 10;
}

@media (min-width: 1025px) {
	.language {
		position: fixed;
		display: block;
		right: 0;
		top: 0;
		z-index: 10;
	}
}

@media (min-width: 1210px) {
	.language {
		position: absolute;
		right: -26px;
		top:-1px;
		z-index: 10;
	}
}

.language__link {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	margin-left: -1px;
	width: 26px;
	height: 25px;
	font-weight: 600;
	text-decoration: none;
	color: white;
	border: 1px solid #cf9462;
	box-shadow: inset 0px 0px 0px 0px #cf9462;
	transition: box-shadow 0.3s ease-in-out;
}

.language__link:hover {
	transition: box-shadow 0.15s ease-in-out;
	box-shadow: inset 0px 26px 0px 0px #cf9462;
}

@media (min-width: 1025px) {
	.language__link {
		margin-left: 0;
		margin-bottom: -1px;
	}
	.language__link:hover {
		box-shadow: inset 26px 0px 0px 0px #cf9462;
	}
}

.mobilne .language__link:last-child {
	border-bottom: 0;
}

.language__link--active {
	background-color: #cf9462;
}

a#header_pdf {
	width: 51px;
	height: 156px;
	position: absolute;
	top: 228px;
	left: -51px;
	background: url('img/pdf.jpg') no-repeat;
}

a.header_pdf_en{
	background: url('img/pdf_en.jpg') no-repeat !important;
}

a.header_pdf_nl{
	background: url('img/pdf_nl.jpg') no-repeat !important;
}

a.header_pdf_fr{
	background: url('img/pdf_fr.jpg') no-repeat !important;
}

a.header_pdf_de{
	background: url('img/pdf_de.jpg') no-repeat !important;
}

a.header_pdf_se{
	background: url('img/pdf_se.jpg') no-repeat !important;
}

#header_pdf img{
	opacity: 0;
}



/*menu
******************************************************/
#menu_wrap {
	padding-top: 0px;
	margin: 0px auto;
	position: fixed;
	z-index: 20;
	transition: background-color 0.15s ease-in-out;
}

.menu_wrap2 {
margin: 0px auto;
}


/*** DEMO SKIN ***/
.sf-menu {
	width: 100%;
	height: 144px;
	text-align: center;
	float: left;
	position: relative;
}

.mobilne{
	background-color: black;
	height: 144px;
	z-index: 99999999999;
}



.sf-menu a {
		font-family: 'Kanit', sans-serif;
		font-weight: 600;
    font-size:18px;
    color: white;
		padding: 0px;
		text-decoration: none;
		box-sizing: border-box;
}

.sf-menu > li > a span{
	border: 1px solid transparent;
	padding: 9px 13px;
	text-transform: uppercase;
	transition: border-color 0.15s ease-in-out;
}

.sf-menu > li > a:hover span{
	border: 1px solid #e4a26c;
}

.sf-menu > li:nth-child(3) a{
	background: url('img/header_logo.png') no-repeat;
	width: 226px;
	height: 128px;
	padding: 0;
	font-size: 0px;
}

.sf-menu > li:nth-child(3) a:hover span{
	border-color: transparent;
}

.sf-menu > li:nth-child(3) a:hover{
	border: none;
}

.sf-menu li{
	background: transparent;
	float: none;
	display: inline-block;
	line-height: 1px;
}

.sf-menu > li:nth-child(1){
	position: absolute;
	left: 119px;
	top: 71px;
}

 .sf-menu > li:nth-child(2){
	position: absolute;
	left: 265px;
	top: 71px;
}

.sf-menu > li:nth-child(3){
	position: absolute;
	left: 433px;
	top: 16px;
}

.sf-menu > li:nth-child(4){
	position: absolute;
	left: 711px;
	top: 71px;
}

.sf-menu > li:nth-child(5){
	position: absolute;
	left: 900px;
	top: 71px;
}

.sf-menu > li:nth-child(6){
	position: absolute;
	left: 873px;
	top: 71px;
}

.sf-menu li:hover,.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu li a:hover{
		box-sizing: border-box;
}


/*submenu*/

.sf-menu li:hover ul.sub-menu{
	display: block;
	
	/*transition: all 0.3s ease-in-out;*/
}

.sf-menu ul ul{
	position: static;
}

.sf-menu ul{
	display: block;
}

.sf-menu ul li{
	display: block;
	line-height: 1.2;
}

.sf-menu > li > ul.sub-menu{
	background: #e4a26c none repeat scroll 0 0;
   
    left: 0;
    top: 20px;
    width: 869px;
  	/*tutaj*/
  	 display: none;
}

.sf-menu > li > ul.sub-menu > li{
	display: block;
	float: left;
}

.sf-menu > li > ul.sub-menu a{
	text-align: left;
	display: block;
}

.submenu > a{
	padding: 16px 21px;
	font-size: 14px;
	color: black;
	border-bottom: 1px solid #ce8b55;
	border-right:  1px solid #ce8b55;
}

.submenu a{
	box-sizing: border-box !important;
}

.submenu > a:hover{
	color: white;
}
.submenu > ul > li a:hover{
	color: black;
}

/*pierwsza kolumna*/
.submenu_1,
.submenu_5,
.submenu_9{
	width: 262px;
	float: left;
	box-sizing: border-box;
	clear: left;
}

/*druga kolumna*/
.submenu_2,
.submenu_6,
.submenu_10{
	width: 194px;
	float: left;
	box-sizing: border-box;
}

/*trzecia kolumna*/
.submenu_3,
.submenu_7,
.submenu_11{
	width: 200px;
	float: left;
	box-sizing: border-box;
}

/*czwarta kolumna*/
.submenu_4,
.submenu_8,
.submenu_12{
	width: 213px;
	float: left;
	box-sizing: border-box;
}

.submenu > ul > li {
	border-bottom: 1px solid #ce8b55;
	border-right:  1px solid #ce8b55;
}

.submenu > ul > li > a{
	font-size: 14px;
	color: white;
	font-weight: 500;
	padding: 16px 21px;
}

.submenu_1 > ul > li > a{
	padding-bottom: 14px;
}

.submenu_1 > ul > li{
	padding-bottom: 18px;
}

.submenu > ul > li li a{
	padding-bottom: 6px;
	padding-left: 21px;
	padding-right: 21px;
	font-size: 14px;
	color: white;
	font-weight: normal;
}

.submenu > ul > li li:last-child a{
	padding-bottom: 0;
}


.submenu_4 > ul > li,
.submenu_8 > ul > li,
.submenu_12 > ul > li{
	border-right: 0;
}

.submenu_4 li:last-child{
	border-left: 1px solid #ce8b55;
	margin-left: -1px;
}

.submenu_6,
.submenu_7,
.submenu_8{
	border-top: 1px solid #ce8b55;
}

.submenu_9 > a,
.submenu_10 > a,
.submenu_11 > a,
.submenu_12 > a{
	border-bottom: 0;
}

.submenu_6,
.submenu_7,
.submenu_8,
.submenu_10,
.submenu_11,
.submenu_12{
	position: relative;
	top: -1px;
}



/*slider wrap
******************************************************/
#slider_wrap {
	height: 529px;
	position: relative;
	z-index: 10;
	background: white;
	margin-bottom: 6px;
}

#slider {
	width: 100%;
	height: 529px;
	padding: 0px;
	overflow: hidden;
}

.slider_inner {
	width: 100%;
	height: 529px;
	overflow: hidden;
}

.slider_inner_right img {
 	width: 100%;
 	height: auto;
}


/*main_content_wrap
******************************************************/
#main_content_wrap {
    width:100%;
	background: transparent;
	margin-bottom: 0px;
}

#main_content_wrap p span,
#main_content_wrap p strong {
	color: #e6b68f;
	font-weight: normal;
}

/*#main_content_wrap h1 span:first-child {
	display: block;
	width: 100%;
	font-family: 'Alex Brush', cursive;
	font-weight:normal;
	font-size: 30px;
	color: #cf9462;
	position: absolute;
	left: 0;
	text-align: center;
}

#main_content_wrap h1 span:last-child {
	display: inline-block;
	width: 100%;
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}*/

#main_content_wrap #ser_wit h1,
#nasi_klienci h1{
	position: relative;
	font-family: 'Kanit', sans-serif;
	font-weight: 100;
	font-size: 45px;
	color: black;
	width: auto;
	line-height: 45px;
	text-align: left;
}

#main_content_wrap #ser_wit h1{
	margin-top: 10px;
}

 #ser_wit header,
 #nasi_klienci header {
	 background: url('img/sw_bg.jpg') no-repeat center bottom;
	 position: relative;
	 padding-bottom: 9px;
}

@media(min-width: 540px) {
	/*#main_content_wrap h1 span:first-child {
		display: inline;
		width: unset;
		top: -8px;
		left: 28px;
		margin: unset;
		font-size: 55px;
	}
	#main_content_wrap h1 span:last-child {
		display: inline;
		width: unset;
		font-weight: 100;
		font-size: 45px;
	}*/
	#main_content_wrap #ser_wit h1,
	#nasi_klienci h1{
		padding-top:20px;
	}
	#ser_wit header,
 	#nasi_klienci header {
		background: url('img/sw_bg.jpg') no-repeat left bottom;
	}
}

#main_content_wrap #ser_wit {
	float: left;
	text-align: left;
	font-size: 14px;
	width: 461px;
	background: url('img/podpis.jpg') no-repeat right bottom;
	padding-bottom: 30px;
	margin-bottom: 63px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 75px;
	margin-left: 0px;
	margin-right: 30px;
}

.page-id-571 #main_content_wrap #ser_wit,
.page-id-573 #main_content_wrap #ser_wit,
.page-id-575 #main_content_wrap #ser_wit,
.page-id-577 #main_content_wrap #ser_wit,
.page-id-579 #main_content_wrap #ser_wit,
.page-id-581 #main_content_wrap #ser_wit,
.page-id-583 #main_content_wrap #ser_wit,
.page-id-585 #main_content_wrap #ser_wit,
.page-id-587 #main_content_wrap #ser_wit
.page-id-589 #main_content_wrap #ser_wit {
	width: 100%;
}

body.page-template-template-page-kontakt #main_content_wrap #ser_wit{
	background: transparent!important;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 6px;
}

#main_content_wrap #ser_wit p{
	padding-top: 15px;
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 5px;
}

#main_content_wrap #rok {
	width: 392px;
	height: 165px;
	background: url('img/rok.jpg') no-repeat right;
	float: left;
	margin-top: 190px;
}

#main_content_wrap .rok_en{
	background: url('img/rok_en.jpg') no-repeat right !important;
}

#main_content_wrap .rok_nl{
	background: url('img/rok_nl.jpg') no-repeat right !important;
}

#main_content_wrap .rok_fr{
	background: url('img/rok_fr.jpg') no-repeat right !important;
}

#main_content_wrap .rok_de{
	background: url('img/rok_de.jpg') no-repeat right !important;
}

#main_content_wrap .rok_se{
	background: url('img/rok_se.jpg') no-repeat right !important;
}

/*content
******************************************************/
#content {
	width: 100%;
	background: #fff;
	color: black;
}

.content_inner {
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
}

#tabela{
display: inline-block;
		width:999px;
}

.wysokosc{
		margin: 0px auto;
		width:999px;

}

.wysokosc a img{
	opacity: 0;
}

.sp-1, .szyldy{
	height: 222px;
	width: 333px;
	float: left;
	background-size: cover !important;
}


.kropka_szyldy img
{
	width: 33px;
	height: 33px;
	position: absolute;
	left: -16px;
	top:44px;
	z-index: 11;
}


.kropka_dos img
{
	z-index: 1;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -16px;
	top:44px;
	z-index: 11;
}

.wysokosc .kropka_proces img
{
	z-index: 1;
	width: 33px;
	height: 33px;
	position: absolute;
	left: 40px;
	bottom:-16px;
	z-index: 11;
}

.sp-2{
	 width:666px;
	 height: 444px;
	 overflow: hidden;
	 background-size: cover !important;
}
.sp-3{
	width: 999px;
	height: 222px;
	overflow: hidden;
	position: relative;
	background-size: cover !important;
}

.sp-1 img{
	width: 100%;
	height: 222px;
}
.sp-2 img{
	width: 100%;
	height: 444px;
}
.sp-3 img{
	width: 100%;
	height: 222px;
}

#kolaz{
	clear: both;
}

.kolaz{
	position: relative;
	height: 444px;
	background: url('img/kolaz_bg.jpg') repeat-x left bottom;
}

.posa{
	margin-top: -222px;
}

.border_left{
	border-left: solid 4px #cf9462;
	box-sizing: border-box;
}

.border_right{
	border-right: solid 4px #cf9462;
	box-sizing: border-box;
}

.border_bottom{
	border-bottom: solid 4px #cf9462;
	box-sizing: border-box;
}

.szyldy{
	padding: 27px 0px 0px 52px;
	box-sizing: border-box;
	margin: 0px;
	float: left;
	position: relative;
}

.kolaz a {
	position: relative;
	float: left;
	cursor:default;
	z-index: 10;
}

.kolaz p{
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	line-height: 21px;
	text-align: left;
	font-size: 14px;
	width: 230px;
}

.szyldy header {
	height: 56px;
	background: url('img/kolaz_opis_bg.png') no-repeat left bottom;
}

.szyldy h1{
	font-family: 'Kanit', sans-serif;
	font-weight: 600;
	color: #cf9462;
	float: left;
	font-size: 16px;
}

.mt{
	display: inline;
	float: right;}


/*nasi klienci
******************************************************/

#nasi_klienci a{
	display: inline-block;
	text-align: center;
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
  min-height: 120px;
	margin-right:40px;
	line-height: 40px;
}

#nasi_klienci a:hover{
color:black;
}

#nasi_klienci img{
	display: block;
	opacity: 0;
}

#nasi_klienci header{
margin-left:110px;
padding-top: 30px;
}



/*kontakt logo Fb Instagram
******************************************************/
.kontakt_wrap{
	margin: 0px auto;
	width:999px;
}

.kontakt_bottom{
		padding-top:120px;
		padding-bottom:96px;
		display: inline-block;
}

.kontakt_bottom .fi, .logo{
	width: 333px;
	float: left;
	/*margin-right: 25px;*/
}

.logo{
	text-align: center;
	float: left;
}

.fb_ins{
	float:left;
	margin-right: 30px;
}

.fi{
	float: left;
	width: 300px;
	margin-top: 35px;
	padding-left: 30px;
	box-sizing: border-box;
}

.fi img{
	opacity: 0;
}

.amt{
	padding-left: 75px;
	width: 258px;
	float: left;
}

.adres{
	background: url('img/bottom_adres.jpg') no-repeat left bottom;
}

.mail{
	background: url('img/bottom_koperta.jpg') no-repeat left bottom;
}

.tel{
	background: url('img/bottom_tel.jpg') no-repeat left bottom;
}

p.adres,
a.mail,
p.tel{
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	text-align: left;
	padding-left: 35px;
	font-size: 16px;
	line-height: 26px;
	display: block;
}

a.mail{
	text-decoration: none;
}

a.mail:hover{
	color: #A9A9A9;
}


p.adres{
margin-top:0px;
}

/*mapka*/
#mapa_wrap{
	width: 100%;
	height: 384px;
	position: relative;
	margin-top:0px !important;
}

#mapa{
	height: 384px;
	position: relative;
}

#mapa_wrap span.kropka{
	height:20px;
	width: 33px;
	overflow: hidden;
	background: url('img/kropka_dos.png') no-repeat left top;
	z-index: 19;
	display: block;
	margin: -16px auto 0;
	position: relative;
}

/*footer2
******************************************************/
#footer {
	width:100%;
	height: 120px;
	background: #f3f3f3;
	text-align: left;
}

.footer_inner {
	width: 999px;
	margin: 0px auto;
	position: relative;
	min-height: 120px;
}

.footer_inner a {
color: #d19563;
text-decoration: none;
}

.footer_inner p {
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	margin-top: 98px;
	margin-bottom: 0px;
	width: 333px;
	float: left;
	letter-spacing: 0;
	color: #8d8d8d;
	font-size: 12px;
	position: relative;
}

.footer_inner p.center {
	text-align: center;
	color: #8d8d8d;

}

.up{
	position: absolute;
	right: -54px;
	bottom: 0px;
	cursor: pointer;
}



/* ==========================================================================
   Podstrona Produkcja
   ========================================================================== */

	 body.page-template-template-page-produkcja{
	 	background: url('img/produkcja_header_bg.jpg') repeat-x left top;
	 }


#baner_produkcja{

	height: 289px;
}

/*jezyk
******************************************************/
body.page-template-template-page-produkcja a#lang,
body.page-template-template-page-galeria a#lang,
body.page-template-default a#lang,
body.page-template-template-page-oferta a#lang,
body.page-template-template-page-kontakt a#lang,
body.page-template-template-page-produkcja a#lang2,
body.page-template-template-page-galeria a#lang2,
body.page-template-default a#lang2,
body.page-template-template-page-oferta a#lang2,
body.page-template-template-page-kontakt a#lang2
 {
	width: 28px;
	height: 26px;
	position: absolute;
	top: 0px;
	right: -28px;
}

body.page-template-template-page-produkcja a#lang2,
body.page-template-template-page-galeria a#lang2,
body.page-template-default a#lang2,
body.page-template-template-page-oferta a#lang2,
body.page-template-template-page-kontakt a#lang2{
	top: 27px;
}

body.page header#top {
    height: 289px;
    position: relative;
		margin-bottom: 6px;
}

body.home header#top{
	height: 529px;
}

body.page-template-template-page-produkcja #main_content_wrap #ser_wit{
	background: none;
	margin-bottom: 0px;
}

body.page-template-template-page-produkcja #produkcja_etapy .wysokosc{
	position: relative;
	width: 100%;
	float: left;
}

body.page-template-template-page-produkcja #produkcja_etapy .wysokosc:nth-child(2n){
	background: #f3f3f3;
}

body.page-template-template-page-produkcja .szerokosc{
 width: 1000px;
 margin: 0px auto;
}

.produkcja_kropka_lewa img
{
	width: 33px;
	height: 33px;
	position: absolute;
	left: -16px;
	top:44px;
	z-index: 10;
}

.produkcja_kropka_prawa img
{
	width: 33px;
	height: 33px;
	position: absolute;
  right: -16px;
	top:44px;
	z-index: 10;
}

body.page-template-template-page-produkcja .sp-1{
	width: 250px;
	height: 166px;
	float: left;
}



#produkcja_etapy{
	margin: 0px auto;
}


.pro-01{
	background: url('img/produkcja_01.jpg');
}

.pro-02{
	background: url('img/produkcja_02.jpg');
}

.pro-03{
	background: url('img/produkcja_03.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-04{
	background: url('img/produkcja_04.jpg');
}


.pro-05{
	background: url('img/produkcja_05.jpg');
}

.pro-06{
	background: url('img/produkcja_06.jpg');
}

.pro-07{
	background: url('img/produkcja_07.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-08{
	background: url('img/produkcja_08.jpg');
}

.pro-09{
	background: url('img/produkcja_09.jpg');
}

.pro-10{
	background: url('img/produkcja_10.jpg');
}

.pro-11{
	background: url('img/produkcja_11.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-12{
	background: url('img/produkcja_12.jpg');
}


.pro-13{
	background: url('img/produkcja_13.jpg');
}

.pro-14{
	background: url('img/produkcja_14.jpg');
}

.pro-15{
	background: url('img/produkcja_15.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-16{
	background: url('img/produkcja_16.jpg');
}

.pro-17{
	background: url('img/produkcja_17.jpg');
}

.pro-18{
	background: url('img/produkcja_18.jpg');
}

.pro-19{
	background: url('img/produkcja_19.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-20{
	background: url('img/produkcja_20.jpg');
}

.pro-21{
	background: url('img/produkcja_21.jpg');
}

.pro-22{
	background: url('img/produkcja_22.jpg');
}

.pro-23{
	background: url('img/produkcja_23.jpg');
	box-sizing: border-box;
	border-left: 4px solid #cf9462;
}

.pro-24{
	background: url('img/produkcja_24.jpg');
}

.pro-25{
	background: url('img/produkcja_25.jpg');
}

.pro-26{
	background: url('img/produkcja_26.jpg');
}

.produkcja_kropka_lewa p,
.produkcja_kropka_prawa p{
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	float: left;
	font-size: 14px;
	text-align: left;

}







/* ==========================================================================
   Podstrona Oferta Galeria
   ========================================================================== */

body.page-template-template-page-oferta,
body.page-template-template-page-galeria,
body.page-template-default,
body.page-template-template-page-kontakt,
body.error404
{
	 	background: url('img/produkcja_header_bg.jpg') repeat-x left top;
}

body.home {
	background: url('img/header_bg.jpg') repeat-x left top;
}

#baner_oferta,
body.page-template-template-page-galeria #baner_galeria,
body.page-template-default #baner_galeria{
	height: 289px;
}


body.page-template-template-page-oferta #main_content_wrap #ser_wit{
	background: none;
	margin-bottom: 70px;
}

body.page-template-template-page-galeria #main_content_wrap #ser_wit,
body.page-template-default #main_content_wrap #ser_wit{
	background: none;
	margin-bottom: 0px;
}

body.home #main_content_wrap #ser_wit{
	background: url('img/podpis.jpg') no-repeat right bottom !important;
	padding-bottom: 30px !important;
	margin-bottom: 63px !important;
}

body.page-template-default #main_content_wrap #ser_wit{
	padding-bottom: 2px;
}

body.page-id-8 #main_content_wrap #rok	{
	background: none;
	width: 309px;
	margin-top: 190px;
	float: left;
	margin-left: 46px;
	background: transparent;
}


body.page-id-8 #main_content_wrap #rok a{
	width: 309px;
	height: 133px;
	background: url('img/oferta/oferta_pdf.jpg') no-repeat right;
	float: right;
}

body.page-template-template-page-oferta #main_content_wrap #rok a.oferta_pdf_en{
	background: url('img/oferta/oferta_pdf_en.jpg') no-repeat right;
}

body.page-template-template-page-oferta #main_content_wrap #rok a.oferta_pdf_nl{
	background: url('img/oferta/oferta_pdf_nl.jpg') no-repeat right;
}

body.page-template-template-page-oferta #main_content_wrap #rok a.oferta_pdf_fr{
	background: url('img/oferta/oferta_pdf_fr.jpg') no-repeat right;
}

body.page-template-template-page-oferta #main_content_wrap #rok a.oferta_pdf_de{
	background: url('img/oferta/oferta_pdf_de.jpg') no-repeat right;
}

body.page-template-template-page-oferta #main_content_wrap #rok a.oferta_pdf_se{
	background: url('img/oferta/oferta_pdf_se.jpg') no-repeat right;
}

body.page-template-template-page-oferta #nasza_oferta .wysokosc{
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}

body.page-template-template-page-oferta #nasza_oferta .wysokosc:nth-child(2n){
background: #F3F3F3;
}

body.page-template-template-page-oferta .szerokosc{
 width: 1000px;
 margin: 0px auto;

}


body.page-template-template-page-oferta .szyldy h1{
	font-family: 'Kanit', sans-serif;
	font-weight: 600;
	color: #cf9462;
	float: left;
	font-size: 22px;
	text-align: left;
}

body.page-template-template-page-oferta .szyldy header{
	height: auto;
	float: left;
	clear: both;
	width: 100%;
}

body.page-template-template-page-oferta .oferta_sp-1{
	width: 500px;
	height: 333px;
	float: left;

}

body.page-template-template-page-oferta article.produkcja_kropka_prawa{
	background: white;
	padding-top: 85px;
	padding-left: 90px;
box-sizing: border-box;
border: 1px solid #e0a575;
border-right: 0px;
}

body.page-template-template-page-oferta article.produkcja_kropka_lewa{
	padding-top: 85px;
	padding-left: 90px;
box-sizing: border-box;
border: 1px solid #e0a575;
border-left: 0px;
}

img.oferta_sp-1{
	width: 500px;
	height: 333px;
	border-bottom: 4px solid #e0a575;
	box-sizing: border-box;
}


body.page-template-template-page-oferta article.produkcja_kropka_lewa p,
body.page-template-template-page-oferta article.produkcja_kropka_prawa p{
	margin-top: 4px;
	padding-right: 50px;
	text-align: left;
}

body.page-template-template-page-oferta article.produkcja_kropka_lewa img,
body.page-template-template-page-oferta article.produkcja_kropka_prawa img{
top: 135px;
}


/* ==========================================================================
   Podstrona Galeria
   ========================================================================== */

	 body.page-template-template-page-galeria #nasza_galeria .wysokosc2{
	 	position: relative;
	 	width: 100%;
	 	/*background: url('img/galeria/galeria_foto_bg.jpg') repeat-x left bottom;*/

		float: left;
	 }

	 body.page-template-template-page-galeria #nasza_galeria .wysokosc2:nth-child(2n){
		 	background: #F3F3F3;
	 }

	 body.page-template-template-page-galeria .szerokosc{
	  width: 1000px;
	  margin: 0px auto;
	 }

	.galeria img{
	float: left;
	display: inline-block;
	}

body.page-template-template-page-galeria .galeria img:hover,
body.page-template-template-page-galeria .galeria img a:sfHover{
background: url('img/galeria/galeria_foto.png') repeat left bottom;
	height: 200px;
	width: 200px;
}

.galeria a.lightbox{
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;

}

.galeria a.lightbox img{

}

.gallery_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('img/galeria/galeria_foto.png') repeat;
	left: 0px;
	top: 0px;
	opacity: 0;
}

/*wylaczenie numerkow w lightbox*/
.lb-number{
	display: none !important;
}


#oferta_pdf img{
	opacity: 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	clear: both;
}

.clear-left,.clear_left {
	clear: left;
}

.clear-right,.clear_right {
	clear: right;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.hide {
	display: none;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
}

.bold {
	font-weight: 600;
}

.italic {
	font-style: italic;
}

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix {
	*zoom: 1;
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print , ( -o-min-device-pixel-ratio : 5/4) , (
		-webkit-min-device-pixel-ratio : 1.25) , ( min-resolution : 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}




/* ==========================================================================
   Stale elementy cms
   ========================================================================== */



/*komentarze
***********************************************************/

#comment{
	width:60%;
	height:70px;
}



/* ==========================================================================
   Submenu
   ========================================================================== */


/*submenu miniaturka tytul wprowadzenie link wiecej
*******************************************************/

ul.submenu_full_wrap{
	clear:both;
	list-style-type: none;
	float:left;
}

ul.submenu_full_wrap li.submenu_full{
	position:relative;
	list-style-type: none;
	margin-bottom:5px;
	float:left;
	width:100%;
}

ul.submenu_full_wrap li.submenu_full .submenu_img{
	float:left;
}

ul.submenu_full_wrap li.submenu_full .submenu_img img{
	padding:2px;
	border:1px solid #cecece;
	margin-right:10px;
}

ul.submenu_full_wrap li.submenu_full .submenu_title_wrap a{
	font-size:11px;
	text-decoration: none;
}

ul.submenu_full_wrap li.submenu_full .submenu_wiecej{
	position:absolute;
	right:3px;
	bottom:3px;
}


/*submenu miniaturki
**********************************************/
ul.submenu_wrap_miniaturka{
	clear:both;
	list-style-type: none;
	padding:0px;
}

li.submenu_miniaturka{
	margin-right:10px;
	float:left;
	text-align:center;

}

div.submenu_miniaturka_img{

}

div.submenu_title_miniaturka_wrap{

}




/*paginacja submenu
***********************************************/
#submenu-top_top_paginacja{
	float:right;
	margin-bottom:10px;
}

#submenu-top_bottom_paginacja{
	float:right;
	margin-top:10px;
	margin-bottom:20px;
}

#submenu-bottom_top_paginacja{
	float:right;
	margin-bottom:10px;
}

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

.paginacja a{
	text-decoration: none;
	margin-right: 0px;
	padding:5px 10px;
	font-size:20px;
	line-height: 20px;

}

.paginacja a:hover{
	opacity: 0.8;
	color: black;
}

.paginacja a.submenu-top_paged_first,
.paginacja a.submenu-top_paged_last,
.paginacja a.submenu-bottom_paged_first,
.paginacja a.submenu-bottom_paged_last
{
	background: transparent;
	margin:0px 2px;
	padding:0px;
}

.paginacja a.submenu-top_paged_prev,
.paginacja a.submenu-bottom_paged_prev
{
	margin-left:5px;
}

.paginacja {
	font-size: 20px;
}

.paginacja .paged{

}

.paginacja 	.current_paged{
	border: 1px solid #CF9462;
}

/*Formularz kontaktowy
****************************************************/

#contact_form_wrap{
	width:1000px;
	margin:27px auto 0;
}
#table_contact_1,
#table_contact_2,
#table_contact_3{
	width: 100%;
}

#table_contact_1 td:nth-child(1){
	padding-right: 10px;
}
#table_contact_1 td:nth-child(2){
	padding-left: 10px;
}

#contact_form p{
	clear:both;
	position:relative;
	margin: 0px;
	padding: 0px;
	padding-bottom: 17px;
}

#contact_form .contact_input{
	width:100%;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #de9e6a;
	padding: 16px 19px;
	font-size: 14px;

}

#contact_form .contact_textarea{
	width:100%;
	height:195px;
	border: 1px solid #de9e6a;
	box-sizing: border-box;
	padding: 16px 19px;
	font-size: 14px;
}

#table_contact_2{
	padding: 0px;
}

#table_contact_2 td{
	width: 50%;
}
#table_contact_2 td:nth-child(1){
	padding-right: 10px;
}
#table_contact_2 td:nth-child(2){
	padding-left: 10px;
}

#table_contact_2 table td:nth-child(1),
#table_contact_2 table td:nth-child(2){
	padding: 0;
}

#table_contact_2 table td{
	padding: 0px;
}

#table_contact_2 table{
	width: 100%;
}

td.form_opis{
	text-align: left;
}

td.form_opis h2{
	font-size: 16px;
	color: #cf9462;
	font-weight: 600;
	background: url('img/kontakt/kontakt_h2_bg.jpg') no-repeat left bottom;
	padding-bottom: 17px;
}

.form_opis_wrap{
	padding-left: 50px;
}

td.form_opis ul{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
}
td.form_opis ul li{
	list-style-type: none;
	background: url('img/kontakt/kontakt_kropka.jpg') no-repeat left 4px;
	padding:0px;
	margin: 0px;
	padding-left: 14px;
	padding-bottom: 13px;
	font-size: 14px;
}

#table_contact_3{
	width: 100%;
}

#table_contact_3 td{
	width: 50%;
}

#zgloszenie_wrap{
	width:100%;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #de9e6a;
	padding: 16px 19px;
	font-size: 14px;
	text-align: left;
	position: relative;
}

#zgloszenie{
	position: relative;
	top:-4px;
}

#table_contact_3 td:nth-child(1){
	padding-right: 10px;
}
#table_contact_3 td:nth-child(2){
	padding-left: 10px;
}

#table_contact_3 tr:nth-child(1) td,
#table_contact_3 tr:nth-child(2) td{
	padding:0px;
}

#contact_form #captcha_img
{
	float: left;
	width: 50%;
	text-align: center;
}

#contact_form #captcha_img img{
	height: 46px;
	margin-bottom: 19px;
	padding-right: 10px;
	box-sizing: border-box;
}

#contact_form #captcha_input{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-left: 10px;
	position: relative;
}

#contact_form #captcha_input #captcha_code{
	width:100%;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #de9e6a;
	padding: 16px 19px;
	font-size: 14px;
}

#captcha_input a{
	position: absolute;
	left: -161px;
  top: 18px;
	font-size: 14px;
	color: #de9e6a;
}

#contact_form #send_contact{
	cursor:pointer;
	width:100%;
	height: 48px;
	box-sizing: border-box;
	border: 1px solid #de9e6a;
	padding: 0;
	padding-top: 2px;
	padding-left: 51px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 200;
	color: white;
	line-height: 1;
	text-align: left;
	background: url('img/kontakt/kontakt_wyslij.jpg') no-repeat left top #de9e6a;
}

#contact_form #send_contact:hover{
	background: url('img/kontakt/kontakt_wyslij.jpg') no-repeat left -48px black;
	border: 1px solid black;
}

.contact_pola{
	text-align: right;
	color: #de9e6a;
	font-size: 14px;
	padding: 0 !important;
	padding-top: 10px !important;
	line-height: 1;
}

#contact_form label.error_form{
	position:absolute;
	top:14px;
	left:120px;
	width:248px;
	font-weight: 200;
	text-align: center;
	background:rgb(239,100,101);
	color: white;
	border:1px solid rgb(239,100,101);
}

#contact_form label.checked{
	display:none;
}

.error{
	font-size:1.2em;
	width: 98%;
	margin:10px 0px;
	padding:10px 1%;
	background: #EF6465;
	border:1px solid #CC0000;
	color:white;

}


.success{
	padding: 38px 75px 38px 235px;
	background: url('img/kontakt/kontakt_wiadomosc.jpg') no-repeat left top #de9e6a;
	box-sizing: border-box;
	height: 119px;
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

.success_nagl{
	font-size: 24px;
	font-weight: normal;
	color: black;
	display: block;
	line-height: 1;
}

.success_tresc{
	font-size: 20px;
	font-weight: normal;
	color: white;
	display: block;
	line-height: 1;
}


/*aktualnosci
***********************************************************/
.news_lista{
	float:left;
	margin:20px 0px;
	font-size:11px;
	width:100%;
}

.news_lista_entry{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.news_image{
	float:left;
	margin-right:5px;
}

.news_date{
	float:left;
	margin-right:5px;
}

.news_title{
	float:left;
	width:60%;
}

.news_wprowadzenie{
	float:left;
	width:455px;
}

.news_wiecej{
	float:right;
}

.paginacja{
	padding-top: 50px;
	margin-bottom:0px;
	clear: both;
}

/*aktualnosci content
**********************************************/

.news_content_title{
	float:left;
}

.news_content_date{
	float:right;
}

.news_content_editor{
	clear:both;
	float:left;
	margin:10px 0px;
}

.news_content_img{
	clear:both;
	width:100%;
	text-align:center;
}



#menu_navi{
	display:none;
}


/*zostan dealerem*/

#dealer_wrap{
	width: 100%;
	height: 222px;
	background:#d99b67;
	text-align: left;
}

#dealer_wrap_inner{
	width: 999px;
	margin:0px auto;
}

#dealer_zostan{
	margin-left: 75px;
	float: left;
}

#dealer_right{
	width: 280px;
	float: right;
	height: 222px;
	box-sizing: border-box;
}

#dealer_nagl{
	padding-top: 40px;
	font-size: 16px;
	font-weight: 500;
	display: block;
	box-sizing: border-box;
	padding-bottom: 16px;
	background: url('img/dealer/dealer_podkresl_small.jpg') no-repeat left bottom;
	margin-bottom: 8px;
}

#dealer_tresc{
	font-size: 14px;
	color: white;
	font-weight: normal;
	margin-bottom: 11px;
	display: block;
}

#dealer_czytaj{
	display: inline-block;
	padding:4px 10px;
	border: 1px solid black;
	font-size: 12px;
	color: black;
	box-sizing: border-box;
	text-decoration: none;
}

#dealer_czytaj:hover{
	background:white;
	transition: all 0.3s ease-in-out;
}

#dealer_kolarz{
	width: 999px;
	height: 222px;
	margin:0px auto;
	background:url('img/dealer/kolarzdealer1.jpg') no-repeat;
}

#dealer_kolarz_wrap{
	background: #F3F3F3;
	width: 100%;
	float: left;
}

#dealer_kolarz img{
	opacity: 0;
}



/*podstrona page*/
.entry-content{
	width: 999px;
	margin:0px auto;
}

.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content table{
	padding-left: 73px;
	padding-right: 73px;
	box-sizing: border-box;
	text-align: left;
}

.entry-content p{
	
}
.text-upper{
	text-transform: uppercase;
	font-weight: 100;
}

.entry-content img{
	margin-bottom: 18px;
	margin-top: 18px;
}

body .entry-content a{
	color: #de9e6a;
	text-decoration: none;
}

body .entry-content a:hover{
	color: black;
}


/*carousel*/
 .wrap_carousel_all{
 	width: 999px;
 	margin:0px auto;
 	height: 445px; 
 	position: relative;
 	display:block !important;
 }	

	
 .c_left{
 	float: left;
 	width: 333px;
 	height: 445px;
 }	
	
 .c_left_img{
 	background:url('img/carousel/baner1.jpg') left top;
 	width: 333px;
 	height: 222px;
 }

  .c_left_img img{
  	opacity: 0;
  }

  .c_left_tresc{
  	box-sizing: border-box;
  	padding-top: 46px;
  	padding-left: 0px;
  	padding-right: 0px;
  	text-align: left;
  	position: relative;
  	height: 223px;
  	
  }

  .c_left_tresc_pl{
  	padding-left: 48px;
  	padding-right: 48px;
  }

  .c_left_kolo{
  	position: absolute;
  	bottom: -17px;
  	left: 38px;
  	width: 33px;
  	height: 33px;
  	background:url('img/carousel/kolo.png') left bottom no-repeat;
  	z-index: 11;
  }

  .c_left_title{
  	font-size: 20px;
  	color: black;
  	font-family: "Kanit";
  	font-weight: 600;
  	background:url('img/carousel/bg.png') left bottom no-repeat;
  	padding-bottom: 23px;
  	margin-bottom: 18px;
  	letter-spacing: 1px;
  }

  body .c_left_przycisk{
  	background:#d99b67;
  	color: white;
  	font-size: 15px;
  	color: white;
  	text-decoration: none;
  	padding:6px 12px;
    position: relative;
 	border: none;
 	box-shadow: 0 0 0 0 rgba(217, 155, 103, 0.7);
 	border-radius: 0;
    cursor: pointer;
    -webkit-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 3s infinite cubic-bezier(0.66, 0, 0, 1);
	
    display: inline-block;
  }

  body .c_left_przycisk:hover{
  	-webkit-animation: none;
  	background: white;
  	color: black;
  	border:1px solid black;
  }


@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1);
		box-shadow: 0 0 0 40px rgba(217, 155, 103, 0);
	 }
	100% { transform: scale(1); 
	box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
	}
}


 .prev-slide{
 	position: absolute;
 	left: -16.5px;
 	top: 205px;
 	width: 33px;
 	height: 33px;
 	background:url('img/carousel/prev1.png') left top;
 	z-index: 10;
 }

 .prev-slide img{
  	opacity: 0;
 }


 .next-slide{
 	position: absolute;
 	right: -16.5px;
 	top: 205px;
 	width: 33px;
 	height: 33px;
 	background:url('img/carousel/next1.png') left top;
 	z-index: 10;
 }

 .next-slide img{
  	opacity: 0;
 }

 .wrap_carousel { 
 	width:666px; 
 	height: 445px; 
 	margin:0px auto; 
 	background:#ffc; 
 	float: right;
 	position: relative;
 }
 
  body div.carousel_slider    {
   overflow:hidden;
   position:relative; 
   width:100%; 
   height: 445px;
  }

  body div.carousel_slider ul {
   margin:0; 
   padding:0; 
  }
  
  body div.carousel_slider li {
   float:left;
   list-style:none; 
   margin:0;
  }
  
  body div.carousel_slider li { 
  	text-align:center; 
  }



.oferta_zobacz_wiecej{
	padding: 3px 9px;
	font-size: 12px;
	color: black;
	box-sizing: border-box;
	border:1px solid black;
	float: left;
	text-decoration: none;
	margin-top: -4px;
	clear: both;
}

.oferta_zobacz_wiecej:hover{
	color: white;
	background:#CF9462;
	border:1px solid #CF9462;
	text-decoration: none;
}

.oferta_img_wrap{
	position: relative;
}

.oferta_img_hover{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 500px;
	height: 333px;
	background:url('img/produkty/hover.png') repeat; 
	display: none;
	cursor: pointer;
}

.oferta_img_hover2{
	right: 0px;
	left: auto;
}

.oferta_img_title{
	position: absolute;
	top: 108px;
	left: 89px;
	color: black;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 17px;
	background:url('img/produkty/produkty_title_bg.png') no-repeat left bottom;
}

.oferta_img_tresc{
	position: absolute;
	top: 157px;
	left: 89px;
	width: 352px;
	color: white;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	letter-spacing: 2px;
}

/*produkty*/

#produkty_wrap{
	width: 1000px;
	margin:0px auto;
}

#produkty_left{
	width: 679px;
	float: left;
}

#produkty_form{
	width: 319px;
	float: left;
}

.prod_entry{
	display: table;
	height: 377px;
	width:150px;
	text-align: left; 
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.prod_entry_inner{
	height: 377px;
	width:150px;
	box-sizing: border-box;
	display: table;
}

.prod_entry:nth-child(4n){
	margin-right: 0;
}

.prod_img_wrap,
.prod_title_wrap,
.prod_price_wrap{
	display: table-row;
	width: 150px;
}

.prod_img{
	width: 100%;
	height: 237px;
	border: 1px solid #de9e6a;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.prod_img img{
	max-width: 127px;
	max-height: 200px;
}

.prod_title{
	width: 100%;
	height: 99px;
	border: 1px solid #de9e6a;
	border-top: 0;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: black;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}

.prod_price_wrap{
	background: #f3f3f3;
	height: 41px;
	display: table-row;
}

.prod_add{
	display: table-cell;
	width: 41px;
	height: 41px;
	background: #de9e6a;
	float: right;
	background: url('img/produkty/plus.jpg') no-repeat;
	cursor: pointer;
}

.prod_add img{
	opacity: 0;
	cursor: pointer;
}


/*prod active*/
.prod_entry_active .prod_img,
.prod_entry_active .prod_title{
	border-color: black;
}

.prod_entry_active .prod_add img{
	opacity: 1;
}


/*form prod*/
#produkty_form{
	text-align: left;
}

.produkty_form_nagl{
	color: #cf9462;
	background: url('img/formularz/nagl_bg.jpg') no-repeat 14px bottom;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 17px;
	padding-left: 14px;
}

.produkty_form_ul{
	padding: 0px;
	margin:0px;
	list-style-type: none;
	margin-bottom: 16px;
	margin-top: 16px;
}

.produkty_form_ul li{
	background: url('img/formularz/kropka_li.jpg') no-repeat left 7px;
	padding-left: 14px;
	margin-bottom: 6px;
	font-size: 14px;
	max-width: 250px;
}

.produkty_form_prod{
	display: table;
	margin-top: 17px;
	border:1px solid black;
	width: 320px;
	padding-top: 14px;
	padding-bottom: 14px;
	box-sizing: border-box;
}

.produkty_form_tr{
	display: table-row;
}

.produkty_form_img{
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

.produkty_form_img img{
	max-width: 127px;
}

.produkty_form_name{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: left;
}

/*tabelka z usuwaniem produktu z formularza*/
.produkty_form_prod2{
	width: 320px;
	display: table;
	height: 41px;
	background: #f3f3f3;
}

.produkty_form_tr2{
	display: table-row;
	height: 41px;
	width: 100%;
}

.produkty_form_remove{
	display: table-cell;
	float: right;
	width: 41px;
	height: 41px;
	background: url('img/produkty/minus.jpg') no-repeat 0px top;
	border-right: 1px solid black;
	cursor: pointer;
}

.produkty_form_input{
	border:1px solid #cf9462;
	width: 320px;
	height: 48px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}

.produkty_form_file{
	float: left;
	clear: both;
	border:1px solid #cf9462;
	width: 320px;
	height: 48px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	padding-top: 12px;
	position: relative;
}

.produkty_form_file input{
	color: #888888;
}

.produkty_form_textarea{
	border:1px solid #cf9462;
	width: 320px;
	height: 193px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
	font-size: 14px;
}

.produkty_form_submit{
	float: left;
	clear: both;
	width: 320px;
	height: 48px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 24px;
	font-weight: 200;
	color: white;
	text-transform: uppercase;
	border:0px;
	padding-left: 51px;
	background: #de9e6a url("img/kontakt/kontakt_wyslij.jpg") no-repeat scroll left top;
	text-align: left;
}

.produkty_form_submit:hover{
	background: black url("img/kontakt/kontakt_wyslij.jpg") no-repeat scroll left -48px;
}


.produkty_font_type{
	border:1px solid #cf9462;
	width: 320px;
	height: 48px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	color:#cf9462;
	line-height: 48px;
}

.produkty_font_type_wrap{
	width: 320px;	
}


.font_wybor{
	position: relative;
	width: 320px;
	height: 41px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}

.font_wybor .font_active{
	display: none;
}

.font_wybor:hover .font_active,
.font_type_current .font_active{
	display: block;
	width: 41px;
	height: 41px;
	background: url('img/formularz/font_select.jpg') no-repeat left top;
	position: absolute;
	right: 0;
	top: 0;
}

.font_type_current .font_active{
	background:  url('img/formularz/font_select.jpg') no-repeat left bottom;
}



.produkty_color_bg,
.produkty_color_fonts,
.produkty_color_edge{
	clear: both;
	float: left;
}


.produkty_wrap_info{
	border:1px solid #cf9462;
	width: 320px;
	height: 48px;
	width: 320px;
	box-sizing: border-box;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	color:#cf9462;
	line-height: 48px;
}

.produkty_wrap_info div{
	display: inline-block;
}

.produkty_color_radio_wrap{
	background: #f3f3f3;	
	float: left;
	width: 100%;
	height: 41px;
	box-sizing: border-box;
	padding-top: 5px;
}


.produkty_color_wrap{
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin-right: 5px;
}


.produkty_color{
	display: block;
	width: 25px;
	height: 25px;
	background: #264c38;
	cursor: pointer;
}


/*kolor1*/
.produkty_color_wrap1{
	border:1px solid #302959;
}

.produkty_color_wrap1:hover,
.produkty_color_wrap1.produkty_color_active
{
	border:1px solid black;
}

.produkty_color1{
	background: #302959;
	border: 2px solid #302959;		
}

.produkty_color_wrap1:hover .produkty_color1,
.produkty_color_active .produkty_color1{
	border: 2px solid white;	
}

/*kolor2*/

.produkty_color_wrap2{
	border:1px solid #fffadb;
}

.produkty_color_wrap2:hover,
.produkty_color_wrap2.produkty_color_active
{
	border:1px solid black;
}

.produkty_color2{
	background: #fffadb;
	border: 2px solid #fffadb;		
}

.produkty_color_wrap2:hover .produkty_color1,
.produkty_color_active .produkty_color1{
	border: 2px solid white;	
}




/*kolor3*/
.produkty_color_wrap3{
	border:1px solid #264c38;
}

.produkty_color_wrap3:hover,
.produkty_color_wrap3.produkty_color_active{
	border:1px solid black;
}
.produkty_color3{
	background: #264c38;	
	border: 2px solid #264c38;
}

.produkty_color_wrap3:hover .produkty_color3,
.produkty_color_active .produkty_color3{
	border: 2px solid white;	
}

/*kolor4*/

.produkty_color_wrap4{
	border:1px solid #61291c;
}

.produkty_color_wrap4:hover,
.produkty_color_wrap4.produkty_color_active{
	border:1px solid black;
}
.produkty_color4{
	background: #61291c;	
	border: 2px solid #61291c;
}

.produkty_color_wrap4:hover .produkty_color4,
.produkty_color_active .produkty_color4{
	border: 2px solid white;	
}



/*kolor5*/

.produkty_color_wrap5{
	border:1px solid white;
}

.produkty_color_wrap5:hover,
.produkty_color_wrap5.produkty_color_active
{
	border:1px solid black;
}

.produkty_color5{
	background: white;
	border: 2px solid white;		
}

.produkty_color_wrap5:hover .produkty_color5,
.produkty_color_active .produkty_color5{
	border: 2px solid white;	
}


/*edge*/

.edge_form_wrap{
	border: 1px solid #cf9462;
    box-sizing: border-box;
    color: #cf9462;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 320px;
    clear: both;
    float: left;
    position: relative;
}

.edge_wrap{
   background: #f3f3f3 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    height: 41px;
    padding-top: 6px;
    width: 100%;
    padding-left: 5px;
}

.edge_bt{
	width: 48px;
	height: 29px;
	border:1px solid #cccccc;
	color: black;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	padding-top: 4px;
	cursor: pointer;

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}


.edge_bt:hover,
.edge_bt_active{
	border:1px solid black;
	color: black;
}

/*frame*/

#prod_form1 .frame_form_wrap label.error_form,
#prod_form1 .edge_form_wrap label.error_form{
	line-height: 1.5;
	top:34px;
}

.frame_form_wrap{
	border: 1px solid #cf9462;
    box-sizing: border-box;
    color: #cf9462;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 320px;
    clear: both;
    float: left;
    position: relative;
}

.frame_wrap{
   background: #f3f3f3 none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    height: 41px;
    padding-top: 6px;
    width: 100%;
    padding-left: 5px;
}

.frame_bt{
	width: 48px;
	height: 29px;
	border:1px solid #cccccc;
	color: black;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	padding-top: 4px;
	cursor: pointer;

	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}


.frame_bt:hover,
.frame_bt_active{
	border:1px solid black;
	color: black;
}




.produkty_form_required{
	font-size: 14px;
	color: #de9e6a;
	text-align: right;
	padding-top: 9px;
	float: left;
	width: 320px;
}

.produkty_form_captcha{
	width: 320px;
	margin-top: 19px;
	position: relative;
}

.produkty_form_captcha #captcha_img{
	height: 48px;
	border:1px solid #cf9462;
	width: 320px;
}

.produkty_form_captcha #captcha{
	width: 121px;
	height: 46px;
	margin-left: 15px;
}

.produkty_form_captcha #captcha_input a{
	position: absolute;
	top: 17px;
	right: 32px;
	left: auto;
}


.produkty_form_captcha #captcha_code{
	border: 1px solid #cf9462;
    box-sizing: border-box;
    font-size: 14px;
    height: 48px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    width: 320px;
 }

 #produkty_left .error{
 	width: 320px;
 }

#prod_form1 p{
	position: relative;
	margin:0px;
	padding:0px;
	clear: both;
}

.produkty_font_type{
	position: relative;
}

 #prod_form1 label.error_form,
 .produkty_font_type label.error_form,
 .produkty_form_file  label.error_form{
	position:absolute;
	top:53px;
	left:38px;
	width:248px;
	font-weight: 200;
	text-align: center;
	background:black;
	color: white;
	border:1px solid black;
	font-size: 14px;

}

#prod_form1 .produkty_form_file  label.error_form{
	top: 25px;
}

  #prod_form1  .produkty_font_type label.error_form{
 	top:34px;
 	z-index: 10;
 	line-height: 1.5;
 }

.produkty_font_type label.error_form{

}
 
 #prod_form1 #captcha_input label.error_form{
	top:104px;
 }
	
 #prod_form1 .prod_color{
  	position: relative;
 }	
 
 #prod_form1 .prod_color label.error_form{
 	top: 53px;
 }

 .produkt_wybrany_brak{
 	text-align: center;
 	padding-top: 20px;
 }

 .produkt_wybrany{
 	position: relative;
 }

  #prod_form1  .produkt_wybrany label.error_form{
  	top: 0px;
  }

  .edit_prod{
  	display: inline-block;
  	padding-top: 10px;
  	padding-left: 10px;
  }

   .edit_prod a:hover{
   	color: #DD9E69;
   }


   #breadcrumbs{
   	width: 1000px;
   	margin:60px auto;
   	text-align: left;
   	font-size: 20px;
	font-weight: 300;
	color: #cf9462;
   }

  #breadcrumbs a{
	color: #cf9462;
	text-decoration: none;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Kanit';
	text-transform: uppercase;
  } 

  #breadcrumbs a:hover{
  	color:black;
  }


  #produkty_form .success{
	padding: 38px 8px 8px 8px;
	background: #de9e6a;
	text-align: center;
	width: 100%;
  }

  #produkty_form .success_nagl{
  	font-size: 14px;
  }

  #produkty_form .success_tresc{
  	font-size: 14px;
  }


 /*nowa oferta*/

.offer {
	margin-top: 70px;
}

.offer * {
	box-sizing: border-box;
}

.offer__wrapper {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0 auto;
}

.offer__row:nth-child(even) .offer__wrapper {
	position: relative;
}

.offer__row:nth-child(even) .offer__wrapper::after {
	position: absolute;
	content: '';
	display: none;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #cf9462;
}

.offer__item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	position: relative;
}

.offer__item:nth-child(even) {
	background-color: #f3f3f3;
}

.offer__item::after {
	content: '';
	position: absolute;
	display: none;
	background-image: url('img/produkcja_kropka.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 33px;
	height: 33px;
	top: 40px;
	left: calc(50% - 16.5px);
}

.offer__image {
	width: 250px;
}

.offer__image img {
	max-width: 100%;
}

.offer__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #ffffff;
	width: 250px;
	min-height: 170px;
	padding: 30px;
}

.offer__name {
	width: 100%;
	font-size: 0.875rem;
	text-align: center;
	font-family: "Kanit",sans-serif;
	color: #cf9462;
	letter-spacing: 1px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.offer__button {
	display: inline-block;
	font-size: 0.75rem;
	padding: 0.25rem 0.75rem;
	letter-spacing: 1px;
	border: 1px solid black;
	text-decoration: none;
	color: black;
	transition: all 0.15s ease-in-out;
}

.offer__button:hover {
	color: white;
	border-color: #cf9462;
	background-color: #cf9462;
}

@media (min-width: 540px) {
	.offer__item {
		justify-content: center;
		flex-direction: row;
		align-items: unset;
	}
	.offer__item::after {
		display: block;
	}
	.offer__name {
		text-align: left;
	}
	.offer__content {
		min-height: unset;
		justify-content: center;
		align-items: flex-start;
	}
}

@media (min-width: 1040px) {
	.offer__wrapper {
		max-width: 1000px;
	}
	.offer__item {
		width: 50%;
		justify-content: unset;
	}
	.offer__image {
		width: 50%;
	}
	.offer__content {
		width: 50%;
	}
	.offer__item:nth-child(even) {
		background-color: transparent;
	}
	.offer__row:nth-child(even) {
		background-color: #f3f3f3;
	}
	.offer__row:nth-child(even) .offer__wrapper::after {
		display: block;
	}
	.offer__row:nth-child(even) .offer__wrapper .offer__item .offer__image {
		order: 2;
	}
	.offer__row:nth-child(even) .offer__wrapper .offer__item .offer__content {
		order: 1;
	}
}

/*responsive
********************************************************/

@media only screen and (max-width: 1210px) {
.footer_inner p{
	width: 33.333333%;
	padding-left: 1%;
	padding-right: 1%;
	box-sizing: border-box;
}

#footer{
	height: auto;
	min-height: 120px;
	position: relative;
}
}


@media only screen and (max-width: 1210px) {
  .wrap{
		width: 100%;
	}
	.wrap2{
		width: 100%;
	}

		a#header_pdf{
			top: -2px;
			left:0px;
			z-index: 19;
		}

		#slider_wrap,
		#slider,
		.slider_inner{
			height: auto;
		}

		#slider_wrap{
			width: 100%;
		}

	#baner_produkcja, #baner_galeria{
		width: 100%;
	}

}


@media only screen and (min-width: 1035px){
	.sf-menu{
		display: block !important; 	
	}
}

@media only screen and (max-width: 1126px){

.up{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: auto;
	border-bottom: 1px solid #db9d6a;
}


}

@media only screen and (max-width: 1025px){
	.wrap_carousel_all{
		height: auto;
		float: left;
		width: 100%;
		overflow: hidden;
	}

	.c_left{
		clear: both;
		float: none;
		margin:0px auto;
		height: auto;
		width: 100%;

	}
	
	.c_left_tresc{
		text-align: center;
	}

	

	.c_left_img,
	.c_left_kolo{
		display: none;
	}

	.wrap_carousel{
		clear: both;
		float: none;
		margin:0px auto;
		width: 100%;
		overflow: hidden;
	}


	.prev-slide{
		left: 0;
	}

	.next-slide{
		right: 0;
	}

	
	.c_left_title{
		background-position: center bottom;
	}

	.c_left_title br {
		display: none;
	}
	
	 #breadcrumbs{
	 	width: 98%;
	 	font-size: 20px;
	 	margin-left:1%;
	 	text-align: center;
	 }

	 #breadcrumbs a{
	 	font-size: 20px;
	 }


	 #produkty_wrap{
	 	width: 100%;
	 }

	 #produkty_left{
	 	float: none;
	 	margin:0px auto;
	 }

	 #produkty_form{
	 	float: none;
		margin:0px auto;	
	 }




}	

@media only screen and (max-width: 1025px){
	.kolaz:nth-child(1) .wysokosc a:nth-child(1) {
		height: auto;
	}

	.kolaz:nth-child(3) .wysokosc a:nth-child(2) {
		height: auto;
	}

	.kolaz a img{
		width: 100%;
		height: 222px;
	}
	.kolaz{
		height: auto;
	}

	.border_left,
	.border_right{
		border: 0;
	}

	#kolaz,
	#nasi_klienci,
	#mapa_wrap,
	.kontakt_wrap,
	#web_sense_widget_news-4,
	.footer_inner
	{
		float: left;
		clear: both;
		width: 100%;
	}

	.sp-3,
	.sp-1,
	.sp-2,
  .szyldy,
	.kolaz:nth-child(1) .wysokosc a:nth-child(1)
	{
		width: 33.3333333333%;
	}

	.posa{
		margin-top: -226px;
	}

	.kolaz:nth-child(3) .wysokosc div img{
		position: absolute;
		top:45px;
		left: -16px;
	}

	#slider_wrap{
		top: -2px;
	}

	#produkty_form{
		clear: both;
	}

	.prod_entry{
		margin-right: 9px !important;
		margin-left: 10px !important;
	}
}



@media only screen and (max-width: 1024px){
	.amt{
		width: 100%;
		padding:0px;
		margin-bottom: 20px;
	}
	p.adres, a.mail, p.tel{
		display: block;
		width: 225px;
		margin: 10px auto;
		box-sizing: border-box;
	}
	.logo{
		width: 100%;
		padding:0px;
	}

	.logo a{
		background: transparent;
		width: 180px;
		display: block;
		margin: 0px auto;
	}

	.logo a img{
		width: 100%;
		height: auto;
	}

	.kontakt_facebok_1{
		width: 100%;
		padding:0px;
	}

	#mapa_wrap{
		margin-top: 26px;
	}
	.kontakt_bottom{
		padding-top: 20px;
		padding-bottom:26px;
	}

	.kontakt_bottom .fi{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.fb_ins{
		float: none;
		margin-right: 0px;
		display: inline-block;
	}


		#menu_navi{
			 color: #696969;
			 cursor: pointer;
			 display: block;
			 height: 23px;
			 width: 80px;
			 z-index: 20;
			 position: relative;
			 float: right;
			 margin-right: 30px;
			 top:30px;
		}

		#menu_head{
			font-size:14px;
			position:absolute;
			top:0px;
			left:0px;
			height:23px;
			line-height: 23px;
			cursor: pointer;
			color:#696969;
			display: none;
		}

		#linia1{
			position:absolute;
			right:0px;
			top:0px;
			width:31px;
			height:3px;
			background: white;
		}

		#linia2{
			position:absolute;
			right:0px;
			top:9px;
			width:31px;
			height:3px;
			background: white;
		}

		#linia3{
			position:absolute;
			right:0px;
			top:18px;
			width:31px;
			height:3px;
			background: white;
		}

		#menu_wrap {
	    background: black;
	    min-height: 81px;
			position: relative;
			left: 0px;
			top:0px;
			z-index: 200;
		}

		.sf-menu{
			display: none;
			height: auto;
			width: 100%;
			background: black;
			margin: 0px;
			padding: 0px;
			position: absolute;
			top: 78px;
			z-index: 20;
		}

		.mobilne{
			height: auto;
		}

		.sf-menu li{
			line-height: 1;
			display: block;
			float: left;
			width: 100%;
			clear: both;
			position: static !important;
		}

		.sf-menu li a{
			background: black none repeat scroll 0 0;
			color: white;
			font-size: 16px;
			font-weight: normal;
			text-align: center;
			display: block;
			box-sizing: border-box;
			border: 0;
			margin: 0px;
			float: left;
			width: 100%;
		}


		.sf-menu li:nth-child(3) a {
				 background: black;
				 font-size: 16px;
				 height: auto;
				 width: 100%;
				 border: 0;
				 padding: 0;
				 margin: 0px;
			}

			.sf-menu li a:hover,
			.sf-menu li:nth-child(3) a:hover{
		 	 border: 0;
			 background: white;
			 color: black;
		  }


			.sf-menu li a span,
			.sf-menu li:nth-child(3) a span{
				padding: 15px 10px;
				display: block;
				font-size: 16px;
				box-sizing: border-box;
				border: 0;
				outline: none !important;
			}

			.sf-menu li a:hover span,
			.sf-menu li:nth-child(3) a:hover span{
			 border: 0;
			}

			body.page-template-template-page-produkcja a#lang,
			body.page-template-template-page-galeria a#lang,
			body.page-template-default a#lang,
			body.page-template-template-page-oferta a#lang,
			body.page-template-template-page-kontakt a#lang,
			body.page-template-template-page-produkcja a#lang2,
			body.page-template-template-page-galeria a#lang2,
			body.page-template-default a#lang2,
			body.page-template-template-page-oferta a#lang2,
			body.page-template-template-page-kontakt a#lang2 {
				width: 28px;
				height: 26px;
				position: absolute;
				top: 81px;
				right: 0px;

			}

			body.page-template-template-page-produkcja a#lang2,
			body.page-template-template-page-galeria a#lang2,
			body.page-template-default a#lang2,
			body.page-template-template-page-oferta a#lang2,
			body.page-template-template-page-kontakt a#lang2{
				top: 108px;
			}


#logo {
    top: 5px;
    width: 140px;
}





	.sf-menu > li > ul.sub-menu{
		position: static;
		width: 100%;
	}
			
	.submenu{
		border:0px !important;
	}	

	.submenu li{
		padding: 0px !important
	}	
	
	.submenu a{
		padding: 0px !important
	}

	.sf-menu > li > ul.sub-menu a{
		text-align: center;
	}
	
	.submenu li a span{
		/*padding: 0px !important*/
	}

	.submenu_1 > ul > li{
		padding-bottom: 0 !important;
	}

	.submenu > ul > li{
		border:0px;
	}

	.plusm{
		font-style: normal;
		padding: 0 10px;
		position: relative;
		top: 2px;
		font-size: 26px;
		margin-right: -20px;
	}

	.sub-menu{
		/*text-indent: 10px;*/
	}

	.sub-menu .sub-menu{
		/*text-indent: 30px;*/
	}

	.sub-menu .sub-menu .sub-menu{
		/*text-indent: 50px;*/
	}
	
	.sub-menu span{
		font-size: 16px !important;
		font-weight: normal;
	}

	.sub-menu .sub-menu span{
		font-size: 14px !important;
	}

	.sub-menu .sub-menu .sub-menu span{
		padding: 15px 10px;
		font-size: 12px !important;
	}

	.sf-menu li ul.sub-menu{
		display: none;
	}


	.sf-menu li:hover ul.sub-menu{
	display: none;
	}

}




@media only screen and (max-width: 1000px){

	#logo{
		display: block;
		top: 8px;
		width: 130px;
	}

	#tabela{
		width: 100%;
	}

	.wysokosc{
		width: 100%;
	}

	body.page header#top{
		padding-top: 0;
		position: relative;
		top: -1px;
	}

	body.home header#top{
		/*padding-top:0px !important;*/
	}


	body.page header#top,
	#baner_produkcja, #baner_galeria{
		height: auto;
	}

	body.page-template-template-page-oferta .szerokosc{
		width: 500px;
		margin: 0px auto;
	}
	body.page-template-template-page-oferta .oferta_sp-1{
		width: 500px;
		height: 330px;
		display: block;
	}
	body.page-template-template-page-oferta .szerokosc img.oferta_sp-1{
		width: 500px;
		height: 333px;
		display: block;
	}
	body.page-template-template-page-oferta article.produkcja_kropka_lewa{
		border: 1px solid #e0a575;
		border-left: 2px solid #e0a575;
		border-right: 2px solid #e0a575;
	}

	body.page-template-template-page-oferta article.produkcja_kropka_prawa{
		border: 1px solid #e0a575;
		border-left: 2px solid #e0a575;
		border-right: 2px solid #e0a575;
	}
		body.page-template-template-page-oferta article.produkcja_kropka_lewa img{
			top: -18px;
			left: 233.5px;
		}
		body.page-template-template-page-oferta article.produkcja_kropka_prawa img{
			left: 233.5px;
			top: -18px;
		}

		body.page-template-template-page-oferta #nasza_oferta .wysokosc:nth-child(2n) img.oferta_sp-1{
			position: relative;
			top: -330px
		}

		body.page-template-template-page-oferta #nasza_oferta .wysokosc:nth-child(2n) article{
			position: relative;
			top: 333px;
			z-index: 19;
		}


		body.page-template-template-page-produkcja .szerokosc{
			width: 100%;
		}
		.prod_el{
			display: block;
			height: 166px;
			width: 500px;
			margin: 0px auto;
		}

		.prod_el article{
			float: right !important;
		}

		.pro-03,
		.pro-07,
		.pro-11,
		.pro-15,
		.pro-19,
		.pro-23
		{
			border: 0px;
		}

	.produkcja_kropka_prawa img{
		height: 33px;
	 	left: -16px;
	 	position: absolute;
	 	top: 44px;
	 	width: 33px;
	 }
	 body.page-template-template-page-produkcja #produkcja_etapy .wysokosc:nth-child(2n){
		 background: transparent;
	 }

		body.page-template-template-page-produkcja #produkcja_etapy .wysokosc .szerokosc{
			background: url('img/produkcja_bg.jpg') repeat-x left bottom;
		}

		body.page-template-template-page-produkcja .sp-1{
			clear: none;
		}

	#baner_oferta, body.page-template-template-page-galeria #baner_galeria,
	#baner_oferta, body.page-template-default #baner_galeria
	{
		height: auto;
	}
	body.page-template-template-page-galeria .szerokosc{
		width: 100%;
	}

	.galeria{
		width: 100%;
		float: left;
	}
	.galeria a.lightbox{
		width: 500px;
		margin: 0px auto;
		float: none;
		display: block;
	}

	body.page-template-template-page-galeria #nasza_galeria .wysokosc2:nth-child(2n){
		background: transparent;
	}

	.galeria:nth-child(2n){
		background: #F3F3F3;
	}


	#contact_form_wrap{
		width: 100%;
	}

	.sf-menu li:nth-child(5)
	{
		display: block;
	}
	#header_pdf{
		display: none;
	}


	#dealer_wrap_inner{
		width: 100%;
	}

	#dealer_kolarz{
		width: 100%;
		height: auto;
		background-size: cover;
		display: none;
	}
	#dealer_kolarz img{
		width: 100%;
		height: auto;
	}

	
	.entry-content{
		width: 100%;
	}

		.entry-content img{
			width: 100%;
			height: auto;
		}

	.entry-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content table{
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	text-align: left;
}





.oferta_n_group{
	width: 100%;
}

.oferta_n_table{
	margin:0px auto;
	float: none;
}


.oferta_n_group_wrap:nth-child(2n){
	background: white;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_kropka{
	left: -20px;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_table{
	position: relative;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_right{
	position: relative;
	right: -250px;
	top: 0px;
	height: 170px;
	width: 250px;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_left{
	position: relative;
	left: -250px;
	top: 0px;
	height: 170px;
	width: 250px;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_table:nth-child(1) .oferta_n_right{
	border-left: 0;
}


.oferta_n_table_wrap:nth-child(2){
	background: #F3F3F3;
}


}

@media only screen and (max-width: 930px){
	.szyldy{
		padding-left: 20px;
		padding-right: 20px;
	}
	.szyldy br{
		display: none;
	}

	.kolaz p{
		width: 100%;
	}

	body.page-template-template-page-oferta #main_content_wrap #ser_wit{
		margin-bottom: 0px;
	}

	body.page-template-template-page-oferta #main_content_wrap #rok{
		margin-top: 0px;
		float: none;
		display: block;
		margin: 0px auto;
	}
}

@media only screen and (max-width: 919px){
	#main_content_wrap #ser_wit{
		width: auto;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	#ser_wit br{
		display: none;
	}

	#main_content_wrap #rok{
		margin: 30px auto;
		float: none;
		clear: both;
		width: 339px;
	}



}

@media only screen and (max-width: 880px){
	.sp-3, .sp-1, .sp-2, .szyldy, .kolaz:nth-child(1) .wysokosc a:nth-child(1),
	.kolaz:nth-child(3) .wysokosc a:nth-child(2)
	{
		width: 333px;
		height: 222px;
	}

	.kolaz:nth-child(3) article{
		float: left;
	}
	.posa{
		margin-top: 0;
	}
	#kolaz{
		float: none;
		width: 666px;
		margin: 0px auto;
	}


	.kolaz:nth-child(1) .wysokosc a:nth-child(3),
	.kolaz:nth-child(2) .wysokosc a:nth-child(1){
		display: none;
	}

	.kolaz:nth-child(2) .wysokosc a.sp-3{
		display: none;
	}

	.kolaz:nth-child(3) article{
		float: right;
	}

	.kolaz:nth-child(3) .wysokosc a.sp-1{
		display: none;
	}

	.kolaz:nth-child(3) .wysokosc a.sp-2{
		border: 0px !important;
	}

	#nasi_klienci div{
		display: inline;
	}

	.form_opis_wrap br{
		display: none;
	}

	#captcha_input a{
		left: -100%;
		top: 45px;
	}
}

@media only screen and (max-width: 820px){
	body{
		background: transparent!important;
	}

}

@media only screen and (max-width: 780px){
	#table_contact_1, #table_contact_2, #table_contact_3{
		width: 80%;
		margin: 0px auto;
	}
	#table_contact_1 td, #table_contact_2 td, #table_contact_3 td{
		display: block;
		padding: 0px;
	}
	#table_contact_1 td:nth-child(1),
	#table_contact_1 td:nth-child(2),
	#table_contact_2 td:nth-child(1),
	#table_contact_2 td:nth-child(2),
	#table_contact_3 td:nth-child(1),
	#table_contact_3 td:nth-child(2){
		padding: 0px;
		width: 100%;
	}

	#send_contact{
		margin-top: 20px;
	}

	#dealer_wrap{
		height: auto;
		float: left;
	}

	#dealer_zostan{
		float: left;
		margin-left: 0px;
		text-align: center;
		width: 100%;
	}

	#dealer_right{
		clear: both;
		overflow: hidden;
		margin:0px auto;
		float: none;
		text-align: center;

	}
	#dealer_nagl{
		background-position: center bottom;
	}

}

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


	.sp-3, .sp-1, .sp-2, .szyldy, .kolaz:nth-child(1) .wysokosc a:nth-child(1),
	.kolaz:nth-child(3) .wysokosc a:nth-child(2)
	{
		width: 333px;
		height: 222px;
		display: block;
		clear: both;
	}
	.kolaz:nth-child(1) .wysokosc a:nth-child(3),
	.kolaz:nth-child(2) .wysokosc a:nth-child(1){
		display: block;
	}

	#kolaz{
		width: 333px;
	}

	.border_bottom{
		display: none;
	}

	.kropka_szyldy img,
	.kropka_dos img,
	.kropka_proces{
		display: none;
	}

	.kolaz:nth-child(3) .kropka_proces{
		display: block;
	}

	.kolaz:nth-child(3) .kropka_proces div{
		display: none;
	}

	.kolaz:nth-child(3) .wysokosc a.sp-1{
		display: block;
	}

	.footer_inner p{
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	#footer{
		min-height: 120px;
	}
	#footer .text-right{
		text-align: center !important;
	}



	.up{
		position: absolute;
		right: 0px;
		top: auto;
		bottom: 0px;
		border-bottom: 0;
	}
	

	#produkty_left{
		width: 100%;
	}
	
	.prod_entry:nth-child(4n){
		margin-right:20px;
	}
	
	.prod_entry{
		display: inline-block;
		float: none;
	}

	#produkty_form{
		clear: both;
	}
}


@media only screen and (max-width: 650px){
    .wrap_carousel{
      width: 100%;
      height: 226px;
    }

    
    body div.carousel_slider ul{
      
    }

    body div.carousel_slider li img{
      width: auto;
      height: 226px;
      max-height: 226px;
    }

     .prev-slide{
     	top: 95px;
     	left: 0px;
     }

     .next-slide{
     	top: 95px;
     	right: 0px;
     }
    
    
}

@media only screen and (max-width: 600px){
		.form_opis_wrap{
			padding-left: 0;
		}

		#contact_form #send_contact{
			font-size: 20px;
		}
}

@media only screen and (max-width: 526px){

#content{
	overflow: hidden;
}

body.page-template-template-page-oferta .szerokosc{
	width: 100%;
	margin: 0px auto;
}

body.page-template-template-page-oferta .oferta_sp-1{
	width: 100%;
	height: 330px;
	display: block;
}

body.page-template-template-page-oferta .szerokosc img.oferta_sp-1{
	width: 100%;
	height: auto;
	display: block;
}

body.page-template-template-page-oferta article.produkcja_kropka_lewa img{
	top: -18px;
	left: 48%;
}

body.page-template-template-page-oferta article.produkcja_kropka_prawa img{
	bottom: -18px;
	left: 48%;
	top: auto;
}

		.prod_el{
			display: block;
			height: auto;
			width: 100%;
			margin: 0px auto;
			position: relative;
			overflow: hidden;
		}

		.prod_el:nth-child(2n){
			background: #F3F3F3;
		}

		.prod_el article{
			float: none !important;
		}

	.produkcja_kropka_lewa img,
	.produkcja_kropka_prawa img{
		height: 33px;
	 	left: 109px;
	 	position: absolute;
	 	top: -16px;
	 	width: 33px;
		z-index: 10;
	 }

		body.page-template-template-page-produkcja #produkcja_etapy .wysokosc .szerokosc{
			background: url('img/produkcja_bg.jpg') repeat-x left bottom;
		}

		body.page-template-template-page-produkcja .sp-1{
			clear: none;
			margin: 0px auto;
			float: none !important;
		}

		.img_zamien{
			position: relative;
			top: -166px;
		}


		.article_zamien{
			position: relative;
			top: 166px;
		}

			.galeria a.lightbox{
				width: 100%;
			}

			.galeria img{
				width: 100%;
				height: auto;
			}


			#table_contact_1, #table_contact_2, #table_contact_3{
				width: 98%;
				margin: 0px auto;
			}

		td.form_opis h2{
			margin-left: 15px;
		}






.oferta_n_table{
	margin:0px auto;
	float: none;
	width: 100%;
}

.oferta_n_left{
	display: block;
	width: 250px;
	height: 170px;
	float: none;
	margin:0px auto;
}

.oferta_n_right{
	display: block;
	width: 250px;
	height: 170px;
	float: none;
	margin:0px auto;
}

.oferta_n_kropka{
	display: none;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_right{
	right: 0;
	top: 170px;
}

.oferta_n_group_wrap:nth-child(2n) .oferta_n_left{
	left: 0;
	top: -170px;
}

.of1{
	display: table;
	
	height: 170px;
}
.of2{
	display: table-cell;
	
	height: 170px;
	vertical-align: middle;
}

}

@media only screen and (max-width: 446px){
	#nasi_klienci header{
		margin-left: 20px;
	}

	body.page-template-template-page-oferta article.produkcja_kropka_lewa{
		padding-left: 20px;
	}
	body.page-template-template-page-oferta article.produkcja_kropka_prawa{
		padding-left: 20px;
	}
	body.page-template-template-page-oferta article.produkcja_kropka_lewa p, body.page-template-template-page-oferta article.produkcja_kropka_prawa p{
		padding-right: 20px;
	}

	.zostan_se{
		width: 90%;
		height: auto;
	}
}

@media only screen and (max-width: 390px){
	#contact_form #send_contact{
		font-size: 16px;
	}

	.footer_inner .text-right a{
		display: block;
	}


	 .wrap_carousel{
      width: 100%;
      height: 226px;
     
    }
     body div.carousel_slider ul{
      
     }

     body div.carousel_slider li img{
      width: auto;
      height: 226px;
      max-height: 226px;
     }

     .prev-slide{
     	top: 95px;
     	left: 0;
     }

     .next-slide{
     	top: 95px;
     	right: 0;
     }
    

}

@media only screen and (max-width: 339px){


	#main_content_wrap #rok{
		width: 100%;
		background-size: 100%;
	}
	#main_content_wrap #ser_wit h1, #nasi_klienci h1{
		font-size: 50px;
	}


	.sp-3, .sp-1, .sp-2, .szyldy, .kolaz:nth-child(1) .wysokosc a:nth-child(1),
	.kolaz:nth-child(3) .wysokosc a:nth-child(2)
	{
		width: 100%;
		height: 222px;
		display: block;
		clear: both;
	}
	.kolaz:nth-child(1) .wysokosc a:nth-child(3),
	.kolaz:nth-child(2) .wysokosc a:nth-child(1){
		display: block;
	}

	#kolaz{
		width: 100%;
	}

	.border_bottom{
		display: none;
	}

	.kropka_szyldy img,
	.kropka_dos img,
	.kropka_proces{
		display: none;
	}

	#dealer_zostan img{
		width: 90%;
		height: auto;
	}

	#dealer_zostan .zostan_nl{
		width: auto;
		height: auto;
	}

	
	.oferta_img_title{
		top: 10px !important;
		text-align: center;
		width: 90%;
		background-position: center bottom;
	}

	.oferta_img_tresc{
		top: 60px !important;
		text-align: center;
	}

	body.page-template-template-page-oferta .szyldy h1{
		font-size: 18px;
	}

	.oferta_n_right{
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 320px){
	.produkty_form_input{
		width: 100%;
	}
	#produkty_form,
	#produkty_color_bg_info_wrap,
	.prod_color,
	#produkty_color_font_info_wrap,
	.edge_form_wrap,
	.frame_form_wrap,
	.produkty_form_file,
	#dodatkowe_info,
	.produkty_form_captcha,
	.produkty_form_captcha #captcha_img,
	#captcha_input,
	.produkty_form_captcha #captcha_code,
	.produkty_form_submit,
	.produkty_form_required{
		width: 100%;
	}
	
	.produkty_form_captcha #captcha_img{
		box-sizing: border-box;
	}

}


@media only screen and (max-width: 240px){

	.up{
		position: absolute;
		right: 0px;
		top: 67px;
		border-bottom: 1px solid #db9d6a;
	}

}



/*ukrycie katalogu*/

/*
#header_pdf,
#oferta_pdf,
.sf-menu li:nth-child(5){
	display: none;
}
*/
/* ukrycie sub-menu */
.sf-menu li:hover ul.sub-menu{
	display:none !important;
}

/* intheloop */

.color-brand {
	color: #cf9462;
}

.table-responsive {
	display: inline-block;
	max-width: 100%;
	overflow-x: scroll;
	box-shadow: inset 0px 0px 0px 1px #de9e6a;
}

.table-generic,
.table-generic th,
.table-generic td {
	border: 1px solid #de9e6a;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	padding: 14px;
	line-height: normal;
	letter-spacing: 0.5px;
	white-space: nowrap;
	transition: all 0.15s ease-in-out;
}

.table-generic tbody tr:hover td {
	background-color: #f2f2f2;
}

.table-generic th {
	color: white;
	background-color: #eaa873;
}

.page-content {
	box-sizing: border-box;
	text-align: left;
	width: 100%;
	padding: 0 20px;
}

.page-content p:not(.content-title) {
	font-size: 14px;
	margin: 0;
}

@media only screen and (min-width: 1000px) {

	.page-content {
		width: 999px;
		margin: 0 auto;
		padding: 0;
	}

}

.page-header {
	font-size: 24px;
	line-height: 18px;
	font-weight: 100;
	text-align: initial;
	text-transform: uppercase;
}

.page-header span {
	font-family: 'Alex Brush';
	text-transform: none;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: -4px;
	display: block;
	color: #cf9462;
	text-indent: 16px;
}

@media(min-width: 540px) {

	.page-header {
		font-size: 40px;
		line-height: 34px;
	}
	
	.page-header span {
		font-size: 44px;
		line-height: 44px;
		margin-bottom: -12px;
		text-indent: 24px;
	}

}

@media(min-width: 1025px) {

	.page-header {
		font-size: 56px;
		line-height: 50px;
	}
	
	.page-header span {
		font-size: 60px;
		line-height: 60px;
		margin-bottom: -16px;
		text-indent: 40px;
	}

}

.content-title {
	font-size: 16px;
	color: #cf9462;
	font-weight: 500;
	text-align: left;
	line-height: 16px;
	margin: 16px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.separator-custom {
	background-image: url('img/kolaz_opis_bg.jpg');
	background-size: contain;
	border: none;
	margin: 16px 0;
	width: 45px;
	height: 5px;
}

.text-help {
	text-align: left;
	font-size: 14px;
	color: #969696;
}

.text-highlighted {
	color: black;
	background-color: #de9e6a;
	padding: 6px 10px;
	letter-spacing: 1px;
}

.gallery-grid {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

@media(min-width: 540px) {

	.gallery-grid {
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
	}

}

.gallery-item {
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 20px;
}

.gallery-item-wrapper {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	border: 1px solid #cf9462;
}

.gallery-item-wrapper::before {
  content: '';
  display: table;
  padding-bottom: 100%;
}

.gallery-item-image-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.gallery-item-image {
	display: none;
	opacity: 0;
	max-width: 100%;
	transition: opacity 0.3s ease-in-out;
}

.gallery-item-image.loaded {
	opacity: 1;
}

.gallery-item-preloader {
	position: absolute;
	width: 24px;
	height: 24px;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	border-width: 3px;
	border-style: solid;
	border-color: white #cf9462 white #cf9462;
	border-radius: 20px;
	animation: spin 1s infinite linear;
}

.gallery-item-button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	font-size: 24px;
	top: 8px;
	right: 8px;
	opacity: 0;
	pointer-events: none;
	border: none;
	color: white;
	background-color: #cf9462;
	transform: translateY(8px);
	transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	z-index: 1;
}

.gallery-item-button:hover,
.gallery-item-button:focus {
	outline: none;
	background-color: black;
}

.gallery-item:hover .gallery-item-button {
	transform: translateY(0);
	pointer-events: all;
	opacity: 1;
}

.gallery-item-label {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 8px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: black;
	background-color: #cf9462;
}

.list-bullet {
	list-style: none;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.list-bullet li {
	display: flex;
	align-items: center;
	padding: 4px 0;
}

.list-bullet li p {
	margin: 0;
}

.list-bullet li::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	margin-right: 10px;
	background-color: #cf9462;
	border-radius: 2px;
}

@media(min-width: 540px) {
	.gallery-item {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media(min-width: 1025px) {
	.gallery-item {
		width: calc(100% / 3);
	}
	.list-bullet li::before {
		margin-left: -14px;
	}
}

@keyframes spin {
  from {
		transform: rotate(45deg);
	}
  to {
		transform: rotate(405deg);
	}
}

.spacer-20 {
	width: 100%;
	height: 20px;
}

.spacer-40 {
	width: 100%;
	height: 40px;
}

.form {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.form * {
	box-sizing: border-box;
}

.form-group {
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

@media(min-width: 1025px) {

	.form-group-half {
		width: 50%;
	}

}

.form-input {
	display: block;
	width: 100%;
	letter-spacing: 1px;
	font-size: 14px;
	border: 1px solid #cf9462;
	padding: 12px 14px;
	resize: none;
	transition: box-shadow 0.15s ease-in-out;
	box-shadow: 0px 0px 0px 0px rgba(207, 148, 98, 0);
}

.form-input:focus {
	outline: none;
	box-shadow: 0px 2px 6px 0px rgba(207, 148, 98, 0.75);
}

.form-input::placeholder {
	color: #969696;
	transition: color 0.15s ease-in-out;
}

.form-input:focus::placeholder {
	color: white;
}

.form-submit {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 100;
	padding: 6px 12px;
	border: none;
	letter-spacing: 1px;
	color: white;
	background-color: #de9e6a;
	transition: background-color 0.3s ease-in-out;
}

.form-submit i {
	font-size: 32px;
}

.form-submit:hover,
.form-submit:focus {
	outline: none;
	background-color: black;
}

.form-input-file {
	display: none;
}

.form-input-file-area {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #969696;
	width: 100%;
	min-height: 100%;
	padding: 6px 14px;
	background-color: #f2f2f2;
	border: 1px dashed #969696;
	cursor: pointer;
	box-shadow: 0px 0px 0px 0px rgba(207, 148, 98, 0);
	transition: all 0.15s ease-in-out;
}

.form-input-file-area:focus {
	box-shadow: 0px 2px 6px 0px rgba(207, 148, 98, 0.75);
	outline: none;
	border-color: #de9e6a;
	background-color: white;
}

.form-input-file-area i {
	font-size: 32px;
}

.alert {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 12px;
	padding: 8px 14px;
}

.alert p {
	margin: 0;
}

.alert i {
	font-size: 32px;
	margin-right: 14px;
}

.alert-success {
	border: 1px solid #479D45;
}

.alert-success i {
	color: #479D45;
}

.alert-warning {
	border: 1px solid #F08700;
}

.alert-warning i {
	color: #F08700;
}

.alert-error {
	border: 1px solid #DB3A34;
}

.alert-error i {
	color: #DB3A34;
}

.color-tile {
	box-sizing: border-box;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.font-preview {
	max-height: 20px;
	margin-top: -2px;
}

.separator-forward-slash {
	display: inline-block;
	font-size: 22px;
	color: #de9e6a;
	margin-left: 8px;
	margin-right: 8px;
}

.enlarge {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	opacity: 0;
	pointer-events: none;
	background-color: white;
	transition: opacity 0.3s ease-in-out;
	z-index: 1000;
}

.enlarge.open {
	opacity: 1;
	pointer-events: all;
}

.enlarge-close {
	position: fixed;
	top: 16px;
	right: 16px;
	border: none;
	background-color: transparent;
	width: 60px;
	height: 60px;
	font-size: 48px;
	color: #cf9462;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.3s ease-in-out;
	z-index: 1010;
}

.enlarge-close:hover,
.enlarge-close:focus {
	color: black;
	outline: none;
}

.enlarge-image {
	max-height: 80%;
	max-width: 80%;
}

.table-group {
	font-size: 56px;
	line-height: 0;
}