/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * 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 {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Vendor-prefixed and regular ::selection selectors cannot be combined:
   * https://stackoverflow.com/a/16982510/7133471
   *
   * 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 audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}
img{max-width:100%;}
/*
   * Remove default fieldset styles.
   */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
   * Allow only vertical resizing of textareas.
   */

textarea {
	resize: vertical;
}

/* ==========================================================================
     Author's custom styles
     ========================================================================== */

/* ==========================================================================
     Helper classes
     ========================================================================== */

/*
   * Hide visually and from screen readers
   */

.hidden,
[hidden] {
	display: none !important;
}

/*
   * Hide only visually, but have it available for screen readers:
   * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
   *
   * 1. For long content, line feeds are not interpreted as spaces and small width
   *    causes content to wrap 1 word per line:
   *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
   */

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	/* 1 */
}

/*
   * Extends the .sr-only class to allow the element
   * to be focusable when navigated to via the keyboard:
   * https://www.drupal.org/node/897638
   */

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

/*
   * Hide visually and from screen readers, 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::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,
(-webkit-min-device-pixel-ratio: 1.25),
(-o-min-device-pixel-ratio: 5/4),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */

@media print {

	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		/* Black prints faster */
		-webkit-box-shadow: none !important;
		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 that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

/*--------------------------------------------------------------
### #### General style ### ####
--------------------------------------------------------------*/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

:root {
	--black: #272421;
	--gray: #7D7A75;
	--graybg: #F4F2EF;
	--graycontent: #E4E0DD;
	--gold: #E19D46;
	--green: #5DB655;
	--brown: #81756B;
	
	/*font sizes*/
	--medium:18px;
	
	/*line height*/
	--medium-lh: 35px;
}

/*
  var(--black);
  font-family: 'Poppins', sans-serif;
*/
html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 0;
	font-size:var(--medium);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	color: var(--black);
}

a,
a:visited,
a:active,
p,
button,
input {
	font-family: 'Poppins', sans-serif;
	color: var(--black);
}

