/*
Theme Name: HPBA
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white,
Text Domain:
*/

* {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,"FontAwesome","",sans-serif!important;
    font-weight: 300;

}

html {
  margin-top: 0px!important;
}

h3 {
	font-size: 36px;
	font-weight: 400;
    letter-spacing: 3pt;
}
a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #13c0fc;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #13c0fc;
}

button.btn {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 170px;
}

button.btn:hover {
	width: 200px;
	margin-left: -15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	letter-spacing: 1pt;
}

input.btn,
button.btn-more{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 230px;
}

.btn-more{
	color: rgb(80,80,80);
	border-color: rgb(80,80,80);
}

input.btn:hover,
button.btn-more:hover {
	width: 250px;
	margin-left: -15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	letter-spacing: 1pt;
}

.btn-xl {
	background-color: transparent;
}

.btn:active,
.btn:link,
.btn:focus,
.btn:visited,
.btn-xl:active,
.btn-xl:link,
.btn-xl:focus,
.btn-xl:visited,
.btn-more:active,
.btn-more:link,
.btn-more:focus,
.btn-more:visited{
	background-color: transparent;
}

.navbar-shrink {
	background-color: white!important;
	box-shadow: 0px 0px 10px rgb(199, 199, 199);
}

.navbar-shrink .nav *{
	color: #303030!important;
}

.nav.navbar-nav.navbar-right{
	margin-top: 10px;
}

.width100p{
	width: 100%;
}

.breaker{
	padding-top: 30px;
	padding-bottom: 30px;
}

.no-padding-bottom{
	padding-bottom: 0px;
}

.no-padding-top{
	padding-top: 0px;
}

.breaker .breaker-line{
	height: 2px;
	background-color: rgb(220, 220, 220);	
}

.vertical-breaker-line{
	/*position: relative;*/
}

.vertical-breaker-line::after{
	width: 2px;
	content: '';
	left: 50%;
	margin-left: -1px;
	position: absolute;
	height: 100%;
	background-color: rgb(220, 220, 220);
	display: block;
	top: 0;
}

.background-white{
	background: white;
}

.background-odzywianie{
	background-color: #23f4dc;
}

.background-food{
	background-color: rgb(252, 173, 64);
}

.background-food-border{
	border-bottom: 2px solid rgb(252, 173, 64);
}

.background-food-gradient{
	background: #ffe448; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, rgb(252, 173, 64)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, rgb(252, 173, 64)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, rgb(252, 173, 64)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, rgb(252, 173, 64));
}

.height70{
	height: 70px;
}

.height100p{
	height: 100%;
}

.recipe{
	height: 150px;
	margin-bottom: 15px;
}

.recipe-image{
	background-size: cover;
	padding: 15px;
	background-color: white;
	background-position: center;
}

.recipe-title{
	top: auto!important;
	bottom: 0;
	left: 0;
	padding: 10px 0;
	z-index: 10;
}

.subtitle{
	margin-bottom: 30px;
}

.left-100{
	left: 100%!important;
}

.top-100{
	top: 100%!important;
}

.recipe-desc{
	opacity: 0;
	background: rgba(255,255,255, 0.5);
}

.margin-auto{
	margin: auto;
}

.recipe:hover .recipe-desc{
	top: 0!important;
	opacity: 1;
}

.transition-ease-5{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.transition-ease-2{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.recipe:hover .recipe-title{
	background-color: rgba(255,255,255,0.5);
}

.overflow-hidden{
	overflow: hidden;
}

.navbar-shrink .navbar-nav.navbar-right{
	margin-top: 0px;
}

.navbar-shrink .active * {
	color: white!important;
}

.navbar #menu-item-40363 a:after,
.navbar #menu-item-40960 a:after
{
  content: "\f07a";
	width: 32px;
	/*height: 26px;*/
	/*background: url('img/sklep_icon.png');*/
	display:inline-block;
	margin-top: -8px;
	margin-left: 10px;
  /* right: 0; */
  /* top: 0; */
  /*float: right;*/
  /*position: absolute;*/
}

header {
	height: 70vh;
	background-position: top;
}

header.motywacja {
	height: 50vh;
	background-image: url(img/header-motywacja.jpg);
}

header.odzywianie {
	height: 50vh;
	background-image: url(img/header-odzywianie.jpg);
}

header.trening {
	height: 50vh;
	background-image: url(img/header-trening.jpg);
}

header.foods {
	height: 50vh;
	background-image: url(img/header-food.jpeg);
	background-size: cover;
	background-position: center;
}

body.scrolled header {
	height: 70px!important;
	background: white!important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

header .container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
	height: 100%;
	padding-top: 100px;
}

header .intro-text {
	padding: 0;
	margin: auto;
	display:none;
}

header .intro-text .intro-heading{
	font-size: 35px;
}

header.headersite{
	height:70px;
	background: transparent!important;
}

.navbar-brand{
	width: 200px;
	height:104px;
	background-image: url(img/hpba_logo.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.navbar-shrink .navbar-brand{
	background-image: url(img/hpba_logo_black.png);

	width: 200px;
	height: 50px;
}

.navbar-default{
	/*background-color: rgba(0,0,0,0.5);*/
}

section {
	background-color: rgb(245, 245, 245);
	padding: 50px;
}

section#categories {
	padding: 0px!important;
}

#categories .category{
	height:30vh;
	min-height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center -100px;
	color: white;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
}

#categories .category:hover {
	background-position: center;
	/*background-size: 120%;*/
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

#categories .category.foods{
	background-position: center 0px;

}

#categories .category.foods:hover {
	background-position: center -25px;
}

