/*
Theme Name: Sante New
Theme URI: http://sante.pl/
Text Domain: sante
Tags:

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
    ## Searchbar Form
    ## Contact Form
    ## Newsletter Form
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
        ### Home
        ### Żyj zdrowo
        ### Category lists
        ### Tags
	## Comments
    ## Expert box
    ## Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
    opacity: 0.85;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
    border: 1px solid rgb(230,222,215);
}

td,
th {
	padding: 0.6em;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html,
body,
button,
input,
select,
textarea {
	color: rgba(0,0,0,0.8);
	font-family: 'Roboto', sans-serif;;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
	clear: both;
}

p {
	margin-bottom: 1.5em;
    line-height: 1.8em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
    padding: 0.6em 0;
    font-size: 1.3em;
    line-height: 1.4em;
    border: none;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-weight: 400;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
    position: relative;
    min-height: 100%;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
    margin-bottom: 170px; /* Margin bottom by footer height */
}

body.front-body {
    margin-bottom: 370px; /* Margin bottom by footer height */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

@media (min-width: 1340px) {
  .container {
    width: 1310px;
  }
}

.nav-container {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
  .nav-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .nav-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
    .nav-container {
        width: 1170px;
    }
}
@media (min-width: 1340px) {
    .nav-container {
    width: 1310px;
    }
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: rgb(228,29,26);
	color: rgb(255,255,255);
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
    letter-spacing: 1px;
    border: 1px solid rgb(228,29,26);
	border-radius: 12px;
    font-size: 0.9375em;
    padding: 0.6em 1.2em 0.5em;
    white-space: normal;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    outline: none;
    background-color: rgb(255,203,8);
    border-color: rgb(255,203,8);
    transition: 0.3s;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: rgb(228,29,26);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 10px;
    margin: 0 0 10px;
}

select {
	border: 1px solid #ccc;
    border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
}
.grecaptcha-badge.showgr {
    visibility: visible;
    opacity: 1;
}


.btn {
    border: none;
	border-radius: 12px;
    font-size: 0.875em;
    letter-spacing: 1.5px;
    padding: 0.45em 1.1em;
    white-space: nowrap;
}

.btn:hover, .btn:focus, .btn.focus, .btn:active {
    color: #fff;
    outline: none;
}

.btn-blue {
    background-color: rgb(69,140,204);
}

.btn-blue:hover, .btn-blue:focus, .btn-blue.focus {
    background-color: rgb(255,203,8);
    transition: 0.3s;
}

.btn-green {
    background-color: rgb(0,132,44);
}

.btn-green:hover, .btn-green:focus, .btn-green.focus {
    background-color: rgb(255,203,8);
    transition: 0.3s;
}

.btn-red {
    background-color: rgb(228,29,26);
}

.btn-red:hover, .btn-red:focus, .btn-red.focus {
    background-color: rgb(255,203,8);
    transition: 0.3s;
}

.btn-yellow {
    background-color: rgb(255,203,8);
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow.focus {
    background-color: rgb(228,29,26);
    transition: 0.3s;
}

.btn-shop {
    color: #fff;
    position: relative;
    display: block;
    width: auto;
    height: 5em;
    text-transform: uppercase;
    text-align: right;
    font-size: 1.1em;
    padding: 1em 2em;
    margin: 0 auto;
}

.go-shop {
    float: left;
}

.go-shop-arrow {
    float: left;
    margin-top: 0.35em;
    margin-left: 0.5em;
    font-size: 1.3em;
}

.btn-footer {
    position: absolute;
    display: table;
    bottom: -22px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 0.875em;
    letter-spacing: 1.5px;
    padding: 10px 15px 10px 20px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    white-space: nowrap;
}

.btn-footer span {
    position: relative;
    z-index: 11;
}

.btn-footer svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.btn-footer:hover,
.btn-footer:focus,
.btn-footer:active {
    background-color: transparent;
    border: none;
}

.btn-footer:hover svg path,
.btn-footer:focus svg path,
.btn-footer:active svg path {
    fill: rgb(255,203,8);
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}

/*--------------------------------------------------------------
## Searchbar Form
--------------------------------------------------------------*/

#search-container {
    width: 220px;
    padding: 0;
    position: relative;
    float: left;
}

.searchbox{
    background-color: #fff;
    width:220px;
    margin: auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type="search"] {
    width: 180px;
    height: 32px;
	color: rgb(228,29,26);
	border: none;

	padding: 5px;
}

input[type="search"]:focus{
    outline:0;
}

input[type="search"]::-webkit-input-placeholder {
    color: rgb(228,29,26);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(228,29,26);
}

input[type="search"]::-moz-input-placeholder {
    color: rgb(228,29,26);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(228,29,26);
}

input[type="search"]:-moz-input-placeholder {
    color: rgb(228,29,26);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(228,29,26);
}

.vn-search {
    outline: none;
    color: rgb(228,29,26);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.vn-search-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 32px;
    padding: 0;
    padding-left: 12px;
    outline: none;
    border: none;
    border-radius: 0;
	color: rgb(228,29,26);
    box-shadow: none;
    background-color: transparent;
    font-size: 17px;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
    cursor:pointer;
}

.vn-search-icon:before {
	content: "\e003";
}

.vn-search-icon:hover,
.vn-search-icon:focus {
    color: rgb(228,29,26);
    text-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
}

@media (max-width: 1200px){
    input[type="search"] {
        width: 100%;
        height: 40px;
    }

    .vn-search-icon {
        width: 44px;
        height: 40px;
    }

    input[type="search"]::-webkit-input-placeholder {
        font-size: 11px;
    }

    input[type="search"]::-moz-input-placeholder {
        font-size: 11px;
    }

    input[type="search"]:-moz-input-placeholder {
        font-size: 11px;
    }
}
@media (max-width: 990px){
    #search-container {
        position: relative;
        width: 220px;
        height: 40px;
        margin: 0 auto;
        float: none;
    }
}

/*--------------------------------------------------------------
## Contact Form
--------------------------------------------------------------*/

.contact-form {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 50px 20px 20px;
    border: 1px solid rgb(230,222,215);
}

input[type="text"].contact-input,
input[type="email"].contact-input,
input[type="tel"].contact-input {
    width: 100%;
    color: #666;
    outline: none;
    margin: 0 0 10px;
    padding-left: 10px;
}