.w960 {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

.w1180 {
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}

.w1380 {
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}

.w1440 {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
}

.w1640 {
	max-width: 1640px;
	width: 100%;
	margin: 0 auto;
}

.cnt {
	text-align: center;
}

.rgt {
	text-align: right;
}

.lft {
	text-align: left;
}

.np {
	padding-left: 0;
	padding-right: 0;
}

figure {
	margin: 0;
	padding: 0;
	display: inline-block;
}

nav {
	margin: 0;
	padding: 0;
}

.mp {
	margin: 0;
	padding: 0;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: var(--gold);
	-webkit-transition: all .12s ease-in;
	transition: all .12s ease-in;
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(40, 40, 52, .7);
}

::-moz-selection {
	color: #fff;
	background: var(--gold);
}

::selection {
	color: #fff;
	background: var(--gold);
}

.bold {
	font-weight: 700;
}

.mt20 {
	margin-top: 30px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.rel {
	position: relative;
}

.mob-non {
	display: none;
}

@media only screen and (max-width: 768px) {
	.hero-hero{
		position: absolute;
		bottom:0;
	}
	.mob-non {
		display: block;
	}

	.mob-np {
		padding-left: 0;
		padding-right: 0;
	}

	.mob-cnt {
		text-align: center
	}

	.mob-mt0 {
		margin-top: 0;
	}

	.mob-mt30 {
		margin-top: 30px;
	}

	.mob-w50 {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}
	button.btn-acc{
		text-align:left;
	}
}

@media only screen and (max-width: 680px) {
	:root {
	/*font sizes*/
	--medium:15px;
	
	/*line height*/
	--medium-lh: 26px;
	}
}

/**
    header
**/
header#header {
	position: absolute;
	padding: 30px 0 20px 0;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
}

a.a-menu {
	font-size: 0;
}

svg.svg-menu path {
	-webkit-transition: stroke .5s ease-in-out;
	-o-transition: stroke .5s ease-in-out;
	transition: stroke .5s ease-in-out;
}

div.active-menu svg.svg-menu path {
	stroke: #fff;
}

/** header href **/
div.box-h-href {
	display: inline-block;
	margin-left: 40px;
}

a.a-h-href {
	font-size: 0;
}

figure.fig-h-href {
	position: relative;
	margin-right: 30px;

	-webkit-transition: opacity .3s ease-in-out;

	-o-transition: opacity .3s ease-in-out;

	transition: opacity .3s ease-in-out;
}

a.a-h-href:hover figure.fig-h-href,
a.a-h-href:focus figure.fig-h-href {
	opacity: .5;
}

/** header btn abs **/
div.box-h-abs {
	position: absolute;
	right: 15px;
	top: 0;
}

a.btn-dark,
a.btn-dark:active,
a.btn-dark:visited {
	display: inline-block;
	padding: 12px 30px;

	font-weight: 600;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.02em;

	color: var(--gray);
	background-color: transparent;
	border-radius: 90px;
	border: 2px solid var(--gray);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

a.btn-dark:hover,
a.btn-dark:focus {
	text-decoration: none;
	color: #fff;
	border-color: var(--dark);
	background-color: var(--dark);
}

a.btn-gold2,
a.btn-gold2:active,
a.btn-gold2:visited {
	display: inline-block;
	padding: 12px 30px;

	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.02em;

	color: var(--grey);
	background-color: transparent;
	border-radius: 90px;
	border: 2px solid var(--gold);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

a.btn-gold2:hover,
a.btn-gold2:focus {
	text-decoration: none;
	color: var(--grey);
	border-color: var(--gold);
	background-color: var(--gold);
}

.btn-black,
.btn-black:active,
.btn-black:visited {
	display: inline-block;
	padding: 12px 30px;

	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.02em;

	color: #fff;
	background-color: #211C1B;
	border-radius: 90px;
	border: 2px solid #211C1B;

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.btn-black:hover,
.btn-black:focus {
	text-decoration: none;
	color: #211C1B;
	border-color: #211C1B;
	background-color: transparent;
}

/** header menu **/
div.box-menu {
	position: relative;
	display: inline-block;
	z-index: 10;
}

div.menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;

	padding-top: 100px;

	will-change: transform;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

div.menu::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: var(--gold);
}

div.menu.menu-sh {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.no-scroll {
	overflow: hidden;
}

div.box-menu-h {
	position: relative;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

nav.nav-h {
	position: relative;
	padding-bottom: 120px;
	z-index: 2;
}

nav.nav-h-sh {
	-webkit-animation-name: nav-sh;
	animation-name: nav-sh;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

	opacity: 0;
	will-change: transform;
	-webkit-transform: translateY(-180px);
	-ms-transform: translateY(-180px);
	transform: translateY(-180px);
}

@-webkit-keyframes nav-sh {
	from {
		-webkit-transform: translateY(-180px);
		transform: translateY(-180px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes nav-sh {
	from {
		-webkit-transform: translateY(-180px);
		transform: translateY(-180px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

ul.ul-h {
	margin: 0;
	padding: 0;
}

ul.ul-h li {
	display: block;
	padding: 6px 0;
}

a.a-h,
a.a-h:active,
a.a-h:visited {
	display: inline-block;
	font-weight: 600;
	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0.02em;
	color: #fff;

	-webkit-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
}

a.a-h:hover,
a.a-h:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, .5);
}

ul.ul-h li.li-h-btn {
	margin-top: 30px;
}

a.btn-fff,
a.btn-fff:active,
a.btn-fff:visited {
	display: inline-block;
	padding: 18px 40px;

	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.02em;

	color: #fff;
	background-color: transparent;
	border-radius: 90px;
	border: 2px solid #fff;

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

a.btn-fff:hover,
a.btn-fff:focus {
	text-decoration: none;
	color: #fff;
	border-color: var(--black);
	background-color: var(--black);
}
.img-h-href2{
	margin-top:-12px;
}

/**
    section hero
**/
section.sec-hero {
	position: relative;
	padding: 200px 0 100px 0;
	background-color: #E4E0DD;
	background-image: url('../img/ok-min.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}

/** hero book **/
div.box-hero-book {
	position: relative;
	background-color: red;
}

/** endhero book **/

div.box-hero {
	position: relative;
}

h2.h2-hero {
	margin: 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 52px;
	letter-spacing: 0.01em;
}

div.box-hero p {
	color: #fff;
	font-size: 17px;
	line-height: 27px;
	font-weight: 400;
	margin-top: 40px;
}

div.box-hero-btn {
	position: relative;
	margin-top: 70px;
	margin-bottom: 70px;
}

a.btn-gold,
a.btn-gold:active,
a.btn-gold:visited {
	display: inline-block;
	padding: 18px 40px;

	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.02em;

	color: #E4E0DD;
	background-color: var(--gold);
	border-radius: 90px;
	border: 1px solid var(--gold);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.row-hero a.btn-gold,
.row-hero a.btn-gold:active,
.row-hero a.btn-gold:visited {
	background-color: var(--green);
	border: 1px solid var(--green);
}

a.btn-gold:hover,
a.btn-gold:focus {
	text-decoration: none;
	background-color: var(--black);
}

a.btn-green,
a.btn-green:active,
a.btn-green:visited {
	position: relative;
	display: inline-block;
	padding: 18px 40px 18px 30px;

	font-weight: 700;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.02em;

	color: #E4E0DD;
	background-color: var(--green);
	border-radius: 90px;
	border: 1px solid var(--green);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.row-hero a.btn-green,
.row-hero a.btn-green:active,
.row-hero a.btn-green:visited {
	background-color: var(--gold);
	border: 1px solid var(--gold);
}

a.btn-green span.spn-btn {
	position: relative;
	padding-left: 25px;
	display: inline-block;
	text-align: left;
}

a.btn-green span.spn-btn::before {
	content: '';
	background-image: url('../img/arr-down.png');
	width: 15px;
	height: 22px;
	background-size: 15px 22px;
	display: inline-block;

	position: absolute;
	left: 0;
	top: 5px;
}

a.btn-green span.spn-btn-b {
	font-size: 12px;
}

a.btn-green:hover,
a.btn-green:focus {
	text-decoration: none;
	color: #fff;
	background-color: var(--black);
}

div.box-hero-btn a.btn-green,
div.box-hero-btn a.btn-green:active,
div.box-hero-btn a.btn-green:visited {
	margin-left: 10px;
}

section.sec-hero .btn-black{
	padding:14px 20px;
	font-size:14px;
}


section.sec-hero .hero-buttons{
		margin-top:65px;
		margin-bottom:80px;
}
section.sec-hero .btn-gold{
	padding:14px 20px;
	font-size:15px;
	text-align:left;
	float:right;
	margin-top:-10px;
}
section.sec-hero .btn-gold img{
	float:left;
	margin-top:5px;
}
section.sec-hero .btn-gold div{
	float:left;
	line-height:20px;
	padding-left:20px;
}
section.sec-hero .btn-gold div span{
	display:block;
	font-weight:500;
	font-size:12px;
	
}
/* hero mob  */
img.img-sygnet {
	width: 110px;
}

p.p-naklad {
	font-weight: 700;
	font-size: 11px;
	line-height: 30px;
	letter-spacing: 0.02em;
	color: #C28453;
	margin-bottom: 0px;
	margin-top: 20px;
}

div.cf-hero-mob-img {
	background-color:#D9D9D9;
	background-image: url('../img/ok-min.png');
	position: relative;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	height: 380px;
}

p.p-hero-gold {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #C28453;
	margin-bottom: 35px;
}

p.p-hero-mob-lab {
	width: 144px;
	background: #E44646;
	padding: 3px 15px;
	position: absolute;
	right: 0;
	top: 84px;
	font-weight: 700;
	font-size: 30px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #CFCFCF;
}

@media only screen and (max-width: 860px) {
	div.box-hero-book {
		margin-top: 10px;
	}

}

@media only screen and (min-width: 861px) {
	div.cf-hero-mob-img {
		display: none;
	}

	div.desk-of {
		display: none;
	}
}

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

	div.desk-of {
		display: none;
	}
}

/** section hero cena **/
div.box-cena {
	position: absolute;
	right: 0;
	top: -40%;
}

p.p-cena {
	margin: 0;
	padding: 2px 10px;
	background-color: var(--red);

	font-weight: 600;
	font-size: 25px;
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	color: #CFCFCF;
}

/**
    section hero b
**/
section.sec-hero-b {
	position: relative;
	padding: 0 0 60px;
}

div.row-hero-b-bg {
	position: relative;
	margin: -80px auto auto auto;
	padding: 70px 120px;
	padding-right: 40px;

	background-image: url('../img/bg-keys.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

div.box-hero-b-content {
	position: relative;
	text-align: left;
}

h2.h2-hero-b {
	margin: 0 0 10px 0;
	font-weight: 700;
	font-size: 25px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: var(--gold);
}

div.box-hero-b-content>div {
	color: #D1C0AF;
	font-size:var(--medium);
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0.02em;
}

div.box-hero-b-content>div img {
	margin-right: 32px;
}

p.p-hero-b {
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.05em;
	color: #fff;
}

div.row-hero-b-content {
	position: relative;
	margin-top: 60px;
}

h2.h2-page {
	margin: 0 0 20px 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.02em;
}

h2.h2-page-gold {
	color: var(--gold);
}

.row-hero-b-content p.p-page{
	margin-top:60px;
}
.row-hero-b-content h2 span{
	font-weight:normal;
}

div.row-hero-b-content .frame{
	padding:60px 100px;
	border: 1px solid #D6A23B4D;
	margin-top:50px;
}
div.row-hero-b-content .frame h3{
	font-size: 25px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 0.02em;
	color:var(--gold);
}
div.row-hero-b-content .frame div{
	font-size:var(--medium);
	font-weight: 400;
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	color:var(--brown);
	margin-top:50px;
}
p.p-page {
	margin: 0 0 10px 0;
	font-size:var(--medium);
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	color:var(--brown);
}

#accordionNeg p.p-page {
	line-height: 20px;
	font-size: 17px;
}

p.p-page-b {
	font-weight: 600;
}

ul.ul-page {
	margin: 0;
	padding: 0;
}

ul.ul-page li {
	position: relative;
	display: block;
	padding-left: 30px;
}

ul.ul-page li::before {
	content: '';
	background-color: var(--gold);
	width: 3px;
	height: 3px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 12px;
}

p.p-page-li {
	margin: 0 0 15px 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.02em;
}

/**
    section przedstawie
**/
section.sec-przedstawie h2{
	margin-top:50px;
	margin-bottom:35px;
}
section.sec-przedstawie ul{
	list-style:none;
}
section.sec-przedstawie ul li{
	color:var(--brown);
	font-size:var(--medium);
	line-height:var(--medium-lh);
	margin-bottom:25px;
	padding-left:25px;
	position:relative;
	
}
section.sec-przedstawie ul li:before{
	content:"·";
    font-size:50px;
    vertical-align:middle;
    line-height:18px;
	left:0px;
	top:8px;
	position:absolute;
}
/**
    section dokogo
**/
section.sec-dokogo {
	position: relative;
	padding: 60px 0;
	color:#fff;
	
}
section.sec-dokogo h2{
	color:#fff;
}

section.sec-dokogo p{
	color:#fff;
}

div.box-page-txt {
	position: relative;
	background-color: var(--gold);
	padding:70px 100px;
}

div.box-page-ul {
	position: relative;
	margin-top: 30px;
}

ul.ul-page-fff li::before {
	content: '';
	background-color: #fff;
}
.sec-dokogo .btn{
	padding:16px 60px;
	margin-top:30px;
	font-size:var(--medium);
	font-weight:700;
	letter-spacing:0.02em;
}
/**
    section spistresci
**/
section.sec-spistresci {
	position: relative;
	padding: 60px 0;
	color:#fff;
}
section.sec-spistresci .rowborder{
	border: 1px solid #D6A23B4D;
	padding:60px 100px;
}
section.sec-spistresci ol li{
	color:var(--gold);
	font-size:30px;
	font-weight:bold;
	line-height:var(--medium-lh);
	padding:50px 0;
	border-bottom: 1px solid #D6A23B4D;
}
section.sec-spistresci ol li.bord,
section.sec-spistresci ol li:last-child{
	border-bottom: 0px solid #D6A23B4D;
}
section.sec-spistresci ol li > div{
	color:var(--brown);
	font-size:var(--medium);
	line-height:var(--medium-lh);
	font-weight:400;
	padding-left:70px;
}
section.sec-spistresci ol li > div span{
	font-weight:bold;
	text-transform:uppercase;
}
section.sec-spistresci ol li > div div{
	margin-top:35px;
}
section.sec-spistresci ol li.zw{
	display:none;
}
section.sec-spistresci .btn-rozwin{
	background:var(--gold);
	color:#fff;
	font-size:15px;
	font-weight:700;
	letter-spacing:0.02em;
	line-height:31px;
	border-radius:0;
	width:100%;
	border:2px solid var(--gold);
}
section.sec-spistresci .btn-rozwin:hover{
	background:transparent;
	color:var(--gold);
}
/**
    section galeria
**/

section.sec-galeria .owl-carousel .nav-btn{
  cursor: pointer;

}
section.sec-galeria .owl-carousel .owl-nav{
	text-align:left;
	margin-top:50px;
}
section.sec-galeria .owl-carousel .owl-prev span{
	margin-left:30px;
}
section.sec-galeria .owl-carousel .owl-next span{
	margin-right:30px;
}
section.sec-galeria .owl-carousel .owl-prev img,
section.sec-galeria .owl-carousel .owl-next img{
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
section.sec-galeria .owl-carousel .owl-prev,
section.sec-galeria .owl-carousel .owl-next{
	color:var(--gold);
	font-size:14px;
}
section.sec-galeria .owl-carousel .owl-prev.disabled,
section.sec-galeria .owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}
section.sec-galeria .owl-carousel .owl-prev:hover,
section.sec-galeria .owl-carousel .owl-next:hover{
background:transparent;
color:var(--gold);
}
section.sec-galeria .owl-carousel .owl-prev:active,
section.sec-galeria .owl-carousel .owl-next:active,
section.sec-galeria .owl-carousel .owl-prev:focus,
section.sec-galeria .owl-carousel .owl-next:focus{
border:none;
outline:none;
}
section.sec-galeria .owl-carousel .owl-prev:hover img{
	margin-left:-15px;
	margin-right:15px;
}
section.sec-galeria .owl-carousel .owl-prev{
	float:left;
}
section.sec-galeria .owl-carousel .owl-next{
	float:right;
}
section.sec-galeria .owl-carousel .owl-next:hover img{
	margin-right:-15px;
	margin-left:15px;
}
	
section.sec-galeria .owl-carousel .prev-slide{
  float:left;
  
  /*background: url(../img/nav-icon.png) no-repeat scroll 0 0;
  left: -33px;*/
}
section.sec-galeria .owl-carousel .next-slide{
  /*background: url(../img/nav-icon.png) no-repeat scroll -24px 0px;
  right: -33px;*/
}
section.sec-galeria .owl-carousel .prev-slide:hover{

}
section.sec-galeria .owl-carousel .next-slide:hover{

}   
.sec-galeria h2{
	margin-bottom: 65px;
}
.sec-galeria h2 a{
	float:right;
	letter-spacing: 0.02em;
}
/**
    section co znajdziesz
**/
section.sec-cozn {
	position: relative;
	padding: 60px 0;
}

figure.fig-lew {
	position: relative;
}

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

p.p-cozn {
	margin: 0;
	font-weight: normal;
	font-size: 30px;
	line-height: 50px;
	letter-spacing: 0.02em;
	color: var(--black);
}

/** accodrion co znajdziesz **/
div.row-page {
	position: relative;
	margin-top: 30px;
}

div.accordion {
	position: relative;
}

div.box-acc {
	position: relative;
}

button.btn-acc {
	position: relative;
	display: inline-block;
	padding: 0 0 0 30px;
	margin-bottom:25px;

	color: #625141;
	font-size:var(--medium);
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 222.222% */
	letter-spacing: 0.36px;


	-webkit-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
}

button.btn-acc::before {
	content: '';
	background-image: url('../img/arr.png');
	width: 8px;
	height: 16px;
	background-size: 8px 16px;

	text-align: center;
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	will-change: transform;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

button.btn-acc[aria-expanded="true"] {
	color: #625141;
}

button.btn-acc[aria-expanded="true"]::before {
	-webkit-transform: translate(0, -50%) rotate(90deg);
	-ms-transform: translate(0, -50%) rotate(90deg);
	transform: translate(0, -50%) rotate(90deg);
}

button.btn-acc:hover,
button.btn-acc:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}
button.btn-acc:hover{
	color: var(--gold);
}

div.box-acc-body {
	position: relative;
	padding: 15px 0 15px 30px;
}

/** banner co znajdziesz **/
section.sec-cozn-q {
	position: relative;
	padding: 60px 0;

	background-image: url('../img/bg-lew.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

div.box-cozn-q {
	position: relative;
	max-width: 960px;
	width: 100%;
	margin: 0 auto;

	text-align: left;
}

figure.fig-q-lft {
	position: absolute;
	left: -100px;
	top: -20px;
}

img.img-q-lft {
	max-width: 65px;
	width: 100%;
}

figure.fig-q-rgt {
	position: absolute;
	right: -80px;
	bottom: 50px;
}

img.img-q-rgt {
	max-width: 65px;
	width: 100%;
}

p.p-cozn-q {
	margin: 0;
	font-style: italic;
	font-weight: 400;
	font-size: 26px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #fff;
}

div.box-cozn-q-a {
	position: relative;
	margin-top: 15px;
	text-align: right;
}

p.p-cozn-q-a {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 44px;
	letter-spacing: 0.07em;
	color: #fff;
}

/**
    section co się wydarzy
**/
section.sec-csiew {
	position: relative;
	padding: 60px 0;
	background-color: #F3F3F3;
}

/**
    section autor banner
**/
section.sec-a-ban {
	position: relative;
	padding: 100px 0;
}

figure.fig-a-ban {
	position: relative;
}

img.img-a-ban {
	max-width: 260px;
	width: 100%;
}

div.box-a-ban {
	position: relative;
}

p.p-a-ban {
	margin: 0;
	font-weight: 400;
	font-size:var(--medium);
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #625141;
}

p.p-a-ban-b {
	margin: 20px 0 0 0;
	font-weight: 700;
	font-size: 30px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #625141;
}

/** section kik **/
section.sec-kik .w1180{
	background:#D6A23B;
	color:#fff;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0.6px;
	padding:60px;
	margin-bottom:100px;
}
section.sec-kik .slogan span{
	color:#625141;
}

/** section pakiety **/
section.sec-pakiety .pakiety{
	border: 1px solid rgba(214, 162, 59, 0.30);
}
section.sec-pakiety .pakiet{
	padding:40px;
	position:relative;
	padding-bottom:80px;
}
section.sec-pakiety .pakiet.pakiet2{
	background:url(../img/pakiet-linia.png) center top no-repeat;
}
section.sec-pakiety .pakiet .cena{
	position:absolute;
	top:-40px;
	right:0;
	background:#D6A23B;
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0.8px;
	padding:16px 37px;
}
section.sec-pakiety .pakiet .cena span{
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 307.692% */
	letter-spacing: 0.26px;
	display:block;
}
section.sec-pakiety .pakiet h3{
	color: #625141;
	font-size: 46px;
	font-style: normal;
	font-weight: 700;
	line-height: 55px; /* 110% */
	letter-spacing: 1px;
	margin-bottom:50px;
}
section.sec-pakiety .pakiet b{
	color:#625141;
	display:block;
	margin-top:25px;
	margin-bottom:15px;
}
section.sec-pakiety .pakiet .plus{
	display:block;
	margin:0 auto;
	margin-top:100px;
}
section.sec-pakiety .pakiet .btn-black{
	font-size:var(--medium);
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 166.667% */
	letter-spacing: 0.36px;
	background:red;
	border-color:red;
}
section.sec-pakiety .pakiet .btn-black:hover{
	background:transparent;
}
section.sec-pakiety .pakiet small{
	display:block;
	margin-top:5px;
	color: #625141;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px; /* 285.714% */
	letter-spacing: 0.28px;
}
section.sec-pakiety ul{
	list-style:none;
}
section.sec-pakiety ul li{
	color:var(--brown);
	font-size:var(--medium);
	line-height:40px;
	padding-left:0px;
	position:relative;
	
}
section.sec-pakiety ul li:before{
	content:"+";
	font-weight:bold;
	color:#D6A23B;
    font-size:11px;
    vertical-align:middle;
    line-height:25px;
	left:-25px;
	top:8px;
	position:absolute;
}
section.sec-pakiety .pakiet-wiecej{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#D6A23B;
	color:#fff;
	border:2px solid #D6A23B;
	display:block;
	font-size: 15px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0.03em;
	text-align:center;
	padding:10px 0;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
section.sec-pakiety .pakiet-wiecej:hover{
	background:transparent;
	color:#D6A23B;
	text-decoration:none;
}

/** section formaty **/
section.sec-formaty h2{
	margin:65px 0;
	
}
section.sec-formaty .pakiety{
	margin-bottom:60px;
}
section.sec-formaty .pakiet2 h3{
	margin-top:90px;
	display:inline-block;
	margin-bottom:0;
}
section.sec-formaty .format-wiecej{
	width:100%;
	background:#D6A23B;
	color:#fff;
	border:2px solid #D6A23B;
	display:block;
	font-size: 15px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0.03em;
	text-align:center;
	padding:10px 0;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
section.sec-formaty .format-wiecej:hover{
	background:transparent;
	color:#D6A23B;
	text-decoration:none;
}
section.sec-formaty .format-opis{
    background: url(../img/pakiet-linia.png) center top no-repeat;
	padding:40px;
	display:none;
}
section.sec-formaty .format-opis b{
	margin-bottom:20px;
	display:block;
}
/** section wywiad **/
section.sec-wywiad iframe{
	margin-bottom:80px;
}
/** section autor **/
section.sec-autor {
	position: relative;
	padding: 60px 0;
	color:#625141;
}

section.sec-autor .w1180{
	background-color: var(--graybg);
	padding:90px 100px;
}
section.sec-autor h2{
	margin-bottom:80px;
}
section.sec-autor h3{
	font-size: 36px;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: 0.02em;
	color:#514838;
}
section.sec-autor .podpis{
	margin-top:130px;
}
section.sec-autor span{
	font-size: 24px;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0.02em;
	color:#BFA080;
}
section.sec-autor-b {
	position: relative;
	padding: 60px 0;
}
section.sec-autor .p-page{
	color:#625141;
}
section.sec-autor .p-page-b{
	font-family: Poppins;
	font-size: 24px;
	font-weight: 700;
	line-height: 31px;
	letter-spacing: 0.02em;
	color:var(--brown);
	margin:50px 0;
}
section.sec-autor .btn-black{
	font-size:var(--medium);
	line-height:31px;
}

figure.fig-aut {
	position: relative;
	margin: 0 0 30px 0;
}

img.img-aut {
	max-width: 190px;
	width: 100%;
}

h2.h2-aut {
	margin: 0;
	font-weight: normal;
	font-size: 48px;
	line-height: 36px;
	letter-spacing: 0.02em;
}

h2.h2-aut b {
	font-weight: bold;
}

div.row-aut {
	position: relative;
	margin-top: 60px;
}

/**
    section fqq
**/
section.sec-faq {
	position: relative;
	padding: 60px 0;
}



/**
    opinie
**/
section.sec-opinie {
	padding: 40px 0;
	position: relative;
	background:#EAE5DF;
}

section.sec-opinie h2{
	margin-top:20px;
	margin-bottom:60px;
}

div.box-op-img {
	/*width: 250px;*/
	/*float: left;*/
}

div.box-op-txt {
	/*width: calc(100% - 250px);
	float: left;*/
}

div.box-op-img-circle {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	height: 75px;
	border-radius: 50%;
}
.pad40{
	padding:0 0px;
}
p.p-opinia-autor {
	font-weight: 700;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: #272421;
	margin-top:25px;
}

div.box-opinia-nav {
	background: #211C1B;
	padding: 12px 0;
}

div.owl-opinie div.owl-dots {
	display: none;
}

div.owl-opinie .counter,
.counter {
	font-weight: 700;
	font-size: 14px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}

#CheckReg{margin-right:10px;}
/* Opinie b */
section.sec-opinie-b {
	padding: 0px 0;
}

div.cm-opinia-b {
	/*background: #E4E0DD;*/
	border-radius: 0px;
	/*padding: 75px 125px;*/
}

p.p-opinia-b {
	font-weight: 400;
	font-size: 15px;
	line-height: 31px;
	text-align: left;
	letter-spacing: 0.02em;
	color: #625141;
}
.p-opinia-txt{
	font-size:12px;
	line-height:20px;
}

/* Opinie - pobierz */
section.sec-pobierz {
	padding-bottom: 60px;
	margin-top:100px;
}

div.cm-pobierz {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	padding: 80px 90px;
}

h2.h2-pobierz {
	font-weight: 700;
	font-size: 25px;
	line-height: 38px;
	letter-spacing: 0.02em;
	color: #514838;
}

h2.h2-pobierz span {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0.04em;
	color: var(--gold);
}

p.p-pob {
	font-weight: 600;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.02em;
	color: #C0A56F;
}

p.p-pob span {
	color: #fff;
}

p.p-pob-nag {
	margin-top: 80px;
	margin-bottom: 60px;
}

p.p-pob-r {
	font-weight: 400;
	font-size:var(--medium);
	line-height: 31px;
	letter-spacing: 0.02em;
	color: #625141;
}
section.sec-pobierz .btn-black{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0.36px;
}
/** form pobierz **/
form.form-pob {
	position: relative;
	margin-top: 80px;

	max-width: 100%;
	width: 100%;
}

input.form-custom {
	height: 50px;
	border: none;
	border-bottom: 1px solid #A3A3A3;
	border-radius: 0;
	background-color: transparent;

	color: #fff;
	font-size: 15px;
	line-height: 25px;

	-webkit-transition: background-color .3s ease-in-out;

	-o-transition: background-color .3s ease-in-out;

	transition: background-color .3s ease-in-out;
}

input.form-custom::-webkit-input-placeholder {
	font-size: 15px;
	line-height: 25px;
	color:#625141;
}

input.form-custom::-moz-placeholder {
	font-size: 15px;
	line-height: 25px;
}

input.form-custom:-ms-input-placeholder {
	font-size: 15px;
	line-height: 25px;
}

input.form-custom::-ms-input-placeholder {
	font-size: 15px;
	line-height: 25px;
}

input.form-custom::placeholder {
	font-size: 15px;
	line-height: 25px;
}

input.form-custom:focus {
	color: #fff;
	border-color: var(--green);
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/** form checkbox **/
div.box-pob-check {
	position: relative;
	margin-top: 20px;
}

div.box-pob-check label {
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #625141;
}

/** style checkbox **/
div.box-pob-check input.form-checkbox {
	z-index: 2;
	text-align: center;
	position: relative;
	top: 3px;
	left: 0;
	margin: 0;
	padding: 0;
}

div.box-pob-check input[type='checkbox'] {
	margin: 0;
}

div.box-pob-check input {
	position: relative !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 8px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	overflow: hidden;
}

div.box-pob-check input:before {
	content: '';
	display: block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 16px;
	height: 16px;
	border: 2px solid #A3A3A3;
	-webkit-transition: 0.2s border-color ease;
	-o-transition: 0.2s border-color ease;
	transition: 0.2s border-color ease;
}

div.box-pob-check input {
	background-color: transparent;
}

div.box-pob-check input:checked:before {
	border-color: var(--gold);
	background-color: var(--gold);
	-webkit-transition: 0.5s border-color ease;
	-o-transition: 0.5s border-color ease;
	transition: 0.5s border-color ease;
}

div.box-pob-check input:disabled:before {
	border-color: var(--gold);
	background-color: var(--gold);
}

div.box-pob-check input:after {
	content: '';
	display: block;
	position: absolute;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	top: 50%;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	background-color: rgba(19, 193, 163, 1);
	width: 16px;
	height: 16px;
	border-radius: 100vh;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
}

div.box-pob-check input[type="checkbox"]:before {
	border-radius: 3px;
}

div.box-pob-check input[type="checkbox"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
}


/** end form pobierz **/

/*
section przemyslany
*/
section.sec-przemyslany{
	color:#81756B;
	font-size:var(--medium);
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	padding-bottom:120px;

}
section.sec-przemyslany .btn-black{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; 
	letter-spacing: 0.36px;
}
/*
section otrzymasz
*/
section.sec-otrzymasz{
	background:#EAE5DF;
	color:#81756B;
	font-size:var(--medium);
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	padding-top:100px;
	padding-bottom:100px;
}


button.btn-green:not(.btn-shide),
button.btn-green:not(.btn-shide):active,
button.btn-green:not(.btn-shide):visited {
	position: relative;
	display: inline-block;
	padding: 18px 40px 18px 30px;

	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.02em;

	color: #E4E0DD;
	background-color: var(--green);
	border-radius: 90px;
	border: 1px solid var(--green);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.btn-shide,
.btn-shide:active,
.btn-shide:visited {
	width:100%;
	border-radius:0!important;
	max-width:1180px;
	margin:0 auto;
	border-width:2px!important;
	padding:8px!important;
	font-size:15px!important;
	line-height:31px!important;
	color:#fff!important;
}
.btn-shide:hover{
	background:transparent!important;
	color:var(--gold)!important;
}

button.btn-green span.spn-btn {
	position: relative;
	padding-left: 30px;
	display: inline-block;
	text-align: left;
}

button.btn-green span.spn-btn::before {
	content: '';
	background-image: url('../img/arr-down.png');
	width: 15px;
	height: 22px;
	background-size: 15px 22px;
	display: inline-block;

	position: absolute;
	left: 0;
	top: 5px;
}

button.btn-green span.spn-btn-b {
	font-size: 12px;
}

button.btn-green:hover,
button.btn-green:focus {
	color: #fff;
	text-decoration: none;
	background-color: var(--black);
}

/**
    section kup
**/
section.sec-kup {
	position: relative;
	padding: 60px 0 30px;
	
}
section.sec-kup  .w1180{
	background-color: #D6A23B;
	padding:42px 100px;
}
section.sec-kup h2{
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 58px; /* 100% */
	letter-spacing: 0.8px;
	margin-bottom:0;
	float:left;
}
section.sec-kup .btn-black{
	font-size:var(--medium);
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 166.667% */
	letter-spacing: 0.36px;
}
div.box-book-content {
	position: relative;
}

h3.h3-book {
	margin: 0;
	font-weight: 700;
	font-size: 26px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: var(--black);
}

div.box-book {
	position: relative;
	text-align: center;
}

/** cena book **/
div.box-book-cena {
	position: absolute;
	right: 0;
	top: 100px;
}

div.box-book-cena-content {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	background-color: var(--red);
	text-align: center;
}

p.p-book-cena-title {
	margin: 0;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #CFCFCF;
}

p.p-book-cena {
	margin: 0;
	font-weight: 700;
	font-size: 40px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #CFCFCF;
}

/** end cena book **/

figure.fig-book {
	position: relative;
}

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

div.box-book-action {
	position: relative;
	z-index: 1;
	margin: 0 0 -160px 0;
}

div.box-book-action .btn-gold,
.kup-cnt .btn-kup-b {
	background-color: var(--green);
	border: 1px solid var(--green);
}

div.box-book-p {
	position: relative;
	margin: 20px 0 0 0;
}

p.p-book {
	display: inline-block;
	position: relative;
	margin: 0;
	font-weight: 600;
	font-size: 13px;
	line-height: 36px;
	letter-spacing: 0.02em;
}

figure.fig-book-p {
	position: relative;
	margin: 0 0 0 10px;
}

img.img-book-p {
	max-width: 25px;
	width: 100%;
}

/**
    secttion kup b 
**/
section.sec-kup-b {
	position: relative;
	padding: 160px 0 80px 0;
}

div.box-kup-b {
	position: relative;
	padding: 60px 50px 100px 50px;
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;

	background-image: url('../img/bg-kup.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

h2.h2-kup-b {
	display: inline-block;
	margin: 0 0 30px 0;
	padding: 6px 20px;
	background-color: var(--red);
	font-weight: 600;
	font-size: 20px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #fff;
}

h3.h3-kup-b {
	margin: 0;
	font-weight: 600;
	font-size: 36px;
	line-height: 45px;
	letter-spacing: 0.02em;
	color: #fff;

}

ul.ul-kup-b {
	margin: 30px 0 0 0;
	padding: 0;
}

ul.ul-kup-b li {
	display: block;
}

p.p-kup-b {
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	line-height:var(--medium-lh);
	letter-spacing: 0.02em;
	color: #fff;
}

a.btn-kup-b,
a.btn-kup-b:active,
a.btn-kup-b:visited {
	display: inline-block;
	padding: 16px 30px;

	position: absolute;
	left: 50px;
	bottom: -30px;

	font-weight: 600;
	font-size:var(--medium);
	line-height: 28px;
	letter-spacing: 0.02em;

	color: #E4E0DD;
	background-color: var(--gold);
	border-radius: 90px;
	border: 1px solid var(--gold);

	-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;

	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

a.btn-kup-b:hover,
a.btn-kup-b:focus {
	text-decoration: none;
	background-color: var(--black);
}

/** kup b cena **/
div.box-kup-b-cena {
	position: absolute;
	right: 0;
	top: 100px;
}

p.p-kup-b-cena-old {
	position: relative;
	display: inline-block;
	margin: 0 0 10px 30px;
	font-weight: 600;
	font-size: 25px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #CFCFCF;
}

p.p-kup-b-cena-old::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-15deg);
	-ms-transform: translate(-50%, -50%) rotate(-15deg);
	transform: translate(-50%, -50%) rotate(-15deg);

	background-color: #CFCFCF;
	width: 100%;
	height: 2px;
}

p.p-kup-b-cena {
	margin: 0;
	padding: 6px 20px;
	background-color: var(--red);

	font-weight: 600;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0.02em;
	color: #CFCFCF;
}


/* :root {
  --black: #272421;
  --gray: #7D7A75;
  --graybg: #F3F3F3;
  --graycontent: #E4E0DD;
  --gold: #C0A56F;
  --green: #5DB655;
} */


/**
    section part
**/
section.sec-part {
	position: relative;
	padding: 60px 0;
	background-color: var(--gold);
}

div.box-part-content {
	position: relative;
}

div.col-part {
	position: relative;
	float: left;
	width: 14.285714%;
	text-align: center;

	min-height: 100px;
	margin-bottom: 15px;
}

figure.fig-part {
	text-align: center;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

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

/**
    footer
**/
footer#Footer {
	position: relative;
	padding: 40px 0;
	background-color: #fff;
}

p.p-copy {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color:#BFA080;
	float:left;
}
footer .p-copy img{
	margin-right:40px;
}

/** footer ul **/
ul.ul-f {
	margin: 0;
	padding: 0;
	/*position: absolute;
	right: 0;
	top: 0;*/
	float:left;
	margin-top:3px;
	margin-left:40px;
}

ul.ul-f li {
	display: inline-block;
}
.socials{
	float:right;
	line-height:36px;
}
.socials a{
	margin-left:30px;
}
a.a-f,
a.a-f:active,
a.a-f:visited {
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: #C0A56F;
	text-decoration:underline;

	-webkit-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
}

a.a-f:hover,
a.a-f:focus {
	text-decoration: none;
	/*color: #000;*/

}

a.a-f-b,
a.a-f-b:active,
a.a-f-b:visited {
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: var(--black);

	-webkit-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
}

a.a-f-b:hover,
a.a-f-b:focus {
	text-decoration: none;
	color: var(--gold);
}

/**
* 
* mobile version 
* 
**/

/** mobile header **/
@media only screen and (max-width: 868px) {
	div.menu::after {
		width: 100%;
	}

	div.menu-w100 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	section.sec-pakiety .pakiet .btn-black{
		width:100%;
		line-height:20px;
	}
	section.sec-autor .btn-black{
		line-height:20px;
	}
	section.sec-pakiety .pakiet small{
		text-align:center;
	}
	div.box-h-abs {
		display: none;
	}

	header#header {
		background-color: #D9D9D9;
	}

	ul.ul-h li {
		margin: 10px 0;
		padding: 2px 0;
	}

	a.a-h,
	a.a-h:active,
	a.a-h:visited {
		font-size: 17px;
		line-height: 25px;
	}
}

@media only screen and (max-width: 568px) {
	svg.svg-menu {
		width: 40px;
	}

	div.box-h-href {
		margin: 0;
	}

	figure.fig-h-href {
		margin-right: 0;
		margin-left: 20px;
	}

	img.img-h-href {
		width: 120px;
	}
}

/** mobile content **/
@media only screen and (max-width: 1280px) {
	figure.fig-q-lft {
		left: -60px;
	}

	figure.fig-q-lft {
		right: -20px;
	}
}

@media only screen and (max-width: 1180px) {
	div.box-cozn-q {
		text-align: center;
	}

	div.box-cozn-q-a {
		margin-top: 30px;
		text-align: center;
	}

	figure.fig-q-lft {
		position: relative;
		left: auto;
		top: auto;

		display: block;
		margin: 0 auto 30px auto;
		text-align: center;
	}

	figure.fig-q-rgt {
		position: relative;
		right: auto;
		bottom: auto;

		display: block;
		margin: 30px auto 0 auto;
		text-align: center;
	}
}

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

	.owl-carousel .nav-btn span{
		display:none;
	}
	.row-hero-b-content h2{
		margin-top:20px;
		margin-bottom:0;
	}
	.row-hero-b-content p.p-page{
		margin-top:50px;
	}
	.box-h-href{
		width:100%;
	}
	a.a-h-href2{
	    float: right;
		margin-top: 13px;
		margin-right:20px;
	}
	/** mobile hero b **/
	div.box-hero-b-content {
		padding: 0 15px;
		text-align: center;
	}

	h2.h2-hero-b {
		font-size: 22px;
		line-height: 32px;
		color: var(--gold);
	}

	p.p-hero-b {
		font-size: 14px;
		color: var(--gold);
	}

	div.row-hero-b-content {
		margin-top: 30px;
	}

	h2.h2-page {
		font-size: 22px;
		line-height: 30px;
	}

	p.p-page,
	p.p-page-li {
		font-size: 14px;
		line-height: 25px;
	}

	ul.ul-page {
		margin-left: 15px;
	}

	br.mob-br {
		display: none;
	}

	section.sec-hero-b {
		padding-bottom: 30px;
	}

	/** mobile section do kogo **/
	section.sec-dokogo {
		padding: 30px 0;
	}

	/** mobile section co znajdzie **/
	section.sec-cozn {
		padding: 30px 0;
	}

	p.p-cozn {
		font-size: 19px;
		line-height: 36px;
	}

	button.btn-acc {
		padding: 5px 0 5px 30px;
		font-size: 15px;
		line-height: 25px;
	}

	button.btn-acc::before {
		top: 20px;
	}

	/** mobile quote **/
	p.p-cozn-q {
		font-size:var(--medium);
		line-height: 28px;
	}

	img.img-q-lft,
	img.img-q-rgt {
		max-width: 40px;
	}

	p.p-cozn-q-a {
		font-size: 15px;
		line-height: 25px;
	}

	/** mobile co się wydarzy **/
	section.sec-csiew {
		padding: 30px 0;
	}

	/** mobile section banner **/
	section.sec-a-ban {
		padding: 60px 0 120px 0;
	}

	figure.fig-a-ban {
		margin-bottom: 30px;
	}

	img.img-a-ban {
		max-width: 240px;
	}

	p.p-a-ban {
		font-size: 14px;
		line-height: 24px;
	}

	p.p-a-ban-b {
		font-size: 34px;
		line-height: 46px;
	}

	p.p-a-ban-b br {
		display: none;
	}

	/** mobile section autor **/
	section.sec-autor,
	section.sec-autor-b {
		padding: 30px 0;
	}

	img.img-aut {
		max-width: 160px;
	}

	h2.h2-aut {
		font-size: 28px;
		line-height: 36px;
	}

	h2.h2-aut b {
		display: block;
	}

	div.row-aut {
		margin-top: 40px;
	}

	/** mobile section faq **/
	section.sec-faq {
		padding: 30px 0;
	}

	/** mobile section kup **/
	section.sec-kup {
		padding: 30px 0;
	}
	section.sec-kup h2{
		float:initial;
	}

	/** mobile section part **/
	section.sec-part {
		padding: 30px 0;
	}

	div.col-part {
		width: 50%;
	}
}

/** mobile section pobierz form **/
@media only screen and (max-width: 980px) {
	div.cm-pobierz {
		padding: 60px 15px;
	}
}

@media only screen and (max-width: 860px) {
	div.pob-w100 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}

	h2.h2-pobierz span {
		display: block;
		margin-top: 10px;
	}

	p.p-pob-nag {
		margin-top: 40px;
		margin-bottom: 30px;
	}

	p.p-pob-r {
		margin-top: 30px;
	}

	form.form-pob {
		max-width: 460px;
		width: 100%;
		margin: 0 auto;
	}

	div.box-pob-check {
		text-align: left;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 768px) {
	h2.h2-pobierz {
		font-size: 28px;
		line-height: 40px;
	}

	h2.h2-pobierz span {
		font-size: 28px;
		line-height: 40px;
	}

	p.p-pob.p-pob-nag {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	p.p-pob {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 20px;
	}

	p.p-pob-r {
		font-size: 16px;
	}

	button.btn-green,
	button.btn-green:active,
	button.btn-green:visited {
		padding: 12px 0 12px 0;
		font-size:var(--medium);
		line-height: 20px;
		width: 100%;
	}

	button.btn-green span.mob-btn-form {
		display: block;
		font-size: 13px;
	}
	input.form-custom{
		margin:30px 0;
	}
	section.sec-pobierz .btn-black{
		margin-bottom:30px;
	}
}

/** mobile section kup **/
@media only screen and (max-width: 1040px) {
	div.box-kup-b-cena {
		position: relative;
		display: block;
		right: 0;
		top: auto;

		max-width: 200px;
		width: 100%;
		margin: 20px auto;
	}
}

@media only screen and (max-width: 890px) {
	div.box-kup-b {
		padding: 30px 15px 30px 15px;
	}

	h2.h2-kup-b {
		text-align: center;
		font-size: 25px;
		line-height:var(--medium-lh);
	}

	div.kup-cnt {
		text-align: center;
	}

	a.btn-kup-b,
	a.btn-kup-b:active,
	a.btn-kup-b:visited {
		position: relative;
		left: auto;
		bottom: auto;
		margin: 20px auto -70px auto;
	}
}

@media only screen and (max-width: 768px) {
	h2.h2-kup-b {
		text-align: center;
		font-size:var(--medium);
		line-height: 30px;
	}

	h3.h3-kup-b {
		font-size:var(--medium);
		line-height: 30px;
	}

	ul.ul-kup-b {
		text-align: left;
	}

	p.p-kup-b {
		font-size: 14px;
		line-height: 25px;
	}

	p.p-kup-b-cena-old,
	p.p-kup-b-cena {
		font-size: 20px;
		line-height: 44px;
	}
	section.sec-kup h2 {
		font-size:30px;
		line-height:40px;
	}
}

/** mobile footer **/
@media only screen and (max-width: 980px) {
	div.col-f-cnt {
		text-align: center;
	}

	ul.ul-f {
		position: relative;
		right: auto;
		top: auto;
	}
}

@media only screen and (max-width: 768px) {
	ul.ul-f {
		margin-top: 20px;
	}

	ul.ul-f li {
		display: block;
	}

	p.p-copy {
		display: block;
		line-height: 22px;
	}

	a.a-f,
	a.a-f:active,
	a.a-f:visited {
		line-height: 30px;
	}
}

/** owl opinie **/
div.box-opinia-nav {
	position: relative;
	margin-bottom: 30px;
}

p.p-owl-nav {
	position: relative;
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 44px;
	letter-spacing: 0.02em;
	color: #fff;

	-webkit-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;
}

p.p-owl-nav:hover,
p.p-owl-nav:focus {
	cursor: pointer;
	opacity: .6;
}

div.box-owl-lft p.p-owl-nav {
	padding-left: 25px;
}

div.box-owl-rgt p.p-owl-nav {
	padding-right: 25px;
}

div.box-owl-lft p.p-owl-nav::before {
	content: '';
	background-image: url('../img/arr-lft.png');
	width: 60px;
	height: 11px;
	background-size: 60px 11px;
	display: inline-block;

	position: absolute;
	left: -60px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

div.box-owl-rgt p.p-owl-nav::before {
	content: '';
	background-image: url('../img/arr-rgt.png');
	width: 60px;
	height: 11px;
	background-size: 60px 11px;
	display: inline-block;

	position: absolute;
	right: -60px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


.countdown.show, .countdown.hero_count {
	text-align: center;
	background-color: #fff;
	margin: 22px;
	padding: 0 20px;
	border-radius: 30px;
	transform:scale(1.5)
  }
  .countdown.show.dark, .countdown.hero_count.dark{
	  background-color:transparent;
  }
  
  .countdown.show h2, .countdown.hero_count h2 {
	font-size: 60px;
  }
  
  .countdown.show .running, .countdown.hero_count .running {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
		flex-flow: wrap;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .countdown.show .running timer, .countdown.hero_count .running timer {
	font-size: 30px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1;
	color: red;
  }
  .countdown.show .running timer span span, .countdown.hero_count .running timer span span{
	background-color: #fff;
	display:inline-block;
	margin:0 1px;
	padding:15px 10px;
	width:37px;
	text-align:Center;
  }
  
  .countdown.show .running timer .days, .countdown.hero_count .running timer .days,
  .countdown.show .running timer .hours,
  .countdown.hero_count .running timer .hours,
  .countdown.show .running timer .minutes,
  .countdown.hero_count .running timer .minutes,
  .countdown.show .running timer .seconds,
  .countdown.hero_count .running timer .seconds {
	width: 100px;
	text-align: left;
	margin: 0 0px;
  
  }
  
  @media (max-width: 480px) {
	.countdown.show .running timer, .countdown.hero_count .running timer {
	  font-size: 40px;
	}
	.countdown.show .running timer .days, .countdown.hero_count .running timer .days,
	.countdown.show .running timer .hours,
	.countdown.hero_count .running timer .hours,
	.countdown.show .running timer .minutes,
	.countdown.hero_count .running timer .minutes,
	.countdown.show .running timer .seconds,
	.countdown.hero_count .running timer .seconds {
	  width: 55px;
	}
	
   .countdown.show .running timer span span, .countdown.hero_count .running timer span span{
	background-color: #fff;
	display:inline-block;
	margin:0 1px;
	padding:7px 5px;
	width:18px;
	text-align:Center;
	font-size:16px;
  }
  }
  
  .countdown.show .running .labels, .countdown.hero_count .running .labels {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	margin-right:18px;
	color:var(--white);
	margin-top:8px;
	font-weight:bold;
  }
  
  .countdown.show .running .labels span, .countdown.hero_count .running .labels span {
	width: 96px;
	text-align: center;
	margin: 0px 2px;
	color:#fff;
  }
  
  @media (max-width: 480px) {
	.countdown.show .running .labels span, .countdown.hero_count .running .labels span {
	  width: 50px;
	}
	
   .countdown.show .running .labels, .countdown.hero_count .running .labels {
	font-size: 10px;
  }
  }
  
  .countdown.show .running .text, .countdown.hero_count .running .text {
	font-size: 20px;
	margin-top: 12px;
	font-weight: 600;
  }
  
  .countdown.show .running button, .countdown.hero_count .running button {
	border: none;
	background-color: black;
	color: white;
	border-radius: 25px;
	padding: 10px 20px;
	margin: 10px;
  }
  
  .countdown.show .running .break, .countdown.hero_count .running .break {
	-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	height: 0;
  }
  
  .countdown.show .ended, .countdown.hero_count .ended {
	display: none;
	-ms-flex-flow: wrap;
		flex-flow: wrap;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .countdown.show .ended .text, .countdown.hero_count .ended .text {
	font-size: 20px;
  }
  
  .countdown.show .ended button, .countdown.hero_count .ended button {
	border: none;
	background-color: #5a0000;
	color: white;
	border-radius: 25px;
	padding: 10px 20px;
	margin: 10px;
  }
  
  .countdown.show .ended .break, .countdown.hero_count .ended .break {
	-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	height: 0;
  }
  
  .countdown.hero_count {
	background-color: #6d0303;
	margin: 0 10px;
  }
  
  .countdown.hero_count h2 {
	font-size: 40px;
	color: #b3b3b3;
	font-size: 33px;
  }
  
  .countdown.hero_count .running timer {
	color: #e2e2e2;
  }
  
  .countdown.hero_count .running button {
	background-color: #af0b0b;
  }
  
  .countdown.hero_count .running button a {
	color: white;
  }
  
  .countdown.hero_count .running .labels span {
	width: 95px;
	margin: 0px 3px 0px 0px;
  }
  
  @media (max-width: 480px) {
	.countdown.hero_count .running .labels span {
	  width: 69px;
	}
  }
.zapisy-counter{
	padding:40px;
	border:1px solid rgba(255,255,255,0.2);
	display:inline-block;
	margin:0 auto;
	margin:40px 0;
	/*background:#ededed;*/
	background:red;
	width:100%;
}
.zapisy-counter .zap{
	font-size:28px;
	color:#fff;
	margin-top:25px;
	margin-bottom:60px;
	/*font-weight:bold;*/
}
/** mobile section opinie **/
@media only screen and (max-width: 480px) {
	p.p-owl-nav span {
		display: none;
	}
}

@media only screen and (max-width: 1360px) {
	p.p-owl-nav span {
		/*display: none;*/
		opacity: 0;
	}

	div.box-opinia-nav {
		/* padding: 20px 0; */
	}

	div.box-owl-lft p.p-owl-nav::before {
		left: 20px;
	}

	div.box-owl-rgt p.p-owl-nav::before {
		right: 20px;
	}
}
.cena-mob{display:none;}
@media only screen and (max-width: 960px) {

	.cena-desk{display:none;}
	.cena-mob{display:block;}
	div.cm-opinia-b {
		padding: 40px 20px;
	}
	div.row-hero-b-bg{
		padding:20px;
		
	}
	div.box-hero-b-content{
		text-align:left;
	}
	h2.h2-hero-b{
		text-align:center;
	}
	
	div.box-hero-b-content>div{
		font-size:16px;
		line-height:26px;
		margin-bottom:20px;
	}
	div.row-hero-b-content .frame{
		padding:20px;
	}
	div.row-hero-b-content .frame h3{
		font-size:22px;
		line-height:28px;
	}
	section.sec-przedstawie ul{
		padding-left:0;
	}
	div.box-page-txt{
		padding:40px 20px;
	}
	.sec-dokogo .btn{
		padding:12px 30px;
	}
	section.sec-spistresci .rowborder{
		padding:40px 20px;
	}
	section.sec-spistresci ol li > div{
		padding-left:10px;
	}
	.sec-galeria .btn-black{
		display:none;
	}
	section.sec-autor .w1180{
		padding:40px 30px;
	}
	section.sec-autor h3{
		margin-top:20px;
		font-size:30px;
	}
	section.sec-autor span{
		font-size:20px;
	}
	.pad40{
		padding:0;
	}
	.form-pob .btn-black{
		margin-top:15px;
	}
	.sec-przemyslany{
		padding:15px;
	}
	.sec-otrzymasz{
		padding:15px;
	}
	section.sec-kik .w1180{
		padding:40px 25px;
	}
	section.sec-pakiety .pakiet .cena{
		position:relative;
	}
	section.sec-pakiety ul{
		margin-left:-25px; 
	}
	section.sec-pakiety ul li{
		text-align:left;
	}
	section.sec-pakiety .pakiet .plus{
		margin-top:30px;
	}
	section.sec-pakiety .pakiet small{
		line-height:20px;
	}
	section.sec-pakiety .pakiet h3{
		font-size:28px;
		line-height:34px;
		margin-top:35px;
		margin-bottom:15px;
	}
	.sec-wywiad{
		padding:15px;
	}
	section.sec-kup .w1180{
		padding:20px;
	}
	section.sec-kup .w1180 h2{
		margin-bottom:20px;
	}
	section.sec-kup .w1180 .rgt{
		text-align:center;
	}
	.ul-f{
		width:100%;
		margin:0!important;
		padding:0;
	}
	.socials{
		float:initial;
	}
	.socials a{
		margin:0 15px;
	}
}


@media only screen and (max-width: 768px) {
	div.row-hero-b-bg{
		margin-top:20px;
	}
	section.sec-hero .hero-buttons{
		margin-top:0px;
	}
	div.cf-hero-mob-img{
		height:120px;
	}
	h2.h2-page{
		text-align:center;
	}
	section.sec-galeria .owl-carousel .prev-slide{
	  left: 0px;
	}
	section.sec-galeria .owl-carousel .next-slide{
	  right: 0px;
	}
	section.sec-galeria .owl-carousel .nav-btn{
		margin-top: -40px;
	}
	.sec-galeria h2{
		text-align:center;
	}
	section.sec-autor h2 {
		margin-bottom: 30px;
	}
	section.sec-autor .podpis{
		margin-top:30px;
		margin-bottom:30px;
	}
	section.sec-hero {
		background: #ffffff url(../img/ok-mob.png) center bottom / contain no-repeat;
		background-position: bottom center;
	}
	
	div.cf-hero-mob-img{
		background:none;
	}
	/*div.cf-hero-mob-img {
		background-color:#D9D9D9;
		background-image: url('../img/ok-min.png');
		position: relative;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: cover;
		height: 380px;
	}*/
	div.box-op-img-circle {
		margin: 0 auto 30px auto;
	}

	div.box-op-img,
	div.box-op-txt {
		float: none;
		width: 100%;
		text-align: center;
	}

	p.p-opinia-txt {
		font-size: 14px;
		line-height: 22px;
	}

	section.sec-opinie-b {
		padding: 30px 0;
	}

	div.box-owl-rgt {
		margin-top: -21px;
	}

	div.box-owl-lft {
		position: relative;
		display: block;
		bottom: -21px;
		z-index: 1;
	}
	.sec-przemyslany .btn-black{
		margin:0 auto;
		display:block;
		margin-bottom:30px;
	}
	.sec-kik .slogan{
		font-size:20px;
		line-height:30px;
	}
}

/** mobile section kup action **/
@media only screen and (max-width: 768px) {
	section.sec-kup-action {
		padding: 30px 0;
	}

	h3.h3-book-mob {
		margin-top: 30px;
	}

	div.box-book-action {
		margin: 0;
	}

	p.p-book {
		font-size: 11px;
	}

	section.sec-kup-b {
		padding-top: 40px;
	}

	/** mobile cena book **/
	div.box-book-cena {
		top: 60px;
	}

	p.p-book-cena-title {
		font-size: 11px;
	}

	p.p-book-cena {
		font-size: 25px;
		line-height: 32px;
	}
}

/** mobile section hero **/
@media only screen and (max-width: 860px) {
	div.box-hero-b-content>div img {
		margin-right: 10px;
	}
	div.col-hero-w100 {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	div.box-hero p{
		margin-top:20px;
		color:var(--black);
	}
	section.sec-hero {
		padding: 110px 0 120px 0;
	}

	h2.h2-hero {
		font-size: 25px;
		line-height:var(--medium-lh);
		margin-top:30px;
	}

	div.box-hero-book {
		margin-top: 40px;
	}
	.hero-buttons .btn{
		width:100%;
		margin-bottom:20px;
	}
	div.row-hero {
		position: relative;
		margin-top: 40px;
	}

	div.box-hero-btn {
		margin: 0;
	}

	.box-book-action.second {
		margin-top: 25px;
	}

}

@media only screen and (max-width: 700px) {
    section.sec-hero {
        padding: 110px 0 170px 0;
    }
}

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

	div.box-hero-btn a.btn-gold,
	div.box-hero-btn a.btn-gold:active,
	div.box-hero-btn a.btn-gold:visited {
		display: block;
		margin: 0 0 10px 0;
		padding: 12px 0;
		width: 100%;
		font-size: 15px;
	}

	div.box-hero-btn a.btn-green,
	div.box-hero-btn a.btn-green:active,
	div.box-hero-btn a.btn-green:visited {
		display: block;
		margin: 0;
		padding: 12px 0;
		width: 100%;
		font-size: 15px;
	}
}