#categories .text-wrap-opis .text{
	margin-top: 40vh;
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#categories .category:hover .text-wrap{
	margin-top: -10vh;
	/*background-size: 120%;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#categories .category:hover .text-wrap-opis .text{
	margin-top: 15vh;
	/*background-size: 120%;*/
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#categories .category .text-wrap img {
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#categories .category:hover .text-wrap img{
	/*margin-bottom: 50px;*/
	opacity: 0;
	/*background-size: 120%;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.comments_count * {
	color: lightgray;
	text-decoration: none;
}

#categories *{
	color: white;
}

section#categories-view {
	padding: 0px!important;
}

#categories-view .category{
	height:70px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center -100px;
	color: white;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#categories-view .category:hover {
	background-position: center;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.category:after{
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	top: 0;
	left: 0;
}

#categories-view .text img {
	width: 50%;
}

#categories-view .category a {
	color: white;
}

#categories-view .category a:hover
{
	color: white;
	text-decoration: none!important;
}

#categories-view .strzalka {
	cursor: pointer;
}

#categories-view .text h3 {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 3pt;
	margin: 0;
}

.fixed #categories-view {
	position: fixed;
	width: 100%;
	top: 4px;
	z-index: 10;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#categories-view .small-device {
	margin-top: -19px!important;
}

#categories-view .small-device .subcat .subcategory.hover li {
  float: none;
  padding: 5px;
}


#categories-view .small-device .subcat .subcategory.hover {
	min-height: 70px!important;
	display: table;
}

.fa::before{
	font-family: "FontAwesome";
}


/*
.fixed header

.w36 {
	width: 36px!important;
}
*/
#categories-view .fa {
	font-size: 36px;
}

.category.motywacja:after{
	background-color: #ff596e;
	opacity: 0.92;
}

.category.odzywianie:after{
	background-color: #23f4dc;
	opacity: 0.92;
}

.category.trening:after{
	background-color: #43b7f0;
	opacity: 0.92;
}

.category.foods:after{
	background-color: rgb(252, 173, 64);
	opacity: 0.92;
}

/*
.category.motywacja .selected.strzalka{
	background-color: #ff596e;
}

.category.odzywianie .strzalka.selected{
	background-color: #23f4dc;
}

.category.trening .strzalka.selected{
	background-color: #43b7f0;
}
*/
.text.strzalka.w36 {
  padding: 17px 25px;
  margin: 0!important;
}

.subcategory {
	height: 70px;
}

.motywacja .subcategory{
	background-color: #ff596e;
}

.odzywianie .subcategory{
	background-color: #23f4dc;
}

.trening .subcategory{
	background-color: #43b7f0;
}

.foods .subcategory{
	background-color: rgb(252, 173, 64);
}

.text-wrap {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.text-wrap2{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
	margin: auto;
}


.text-wrap .text,
.text-wrap-opis .text{
	margin: auto;
}

.text-wrap .text ul{
	margin: 0;
}


.text-wrap-opis{
	position: absolute;
  left: 0;
  padding-top: 10px;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
}

.subcategory * {
	text-decoration: none;
	color: white;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1pt;
}

.subcategory li {
	float: left;

}

.subcategory li a{
	display: block;
	padding: 0px 20px;
}

.subcategory a:link,
.subcategory a:visited {
	color: white;
	text-decoration: none
}

.subcategory a:hover{
	color: rgb(40,40,40);
}

#categories-view .subcat{
	overflow: hidden;
	  position: absolute;
	  width: 100%;
	  z-index: 1000;
	  left: 0;
}

#categories-view .subcat .subcategory{
	margin-top: -70px;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

#categories-view .clear {
	width: 100%;
	height: 70px;
}

#categories-view .fa-angle-down{
	-webkit-transition: all 1s ease!important;
	-moz-transition: all 1s ease!important;
	-ms-transition: all 1s ease!important;
	-o-transition: all 1s ease!important;
	transition: all 1s ease!important;
}

#categories-view .selected .fa-angle-down{
/*	content: "\f106"!important;*/
	-webkit-transition: all 1s ease!important;
	-moz-transition: all 1s ease!important;
	-ms-transition: all 1s ease!important;
	-o-transition: all 1s ease!important;
	transition: all 1s ease!important;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#categories-view .hover
{
	margin-top: 0px!important;
	-webkit-transition: all 0.4s ease!important;
	-moz-transition: all 0.4s ease!important;
	-ms-transition: all 0.4s ease!important;
	-o-transition: all 0.4s ease!important;
	transition: all 0.4s ease!important;
}
/*
#categories-view .category.trening:hover ~ .subcat.trening .subcategory{
	margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#categories-view .category.odzywianie:hover ~ .subcat.odzywianie .subcategory{
	margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}*/