input[type="text"].contact-input::-webkit-input-placeholder,
input[type="email"].contact-input::-webkit-input-placeholder,
input[type="tel"].contact-input::-webkit-input-placeholder,
textarea.contact-input::-webkit-input-placeholder {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

input[type="text"].contact-input::-moz-input-placeholder,
input[type="email"].contact-input::-moz-input-placeholder,
input[type="tel"].contact-input::-moz-input-placeholder,
textarea.contact-input::-moz-input-placeholder {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

input[type="text"].contact-input:-moz-input-placeholder,
input[type="email"].contact-input:-moz-input-placeholder,
input[type="tel"].contact-input:-moz-input-placeholder,
textarea.contact-input:-moz-input-placeholder {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

textarea.contact-input {
    height: 120px;
    max-width: 100%;
    padding: 10px;
    outline: none;
}

.contact-subject:after {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    display: block;
    right: 15px;
    top: -3px;
    font-family: 'glyphicons halflings';
    font-size: 14px;
    content:"\e259";
    color: rgb(228,29,26);
}

.contact-subject > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #666;
    letter-spacing: 1.5px;
    outline: none;
}

.wpcf7-form p {
    margin: 0;
}

/*--------------------------------------------------------------
## Newsletter
--------------------------------------------------------------*/

#newsletter {
    margin-bottom: 20px;
}

.newsletter-header {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 1em;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

.newsletter-icon {
    float: left;
    height: 4.125em;
    width: 35%;
    background: url('assets/img/ico-koperta.svg') no-repeat 50% 50%;
    background-size: 69px 46px;
    content: '';
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

.newsletter-icon:hover {
    transform: rotate(15deg);
}

.newsletter-cta {
    float: left;
    width: 60%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.2em;
    text-align: center;
    color: #00842C;
    margin-top: 20px;
}

.newsletter-form {
    position: relative;
    width: 100%;
}

.newsletter-element {
    position: relative;
    float:left;
    height: 45px;
}

.newsletter-element:active,
.newsletter-element:focus {
    outline: none;
}

.newsletter-left {
    width: 65%;
}

.newsletter-right {
    width: 35%;
}

input.newsletter-input {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    padding: 0.5em 1em;
    border-radius: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 100%;
}

.newsletter:active,
.newsletter:focus {
    outline: none;
}

input.newsletter-submit {
    width: 100%;
    height: 100%;
    background-color: #71bf45;
    border: none;
	border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 1em;
    padding: 0.8em 1.2em;
    white-space: normal;
    text-transform: uppercase;
    color:#277a51;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

input.newsletter-submit:hover,
input.newsletter-submit:focus {
    cursor: pointer;
}

div.wpcf7 {
    position: relative;
    top: -20px;
}

div.wpcf7 img.ajax-loader {
    position: absolute;
    left: 10px;
    top: 13px;
}

.acceptance {
    margin-bottom: 10px;
}

.acceptance p {
    font-size: 10px;
    line-height: 12px;
    margin: -20px 0 0 20px;
    text-align: justify;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: rgb(228,29,26);
}

a:visited {
	color: rgb(200,25,20);
}

a:hover,
a:focus,
a:active {
	color: rgb(200,25,20);
    text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.custom-logo {
    height: 105px;
    width: auto;
    margin: 20px 0 30px;
    transition: height 500ms, background 500ms;
}

/*
.custom-logo.tiny {
    height: 45px;
    width: auto;
    margin: 20px 0;
}
*/

.custom-claim {
    position: relative;
    top: 5px;
    margin-left: 15px;
    height: 30px;
    width: auto;
}

.custom-logo:hover,
.custom-logo:focus,
.custom-claim:hover,
.custom-claim:focus {
    outline: none;
}

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    border: none;
}

.navbar-nav {
    background-color: rgb(228,29,26);
    width: 100%;
    height: 45px;
    padding: 0;
}

.navbar-default .navbar-nav > li > a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 9px;
    padding-bottom: 8px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    outline: none;
    transition: 0.3s;
    cursor: pointer;
}

.navbar-default .navbar-nav > li > a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgb(200,25,20);
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > li > a:focus::after {
    height: 3px;
	opacity: 1;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	transform: translateY(2px);
}

.navbar-default .navbar-nav > li:first-child > a::after {
    display: none;
}

.navbar-default .navbar-nav > li:first-child > a {
    font-size: 0;
    border-bottom: none;
    padding: 12px;
    padding-right: 4px;
    width: 36px;
}

.navbar-default .navbar-nav > li:first-child:before {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 1.5em;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e92a";
    color: #000;
}

.navbar-default .navbar-nav > li:hover:first-child:before {
    content: "\e92b";
}

.navbar-default .navbar-nav > li:first-child > a:hover,
.navbar-default .navbar-nav > li:first-child > a:focus,
.navbar-default .navbar-nav > li.menu-lang > a:hover,
.navbar-default .navbar-nav > li.menu-lang > a:focus {
    background-color: transparent;
    border-bottom: none;
}

.navbar-default .navbar-nav > .active > a {
    color: #000;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: transparent;
}

.navbar-default .navbar-top {
    position: absolute;
    right: 15px;
    height: 35px;
    width: auto;
    margin: 0;
    top: 40%;
    transform: translate(0, -40%);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: rgb(228,29,26);
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
}

.dropdown-menu > li > a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.site-main .paging-navigation,
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: rgb(228,29,26);
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

#lang {
    position: relative;
    float: left;
    margin-right: 1em;
}

#lang a {
    position: relative;
    display: block;
    padding: 0.5em 0.4em;
    color: rgb(228,29,26);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

#lang a:hover,
#lang a:focus {
    color: rgb(200,25,20);
    text-decoration: none;
    outline: none;
}

@media (min-width: 1200px) {
    .navbar-nav > li {
        margin: 0 8px;
    }
}

@media (min-width: 1340px) {

    .navbar-default .navbar-nav > li > a {
        padding: 12px 19px 8px 19px;
    }
    .navbar-nav > li {
        margin: 0 0;
    }
}

@media (max-width: 1200px) {
    .custom-logo {
        height: 80px;
        width: auto;
    }

    .custom-claim {
        margin-left: 10px;
        height: 23px;
        width: auto;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        padding: 13px 8px;
    }

    .navbar-default .navbar-nav > li > a:hover::after,
    .navbar-default .navbar-nav > li > a:focus::after {
        height: 3px;
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    .navbar-default .navbar-nav > li:first-child > a {
        margin: 5px 10px;
        width: 24px;
    }
}


/* Collapse size */

@media screen and (max-width: 992px) {
    .custom-logo {
        height: 50px;
        width: auto;
        margin: 15px 0;
    }

    .custom-claim {
        margin-left: 10px;
        height: 23px;
        width: auto;
    }
    .nav-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .navbar-default .navbar-nav > li:first-child {
        display: none;
    }

    /* Collapse section */
    .navbar {
        min-height: auto;
        margin-bottom: 10px;
    }

    .navbar-nav {
        height: auto;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0;
        margin-top: 30px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .navbar-nav > li {
        float: none;
        text-align: center;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 1em;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom: none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .dropdown-menu > li > a {
        font-size: 1.1em;
        text-align: center;
    }
    .collapse.in {
        display:block !important;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: transparent;
    }

    .navbar-default .navbar-top {
        position: relative;
        display: block;
        right: 0;
        height: 120px;
        width: 100%;
        top: 0;
        transform: none;
        margin: 0;
    }

    #lang {display: none; }
}

/* PAGE NAVIGATION */

.paging-navigation {
    margin: 0;
    text-align: right;
}

.paging-navigation ul {
    display: inline-block;
    margin: 0;
    padding: 0 0.5em;
    list-style-type: none;
    border-bottom: 1px solid rgb(230,222,215);
}

.paging-navigation li {
    display: inline-block;
    padding: 0.5em;
}

.paging-navigation li a {
    color: rgb(42,30,23);
}

.paging-navigation li a:hover,
.paging-navigation li a:focus {
    color: rgb(228,29,26);
    text-decoration: none;
    outline: none;
}

.paging-navigation .current {
    color: rgb(228,29,26);
    font-weight: 700;
}

.gl-red {
    top: 3px;
    color: rgb(228,29,26);
}

/*--------------------------------------------------------------
### Social Menu
--------------------------------------------------------------*/

#social-box {
    position: relative;
    float: left;
    margin-right: 1.5em;
}

#social-box > li {
    margin-right: 1em;
    list-style: none;
    float: left;
}

#social-box > li:last-child {
    margin-right: 0;
}

#social-box > li > a {
    color: rgb(228,29,26);
    position: relative;
    display: block;
}

#social-box > li > a:hover,
#social-box > li > a:focus,
#social-box > li > a:active {
    color: rgb(200,25,20);
    text-decoration: none;
    outline: none;
}

#social-box > li > a > span {
    font-size: 30px;
}

@media (max-width: 1200px) {
    #social-box {
        margin-right: 2em;
    }
    #social-box > li > a > span {
        font-size: 30px;
    }
}

