/*!
Theme Name: CMS Fintess Factory
Theme URI: http://underscores.me/
Author: Codeme
Author URI: https://www.codeme.eu/
Description: Theme Created for CMS Fintess Factory
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cms-fitness-factory
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CMS Fintess Factory is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Old CSS from HTML website */
html {
	scroll-behavior: smooth; }
  
  body {
	font-size: 16px; }
  
  .skewed-wrapper {
	position: relative;
	height: 80px; }
	.skewed-wrapper .skewed {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	  background-color: #eff000; }
	  .skewed-wrapper .skewed.skewed-bottom {
		transform-origin: top left; }
	  .skewed-wrapper .skewed.skewed-top {
		transform-origin: bottom right; }
  
  .show-on-mobile {
	display: none !important; }
	@media screen and (max-width: 991px) {
	  .show-on-mobile {
		display: inherit !important; } }
  
  .hide-on-mobile {
	display: inherit !important; }
	@media screen and (max-width: 991px) {
	  .hide-on-mobile {
		display: none !important; } }
  
  .skewed {
	transform: skewY(-2deg); }
  
  .content {
	background-color: #eff000; }
	.content .text {
	  padding: 40px;
	  text-indent: 40px; }
  
  .text {
	margin: 0;
	font-size: 1.5em;
	text-align: justify; }
	@media screen and (max-width: 991px) {
	  .text {
		font-size: 2.5em; } }
  
  .text.black {
	color: black; }
  
  .text.white {
	color: white; }
  
  .text.highlight {
	color: #eff000; }
  
  .transparent {
	background-color: transparent; }
  
  .dark-honeycomb {
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/dark_hex.png");
	box-shadow: inset 0 0 120px black;
	background-repeat: repeat; }
  
  .highlight {
	color: #eff000;
	font-weight: bold; }
  
  .reverse-highlight {
	background-color: #eff000;
	color: black;
	font-weight: bold; }
  
  section.block-section {
	background-color: rgba(255, 255, 255, 0.2); }
  
  h1 {
	letter-spacing: 0.4em;
	font-size: 2.6em;
	font-weight: 100;
	color: #eff000;
	padding: 0 60px; }
  
  .section-title {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 20px 0;
	display: flex; }
	.section-title.left {
	  justify-content: flex-start;
	  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); }
	.section-title.right {
	  justify-content: flex-end;
	  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2)); }
	@media screen and (max-width: 991px) {
	  .section-title.right, .section-title.left {
		justify-content: center; } }
  
  .block-full {
	margin: 0;
	padding: 0; }
  
  menu {
	margin: 0;
	padding: 0;
	background-image: linear-gradient(black, rgba(0, 0, 0, 0.3)); }
  
  nav {
	display: flex;
	justify-content: center;
	height: 100%; }
	nav .nav-main {
	  display: flex;
	  height: 100%;
	  align-items: center; }
	  nav .nav-main .nav-item .menu-item {
		display: flex;
		align-items: center;
		height: 98px;
		width: 12vw;
		margin: 0 10px;
		background-color: #ccc;
		box-shadow: 2px 2px 0px 0px black; }
		nav .nav-main .nav-item .menu-item a {
		  font-family: 'Open Sans', sans-serif;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  width: 100%;
		  height: 100%;
		  text-decoration: none;
		  font-size: 1.3em;
		  font-weight: bold;
		  color: black; }
		  nav .nav-main .nav-item .menu-item a:hover {
			background-color: #eff000; }
		  @media screen and (max-width: 991px) {
			nav .nav-main .nav-item .menu-item a {
			  font-size: 2.3em; } }
		nav .nav-main .nav-item .menu-item.gold {
		  background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/gold2.jpg");
		  background-size: cover; }
		  nav .nav-main .nav-item .menu-item.gold a {
			background-color: transparent; }
			nav .nav-main .nav-item .menu-item.gold a:hover {
			  background-color: transparent; }
	@media screen and (max-width: 991px) {
	  nav .nav-main {
		flex-flow: wrap;
		justify-content: center;
		padding: 20px 0; }
		nav .nav-main .nav-item .menu-item {
		  margin: 10px;
		  width: 90vw;
		  height: 100px;
		  letter-spacing: 0.4em; } }
  
  .gold-banner {
	width: 100%;
	height: 95px;
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/gold1.jpg");
	background-size: cover; }
  
  .logo-wrapper a {
	margin: 20px auto;
	display: block;
	max-width: 251px; }
	@media screen and (max-width: 991px) {
	  .logo-wrapper a {
		max-width: 100%;
		width: 60%; } }
  
  .logo-wrapper .logo {
	width: 100%; }
  
  footer {
	font-family: 'Open Sans', sans-serif;
	color: white;
	padding: 40px;
	margin-top: 40px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), black); }
	footer .contact {
	  margin-bottom: 40px; }
	footer h4 {
	  font-size: 2em;
	  border-left: 2px solid white;
	  padding: 8px;
	  margin-bottom: 16px; }
	  @media screen and (max-width: 991px) {
		footer h4 {
		  font-size: 3em; } }
	footer p {
	  display: flex;
	  align-items: center;
	  font-size: 1.1em; }
	  @media screen and (max-width: 991px) {
		footer p {
		  font-size: 2.1em; } }
	footer i {
	  margin-right: 10px; }
  
  .hours strong {
	width: 180px; }
	@media screen and (max-width: 991px) {
	  .hours strong {
		width: 360px; } }
  
  .hours span {
	margin-left: 8px; }
  
  .map {
	height: 320px; }
  
  .image-wrapper {
	display: flex;
	justify-content: center;
	transition: filter 0.2s ease-in-out; }
  
  .grayscale {
	filter: grayscale(100%); }
  
  .image {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	transition: filter 0.2s ease-in-out;
	box-shadow: 5px 5px 0 0 #eff000;
	margin: 0 10px; }
	.image img {
	  display: block;
	  max-width: 100%; }
	.image:hover {
	  filter: grayscale(0%); }
	@media screen and (max-width: 991px) {
	  .image {
		width: 100vw;
		box-shadow: none;
		border-bottom: 5px solid #eff000;
		margin: 0; }
		.image img {
		  width: 100%; } }
  
  .overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	transition: opacity 0.3s ease-in-out; }
	.overlay:hover {
	  opacity: 1; }
  
  .teaser-section {
	margin-bottom: 40px; }
	.teaser-section p {
	  text-indent: 40px;
	  font-size: 1.4em; }
	  @media screen and (max-width: 991px) {
		.teaser-section p {
		  font-size: 3em; } }
	.teaser-section h2 {
	  font-size: 2em;
	  margin-bottom: 40px;
	  text-align: center; }
	  @media screen and (max-width: 991px) {
		.teaser-section h2 {
		  font-size: 3.2em; } }
	.teaser-section h3 {
	  font-size: 1.5em; }
	@media screen and (max-width: 1199px) {
	  .teaser-section h2 {
		margin-top: 40px; } }
	.teaser-section .text p {
	  font-size: 1em; }
  
  .teaser-highlight {
	width: 100%;
	height: 100%;
	background-color: #eff000; }
  
  .teaser {
	padding: 20px; }
  
  .parallax-wrapper {
	height: 60vh;
	border-bottom: 4px solid #eff000;
	margin-bottom: 40px; }
	@media screen and (max-width: 991px) {
	  .parallax-wrapper {
		display: none; } }
  
  .parallax {
	height: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; }
	.parallax p {
	  position: absolute;
	  width: 40vw;
	  padding: 20px;
	  font-size: 2em; }
  
  .banner-wrapper img {
	width: 100%;
	height: auto; }
  
  .splash1 {
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/splash1.jpg"); }
  
  .splash2 {
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/splash2.jpg"); }
  
  .splash3 {
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/splash3.jpg"); }
  
  .splash-beauty {
	background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/beauty/splash.jpg"); }
  
  .feature .text {
	padding: 20px;
	font-size: 1.3em;
	text-indent: 40px; }
	@media screen and (max-width: 991px) {
	  .feature .text {
		font-size: 2.3em; } }
  
  .feature h2 {
	font-size: 2em;
	letter-spacing: 0.2em;
	font-weight: 100;
	color: white;
	text-align: center; }
  
  .feature .feature-wrapper {
	margin: 20px 0;
	border-right: 1px solid white; }
  
  .menu-container {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px; }
  
  .promo-wrapper {
	display: flex;
	justify-content: center;
	margin: 40px 0; }
	@media screen and (max-width: 991px) {
	  .promo-wrapper {
		flex-flow: wrap; } }
  
  .promo {
	padding: 20px; }
	.promo .image-wrapper {
	  position: relative;
	  box-shadow: 5px 5px 0 0 #eff000; }
	.promo img {
	  width: 20vw;
	  height: auto;
	  max-height: 30vw; }
	.promo p {
	  margin-top: 30px;
	  text-indent: 40px;
	  color: white;
	  padding: 10px; }
	.promo .overlay p {
	  font-size: 1.2em;
	  padding: 20px; }
	.promo .overlay .button {
	  margin-top: 10px;
	  margin-left: 20px; }
	@media screen and (max-width: 991px) {
	  .promo {
		padding: 0; }
		.promo .image-wrapper {
		  box-shadow: none;
		  border-bottom: 5px solid #eff000; }
		.promo img {
		  width: 100vw;
		  min-height: 100vw; }
		.promo .overlay p {
		  width: 80vw;
		  padding-left: 0;
		  padding-right: 0;
		  font-size: 2em; }
		.promo .overlay .button {
		  font-size: 2em;
		  width: 80vw;
		  margin-left: 0; } }
  
  .promo-description {
	display: flex;
	flex-direction: column;
	align-items: center; }
	.promo-description p {
	  font-size: 1.2em;
	  text-indent: 40px;
	  padding: 20px;
	  width: 22vw; }
	  @media screen and (max-width: 991px) {
		.promo-description p {
		  width: 100%;
		  font-size: 3em; } }
	.promo-description .button {
	  margin-bottom: 40px; }
	  @media screen and (max-width: 991px) {
		.promo-description .button {
		  font-size: 2.4em; } }
  
  .button {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	letter-spacing: 2px;
	font-weight: 100;
	color: white;
	background: transparent;
	border: 2px solid white;
	border-radius: 8px;
	transition: all 0.2s ease-in-out; }
	.button:hover {
	  background: white;
	  color: black; }
	.button.show-more {
	  width: 200px;
	  padding: 10px 0; }
	  @media screen and (max-width: 991px) {
		.button.show-more {
		  width: 50vw;
		  padding: 20px 0; } }
  
  #silownia section {
	margin-bottom: 0; }
  
  .promo-title-wrapper {
	min-height: 80px; }
  
  .promo-title-offset {
	width: 100%;
	height: 50px; }
  
  .promo-title {
	letter-spacing: 0.2em;
	font-size: 1.6em;
	font-weight: 100;
	text-align: center;
	color: #eff000;
	padding: 10px 0; }
	@media screen and (max-width: 991px) {
	  .promo-title {
		font-size: 2.4em;
		text-align: center;
		margin-top: 20px; } }
  
  .video-wrapper {
	display: none;
	background: rgba(0, 0, 0, 0.5); }
	.video-wrapper video, .video-wrapper iframe {
	  width: 80%;
	  margin: 0 auto;
	  display: block;
	  border: 4px solid #eff000; }
	  @media screen and (max-width: 991px) {
		.video-wrapper video, .video-wrapper iframe {
		  width: 100%; } }
	.video-wrapper iframe {
	  margin-top: 40px;
	  height: 45vw; }
	  @media screen and (max-width: 991px) {
		.video-wrapper iframe {
		  height: 55vw; } }
  
  .beauty-video video {
	margin: 40px auto; }
  
  .grow {
	width: 65vw; }
	.grow img {
	  width: 100%; }
	@media screen and (max-width: 991px) {
	  .grow {
		width: 100%; }
		.grow .image-wrapper {
		  display: block; }
		.grow img {
		  min-height: auto;
		  max-height: 100%; } }
  
  .buttons-wrapper {
	display: flex; }
	.buttons-wrapper .button {
	  min-width: 120px;
	  width: auto;
	  margin: auto 5px; }
	  @media screen and (max-width: 991px) {
		.buttons-wrapper .button {
		  min-width: 180px; } }
	.buttons-wrapper.no-desc {
	  margin-top: 20px; }
  
  #prices-list {
	background: black; }
  
  .prices-ems .prices-wrapper {
	width: 65vw;
	margin: 40px auto; }
  
  .prices-wrapper {
	display: none;
	width: 50vw;
	margin: 0 auto; }
	.prices-wrapper .image {
	  box-shadow: none; }
	@media screen and (max-width: 991px) {
	  .prices-wrapper {
		width: 90vw; } }
  
  .gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 40px; }
  
  .photo {
	padding: 10px; }
	.photo img {
	  width: 200px;
	  box-shadow: 2px 2px 0 0 #eff000; }
	  @media screen and (max-width: 991px) {
		.photo img {
		  width: 40vw; } }
  
  .promo-video {
	margin: 40px 0; }
	.promo-video h2.text {
	  font-size: 2.2em;
	  color: white;
	  text-align: center; }
	  @media screen and (max-width: 991px) {
		.nav-item {
			flex-direction: column;
		}
		.promo-video h2.text {
		  font-size: 3em; } }
  
  .show {
	display: block; }
  
  .hide {
	display: none; }
  
  .beauty-nav {
	margin-top: 30px; }
	.beauty-nav ul.nav {
	  border-bottom: none;
	  justify-content: center; }
	  .beauty-nav ul.nav li {
		width: 24%;
		height: 80px;
		margin: 10px;
		text-align: center; }
		.beauty-nav ul.nav li a {
		  display: flex;
		  flex-flow: column;
		  justify-content: center;
		  width: 100%;
		  height: 100%;
		  text-decoration: none;
		  background-image: url("../wp-content/themes/cms-fitness-factory/assets/img/gold2.jpg");
		  background-size: cover;
		  color: black;
		  font-family: 'Lato', sans-serif;
		  font-size: 1.2em;
		  letter-spacing: 0.1em;
		  font-weight: bold;
		  transition: filter 0.2s ease-in-out;
		  filter: grayscale(100%); }
		  .beauty-nav ul.nav li a.active {
			filter: grayscale(0%); }
		  .beauty-nav ul.nav li a:hover {
			filter: grayscale(0%); }
	  @media screen and (max-width: 991px) {
		.beauty-nav ul.nav li {
		  width: 100%;
		  margin-left: 40px;
		  margin-right: 40px; }
		  .beauty-nav ul.nav li a {
			font-size: 2.2em; } }
  
  .beauty-section {
	display: none; }
	.beauty-section.show {
	  display: block; }
  @media screen and (max-width: 991px) {
.text.white ul, .nav.nav-tabs{
margin: 0px;
}
	  #main-menu { flex-direction: column;
margin: 0px;
		  padding: 0px; }
}
  /*# sourceMappingURL=style.css.map */
.custom-logo {
    width: 251px;
		height: 84px; }
@media screen and (max-width: 768px) {	.custom-logo {
    width: 207px;
	height: 100px;
	} }