.category .text-wrap {
	position: absolute;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
	z-index: 1;
	width: 100%;
	height: 100%;
	text-align: center;
}

.category .text-wrap .text {
	margin: auto;
}

.category.motywacja .text-wrap .text .icon{
	width:32px;
	height:36px;
	text-align:center;
	background-image: url(img/motywacja_icon.png);
	background-repeat: no-repeat;
    background-size: contain;
}

/*SECTION RIGHT-SIDEBAR*/
#right-sidebar{
	padding: 0;
}

#right-sidebar * {
	color: white;
}

#right-sidebar .categories {
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
}

#right-sidebar .category{
	min-height: 30vh;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

#right-sidebar .subcategory{
	background: rgba(255,255,255,0.8);
	height: 100%;
	padding: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

#right-sidebar .subcategory * {
	color: rgb(40,40,40);
	text-transform: uppercase;
	letter-spacing: 1pt;
}

#right-sidebar .subcategory ul{
	list-style: none;
	padding: 0;
	margin: auto;
	width: 100%;
}

#right-sidebar .subcategory ul li{
	line-height: 40px;
}

#right-sidebar .odzywianie .category{
	background: #21e1cb;
}

#right-sidebar .motywacja .category{
	background-color: #ff596e;
}

#right-sidebar .trening .category{
	background-color: #43b7f0;
}

#right-sidebar .category .text{
	margin: auto;
}

.subcategory ul{
	z-index: 1;
}

#right-sidebar .subcategory ul li a{
	display:block;
}

#right-sidebar .odzywianie .subcategory ul li:hover,
#right-sidebar .odzywianie .subcategory ul li:hover *{
	background-color: #21e7cb;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

#right-sidebar .motywacja .subcategory ul li:hover,
#right-sidebar .motywacja .subcategory ul li:hover *{
	background-color: #ff596e;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

#right-sidebar .trening .subcategory ul li:hover,
#right-sidebar .trening .subcategory ul li:hover *{
	background-color: #43b7f0;
	text-decoration: none;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

/*#right-sidebar .subcategory{
	display: none;
}
*/
#right-sidebar.odzywianie .odzywianie .subcategory{
	display: inherit;
}

/**/


#masonry-wrap {
	padding-left: 5%;
	padding-right: 5%;
}

#masonry .row {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: 10px;
 -webkit-column-gap:10px;
  max-width:1080px;
}

/*#masonry .row > .col-md-4 {
 display: inline-block;
 padding: 0;
 margin: 10px;
 width:  100%;
 float:none;
}*/
.no-gutter {
	padding: 0;
}

.no-margin {
	margin: 0;
}

.no-padding{
	padding: 0;
}

#masonry .item {
	margin-bottom: 30px;
}

#masonry .img-responsive {
  border:0px solid #999;
}

#masonry .item-block {
	background-color: white;
}

#masonry .item-media {
	/*height: 200px; */
	/*background-position: center;*/
	background-size:cover;
	overflow:hidden;
}

#masonry .item-media .media-row {
	height: 200px;
	background-size: cover;
	background-position: center top;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#masonry .item-media .social-media *{
	color: rgb(40,40,40);
}

#masonry .item-media .social-media ul {
	padding:0;
	list-style: none;
	float: right;
	margin: auto;
}

#masonry .item-media .social-media ul li{
	float: right;
	width: 110px;
	height: 20px;
	overflow:hidden;
	margin-right: 10px;
	margin-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*
#masonry .item-media .social-media ul li:hover{
	width: 52px!important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}*/


span.pluginButtonLabel {
  display: none!important;
}

#masonry .item-media .social-media {
	height: 0px;
	background: white;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#masonry .item-media:hover .media-row {
	margin-top: -50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#masonry .item-media:hover .social-media {
	height: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#masonry .item .item-footer{
	border-top: 2px solid rgb(220, 220, 220);
	padding: 15px 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
}

#masonry .item-body {
	color: rgb(150,150,150);

}

#masonry .item-body p {
  font-weight: 400;

}

#masonry .item-body h4 a{
	color: rgb(40,40,40);
	font-size: 14px;
	letter-spacing: 1pt;
}

#masonry .item .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(150, 150, 150);
	letter-spacing: 0.5pt;
	font-weight: 600;
}

#masonry .motywacja .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #ff596e;
}



#masonry .odzywianie .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #21e1cb;
}

#masonry .trening .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #43b7f0;
}

#masonry .foods .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(252, 173, 64);
}

#masonry .item a:hover{
	text-decoration: none;
}

#masonry .motywacja .item-footer{
	border-color: #ff596e;
}

#masonry .trening .item-footer{
	border-color: #43b7f0;
}