@media (max-width: 990px) {
    #social-box {
        margin: 0;
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin-right: -50%;
        transform: translate(-50%, 0);
    }

    #social-box > li > a > span {
        font-size: 30px;
        margin-top: 3px;
        margin-left: 10px;
    }
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.svg-title-green{
	display: block;
 	position: relative;
	height:100px;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.sante-sidebar {
    position: relative;
    display: block;
    margin-top: 94px;
}

.page-header {
    padding: 0;
    margin: 0;
    border: none;
}

.page-title {
    text-align: center;
    text-transform: uppercase;
}

.entry-title {
    text-align: center;
    margin: 0 0 1.8em;
}
.green-title {
    color: #00842c;
}

.entry-box {
    position: relative;
    display: block;
    border: 1px solid rgb(230,222,215);
}

.entry-box figure {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .entry-box figure {
        height: 230px;
    }
}

/*
.entry-box figure img {
    margin: 0;
    padding: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
*/

.entry-box figure img {
	width: 95%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #bbb;
	margin-top: 20px;
	padding: 5px;
	position: relative;
}

.site-main {
    margin-top: 20px;
}

.main-product {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(230,222,215);
    background-color: #fff;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.main-product a {
    color: rgb(42,30,23);
    text-decoration: none;
}

.main-product > .outerContainer {
    position: relative;
    display: table;
	height: 60px;
    width: 100%;
	overflow: hidden;
}


.outerContainer {
    position: relative;
    display: table;
	height: 90px;
    width: 100%;
	overflow: hidden;
}

.outerContainer .innerContainer {
    display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.outerContainer .innerContainer .element a {
	padding: 0px 20px;
	display: block;
}

.index-entry-box,
.index-media-box,
.index-studio-box,
.index-product-box,
.singlepage-products,
.recipe-box,
.product-box,
.recipe-item {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(230,222,215);
    background-color: #fff;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.index-media-box .outerContainer {
    height: 60px;
}

.index-studio-box .outerContainer {
    height: 80px;
}

.index-entry-box a,
.index-media-box a,
.index-studio-box a,
.index-product-box a,
.singlepage-products a {
    color: rgb(42,30,23);
    text-decoration: none;
}

.index-entry-box button,
.index-media-box button,
.index-studio-box button,
.index-product-box button,
.product-box button,
.recipe-item button {
    position: absolute;
    left: 50%;
    bottom: -17px;
    transform: translate(-50%,0);
    text-transform: uppercase;
}

.index-media-box button {
    visibility: hidden;
}

.index-media-box:hover button {
    visibility: visible;
}

.product-box button {
    bottom: -35px;
}

.index-entry-img {
    width: 100%;
    height: 148px;
    overflow: hidden;
}

.index-entry-img img {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.index-entry-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.recipe-item-entry-txt {
    padding: 20px;
}

.index-entry-txt {
    min-height: 160px;
    padding: 20px;
}

.index-media-txt {
    font-size: 0.9em;
    height: 5em;
    padding: 20px;
}

.index-studio-txt {
    min-height: 60px;
    padding: 20px;
}

.index-entry-txt p,
.recipe-item-entry-txt p {
    line-height: 1.5em;
    height: 96px;
    margin-bottom: 0;
    overflow: hidden;
}

@media (max-width: 1340px) {
    .index-entry-img {
        height: 130px;
    }
}

@media (max-width: 1200px) {
    .index-entry-img {
        height: 100px;
    }

    .index-entry-txt {
        min-height: auto;
        height: 138px;
        padding: 15px;
        padding-bottom: 0;
        margin-bottom: 15px;
        overflow: hidden;
    }
}

@media (max-width: 600px) {
    .index-entry-img {
        height: 210px;
    }
}

.main-product-title,
.index-entry-title,
.index-media-title,
.index-studio-title,
.index-product-title {
    max-height: 3.7em;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    line-height: 1.25em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    overflow: hidden;
}

.tax-sante-product-type .index-product-title {text-transform: none;}
.post-type-archive-sante-produkty  .main-product-title {text-transform: none;}
.post-type-archive-sante-zyj-zdrowo .index-entry-title {text-transform: none;}
.page-template-template-home .index-entry-title {text-transform: none;}
.single-sante-zyj-zdrowo .index-entry-title {text-transform: none;}
.single-post .entry-content {text-align:justify;}
.single-sante-produkty .product-entry {text-align:justify;}
.taglist, .taglist > a {text-transform:none !important;}
.single-post .entry-content {text-align:justify;}
.single-sante-aktualnosci .entry-content {text-align:justify;}
.sante-prasa-template-default .entry-content {text-align:justify;}

.index-product-img,
.index-media-img,
.product-box-img {
    position: relative;
    width: 100%;
    height: 265.92px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (max-width: 1200px) {
    .index-product-img,
    .index-media-img,
    .product-box-img {
        height: 189.44px;
    }
}

@media screen and (max-width: 992px) {
    .index-product-img,
    .index-media-img,
    .product-box-img {
        height: 308.69px;
    }
}

@media screen and (max-width: 768px) {
    .index-product-img,
    .index-media-img,
    .product-box-img {
        height: 300px;
    }
}

.index-media-img {
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.index-media-img img {
    position: relative;
    display: block;
    margin: 1.8em auto;
    height: 140px;
    width: auto;
}

.main-product-img {
    position: relative;
    width: 90%;
    min-height: 160px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

@media (max-width: 1340px) and (min-width: 1200px) {
   .main-product-img {
        min-height: 140px;
    }
}

.main-product-img img {
    position: relative;
    margin: auto;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
    -webkit-transform: scale(1);
	transform: scale(1);
}

.main-product-img:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.index-product-img img,
.product-box-img img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
	transform: translate(-50%, -50%) scale(0.8);
}

.index-product-img:hover img,
.producst-box-img:hover img {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
	transform: translate(-50%, -50%) scale(0.9);
}

.sante-przepisy .index-product-img img {
	height: 220px;
	width: auto;
}

.page-content,
.entry-content,
.entry-summary {
	padding: 1.6em;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* BREADCRUMBS */

#breadcrumbs {
    list-style: none;
    margin: 10px 0;
    margin-top: 0;
    overflow: hidden;
   /* border-bottom: 1px solid rgb(230,222,215); */
    color: rgb(230,222,215);
}

#breadcrumbs a,
.breadcrumb_last {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: rgb(230,222,215);
}

#breadcrumbs a:hover,
#breadcrumbs a:focus {
    color: rgb(228,29,26);
}

/*--------------------------------------------------------------
### SOCIAL SHARE
--------------------------------------------------------------*/

.social-share {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 1em 0;
}

.social-share ul {
    margin: 0;
    padding: 0;
}

.social-share ul li {
    float: left;
    list-style: none;
    margin-right: 14px;
    font-size: 1px;
}

/*--------------------------------------------------------------
### HOME
--------------------------------------------------------------*/

.flex-control-nav {
    width: auto;
    height: 35px;
    right: 0;
    bottom: -15px;
    padding: 10px;
    background: url(assets/img/bg-red.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.flex-control-paging li a {
    height: 13px;
    width: 13px;
    background: transparent;
    border: 2px solid #fff;
    box-shadow: none;
}

.flex-control-paging li a.flex-active {
    background: #fff;
    outline: none;
}

.flex-control-paging li a:hover {
    background: #fff;
}

#main-slider figure {
    margin: 0;
}

#main-slider path {
    height: 100%;
    width: 100%;
}

.flex-figure {
    position: relative;
    margin: 0;
}

.flex-figcaption {
    position: absolute;
    left: 0;
    top: 0;
    padding: 2.5em;
    height: 100%;
    width: 420px;
    transition: 0.2s;
}

.flex-figcaption > .flex-block {
    position: absolute;
    display: block;
    bottom: 2.5em;
    padding: 1em;
}

.flex-figcaption > .flex-block > svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.flex-figcaption > .flex-block svg > path {
    fill: rgba(255,255,255,0.95);
}

.flex-figcaption > .flex-block > h2,
.flex-figcaption > .flex-block > p {
    position: relative;
    color: red;
    transition: 0.2s;
    z-index: 11;
}

.flex-figcaption > .flex-block > h2 {
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-top: 0;
}

.flex-figcaption > .flex-block > p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 1em;
}

.flex-figcaption > .flex-block > button {
    position: absolute;
    display: block;
    bottom: -21px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 136px;
    height: 42px;
    z-index: 11;
}

.svg-clipped {
    -webkit-clip-path:url(#svgPath);
    clip-path:url(#svgPath);
}

.sc-slider {
    position: relative;
    display: block;
    border: 1px solid rgb(230,222,215);
    padding: 40px 25px 20px;
    margin-top: 20px;
    margin-bottom: 70px;
}

.main-news {
    position: relative;
    display: block;
    margin: 100px 0 40px;
    border: 1px solid rgb(230,222,215);
    padding: 50px 20px 30px;
}

.main-news a {
    color: rgb(42,30,23);
}

.main-news a p {
    color: rgba(42,30,23,0.8);
    text-align: justify;
}

.main-news a:hover,
.main-news a:focus,
.main-news a:active {
    color: rgb(228,29,26);
    text-decoration: none;
}

.main-news article {
    margin-top: 20px;
}

.main-news article:first-of-type {
    margin-top: 0;
    margin-bottom: 20px;
}
.main-news article h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.1em;
}

.main-news article p {
    line-height: 1.2em;
    font-size: 0.9em;
}

.main-news article:first-of-type p {
    line-height: 1.2em;
    margin-bottom: 1em;
}

.main-news article:last-of-type p {
    margin-bottom: 0;
}

.main-news article:last-of-type.hentry {
    margin-bottom: 0;
}

.main-news-img {
    float: left;
    width: 35%;
    height: 130px;
    overflow: hidden;
}

.main-news-cont {
    float: left;
    padding-left: 15px;
    width: 65%;
}

@media (max-width: 992px) {
    .main-news-img {
        float: left;
        width: 15%;
        height: 130px;
        overflow: hidden;
    }

    .main-news-cont {
        float: left;
        padding-left: 15px;
        width: 85%;
    }
}

.main-news-title {
    margin-top: 0;
}

.main-news .btn {
    padding: 0.3em 0.6em 0.1em;
    font-weight: 300;
    font-size: 0.9em;
    text-transform: uppercase;
}

.main-info {
    position: relative;
    display: block;
    margin-top: 20px;
}

.main-info .entry-content {
    background-color: #fafafa;
    padding: 1.5em 1.5em 0;
    margin: 0 0 1.6em;
}

.red-more {
    color: rgb(228,29,26);
}

figure.product-img {
    position: relative;
    display: block;
    height: 400px;
    width: 100%;
    margin: 0 0 3em;
    z-index: -1;
}

figure.product-img img {
    position: absolute;
    display: block;
    margin: 0;
    /* height: 400px; */
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product-entry {
    margin-top: 1.5em;
}

@media (max-width:992px) {.product-entry{margin-top: 4em;}}

.product-entry .entry-content {
    margin-top: 2.5em;
}

.product-entry .entry-content p {
    margin-bottom: 1.2em;
}

.product-entry .entry-content p a {
    color: rgb(228,29,26);
}

.entry-box > .nav-tabs {
    position: absolute;
    display: block;
    margin: 0;
    width: auto;
    top: -1.5em;
}

.figure-studio {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.figure-studio img {
 	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.figure-studio:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.figcaption-studio {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.25);
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.figure-studio:hover .figcaption-studio {
    background-color: rgba(0,0,0,0.6);
}

.figcaption-studio > .outerContainer {
    height: 100%;
}

.figcaption-studio a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 0.75em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.figcaption-studio a:hover,
.figcaption-studio a:focus {
    text-decoration: none;
}

.nav {
    margin: 0;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li > a {
    padding: 10px 15px;
    color: rgb(228,29,26);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.nav-tabs > li > a,
.nav-tabs > li.active > a {
    text-transform: uppercase;
    z-index: 11;
}

.nav-tabs > li> a:hover {
    border-color: transparent;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    border-color: transparent;
    background-color: transparent;
    outline: none;
}

.nav-tabs > li > svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.nav-tabs > li > svg > path {
    stroke: rgb(228,29,26);
    stroke-width: 2;
    fill: #fff;
}

.nav-tabs > li.active > svg > path {
    fill: rgb(228,29,26);
}

img.nutri_exe {
    width: 400px;
    height: auto;
}

/*--------------------------------------------------------------
### KONTAKT
--------------------------------------------------------------*/

#contact-data {
    position: relative;
    padding: 20px;
    border: 1px solid rgb(230,222,215);
    margin-bottom: 20px;
}

.contact-data {
    margin-bottom: 1.5em;
}

.contact-data h2 {
    margin: 0;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    color: rgb(228,29,26);
    text-transform: uppercase;
}

.contact-data p {
    margin: 0;
}

/*--------------------------------------------------------------
### O FIRMIE
--------------------------------------------------------------*/

.sante-o-firmie p {
    text-align: justify;
}

#about {
    margin-top: 3em;
    padding: 0 15px;
}

.about-block {
    margin-bottom: 4em;
}

.about-block .svg-header {
    min-height: 6em;
    margin: 0;
}

.about-header {
    padding: 0;
    margin: 0;
    border: none;
}

figure.about-figure {
    margin: 0;
}

figure.about-figure img {
    border-radius: 25px;
}

#history {
    position: relative;
    margin: 2em auto;
    height: auto;
    width: 88%;
}

.history-slider {
    margin-top: 80px;
}

.hbox {
    position: relative;
    padding: 1em 0 1em 4em;
    outline: none;
}

.hbox:after {
    clear: both;
}

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

.hdate {
    position: relative;
    float: left;
    width: 150px;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 44px;
    text-align: center;
    line-height: 44px;
    color: rgb(228,29,26);
}

.hblock {
    position: relative;
    float: left;
    width: 80%;
}

.hblockrow {
    clear: both;
}

.hcontent {
    position: relative;
    float: left;
    width: 60%;
    margin-top: 20px;
    padding: 0 20px 0 40px;
}

.hcontent h2 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: rgb(228,29,26);
    margin: 0 0 0.6em;
}

.hfigure {
    position: relative;
    float: right;
    width: 35%;
    padding: 0 15px;
    margin: 0;
}

.hfigure img {
    float: right;
}

@media screen and (max-width: 992px) {
    #history {
        width: 100%;
    }

    .hdate {
        width: 100%;
        text-align: left;
        font-size: 30px;
        line-height: 30px;
        padding-left: 20px;
    }

    .hblock {
        width: 100%;
    }

    .hcontent {
        padding-left: 20px;
        width: 70%;
    }

    .hfigure {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    .hbox {
        padding: 0 15px;
    }

    .hdate {
        width: 100%;
        text-align: left;
        padding: 0;
    }

    .hfigure {
        display: none;
    }

    .hblock {
        width: 100%;
    }

    .hcontent {
        width: 100%;
        padding: 0;
    }
}

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

    .hbox:before,
    .hdate:before {
        content: "";
        display: block;
        position: absolute;
    }

    .hbox:before {
        background: rgb(228,29,26);
        height: 100%;
        left: 28px;
        top: 0;
        width: 2px;
    }

    .hbox:first-child:before {
        top: 48px;
    }
    .hbox:last-child:before {
        height: 48px;
    }

    .hdate:before {
        background: url(assets/img/sante_element.svg) no-repeat;
        background-size: 50px auto;
        width: 50px;
        height: 26px;
        left: -51px;
        top: 8px;
    }
}

/*--------------------------------------------------------------
### PRODUKTY
--------------------------------------------------------------*/

table.nutri-table {
    width: 60%;
    max-width: 100%;
    border: 1px solid rgb(230,222,215);
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.85em;
}

@media screen and (max-width: 992px)  {
    table.nutri-table {
        width: 100%;
    }
}

table.nutri-table tr.trred {
    border: 1px solid rgb(230,222,215);
}

table.nutri-table td {
    padding: 5px 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border:1px solid rgb(230,222,215);
    display: table-cell;
    float: none;
    margin-left: 0;
}

table.nutri-table td.tdnameff {
    border:1px solid rgb(230,222,215);
    border-bottom: #ffffff;
    border-top:#ffffff;
}

table.nutri-table td.tdnamef {
    border: 1px solid rgb(230,222,215);
    border-bottom: #ffffff;
}

table.nutri-table td.tdtitle {
    background-color: rgb(228,29,26);
    color:#fff;
}

/**table.nutri-table td.tdname {
    width: 200px;
}**/

table.nutri-table td.tdl {
    border-right: 1;
}

.product-related {
    position: relative;
    display: block;
}

.product-related .header-box {
    position: relative;
    display: block;
    top: 20px;
}

.sante-przepisy .product-related .header-box {
    margin-bottom: 25px;
}

.product-related .header-box-title {
    left: 0;
}

.product-related ul {
    padding: 0;
    margin: 0;
}

.product-related ul li {
    list-style: outside none;
}

/*--------------------------------------------------------------
### PRZEPISY
--------------------------------------------------------------*/


.svg-header {
    position: relative;
    display: block;
    padding: 0;
    margin: 1.5em 0 0;
    min-height: 4em;
    height: 100%;
    border: none;
    width: 100%;
}

.svg-header svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.svg-title {
    position: absolute;
    height: auto;
    left: 50%;
    top: 0;
    margin: 0;
    margin-right: -50%;
    transform: translate(-50%,0);
    text-transform: uppercase;
}

.svg-title > h1 {
    position: relative;
    font-size: 1.6em;
    line-height: 1em;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    padding: 0 1.5em;
    z-index: 11;
}

.svg-title > h2 {
    position: relative;
    margin: 0.8em;
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
    padding: 0 1.5em;
    text-align: center;
    z-index: 11;
}

.htimeline,
.przepisy-okazje {
    position: relative;
    display: block;
    height: 3.2em;
    width: 90%;
}

.htimeline {
    width: 100%;
    margin: -1.2em auto 4em;
}

.przepisy-okazje {
   margin: -1.2em auto 1em;
}

.htimeline svg,
.przepisy-okazje svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: -1;
    left: 0;
	width: 100%;
	height: 100%;
}

.htimeline ul,
.przepisy-okazje ul {
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    margin: 0;
    margin-right: -50%;
    padding: 0;
    transform: translate(-50%,-50%);
    z-index: 9;
}

@media screen and (max-width: 530px) {
    .przepisy-okazje ul {
        width: 100%;
        overflow: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}

.htimeline ul {

    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.przepisy-okazje ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 15px;
    font-weight: 400;
    padding: 0.5em 1em;
}


.htimeline ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    font-weight: 400;
    padding: 0.5em 0.4em;
}


.przepisy-okazje ul li:after {
    position: absolute;
    display: block;
    content: '';
    width: 5px; height: 5px;
    background: url(assets/img/li-dot-white.svg) no-repeat 0 0;
    right: 0px; top: 15px;
}

.przepisy-okazje ul li:last-child:after{
    display: none;
}

.htimeline ul li a,
.przepisy-okazje ul li a {
    color: #fff;
}

.htimeline ul li a:hover,
.przepisy-okazje ul li a:hover {
    text-decoration: none;
}

.author-info {
    position: absolute;
    display: inline;
    right: -1px;
    bottom: -68px;
}

.author-name {
    position: relative;
    float: left;
    font-family: 'Ubuntu', sans-serif;
    margin: 42px -10px 0;
    padding: 10px 40px;
    color: #fff;
}

.author-name span {
    position: relative;
    z-index: 10;
}

.author-name svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.author-name svg path {
    fill: #00842C;
}

.author-img {
    position: relative;
    float: left;
    width: 136px;
    height: 136px;
    overflow: hidden;
    background-color: #fff;
    border: 8px solid rgb(121,189,80);
    border-radius: 90px;
    z-index: 12;
}

.author-img > img {
    position: relative;
    display: block;
    width: 140px;
    height: auto;
    margin: auto;
    margin-top: 0;
}

.recipe-icon {
    color: rgb(228,29,26);
}

.recipe-item article.hentry {
    margin:0;
}

.recipe-item a {
    color: rgb(42,30,23);
}

.recipe-item figure {
	position: relative;
	overflow: hidden;
    height: 185px;
	margin: 0;
	background: transparent;
}

.recipe-item figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.recipe-item figure img:hover {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.recipe-item figcaption.outerContainer {
    height: 76px;
    background-color: rgb(228,29,26);
}

.recipe-item figcaption h2 {
    position: relative;
	margin: 0;
    padding: 0 15px;
	color: rgb(255,255,255);
    font-family: 'Roboto', sans-serif;
	font-weight: 400;
    font-size: 100%;
    line-height: 130%;
    width: 100%;
    letter-spacing: 1px;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.recipe-item figcaption,
.recipe-item figcaption h2,
.recipe-item figure button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Hover effects */

.recipe-item a:hover,
.recipe-item a:focus {
    text-decoration: none;
}

/*--------------------------------------------------------------
### Biuro prasowe
--------------------------------------------------------------*/

.press-content {
    margin-top: 2em;
}

.press-entry-box:nth-child(2n+1) {
    clear: left;
}

.press-entry {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid rgb(230,222,215);
    background-color: #fff;
    margin-bottom: 50px;
    padding-bottom: 10px;
}

.press-entry-header .outerContainer {
    padding-top: 15px;
}

.press-entry-box a {
    color: rgb(42,30,23);
    text-decoration: none;
}

.press-entry-title,
.press-entry-date {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

.press-entry-title {
    text-align: left;
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.25em;
}

.press-entry-date {
    text-align: right;
    font-weight: 300;
    font-size: 0.8em;
    line-height: 1.25em;
    padding: 0 20px 10px;
}

.press-entry-txt {
    height: 7em;
    padding: 20px;
    overflow: hidden;
}

.press-entry-img {
    position: relative;
    width: 100%;
    height: 269px;
    overflow: hidden;
}

@media screen and (max-width: 1340px){
    .press-entry-img {
        height: 238px;
    }
}

@media screen and (max-width: 1200px){
    .press-entry-img {
        height: 194px;
    }
}

@media screen and (max-width: 992px){
    .press-entry-img {
        height: 228px;
    }
}

@media screen and (max-width: 768px){
    .press-entry-img {
        height: 200px;
    }
}

.press-entry-img img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.press-entry-img:hover img {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
}

.press-entry-box button {
    position: absolute;
    height: auto;
    left: 50%;
    bottom: -17px;
    transform: translate(-50%,0);
    text-transform: uppercase;
}

.press-sidebar {
    margin-bottom: 25px;
}

.press-sidebar button {
    width: 100%;
    height: 60px;
    text-align: left;
    text-transform: uppercase;
    padding: 1.2em;
    margin-bottom: 0.5em;
}

.press-sidebar button:hover {
    background-color: #E41D1A !important;
}

.press-sidebar button .glyphicon {
    float: left;
    top:-2px;
    margin-right: 15px;
    font-size: 18px;
}

.press-sidebar button .press-txt {
    float: left;
}
.press-sidebar button p {
    margin-bottom: 0;
    line-height: 1.1em;
}

.press-sidebar button p.press-sm {
    font-size: 0.8em;
    line-height: 1em;
}

.menu-media-container {
    margin-bottom: 1.5em;
}

.media-menu-header {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid rgb(228,29,26);
}

.media-menu-header h4 {
    text-transform: uppercase;
}

ul.media-menu {
    margin: 0;
    padding: 0;
    list-style: outside none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    line-height: 22px;
}

ul.media-menu li {
    position: relative;
    display: block;
    padding-left: 20px;
}

ul.media-menu li a {
    color: rgba(0,0,0,1);
}

ul.media-menu li a:before {
    position: absolute;
    display: block;
    font-family: 'glyphicons halflings';
    content:"\e258";
    left: 0px; top: 0;
    font-size: 9px;
    color: rgb(228,29,26);
}

ul.media-menu li a:hover,
ul.media-menu li a:focus {
    text-decoration: none;
    color: #E41D1A;
}

ul.media-menu li ul.sub-menu {
    margin: 0;
    padding: 0;
    list-style: outside none;
}

.media-files-index {
    margin-top: 5px;
}

.media-files-index h4 a {
    text-transform: uppercase;
    color: rgb(0,0,0);
}

.media-files-index h4 a:hover {
    text-decoration: none;
    color: #E41D1A;
}

.media-files {
    margin-top: 44px;
}
/*--------------------------------------------------------------
### Żyj zdrowo
--------------------------------------------------------------*/

body.life {
    background-color: #fafafa;
}

.sante-zyj-zdrowo .entry-box p {
    text-align: justify;
}

.life-title {
    margin-left: 1.5em;
}

.life-title:before {
    position: absolute;
    display: block;

    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    left: -.2em; top: -.2em;
    font-size: 1.25em;
    color: rgb(255,255,255);

    content:"\e909";
}

.life-intro {
    position: relative;
    display: block;
    height: auto;
    width: 90%;
    margin: -1.5em auto 3em;
    padding: 1em;
    text-align: center;
}

.life-intro svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: -1;
    left: 0;
	width: 100%;
	height: 100%;
}

.zz-title {
    position: relative;
    display: block;
    height: 100%;
    color: rgb(228,29,26);
    font-weight: 700;
    text-transform: uppercase;
}

.zz-title-top {
    position: relative;
    display: block;
    font-size: 44px;
}

.zz-title-bottom {
    position: relative;
    display: block;
    font-size: 41px;
    margin-top: -24px;
}

.zz-content {
    position: relative;
    display: block;
    margin-top: 20px;
    font-size: 1.15em;
    color: #00842c;
}

.zz-img {
    position: relative;
    display: block;
    left: 50%;
    top: 0;
    content: '';
    margin-left: 0;
    margin-top: 20px;
    width: 218px; height: 64px;
    background: url(assets/img/img-zz.svg) no-repeat 0 0;
    background-size: 218px 64px;
    transform: translate(-50%,0);
}

@media (max-width: 1340px) {
    .zz-title-bottom {
        font-size: 40px;
    }
}

@media (max-width: 1200px) {
    .zz-title-top {
        font-size: 35px;
    }

    .zz-title-bottom {
        font-size: 32px;
    }
    .zz-content {
        margin-top: 15px;
        font-size: 0.95em;
    }
    .zz-img {
        margin-top: 15px;
        width: 180px; height: 53px;
        background-size: 180px 53px;
    }
}

@media (max-width: 992px) {
    .zz-title {
        margin-top: 15px;
    }
    .zz-title-top {
        font-size: 24px;
    }

    .zz-title-bottom {
        font-size: 23px;
        margin-top: -10px;
    }
    .zz-content {
        margin-top: 15px;
        font-size: 0.95em;
    }
    .zz-img {
        margin-top: 15px;
        width: 180px; height: 53px;
        background-size: 180px 53px;
    }
}

.sante-porady .entry-header {
    position: relative;
    margin: 1.6em;
    padding-bottom: 1.6em;
    border-bottom: 1px solid rgb(230,222,215);
}

.sante-porady .entry-title {
    text-align: left;
    margin: 0;
    margin-left: 2em;
}

.sante-porady .entry-title::before{
    content: '\e928';
    font-size: 1.3em;
    font-family: 'icomoon', sans-serif;
    position: absolute;
    left: 0;
}

/*--------------------------------------------------------------
### Category  & Ingredients lists
--------------------------------------------------------------*/

.category-box,
.ingr-box {
    position: relative;
    display: block;
    border: 1px solid rgb(230,222,215);
    padding: 25px 15px 15px;
    margin-bottom: 40px;
    background-color: #fff;
}

.mobile-category-box {
    display: none;
}

@media (max-width: 992px) {

    .mobile-category-box {
        position: relative;
        display: block;
        padding: 25px 15px 15px;
        margin-bottom: 40px;
    }
}

.cite-box {
    position: relative;
    display: block;
    padding: 30px 30px 10px;
}

.header-box {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: 0;
    height: 50px;
    width: 100%;
    color: #fff;
}

.header-box-banner {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
}

.header-box::before,
.header-box-banner::before {
    position: absolute;
    top: 48%;
    content: "";
    border-bottom: 1px solid rgb(230,222,215);
    width: 100%;
}

.category-box .header-box::before {
    display: none;
}

.header-main-news:before {
    position: absolute;
    display: block;
    left: 50%;
    top: -50%;
    content: '';
    margin-left: -35px;
    margin-top: -16px;
    width: 70px; height: 70px;
    background: url(assets/img/ico-listek.svg) no-repeat 0 0;
}

.header-box-title {
    position: absolute;
    display: table;
    top: 0;
    left: 20px;
}

.header-box-title-center,
.mobile-header-title {
    position: absolute;
    display: table;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     cursor: pointer;
}

.header-box-title svg,
.header-box-title-center svg,
.mobile-header-title svg,
.cite-box svg {
    position: absolute;
	top: -1px; /* fixes rendering issue in FF */
    z-index: 10;
    left: 0;
	width: 100%;
	height: 100%;
}

.mobile-header-box {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: 0;
    height: 50px;
    width: 100%;
    color: #fff;
}

.svg-blue svg path {
    fill: rgb(69,140,204);
}

.svg-light-green svg path {
    fill: #71BF44;
}

.svg-green svg path {
    fill: #00842C;
}

.cite-box > svg > path,
.cite-box > svg > polygon {
    fill: #fff;
    stroke: #00842C;
}

.svg-red svg path {
    fill: #E41D1A;
}

.svg-yellow svg path {
    fill: rgb(255,203,8);
}

.svg-white svg path {
    fill: #fff;
    stroke:  #00842C;
    stroke-alignment: outside;
    stroke-linejoin: round;
}

a:hover .svg-yellow svg path {
    fill: #E41D1A;
    transition: 0.3s;
}

a:hover .svg-blue svg path,
a:hover .svg-green svg path,
a:hover .svg-red svg path {
    fill: rgb(255,203,8);
    transition: 0.3s;
}

.header-box-title > h2,
.header-box-title-center > h2,
.mobile-header-title > h2 {
    position: relative;
    z-index: 11;
    margin: 0;
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
}

.header-box-title > h2,
.header-box-title-center > h2,
.mobile-header-title > h2 {
    padding: 0.8em 1.2em;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .header-box-title > h2,
    .header-box-title-center > h2,
    .mobile-header-title > h2 {
        white-space: normal;
        font-size: 0.85em;
        line-height: 1.2em;
        text-align: center;
    }
}

.header-box-title > h2 > a,
.header-box-title-center > h2 > a,
.mobile-header-title > h2 > a {
    color: #fff;
}

.header-box-title > h2 > a:hover,
.header-box-title-center > h2 > a:hover {
    color: #fff;
}

.header-box-title > h2.sico,
.header-box-title-center > h2.sico {
    margin-left: 2.5em;
    padding: 0.8em 1.2em;
    white-space: nowrap;
}

.header-box-title > h2.sico:before,
.header-box-title-center > h2.sico:before {
    position: absolute;
    display: block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    left: -0.75em; top: 0.25em;
    font-size: 1.5em;
    color: rgb(255,255,255);
}

.header-box-title > h2.sico-sante:before,
.header-box-title-center > h2.sico-sante:before {
    left: -1.2em; top: 0.7em;
    font-size: 16px;
    content:"\e904";
}

.header-box-title > h2.sico-recipe:before,
.header-box-title-center > h2.sico-recipe:before {
    content:"\e905";
}

.header-box-title > h2.sico-cart:before,
.header-box-title-center > h2.sico-cart:before {
    top: 0.45em;
    font-size: 1.3em;
    content:"\e911"
}

.header-box-title > h2.sico-studio:before,
.header-box-title-center > h2.sico-studio:before {
    left: -1.25em; top: 0.9em;
    font-size: 14px;
    content:"\e908";
}

.header-box-title > h2.sico-life:before,
.header-box-title-center > h2.sico-life:before {
    font-size: 24px;
    content:"\e909";
}

@media (max-width: 992px) {
    .header-box-title { left: 10px; }
    .header-box-title > h2.sico, .header-box-title-center > h2.sico {
        white-space: normal;
        padding: 0.8em 0.6em;
    }
    .header-box-title > h2.sico-sante:before, .header-box-title-center > h2.sico-sante:before {
        left: -24px;
        top: 12px;
        font-size: 12px;
        content: "\e904";
    }
}

.cite-content {
    color: #00842C;
    position: relative;
    z-index: 11;
    text-align: justify;
}

.category-box ul.category-type {
    margin: 0;
    padding: 0;
}

.category-box ul.subcategory-type {
    margin: 0;
    padding: 0;
}

.category-box ul li {
    display: block;
    position: relative;
    list-style: none;
    padding-left: 1.2em;
    margin-left: 1em;
}

.category-box ul li ul li {
    display: block;
    position: relative;
    list-style: none;
    padding-left: 0;
}

.category-box > ul > li.single-cat > a:before,
.category-box > ul > li.panel > a:before,
.category-box > ul > li.panel > a.collapsed:before {
    position: absolute;
    display: block;
    font-family: 'glyphicons halflings';
    content:"\e258";
    left: 0px; top: 0;
    font-size: 0.65em;
    color: rgb(228,29,26);
}

.category-box > ul > li.single-cat > a:before {
    content:"\e258";
}

.category-box > ul > li.panel > a:before {
    content:"\e260";
}

.category-box > ul > li.panel > a.collapsed:before {
    content:"\e259";
}

/* ------------------------------ */

.pr-cat-box > ul > li.single-cat > a:before,
.pr-cat-box > ul > li.panel > a:before,
.pr-cat-box > ul > li.panel > a.collapsed:before {
    position: absolute;
    display: block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 9px;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    left: -8px; top: 8px;
    color: rgb(228,29,26);
}

.pr-cat-box > ul > li.single-cat > a:before { content: "\e904"; }

.pr-cat-box > ul > li.panel > a:before { content: "\e904"; }

.pr-cat-box > ul > li.panel > a.collapsed:before { content: "\e904"; }

/* ------------------------------ */

.category-box ul li ul li:before {
    position: absolute;
    display: block;
    font-family: 'glyphicons halflings';
    content:"\2212";
    left: -2em; top: 5px;
    font-size: 0.5em;
    color: rgb(228,29,26);
}


.category-box ul li a {
    color: rgb(37,37,37);
    text-transform: none;
    font-size: 1.0em;
    line-height: 1.8em;
}

.category-box ul li a.active {
    color: rgb(228,29,26);
}

.category-box ul li a:hover,
.category-box ul li a:focus {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
    outline: none;
}

.category-box ul li a:hover {
    color: rgb(228,29,26);
}

.panel {
    border: none;
    box-shadow: none;
}

.panel {
    margin-top: 0 !important;
}

.ingr-box > li {
    display: block;
    position: relative;
    list-style: none;
    padding-left: 1.5em;
    margin: 0.5em 0 0.5em 1em;
}

.ingr-box > li > a {
    line-height: 1em;
}

.ingr-box > li > a:hover {
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
}

.ingr-box > li > a > img {
    height: 1em;
    width: auto;
    margin: 0 5px;
}

.ingr-sante {
    color: rgba(0,0,0,0.8);
}

.ingr-sante > a {
    /* text-transform: uppercase; */
    color: rgb(228,29,26);
}

li.ingr-sante:before {
    position: absolute;
    display: block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 9px;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    left: -8px; top: 8px;
    color: rgb(228,29,26);
}

li.ingr-type:before {
    position: absolute;
    display: block;
    content: '';
    width: 5px; height: 5px;
    background: url(assets/img/li-dot-red.svg) no-repeat 0 0;
    left: 0px; top: 0.5em;
}

.ingr-type > a > .glyphicon {
    font-size: 12px;
    color: rgb(228,29,26);
    margin-right: 10px;
}

.inner-banner {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.article-related,
.singlepage-products,
.recipe-box {
    position: relative;
    display: block;
    border: 1px solid rgb(230,222,215);
    padding: 50px 30px 0;
    margin-bottom: 4em;
    margin-top: 10px;
}

.article-related {
    margin-top: 80px;
}

.singlepage-products {
    padding: 50px 30px 10px;
    margin-top: 80px;
}

/*--------------------------------------------------------------
### Tags
--------------------------------------------------------------*/

.taglist {
    margin-top: 10px;
}

.taglist,
.taglist > a {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: rgb(230,222,215);
    text-transform: uppercase;
}

.taglist > a:hover {
    color: rgb(228,29,26);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*--------------------------------------------------------------
## Expert box
--------------------------------------------------------------*/

@media (max-width: 992px) {
    #expert-qa {display: none;}
}
.expert-box {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    white-space: normal;
    margin-bottom: 25px;
    padding: 1em 1em 0.6em;
    background-color: #00842C;
    border: none;
    border-radius: 20px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

.expert-icon {
    float: left;
    width: 35%;
}

.expert-icon > svg {
    position: relative;
	width: 4.6em;
	height: 4.4em;
    transform: rotate(0deg);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    transition: 0.25s;
}

.expert-box:hover .expert-icon > svg {
    transform: rotate(15deg);
}

.expert-icon > svg > path {
    fill: #fff;
}

.expert-cta {
    float: left;
    width: 60%;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.5em;
}

.eb-sm > svg {
    width: 3em;
    height: 3.1em;
}
.eb-sm {
    font-size: 1.25em;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

.site-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 170px;
}

.front-footer {
    height: 370px;
}

.footer-menu {
    position: relative;
	padding: 0 30px;
    margin: 0 0 40px;
	background-color: transparent;
    border-bottom: 3px solid rgb(228,29,26);
    text-align: center;
}

.footer-menu a {
    color: #000;
    font-size: 0.9em;
    letter-spacing: 1.5px;
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 1em;
}

.footer-menu a:visited {
    color: #000;
}

.footer-menu a:hover,
.footer-menu a:focus {
    color: rgb(228,29,26);
    outline: 0;
}

.footer-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-menu li {
    font-size: 15px;
	display: inline-block;
}

.footer-menu li a {
    border: 1px solid;
    border-color: transparent;
	padding: .8em 1.2em;
}

@media (max-width: 769px) {
    .footer-menu li {
        font-size: 12px;
    }
}

.copyright {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    color: rgb(228,29,26);
    margin-bottom: 90px;
}

.copyright a {
    color: rgb(228,29,26);
}
.copyright a:hover {
    text-decoration: none;
    color: black;
    transition: 0.2s;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display:none;
}

a.btn-to-top {
    padding: 7px 10px;
    border-radius: 8px;
    background-color: rgb(228,29,26);
    font-size: 12px;
    color: rgba(250,250,250,1);
}

a.btn-to-top:hover,
a.btn-to-top:visited {
    color: rgba(250,250,250,1);
    background-color: rgba(228,29,26,1);
    transition: 0.2s;
}

.partnerzy {
    position: relative;
    display: block;
    border: 1px solid rgba(228,29,26,1);
}

.partnerzy a:hover {
    cursor: pointer;
}

.partnerzy figure img {
    height: 78px;
    width: auto;
}

.partnerzy-intro {
    position: relative;
    display: block;
    margin-left: 15px;
}

.partnerzy-intro h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(228,29,26,1);
    margin-top: 10px;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Sliders
--------------------------------------------------------------*/

.flexslider {
    border-radius: 0;
}

.flex-direction-nav a {
    opacity: 0;
    height: 28px;
    width: 28px;
}

.flex-direction-nav:hover a {
    opacity: 1;
}

@media (max-width: 600px) {
	.flex-direction-nav {
		display: none;
	}
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev:hover,
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav a:before {
    position: absolute;
    display: block;
    height: 28px;
    width: 28px;
    background: url('assets/img/button-red.png') no-repeat 0 0;
    background-size: 28px 28px;
    content: '';
    transform: rotate(180deg);
}

.flex-direction-nav a.flex-next:before {
    content: '';
    transform: none;
}

.flex-direction-nav .flex-prev {
  left: 0;
}
.flex-direction-nav .flex-next {
  right: 0;
  text-align: right;
}

.flex-direction-nav .flex-prev:focus,
.flex-direction-nav .flex-next:focus {
    outline: none;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    /*left: -14px;*/
}
.flexslider:hover .flex-direction-nav .flex-next {
	/*right: -14px;*/
}

#main-slider {
    border: none;
}

#product-gallery .flex-direction-nav .flex-prev {
  left: 10px;
}
#product-gallery .flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
}

#product-gallery {
    margin: 0 0 30px;
}

#recipe-gallery {
    margin-bottom: 0;
    padding-bottom: 10px;
}

/* TEMP */
.index-product-title {
    text-transform: none;
}
.navbar {
    margin-bottom: 10px;
}
.navbar-nav {
    background-color: #fff;
    border-bottom: 3px solid rgb(228,29,26);
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    font-weight: 700;
}


/* 404 */

.error-404 {
    margin: 3em 0;
}

.error-404 .error-content {
    position: relative;
    display: block;
    width: 60%;
    height: auto;
    margin: 3em auto;
    text-align: center;
}

.error-404 .page-header {
    border-bottom: 1px solid rgb(230,222,215);
    margin-bottom: 1.5em;
}

.error-404 h1 {
    font-family: 'Roboto', sans-serif;
    color: rgb(228,29,26);
}

.error-404 .page-content {
    margin: 0;
}

.error-404 a {
    color: #000;
    font-weight: 400;
    text-decoration: underline;
}

.error-404 a:hover {
    color: rgb(228,29,26);
}

.error-404 p {
    margin-bottom: 0;
}

.error-404 figure {
    position: relative;
    display: block;
    width: 50%;
    margin: 0 auto;
}


/* TEMP RECIPE */

.sidebar_left {
    width: 32%;
    float: left;
}

.sidebar_right {
    width: 66%;
    float: right;
}

.sante-przepisy .entry-box {
    border: none;
    margin-right: 15px;
    margin-left: 15px;
}

.sante-przepisy .recipe-img,
.sante-przepisy .przepisy-content {
    border: 1px solid rgb(230,222,215);
    min-height: 1px;
}

.sante-przepisy .recipe-img {
    border-bottom: none;
}

.sante-przepisy .przepisy-content {
    display: block;
    border-top: none;
}

.przepisy-content-margin {
    margin-bottom: 80px;
}

@media (max-width: 992px) {
    .sante-przepisy .recipe-img {
        border-bottom: 1px solid rgb(230,222,215);
    }

    .ingr-box {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .sidebar_left, .sidebar_right {
        width: 100%;
        float: none;
    }

    .cite-box { display: none; }

    .buy-prods { display: block; }
}

/* KARIERA */

.work-single {
    position: relative;
    display: block;
}

.work-left {
    width: 70%;
    float: left;
    margin-bottom: 1em;
}

.work-right {
    width: 30%;
    float: right;
}

.work-date {
    font-size: 0.8em;
}

.work-post h2 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    text-transform: uppercase;
}

.work-place {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.4em;
    text-transform: uppercase;
}

.work-link {
    text-align: right;
    margin-top: 1em;
}

.btn-work {
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(228,29,26);
    background-color: transparent;
    border-width: 2px;
}

.btn-work:active {
    color: #fff;
}

/* TEMP 2

.sc-slider {
    border: none;
    padding: 40px 0 20px 0;
}

.header-box::before,
.header-box-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background-color: rgb(230,222,215);
}

*/

/*
 SyntaxHighlighter - http://alexgorbatchev.com/SyntaxHighlighter

 SyntaxHighlighter is donationware. If you are using it, please donate. - http://alexgorbatchev.com/SyntaxHighlighter/donate.html

 @version - 3.0.83 (July 02 2010)
 @copyright - Copyright (C) 2004-2010 Alex Gorbatchev.
 @license - Dual licensed under the MIT and GPL licenses.
*/
.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important;}
.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important;}
.syntaxhighlighter.source{overflow:hidden !important;}
.syntaxhighlighter .bold{font-weight:bold !important;}
.syntaxhighlighter .italic{font-style:italic !important;}
.syntaxhighlighter .line{white-space:pre !important;}
.syntaxhighlighter table{width:100% !important;}
.syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 0.5em 1em !important;}
.syntaxhighlighter table td.code{width:100% !important;}
.syntaxhighlighter table td.code .container{position:relative !important;}
.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important;}
.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 1em !important;}
.syntaxhighlighter table td.code .line{padding:0 1em !important;}
.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important;}
.syntaxhighlighter.show{display:block !important;}
.syntaxhighlighter.collapsed table{display:none !important;}
.syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important;}
.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important;}
.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important;}
.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important;}
.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important;}
.syntaxhighlighter .toolbar span.title{display:inline !important;}
.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important;}
.syntaxhighlighter .toolbar a.expandSource{display:none !important;}
.syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important;}
.syntaxhighlighter.ie .toolbar{line-height:8px !important;}
.syntaxhighlighter.ie .toolbar a{padding-top:0px !important;}
.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important;}
.syntaxhighlighter.printing .line .number{color:#bbbbbb !important;}
.syntaxhighlighter.printing .line .content{color:black !important;}
.syntaxhighlighter.printing .toolbar{display:none !important;}
.syntaxhighlighter.printing a{text-decoration:none !important;}
.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important;}
.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important;}
.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important;}
.syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important;}
.syntaxhighlighter.printing .preprocessor{color:gray !important;}
.syntaxhighlighter.printing .variable{color:#aa7700 !important;}
.syntaxhighlighter.printing .value{color:#009900 !important;}
.syntaxhighlighter.printing .functions{color:#ff1493 !important;}
.syntaxhighlighter.printing .constants{color:#0066cc !important;}
.syntaxhighlighter.printing .script{font-weight:bold !important;}
.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important;}
.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important;}
.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important;}
.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important;}
/* Theming */
.syntaxhighlighter { clear: both; width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;}
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;}
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;}
.syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;}
.syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;}
.syntaxhighlighter .keyword {color: #2a93b9!important;}
/**/
.syntaxhighlighter{background-color:white !important;}
.syntaxhighlighter .line.alt1{background-color:white !important;}
.syntaxhighlighter .line.alt2{background-color:white !important;}
.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important;}
.syntaxhighlighter .line.highlighted.number{color:black !important;}
.syntaxhighlighter table caption{color:black !important;}
.syntaxhighlighter .gutter{color:#afafaf !important;}
.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important;}
.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important;}
.syntaxhighlighter.printing .line .content{border:none !important;}
.syntaxhighlighter.collapsed{overflow:visible !important;}
.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important;}
.syntaxhighlighter.collapsed .toolbar a{color:blue !important;}
.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important;}
.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important;}
.syntaxhighlighter .toolbar a{color:white !important;}
.syntaxhighlighter .toolbar a:hover{color:black !important;}
.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black !important;}
.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important;}
.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important;}
.syntaxhighlighter .keyword{color:#006699 !important;}
.syntaxhighlighter .preprocessor{color:gray !important;}
.syntaxhighlighter .variable{color:#aa7700 !important;}
.syntaxhighlighter .value{color:#009900 !important;}
.syntaxhighlighter .functions{color:#ff1493 !important;}
.syntaxhighlighter .constants{color:#0066cc !important;}
.syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important;}
.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray !important;}
.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important;}
.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important;}
.syntaxhighlighter .keyword{font-weight:bold !important;}


.header-box-title > h1, .header-box-title-center > h1, .mobile-header-title > h1 {
    position: relative;
    z-index: 11;
    margin: 0;
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff;
}

.header-box-title > h1.sico, .header-box-title-center > h1.sico {
    margin-left: 2.5em;
    padding: 0.8em 1.2em;
    white-space: nowrap;
}


.header-box-title > h1.sico:before, .header-box-title-center > h1.sico:before {
    position: absolute;
    display: block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: -0.75em;
    top: 0.25em;
    font-size: 1.5em;
    color: rgb(255,255,255);
}

.header-box-title > h1.sico-sante:before, .header-box-title-center > h1.sico-sante:before {
    left: -1.2em;
    top: 0.7em;
    font-size: 16px;
    content: "\e904";
}

.kk-star-ratings.lft {
    margin-top:-5px;
}

article h2 {
    font-size: 18px;
}

article h3, article h4, article h5  {
    font-size: 16px;
}

@media (min-width: 992px) {

	.products-mobile {
		float:right;
	}

}

.btn {
	width: auto;
}



body {
	font-family: 'Raleway', sans-serif !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Raleway', sans-serif !important;
}

p {
	font-family: 'Raleway', sans-serif !important;
}

button {
	font-family: 'Raleway', sans-serif !important;
}

/* MAIN HEADER H3 */

section.with-header h3 {
	margin-top: 60px;
	margin-bottom: 30px;
}
section.with-header h3 {
	font-size: 30px;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	display: table;
	/*white-space: nowrap;*/
	font-weight: 900;
	width: 93%;
	margin-left: 3.5%;
}
section.with-header h3:before, section.with-header h3:after {
	border-top: 3px solid #ff0000;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 45%;
}
section.header-blue h3:before, section.header-blue h3:after {
	border-top: 3px solid #00A6D8;
}
section.with-header h3:before { right: 3.5%; }
section.with-header h3:after { left: 3.5%; }

/* MAIN HEADER H1 */

section.with-header h1 {
	margin-top: 10px;
	margin-bottom: 30px;
}
section.with-header h1 {
	font-size: 30px;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	display: table;
	white-space: nowrap;
	font-weight: 900;
	width: 93%;
	margin-left: 3.5%;
}
section.with-header h1:before, section.with-header h1:after {
	border-top: 3px solid #ff0000;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 45%;
}
section.header-blue h1:before, section.header-blue h1:after {
	border-top: 3px solid #00A6D8;
}
section.with-header h1:before { right: 3.5%; }
section.with-header h1:after { left: 3.5%; }


/* MAIN HEADER H4 */


section.with-header h4 a,
section.with-header h4 a:hover,
section.with-header h4 a:visited {
	color: #000000 !important;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
}

section.header-blue h4 a,
section.header-blue h4 a:hover,
section.header-blue h4 a:visited {
	color: #00A6D8 !important;
}

section.with-header h4,
section.header-blue h4 {
	text-align: center !important;
	font-size: 20px !important;
}

section.with-header h4 {
	min-height: 55px;
}

section.with-header p,
section.with-header p a,
section.with-header p a:hover,
section.with-header p a:visited {
	text-align: justify;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}

section.news-section p {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

section button {
	border: none;
	background-color: #FF0000;
	padding: 2px 5px;
	border-radius: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	width: 150px;
	height: 40px;
	font-size: 16px;
	letter-spacing: 3px;
	-o-transition: background-color .1s ease-in;
	-moz-transition: background-color .1s ease-in;
	-webkit-transition: background-color .1s ease-in;
	transition: background-color .1s ease-in;
}

section button:hover {
	background-color: #dd0000;
}

section button.wide {
	width: 100%;
	font-size: 16px;
	height: 40px;
}

section button.wide a {
	color: #fff;
}


.product-categories h4 {
	text-align: center;
}

div.product-categories h4 a {
	color: #000 !important;
	font-size: 20px;
}

div.product-categories .product-category {
}


.site-main {
	margin-top: 0px !important;
}

.section-products h3 {
	margin-top: 10px;
}

div.product-category:hover {
	opacity: 0.5;
}

div.product-categories .product-category {
	padding-top:20px;
	padding-left: 10px;
	padding-right: 10px;
}

div.product-categories .product-category-wrapper {
	border: 1px solid #eee;
	padding: 15px;
}

div.product-category:hover {
	opacity: 0.5;
}

section.section-category h1 {
	font-family: 'Raleway', sans-serif !important;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: 3px;
	line-height: 35px;
}

section.section-category h2 {
	font-family: 'Raleway', sans-serif !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

section.with-header h4 {
	min-height: 80px;
}

section.with-header p {
	min-height: 80px;
}


@media (max-width: 600px) {
	section.with-header h4 {
		min-height: unset !important;
	}
}



section.with-header img {
  /*min-height: 238px; */
}

#main-slider .flex-viewport {
	height: 21vw !important;
}


.paging-navigation {
	text-align: center;
}

.section-navigation {
	margin-bottom: 30px;
}

section.with-header h3.first-block {
	text-transform: initial;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: initial;
	padding-top: 0px;
	margin-top: 0px;
}
section.with-header h3.first-block:before,
section.with-header h3.first-block:after
{
	border-top: none;
}

html, body, button, input, select, textarea {
	opacity: unset !important;
}


section.categories {

}

section.categories h3 {
	font-size: 20px;
	margin-top: 10px;
	font-family: 'Raleway',sans-serif !important;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 3px;
	line-height: 35px;
	text-align: center;
	margin-left: 20px;
	padding-left: 0;
}

section.categories h3:before,
section.categories h3:after {
	border: none;
	width: 0;
}

section.categories ul {
	margin-left: 0;
	padding-left: 10px;
}

section.categories ul li {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	display: block;
	position: relative;
	list-style: none;
	padding-left: 1.2em;
}

section.categories ul li.single-cat a.active {
	font-weight: bold;
}

section.jedz-zdrowo .sidebar p,
section.taxonomy .sidebar p {
	line-height: 1.8em;
	font-size: 16px;
	text-align: left;
	font-weight:300;
}

section.jedz-zdrowo p.infografika,
section.taxonomy p.infografika {
	width: 100%;
}

section.jedz-zdrowo p.infografika img,
section.taxonomy p.infografika img {
	margin: 0 auto;
	width: 60%;
}

section.jedz-zdrowo h4 a,
section.taxonomy h4 a {
	text-transform: initial;
	font-size: 18px !important;
}

section.taxonomy p {
	font-weight: 300;
	text-align: left;
}

section.taxonomy .index-entry-box {
	height: 530px;
}

.index-entry-txt p, .recipe-item-entry-txt p {
	height: unset;
}

section.categories ul li.single-cat>a:before {
	position: absolute;
	display: block;
	font-family: 'icomoon';
	content: "\e904";
	left: 0;
	top: 0;
	font-size: .65em;
	color: #e41d1a;
}

section.categories ul li.single-cat>a {
	padding-left: 10px;
}

.product-related section.with-header h3 {
	margin-top: 0;
}


.author-info {
	position:inherit;
	margin-left: 20px;
	display: block;
	margin-bottom: 30px;
}

.author-img {
	position: relative;
	float: none;
	margin: 0 auto;
}

.author-name {
	color: #000;
}

.btn {
	border-radius: 0px;
	font-size: 12px;
}

.press-sidebar button p {
	margin-top: 0;
	color: #fff;
	font-size: 16px;
}

#breadcrumbs a, .breadcrumb_last {
	color: #e69095
}

.breadcrumb_last {
	color: #333
}


section.with-header h2 {
	font-size: 22px;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 20px;
	margin-top: 0px;
}

div.wpcf7 {
	top: 0;
}


section#contact-data p {
	min-height: 20px;
}