#masonry .odzywianie .item-footer{
	border-color: #21e1cb;
}

#masonry .foods .item-footer{
	border-color: rgb(252, 173, 64);
}

#masonry .item-footer .item-icon {
	float: left;
	margin-right: 5px;
}
/*QUOTE*/
#masonry .item-block.quote:hover {
	background: rgb(230,230,230);
}

.navbar-default{
	background: transparent;
}

#masonry .item-block.quote .item-excerpt:before,
#masonry .item-block.quote .item-excerpt:after {
	content: " ";
	background: url(img/cytat.png);
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 10px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

#masonry .item-block.quote .item-excerpt {
	padding-bottom: 10px;
	padding-left: 40px;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1pt;
	color: rgb(40,40,40);
}

#masonry .item-block.quote .text-autor{
	color: rgb(150,150,150);
}

#masonry .item-block.quote .text-autor:before{
	content: " - ";

}

/*/////////////////////*/
#masonry .item-footer .item-category {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

#masonry .motywacja .item-footer .item-icon{
	width:32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/motywacja_post_icon.png');
    display: inline-table;
}

#masonry .trening .item-footer .item-icon{
	width:32px;
	height: 32px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/trening_post_icon.png');
    display: inline-table;
}

#masonry .odzywianie .item-footer .item-icon{
	width:32px!important;
	height: 32px!important;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/odzywianie_post_icon.png');
    display: inline-table;
}

#masonry .foods .item-footer .item-icon{
	width:32px!important;
	height: 32px!important;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/food_post_icon.png');
    display: inline-table;
}

#masonry .item-footer .item-category .category-name {
	margin: auto 0;
	width:100%;
}

#masonry .item .item-footer .post-tags a {
	text-transform: uppercase;
	font-size: 9px;
	/*letter-spacing: 1pt;*/
	color: rgb(150,150,150);
}

#masonry .item .item-date {
	padding: 10px 0px;
	text-transform: capitalize;
	color: lightgray;
}

.color-black {
	color: rgb(80,80,80);
}

.btn.btn-xl {
	background: initial;
	color: rgb(80,80,80);
	border-color: rgb(80,80,80);
	border-width: 2px;
	padding: 10px 20px;
	font-size: 16px;
	letter-spacing: 1pt;
}

.btn:hover {
  /* background: rgb(189, 189, 189); */
  border-color: rgb(202, 200, 200);
  /* color: rgb(0, 0, 0); */
  background-color: rgb(234, 234, 234);
}

.btn-odzywianie{
	border-color: #23f4dc!important;
	color: #23f4dc!important;
}

.btn-odzywianie:hover{
	background-color: #23f4dc!important;
	color: white!important;
}

.btn-trenning{
	border-color: #43b7f0!important;
	color: #43b7f0!important;
}

.btn-trenning:hover{
	background-color: #43b7f0!important;
	color: white!important;
}

.btn-food{
	border-color: rgb(252, 173, 64)!important;
	color: rgb(252, 173, 64)!important;
}

.btn-food:hover{
	background-color: rgb(252, 173, 64)!important;
	color: white!important;
}

.fa-buy:before {
    content: "\f07a";
    margin-right: 5px;
    color: #23f4dc;
}

a:hover .fa-buy:before {
    color: white;
}

.navbar-default .navbar-nav>.active>a {
	background-color: rgb(80,80,80);
}

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

#social {
	background-image: url('img/social-bg.jpg');
	min-height: 450px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#social a{
	text-decoration: none;
}

#social a .fa-stack{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#social a .fa-stack .fa:before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#social a:hover .fa-stack {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
  background-color: rgb(218, 218, 218);
}

#social a:hover .fa-stack .fa:before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
  font-size: 40px;
}



#social .facebook a:hover .fa-stack {
	background-color: #3b5998;
}

#social .instagram a:hover .fa-stack {
	background-color: #675144;
}

#social .youtube a:hover .fa-stack {
	background-color: #bb0000;
}

#social .container {
	margin: auto;
}

#social * {
	color: white;
}

section h3.section-heading{
	text-transform: uppercase;
	font-size: 24px;
	margin: 0;
	margin-bottom: 10px;
}

section h5.service-heading {
	text-transform: uppercase;
}

#social .line-hr {
	margin: auto;
	width: 10%;
	height: 1px;
	background: white;
}

#social .fa-stack .fa {
	line-height: inherit;
}

#social .fa-stack{
	/*border: 2px solid white;*/
	border-radius: 100%;
	margin:20px;
	margin-top:60px;
}

footer {
	background-color: rgb(40,40,40);
	padding-bottom: 0;
}

footer * {
	color: white;
}

footer h4 {
	margin-top: 20px;
	margin-bottom: 40px;
	letter-spacing: 1pt;
	font-size: 16px;
}

footer .navbar-brand {
	height: 60px;
	width:100%;
}