p {
	text-align: justify;
}

.hentry {
	margin-bottom: 0px;
}

.index-entry-txt {
	cursor: pointer; text-align:justify;    color: #000;    font-weight: 400; font-size: 15px;
}

ul.related-products {
	list-style: none;
}

ul.related-products .index-product-img {
	width: 70%;
}

p,
section.jedz-zdrowo .sidebar p,
section.taxonomy .sidebar p {
	opacity: 1 !important;
	font-weight: 400;
	text-align: justify;
}


.index-entry-txt {
	min-height: unset !important;
	padding: 20px 20px 5px;
}

.index-entry-box {
	margin-bottom: 30px;
}

#recipe-gallery .flex-control-nav {
	display:none;
}

.social-box-bottom {
	margin: 0 auto !important;
	width: 200px !important;
	float: none !important;
}

li a:hover {
	text-decoration: underline;
}

.copyright {
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	color: #e41d1a;
	font-weight: 400;
	margin-bottom: 90px;
}

.footer-menu li a {
	font-size: 15px;
	font-weight: 600;
}

.footer-menu {
	border-top: 3px solid #e41d1a;
}


section.header-blue h4 {
	min-height: unset;
}

section.header-blue {
	margin-bottom:30px;
}

.col-md-8 article {
	height: 510px;
}

.produkty-mobile .col-md-8 article {
	height: unset !important;
}


.newsletter-container {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
	background-size: cover;
}

.newsletter-container .form {
	margin-top: 125px;
}

.opacity-container {
	width: 100%;
	background-color: #fff;
	opacity: 0;
	height: 450px;
	position: absolute;
}

div.acceptance span {
	float: left;
	height: 120px;
	margin-right: 10px;
}

div.acceptance p {
	color: #fff;
	font-weight: 400;
	text-shadow: 3px 1px 35px rgba(250, 250, 250, 1);
}

div.acceptance p a {
	color: #fff !important;
	text-decoration: underline;
}

input.newsletter-submit {
	color: #fff;
	border-radius: 0px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;
}

input.newsletter-input {
	border-radius: 0px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #888;
}


section.video-section h3 {
	margin-bottom: 50px;
}

section#newsletter h1 {
	margin-top: 30px;
	margin-bottom: 40px;
}

section#newsletter p {
	min-height: 50px;
}


.social-box-footer #social-box>li>a>span {
	font-size: 50px;
}


#newsletter .back {
	display: none !important;
	margin: 0 auto;
	text-align:center;
}

#newsletter .back img {
	margin: 0 auto;
}

.header-ue {
    display: block;
    float: left;
    width: 150px;
    margin-top: -27px; 
}
.ue-mobile {
    max-width: 122px;
    margin: 0px auto -15px auto;
    display: block;
    position: relative;
    z-index: 999;
}

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

	.newsletter-container {

	}

	.newsletter-container .form {
	}

	#main-slider .flex-viewport {
		/* height: 350px !important; */ 
	}

}



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

	.newsletter-container {

	}

	.newsletter-container .form {
	}

	#main-slider .flex-viewport {
		/* height: 300px !important; */
	} 

}


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

	.newsletter-container {
	}

	.newsletter-container .form {
		padding-top: 0px;
	}

	#main-slider .flex-viewport {
		/* height: 220px !important; */ 
	}

	.newsletter-container {
		background: none;
	}

	#newsletter .back {
		display: block !important;
	}


	section.with-header h1 {
		white-space: initial;
	}

	section.categories ul li, section.categories ul li a {
		font-size: 14px !important;
	}

}


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

	.newsletter-container {
	}

	.newsletter-container .form {
		padding-top: 0px;
	}

	#main-slider .flex-viewport {
		height: 71vw !important; 
	}

	section#newsletter p, div.acceptance p a{
		color: #000 !important;
		font-weight: 400;
		font-size: 12px;
	}


}


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

	.newsletter-container {
	}

	.newsletter-container .form {
		padding-top: 0px;
	}

	#main-slider .flex-viewport {
		/* height: 150px !important; */ 
	}


	section#newsletter p, div.acceptance p a{
		color: #000 !important;
		font-weight: 400;
		font-size: 12px;
	}

}