footer .footer-bottom {
	background-color: rgb(30,30,30);
	height: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

footer .footer-bottom .container {
	margin: auto;
    background-color: rgb(30,30,30);
}

footer .footer-bottom .container .rocket {
	height: 40px;
	width: 140px;
	display: inline-block;
	background-image: url('img/rocket-marketing.png');
	background-repeat: no-repeat;
	background-position: center;



}



footer *{
	color: #757575;
}

footer h4 {
	color: white;
}

footer .news {
	margin-bottom: 30px;
}

footer .col-wrap, footer .col-wrap * ,
footer .textwidget, footer .textwidget{
	color: #757575;
}

footer .news h5 a{
	text-transform: none;
}

footer .news .date {
	color: #959595;
	font-size: 16px;
}

footer ul {
	list-style: none;
	padding: 0;
	text-align: left;
	margin: auto;
	display: inline-block;
}

footer ul.instagram-pics {
	width: 192px;
	margin: auto;
}

footer ul.instagram-pics li {
	float: left;
	margin: 2px;
}

footer ul.instagram-pics li img{
	width: 60px;
}

footer .textwidget img {
	width: 100%;
	max-width: 260px;
	margin-top: 20px;
}

footer .null-instagram-feed{
	margin-bottom: 10px;
}

/* FILTER TOP*/
#filter {
	padding-bottom: 0px;
}

#filter h1{
	  margin: 0;
	  padding: 0;
	  margin-bottom: 20px;
	  font-size: 20px;
	  letter-spacing: 2pt;
}

#filter.odzywianie h1 {
	color: #21e1cb;
}

#filter.trening h1 {
	color: #43b7f0;
}

#filter.motywacja h1 {
	color: #ff596e;
}

#filter .filter-top li{
	float: left;
	margin-left: 20px;
}

.filter-top{
	list-style: none;
	margin: auto;
	padding:0;
}

.filter-top * {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1pt;
	color: rgb(150,150,150);
}

.filter-top a,
.filter-top a:link,
.filter-top a.visited,
.filter-top a.active{
	color: rgb(40,40,40);
	text-decoration: none;
}

.filter-top a:hover{
	color: rgb(150,150,150);
	text-decoration: none;
}

.fixed #filter {
	/*margin-top: 70px;*/
}

#filter.no-margin-top{
	margin-top: 0px;
}

/*///////////*/

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

#categories-view.nav-hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	top: 70px;
}

section#post {
	padding-left: 0;
	padding-right: 0;
}

#post .item img{
	max-width: 100%!important;
	height: inherit!important;
}

#post .item-block {
	background-color: white;
}

#post .item-media {
	/*background-position: center;*/
	background-size:cover;
}

#post .item .item-footer{
	border-top: 2px solid rgb(220, 220, 220);
	padding: 15px 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
}

#post .item-body {
	color: rgb(40,40,40);
	padding: 10px;
}

#post .item-body h1{
	color: rgb(40,40,40);
	font-size: 24px;
	margin: 25px 0;
	letter-spacing: 1pt;
}

#post .item .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(150, 150, 150);
	letter-spacing: 0.5pt;
	font-weight: 600;
}

#post .motywacja .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0090;
}

#post .odzywianie .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #23f4dc;
}

#post .trening .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: #35c9d2
}

#post .foods .item-footer a{
	text-transform: uppercase;
	font-size: 12px;
	color: rgb(252, 173, 64);
}

#post .item a:hover{
	text-decoration: none;
}

#post .motywacja .item-footer{
	border-color: #ff596e;
}

#post .trening .item-footer{
	border-color: #43b7f0;
}

#post .odzywianie .item-footer{
	border-color: #23f4dc;
}

#post .foods .item-footer{
	border-color: rgb(252, 173, 64);
}

#post .item-footer .item-icon {
	float: left;
	margin-right: 5px;
}

#post .item-block.quote:hover {
	background: rgb(40,40,40);
}

#post .item-footer .item-category {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

#post .motywacja .item-footer .item-icon{
	width:32px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/motywacja_post_icon.png');
}

#post .trening .item-footer .item-icon{
	width:32px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/trening_post_icon.png');
}

#post .odzywianie .item-footer .item-icon{
	width:32px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/odzywianie_post_icon.png');
}

#post .foods .item-footer .item-icon{
	width:32px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('img/food_post_icon.png');
}

#post .item-footer .item-category .category-name {
	margin: auto 0;
	width:100%;
}

#masonry .item .post-tags{
	font-size: 9px;
	line-height: 11px;
}

#post .item .item-footer .post-tags a {
	text-transform: uppercase;
	font-size: 10px;
	/*letter-spacing: 1pt;*/
	color: rgb(150,150,150);
}

#post .item .item-date {
	padding: 10px 0px;
	text-transform: capitalize;
	color: lightgray;
}

#post .right-side .item{
	margin-bottom: 20px;
}

#post .right-side .item-block {
	padding-top: 20px;
	padding-bottom:20px;
}

#post .right-side .item-block h4{
	margin-bottom:25px;
}

#post .right-side ul{
	padding: 0;
	list-style: none;
	display: block;
}

ul.ssb_list_wrapper.ssb_widget li {
  float: left;
  margin-right: 20px;
  height: 50px;
}

#post .right-side ul * {
	color: #757575;
}

#post .right-side .widget_recent_entries li {
	margin-bottom: 15px;
}

#post .odzywianie .skladniki h4 {
	background-color: #23f4dc;
	padding: 20px;
	margin: -20px -20px 20px;
	color: white;
}

#post .foods .skladniki h4 {
	background-color: #ffe448;
	padding: 20px;
	margin: -20px -20px 20px;
	color: white;
}

#post .motywacja .skladniki h4 {
	background-color: #ff596e;
	padding: 20px;
	margin: -20px -20px 20px;
	color: white;
}

#post .trening .skladniki h4 {
	background-color: #43b7f0;
	padding: 20px;
	margin: -20px -20px 20px;
	color: white;
}

#post .bez-kategorii .skladniki h4 {
    background-color: rgb(220, 220, 220);
    padding: 20px;
    margin: -20px -20px 20px;
    color: white;
}

#post .skladniki ul{
	list-style: initial;
	padding-left:15px;
	padding-right:15px;
}

#post .skladniki ul li{
	font-size: 16px;
}

#post p {
  font-weight: 400;
}

.category-fixed-helper{
	display: none;
}

body.fixed .category-fixed-helper{
	height: 70px;
	display: block;
}
/* POST COMMENTS */

#comments .comment-author-anna > .comment-body {
    background: #f5f5f5;
}

section#comments {
	padding: 20px;
	background-color: #fff;
	margin-top: 30px;
}

#comments ul {
    list-style: none;
}

#comments .comment-body {
    border-top: 1px solid lightgray;
    padding: 5px;
    margin-bottom: 10px;
}

#comments .comment-body .comment-author {
    float: left;
}

#comments .comment-body .comment-meta.commentmetadata {
    float: right;
}

#comments .comment-body p {
    clear: both;
}

#comments .comment-body .reply {
    cursor: pointer;
    text-align: right;
}

#comments h2 {
	font-size: 18px;
	letter-spacing: 0px;
}

#comments h3 {
	font-size: 18px;
	letter-spacing: 0px;
}





#comments input {
  height: 34px;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#comments input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}


#comments textarea {
  height: 100px;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#comments label {
	width: 100%;
}

#comments ul.commentlist {
	list-style: none;
	padding-left: 0;

}

#comments .comment-author {
	padding-bottom: 10px;
}

#comments #submit:hover{
	margin-left: 0px!important;
}


.media {
	padding: 15px;
	background-color: white;
}

section.contact {
    background-color: #fff;
    /*background-image: url(../img/map-image.png);*/
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
}

#contact section#social {
    padding-left: 0;
    padding-right: 0;
}

section.contact .section-heading {
    color: #fff;
    margin: 20px 0;
}

section.contact .form-group {
    margin-bottom: 25px;
}

section.contact .wpcf7-response-output{
    display: block!important;
    min-height: 15px;
}

section.contact input,
section.contact textarea,
section.contact select {
    padding: 10px;
}

section.contact .form-group input.form-control {
    height: auto;
}

section.contact textarea.form-control {
    height: 170px;
}

section#contact .form-control:focus {
    border-color: #03b8ef;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

#contact .image-round {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
}

#contact .image {
    margin:auto;
    width: 300px;
    height: 300px;
    background-image: url('img/kontakt_anna.jpg');
    border-radius: 100%;
}

#contact * {
    color: rgb(40,40,40)!important;
}

#contact #social {
    background: none;
    padding-top: 20px;
    min-height: 0px!important;
}

#contact #social .container{
    margin-top: 0;
}

#contact .fa-stack *{
    color: white!important;
}

/*#contact a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
    width: 80px;
    height: 80px;
    margin: auto;
}

#contact a:hover,
#contact a:active,
#contact a:link,
#contact a:visited {
    text-decoration: none;
}*/

#contact .fa-stack {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;
    align-items: center;
    margin: auto;
    height: 80px;
}

#contact .fa-stack .fa {
    margin: auto;
    line-height: normal;
}

#contact .facebook a .fa-stack {
    background-color: #3b5998;
}

#contact .instagram a .fa-stack {
    background-color: #675144;
}

#contact .youtube a .fa-stack {
    background-color: #bb0000;
}

#contact h1 {
    color: #2C8B80!important;
    font-weight: 400;
    margin-bottom: 80px;
    text-align: center;
}

.contact img {
    margin-left: 10px;
    border-right: 1px solid lightgray;
    position: absolute;
    z-index: 100;
}

.contact .write-captcha{
    margin-top: -36px;
    padding-left: 110px;
}

.form_desc {
	height: 70px;
	text-align: center;
}


/*///////*/

/*GOTOP*/
div.gotop {
	position: fixed;
	right: 15px;
	bottom: 60px;
	z-index: 10000000;
	-webkit-transition: all 5s ease;
	-moz-transition: all 5s ease;
	-ms-transition: all 5s ease;
	-o-transition: all 5s ease;
	transition: all 5s ease;
	opacity: 1;
}