div.acceptance p {
	color: #000 !important;
}

div.acceptance p a {
	color: #000 !important;
}

div.acceptance p a:hover {
	font-size: 12px;
}


section#newsletter p {
	color: #000 !important;
	font-size: 12px;
	font-weight: 400;
}

div.acceptance p a {
	color: #000 !important;
	font-size: 12px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #000;
}



section.categories-products ul {
	padding-left: 0px;
	margin-left: 0px;
}


section.categories-products h3 {
	font-size: 20px;
	margin-top: 10px;
	font-family: 'Lato',sans-serif !important;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 3px;
	line-height: 35px;
	text-align: center;
	margin-left: 20px;
	padding-left: 0;
}

.recipe-h1 {
	text-align:center;
}


.social-box-bottom {
	position:relative !important;
	left:initial !important;
	bottom:initial !important;
	margin-right: 0 !important;
	transform: initial !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}


@media screen and (max-width: 992px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #000;
	}
}


.vn-search-icon {
	font-family: 'Glyphicons Halflings' !important;
}


@media screen and (max-width: 1199px) {
	.search-container-mobile {
		display:block;
	}

	.search-container-desktop {
		display:none;
	}

	section.with-header h3 {
		white-space: normal;
		margin-top: 5px !important;
	}
}

@media screen and (max-width: 800px) {
	.news-section h3 {
		margin-top: 5px !important;
	}
}

@media only screen and (min-width: 1200px) {
	.search-container-mobile {
		display: none !important;
	}
	.search-container-desktop {
		display:block;
	}

	section.with-header h3 {
		white-space: nowrap;
	}
}



.dropdown-menu a {
	background-color: #eee;
}


.sante-przepisy .recipe-img {
	border: 1px solid #e6ded7;
}

.sante-przepisy .przepisy-content {
	border: 1px solid #e6ded7;
	margin-top: 20px;
	margin-bottom: 20px;
}

#recipe-gallery {
	padding-bottom: 0px;
}

#page {
	overflow-x: hidden;
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {

    padding: 10px;
}

p, section.with-header h4 a, section.with-header p a {
	/* font-weight: 200 !important; */
}


.flexslider .slides img.slide-desktop {
    display: block;
}

.flexslider .slides img.slide-mobile {
    display: none;
}

@media (max-width: 600px) {

    .flexslider .slides img.slide-desktop {
        opacity: 0;
        height: 1px;
        overflow: hidden;
    }

    .flexslider .slides img.slide-mobile {
        display: block !important;
    }
    .flexslider .slides img.flex-viewport {
        min-height: 270px;
    }
}