div.gotop.hidden{
	-webkit-transition: all 5s ease;
	-moz-transition: all 5s ease;
	-ms-transition: all 5s ease;
	-o-transition: all 5s ease;
	transition: all 5s ease;
	opacity: 0;
}

div.gotop a{
	border: 2px solid #e8e8e8;
	border-radius: 100%;
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
	margin:auto;
}

div.gotop a:hover{
	background: #e8e8e8;
	text-decoration: none;
}

div.gotop a:active,
div.gotop a:visited,
div.gotop a:link{
	text-decoration: none;
}

div.gotop .fa {
	margin: auto;
	font-size: 24px;
	color: #b0b0b0;
	font-weight: 400;
}

div.gotop .fa:before {
	margin-left: -1px;
}

/*///////*/

section#newsletter {
	background: url('img/newsletter_backgroud.jpg');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
	min-height: 200px;
	padding: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

.form-control {
	height: auto;
}

#newsletter .form-control{
	margin-bottom: 10px;
}

.position-absolute {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}

.position-absolute-no-100{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.position-relative{
	position:relative;
}

#newsletter .position-absolute{
	background: rgba(129, 198, 230,0.8);
	padding: 40px;
}

#newsletter input {
	padding: 10px;
	border-color: #81c6e6;
}

#newsletter h2 {
	font-size: 28px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 40px;
	font-weight: 300;
}

#newsletter .group-input {
	max-width: 600px;
	margin:auto;
}

#newsletter .container {
	margin: auto;
	z-index: 2;
	position: relative;
}

#newsletter button.btn-green{
	text-transform: uppercase;
	height: 40px;
	border: 1px solid white;
	background: #81c6e6;
	color: white;
	font-weight: 600;
}

/*Related Post*/

#crp_related li{
	width: 50%;
	height: 100px;
	float: left;
	padding: 5px;
	overflow: hidden;
}

/*//////////*/

.photo-container{
	overflow: hidden;
}

.photo-container .wp-image-wrap{
	width: 100vw;
	height: 70vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.photo-container .wp-image-wrap img {
	display:none;
}

.wp-image-wrap {
	position: relative;
}

.wp-image-wrap .slider-desc {
	position: absolute;
	/*bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.4);
	width: 100%;
	height: 100%;*/
	padding: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1; /* Safari 6.1+ */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	align-items: center;
}

.photo-container-slider .desc-container{
	margin: auto;
	/*margin-bottom: 20px;*/
}

.photo-container-slider .title-wrap{
	color: #5A5A5A;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

.photo-container-slider .desc-wrap{
	color: white;
}

.slider-desc .slider-button {
	margin-top: 40px;
}

.photo-container-slider .slider-button {
	/*margin-top: 200px;*/
	display: inline-block;
	text-transform: uppercase;
	padding: 10px 20px;
	border: 1px solid white;
	background: rgba(0,0,0,0);
	color: white;
	font-weight: 600;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.photo-container-slider .slider-button:hover {
	text-decoration: none;
	letter-spacing: 2pt;
	padding: 10px 30px;
	margin-right: -10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.slick-dots{
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
  opacity: .75;
  color: black;
}

.slick-dots li.slick-active button:before {
  font-size: 25px;
}

/*.navbar #menu-item-40363 a,
.navbar #menu-item-40960 a
{
  margin-top: -2px;
}*/

/*////Flagi////*/

.lang_sel_click {
  padding: 14px 15px;
}

.lang_sel_click ul {
  list-style: none;
  display: inline-block;
  padding-left: 6px;
}

.lang_sel_click li {
  display: inline-block;
  padding: 0;
  margin: 0;
}


#lang_sel_list {
  padding: 14px 15px;
}

#lang_sel_list ul {
  list-style: none;
  display: inline-block;
  padding-left: 6px;
}

#lang_sel_list li {
  display: inline-block;
  padding: 0;
      margin-right: 5px;
    float: right;
}

#lang_sel_list{
	margin: auto;

}

.wpml-ls-statics-shortcode_actions {
background-color: transparent !important;
}


#lang_sel_list,#lang_sel_list ul li a{
	background-color: transparent !important;
	font-size: 0px;
  color: #fff!important;
}

#lang_sel_list li a{
	font-size:0;
	height: 14px;
	margin-top: 25px;
}

#lang_sel_list .icl-pl a:before{
	content: 'PL';
	font-size: 14px;
}
#lang_sel_list .icl-en a:before{
	content: 'EN';
	font-size: 14px;
}

.navbar-shrink #lang_sel_list a:before{
	color: black!important;
}

.navbar-shrink #search {
	border: solid 1px lightgray!important;
}

.navbar-shrink #searchsubmit {
	/*border: solid 1px gray!important;*/
}

#search-form{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.search-shrink{
	overflow: hidden;
	/*width: 40px;*/
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.box {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.search-shrink .box {
	margin-left: -200px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*///////////*/

#post .item-body .item-excerpt iframe{
	width: 100%;
}

#post .item-body .item-excerpt p iframe:parent{
	margin-left: -25px;
	margin-right: -25px;
}

.pagination h2 {
	display:none;
}

.category-show-more {
	display:none;
}

.pagination {
  border-radius: 0;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  clear:both;
  padding:20px 0;
  position:relative;
  line-height:13px;
  text-align: center;
  margin: auto;
  margin-top: 50px;
}

.screen-reader-text {
  display: none;
}

a.next {
  border-left: 1px solid #efefef;
}

a.prev {
  border-right: 1px solid #efefef;
}


.pagination span, .pagination a {
display:block;
float:left;
margin: 0px ;
padding: 15px 20px 15px 20px;
text-decoration:none;
width:auto;
color:#000;
background: #f5f5f5;
border-bottom: 3px solid #f5f5f5;
font-size: 16px;
}

.pagination a:hover{
color:#000;
background: #13c0fc;
border-bottom: 3px solid #13c0fc;
}

.pagination .current{
padding: 15px 20px 15px 20px;
background: #f5f5f5;
border-bottom: 3px solid #13c0fc;
color:#000;
}

.crp_related_widget {

}

.crp_related_widget li {
  width: 50%;
  height: 100px;
  position: relative;
  float: left;
}

.crp_related_widget li a.image-block {
	display: inline-block;
	height:100%;
	width:100%;
	background-size: cover;
	background-repeat: no-repeat;
	/*background-position: center;*/
}

.crp_related_widget li .wrapper-image-block{
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 10px;
}

.crp_related_widget li:nth-child(odd){
	padding-right: 5px;
}

.crp_related_widget li:nth-child(even){
	padding-left: 5px;
}

.crp_related_widget .crp_title {
	position: absolute;
	background: rgba(255,255,255,0.7);
	/*bottom:10px;*/
	top:0;
	left:0;
	font-size:12px;
	width: 100%;
	text-align: center;
}

.floatingFram{
	z-index: 1;
	/*box-shadow: 0px 5px 10px gray;*/
}

.item-media .media-row{
	position: relative;
	overflow: hidden;
}

.item-media .skladniki{
	font-size: 8px;
	text-align: left;
	color: black;
}

.item-media .skladniki h4{
	font-size: 9px;
	color: white;
	background: lightgray;
	margin: 0 -20px;
	padding: 5px;
}

.item-media .skladniki ul{
	padding: 0;
}

.motywacja .item-media .skladniki h4{
	background-color: #ff596e;
}

.odzywianie .item-media .skladniki h4{
	background-color: #23f4dc;
}

.trening .item-media .skladniki h4{
	background-color: #43b7f0;
}

.foods .item-media .skladniki h4{
	background-color: #ffe448;
}

@media screen and (max-width: 991px	){
	/*.navbar-toggle{
		display: block;
	}

	.navbar-collapse.collapse{
		visibility: none;
	}*/
}

/*@media screen and (max-width: 767px) {
	.fixed #categories-view{
		top: -66px;
	}

	#categories-view.nav-hover{
		top: 70px;
	}

	body.fixed .category-fixed-helper{		
		height: 132px;
	}
}*/
@media (min-width: 768px) and (max-width: 991px)
{
    .navbar-header
    {
        float: none;
    }

    .navbar-toggle
    {
        display: block;
    }

    .navbar-collapse.collapse
    {
        display: none !important;
        margin: 0 -30px;
        padding: 0 15px;
        max-height: auto!important;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	    max-height: initial!important;
	}

    .navbar-collapse.collapse.in
    {
        display: block !important;
        border-color: rgba(255,255,255,.02);
        border-top-width: 1px;
    }

    .navbar-nav{
    	margin: 0;
    }

    .navbar-right{
    	float: none!important;
    }

    .navbar-nav > li {
	    float: none;
	}

	.navbar-collapse.in{
		background: rgba(0,0,0,0.4)!important;

	}

	.navbar-shrink .navbar-collapse.in{
		background: none!important;
	}

	.navbar-default .container{
		width: auto;
	}

	.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
	    display: table;
	    content: " ";
	}
}

@media screen and (max-width: 768px){
	.vertical-breaker-line::after {
		width: 100%;
		height: 2px;
		top: 50%;
		left: 0;
		margin-top:-1px;
	}

	#categories-view.four-cats {
		top: -66px;
	}

	#categories-view.nav-hover.four-cats{		
		top: 70px;
	}
}

.widget_wysija_cont .wysija-submit {
	margin-top: 0;
}

.padding-top-30{
	padding-top: 30px;
}

.padding-bottom-30{
	padding-bottom: 30px;
}

.padding-top-15{
	padding-top: 15px;
}

.padding-bottom-15{
	padding-bottom:15px;
}

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

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

.margin-top-15{
	margin-top: 15px;
}

.margin-bottom-15{
	margin-bottom:15px;
}

.subtitle h3{
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 3pt;
	color: white;
}

.item-food{
	top: initial;
	bottom: 5px;
	left: 0;
}

.item-food .item-block{
	background-color: transparent!important;
}