@charset "UTF-8";
/*
Theme Name: JodoGym
Author: the Tomasz Rydz
Author URI: https://codeandpixel.pl
*/


body{
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;

}

.bg-dark {
	background: #000000 !important;

}

.navbar {
	height: 120px;
}

h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
}


.navbar-dark .navbar-nav .nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

p.yellow-box {
	background: #E6DE31;
	padding: 30px;
	color: #000003;
	border-left: 5px solid #000003;
	font-weight: 600;

}



aside {
	background: #000003;
	margin-top: 30px;
	border-top: 3px solid #E6DE31;
	padding: 30px 40px;
}

aside ul {
	list-style: none;
	padding-left: 0;

}

aside ul li a {
	color: #fff;
	font-size:15px;
	font-weight: 700;
	display: block;
	padding: 10px 0;
}

.entry-content ul {
	list-style: none;
	padding-left: 5px;
}

.entry-content ul li {
	background: url('img/check_mark.png') no-repeat left center;
	padding-left: 40px;
}

.btn-signup {
	background: transparent;;
	border: 2px solid #E6DE31;
	height: 60px;
	line-height: 55px;
	color: #E6DE31;
	border-radius: 30px;
	padding: 0 30px;
	display: inline-block;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.btn-signup:hover {
	text-decoration: none;
	color: #fff;
}

.navbar-nav {
	width: 100%;
	justify-content: space-around;
}

/*HERO STYLES*/

#hero {
	height: calc(100vh - 120px);
	overflow-x: hidden;;
	max-width: 100vw;
}

#hero .slide {
	height: calc(100vh - 120px);
	position: absolute;
	left: 100vw;
	transition: 0.5s ease;
	overflow: hidden;
}

.card-gallery img {
	border-radius: 10px;

}

#benefit {
	width: 60px;
	height: 205px;
	position: fixed;
	top: 35vh;
	z-index: 98;
}
#instagram {
	width: 60px;
	height: 60px;
	position: fixed;
	top: 25vh;
	z-index: 97;
}

#hero .slide.active {
	left: 0;

}

#hero .slide.gym {
	background: url(img/hl.jpg) no-repeat center center;
	background-size: cover;
}


#hero .slide.fitness {
	background: url(img/slider2_bg.jpg) no-repeat center center;
	background-size: cover;
}

#hero .slide.membership-card {
	background: url(img/bg_karnet.jpg) no-repeat center center;
	background-size: cover;
}

#hero .slide .men, #hero .slide .woman {
	position: absolute;

	bottom: 0;
	max-height: 100%;
	width: auto;
	right: 22%;
	z-index: 10;
	opacity: 0;
	/*transition: 0.5s ease 0.7s;*/
}

#hero .slide .men {
	right: 15%;
}

#hero .slide.active .men, #hero .slide.active .woman {
/*	animation-name: imgmove;
	animation-duration: 5s;
	animation-delay: 0.7s;
	animation-timing-function: linear;*/
}

@keyframes imgmove {
	0%   {right: 30%; opacity: 0;}
	5%   {right: 30%; opacity: 0;}
	10%  {right: 11%; opacity: 1}
	80%  {right: 10%; opacity: 1}
	85%	 { opacity: 0}
	90% {right: -50%; opacity: 0}
}



#hero .slide .card-img {
	position: absolute;
	bottom: 0;
	max-height: 57%;
	width: auto;
	z-index: 10;
	top:0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transition: 0.5s ease 0.7s;
}

#hero .slide.active .card-img {
	right: 15%;
	opacity: 1;
}

#hero .slide .strip {
	position: absolute;
	z-index: 8;
	bottom: 0;
	max-height: 100%;
	width: auto;
	opacity: 0;
	/*transition: 0.5s ease 0.7s;*/
	right: 0;
	opacity: 0;
}

#hero .slide.active .strip {
/*	animation-name: stripmove;
	animation-duration: 5s;
	animation-delay: 0.7s;
	animation-timing-function: linear;*/
}



.hero-text-white-bg {
	background: #fff;
	color: #000003;
	padding: 5px 30px;
	font-weight: 700;
	font-size: 32px;
	letter-spacing: 5px;
	position: relative;
	bottom: -50px;
	opacity: 0;
	transition: bottom 0.3s ease 0.3s, opacity 0.4s ease 0.4s;
}

.slide.active .hero-text-white-bg  {
	opacity: 1;
	bottom: 0;
}

#hero h1 {
	color: #E6DE31;
	font-size: 115px;
	font-weight: 700;
	line-height: 130px;
	font-family: 'Oswald', sans-serif;
	max-width: 50%;
	opacity: 0;
	position: relative;
	bottom: -100px;
	transition: bottom 0.3s ease 0.5s, opacity 0.4s ease 0.6s;
}

#hero .slide.active h1 {
	bottom: 0;
	opacity: 1;
}

.slide {
	display: flex;
	width: 100%;
	align-items: center;
}

.progress-bar {
	height: 3px;
	background: #000;
	width: 100%;
}
.progress {
	background: #E6DE31;
	height: 3px;
	/*transition: all 5s linear;*/
	width: 0;
}


.list-head {
	font-size: 50px;
	color:#fff;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	position: relative;
	bottom: -50px;
	opacity: 0;
	transition: bottom 0.3s ease 0.3s, opacity 0.4s ease 0.4s;
}


.slide.active .list-head  {
	opacity: 1;
	bottom: 0;
}

#hero ul {
	margin-top: 20px;
	position: relative;
}

.list-head:before {
	content: "";
	display: block;
	height: 66px;
	width: 74px;
	background: url(img/trapeze.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	left: -80px;
}

#hero ul li {
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	width: 50%;
	margin-bottom: 10px;
	opacity: 0;
	position: relative;
	left: -50px;
}

.offer-home {
	display: flex;

}

.offer-home .offer-item {
	margin-right: 15px;
	position: relative;
}

.offer-item h2 a {
	color: #fff;
	font-size: 30px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto auto;
	text-align: center;
}

.offer-item h2 {
	margin: 0;
}

.offer-item a.a-mask {
	display: block;
	background: transparent;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s ease;
}

.offer-item a.a-mask:hover{
	background: rgba(230, 222, 49, 0.6);
}

section {
	margin: 30px 0;
	padding: 30px 0;
}

section.page-gym {
	padding: 0;
	margin: 0;
	background: url(img/women.png) no-repeat right bottom -30%, url(img/men.png) no-repeat left bottom -30%;
	background-size: auto 50% ;
}

section#primary {
	padding: 0;
	margin: 0;
}

.section-title {
	font-weight: 700;
	color:#000003;
	font-size: 50px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
	z-index: 5;
	padding-left: 20px;


}

main#main {
	padding-bottom: 30px;
}

.page .section-title, .archive .section-title, .single-trener .section-title {
	margin-top: 30px;
}

.section-title.title-white {
	color: #fff;
}

.section-title:before {
	content: "";
	display: block;
	background: url(img/trapeze.svg) no-repeat;
	background-size: 100% auto;
	height: 66px;
	width: 75px;
	position: absolute;
	left:0px;
	z-index: -1;
}

body .container{
	max-width: 90%;

}

body.page-template-contact-php main {
	max-width: 1000px;
	margin: 20px auto;
}

.shedule-bg {
	background: url(img/grafik_bg.jpg) no-repeat;
	background-size: cover;
}


.shedule table {
	border: transparent;
}

.shedule table th {
	border: none;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	text-align: center;
}

.shedule table tbody {
	background: #191919;
	color: #fff;
}

.shedule tr td {
	border-color: #212121;
	color: #fff;
	font-size: 14px;
	padding: 0;
}

.class-name {
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #E6DE31;
	display: block;
	margin-bottom: 0;
}

.shedule a.trainer {
	color: #fff;
	font-size: 14px;
	display: block;

}

.shedule-item {
	padding: 20px 43px;
}

.shedule table tbody > tr > td > .shedule-item:nth-child(2) {
	border-top: 1px solid #212121;

}

.shedule table tbody > tr > td:first-child, .shedule table thead > tr > th:first-child  {
	width: 5%;
	padding: 20px 30px;
}

.shedule table tbody > tr > td:nth-child(n+2), .shedule table thead > tr > th:nth-child(n+2)  {
	width: 19%;
	vertical-align: middle;
}

.shedule table td {
	transition: 0.3s ease;	
}

.shedule table td .shedule-item:hover {
	background: rgba(230, 222, 49, 0.6);
	cursor: pointer;
}

#our-gym > .container {
	background: url(img/women.png) no-repeat right top;
	background-size: 35% auto;
}

.video2 img, .archive img {
	max-width: 100%;
	height: auto;
}

.video2 {
	position: relative;
}

.video2 a:before {
	content: "Zobacz video";
	color: #fff;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 50%;
	font-weight: 700;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	opacity: 0;
	transition: 0.3s ease;
}

.video2:hover a:before {
	top: 67%;
	opacity: 1;
}

.video2 a:after {
	content: "";
	height: 68px;
	width: 68px;
	background: url(img/play.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#our-gym img {
	max-width: 100%;
}

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

.gym-gallery > div {
	margin-bottom: 30px;
}

.gym-gallery div a {
	position: relative;
	height: 100%;
	display: block;
}

.gym-gallery a:after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background: transparent;
	transition: all 0.3s ease;
}

.gym-gallery a:hover:after {
	background: rgba(230, 222, 49, 0.6);
}

.btn-primary {
	background: url(img/btn_bg.svg) no-repeat center center;
	color: #000003;
	font-size: 18px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	padding: 20px 75px;
	display: block;
}

.btn-secondary {
	background: #E6DE31;
	color:#333333;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	border: none;
	display: block;
	width: 100%;
	padding: 20px;
	border-radius: 0;
}

.btn-primary:hover, .btn-primary:focus {
	background: url(img/btn_bg.svg) no-repeat center center;
}

.btn-primary.btn-center {
	margin: 15px auto;
}

#testimonials {
	background: #000000;
	margin-bottom: 0;
}

.testimonial-author-name {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	display: block;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.testimonial-row {
	margin-top: 40px;
	margin-bottom: 30px;
}

.testimonial-row p {
	color: #fff;
	font-size: 14px;
}

.rate {
	margin-bottom: 5px;
}

#map-canvas {
	height: 600px;
}

.credits {
	height: 100px;
	background: #000;
	color: #fff;
	line-height: 100px;
}

/*MAPS*/
#map-container, #bilczyce-map, #szczurowa-map {
	position: relative;
	height: 600px;
}


/*.home-szczurowa, .home-bilczyce {*/
/*	position: relative;*/
/*}*/

#hero .home-szczurowa h1, #hero .home-bilczyce h1 {
	font-size: 109px;
	opacity: 1;
	left: 10%;
	width: 80%;
	text-align: center;
	max-width: none;
}



.map-container {
	position: relative;
}

.map-contact {
	z-index: 99;
	position: absolute;
	padding: 40px;
	background: #000;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 420px;
	left: calc(10vw / 2);
}

.map-contact span {
	color: #5D5D5D;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.map-contact a {
	display: block;
	color:#fff;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;

}

.map-contact-row {
	margin-bottom: 30px;	
}

.trainer-spec {
	color:#000003;
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
}

h2.trainer-name a {
	color: #000;
	font-weight: 700;
	font-size: 32px;
}

article .trainer {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 15px;
	margin-bottom: 30px;
}


.overlay-modal {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	/*filter: blur(10px);*/
	background: rgba(255, 255, 255, 0.1);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
}

#modal {
	background: rgba(0, 0, 0, 0.95);
	padding: 20px 60px;
	min-height: 200px;
	max-width: 70%;
	position: relative;
}

#modal .trainer-spec {
	color: #E6DE31;
	font-size: 22px;
}

#modal .trainer-name {
	color: #fff;
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
}

#modal-header {
	padding: 2rem 0;
}

#modal .trainer-desc, #modal .class-desc{
	color: #fff;
}

#modal h3 {
	color: #fff;
	font-size: 22px;
	margin-top: 20px;
	font-weight: 700;
	padding-bottom: 15px;
}

#modal p {
	font-size: 14px;
}

#modal .modal-close {
	height: 26px;
	width: 26px;
	background: url(img/modal_close.png) no-repeat center center;
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
	z-index: 10;
}

#modal .class-name {
	display: inline-block;
}

.blur {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-filter: url(#blur-filter);
	filter: url(#blur-filter);
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

.sub-menu {
	display: none;
}

.wpcf7 {
	margin-top: 50px !important;	
}

.wpcf7 label {
	width: 100%;
	display: block;
	font-weight: 700;
	color: #000;
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
}

.wpcf7 input[type=text], .wpcf7 input[type=email] {
	width: 100%;
	height: 55px;
	border: 1px solid #DDDDDD;
	padding-left: 15px;
}

.wpcf7 textarea {
	width: 100%;
	border: 1px solid #DDDDDD;
	padding: 15px;
}

.pricing-box {
	background: #F5F5F5;
	border: 1px solid #EEEEEE;
	padding: 25px;
}

.pricing-box h3 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 25px;
}

.pricing-row {
	font-family: 'Oswald', sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pricing-row > div:last-child {
	font-weight: 700;
}

.news-item {
	margin-bottom: 20px;
}

.news-item img {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.news-item h2 {
	margin-top: 10px;
}

.news-item h2 a {
	color: #000;
	font-size: 26px;
}

.news-item h2 a:hover {
	color: #E6DE31;
}

.news-item .news-thumb {
	max-height: 190px;
	height: 190px;
	overflow: hidden;
	position: relative;
}

.facebook-panel {
	width: 350px;
	position: fixed;
	top: 15vh;
	left: -350px;
	transition: all 0.3s ease;
	background: #000;
	z-index: 99;
}

.dropdown-menu {
	background: #000e14;
	border-top: 3px solid #E6DE31;
	border-radius: 0;
}

.dropdown-item {
	color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
	background: #E6DE31;
	color: #000e14;
}


.facebook-panel:hover {
	left: 0;
}

.facebook-panel:after {
	content: "";
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	right: -60px;
	top:0;
	background: url(img/fb_jg.png) no-repeat;
	z-index: 99;

}

.single-post .container { 
	width: 1060px;

}

#modal .trainer-link {
	font-size: 14px;
	color: #E6DE31;
	display: none;
}


.single-post h2 {
	font-size: 50px;
	font-weight: 700;
	text-align: center;;
	margin-top: 40px;
}

.entry-content .shedule {
	background: #000;
}


/*HOME NAVIGATION*/

#home-navigation{
	position: relative;
	overflow: hidden;
	height: calc(100vw * 0.4);
	background: #000;
}

#home-navigation .strip {
	position: absolute;
	left: 70px;
	right: 0;
	margin: auto;
	z-index: 99;
	transition: all 0.3s ease-in-out;
	/*display: none;*/
}

#home-navigation > div {
	position: absolute;
	height: 100%;
	width: 100%;
}

#home-navigation img {
	max-height: 110%;
	max-width: 110%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#home-navigation h1 {
	color: #E6DE31;
	position: relative;
	z-index: 9;
	text-align: center;
	font-size: 85px;
	line-height: 86px;
	max-width: 500px;

}

.home .map-contact img  {
	display: none;
}

.home .map-contact {
	height: 230px;
	margin: 0 auto;
	top: -40px;
	left: 0;
}

#home-navigation .home-bilczyce {
	left: 0;
	top: 0;
}

#home-navigation .home-szczurowa {
	left: 50%;
}

.home-bilczyce img, .home-szczurowa img {
	transition: all 0.3s ease-in-out;
	position: absolute;
}

.gym-photo {
	overflow: hidden;
	height: calc(100vw * 0.40);
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.home-bilczyce:hover img, .home-szczurowa:hover img {
	scale: 1.1;
}

.home-szczurowa > a, .home-bilczyce > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

body.home .navbar {
	height: 100px;
}

body.home .navbar .container {
	justify-content: center;
}

body.home .navbar .navbar-brand img {
	max-height: 50px;
}

.map-row > div {
	padding: 0;
}

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

	#home-navigation {
		height: 100vh;
		position: relative;
	}

	#home-navigation > div {
		height: 50%;
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;justify-content: center;
	}

	#home-navigation .home-szczurowa {
		left: 0;
	}

	#home-navigation h1 {
		font-size: 48px;
		line-height: 60px;
		padding: 0 15%;
		display: inline-block;
		font-weight: 700;
	}

	#home-navigation .strip {
		display: none;
	}

	#modal .trainer-link {
		display: block;
	}

	.map-row {
		display: none;
	}

	#home-navigation .home-szczurowa img {
		left: -35px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	aside {
		display: none;
	}

	#hero .slide .men, #hero .slide .woman {
		max-height: 70vh;
	}

	#hero .slide .strip {
		right: -45%;
	}

	#hero .slide .men {
		right: -3%;
	}

	#modal p {
		font-size: 12px;
	}

	#modal {
		background: rgba(0, 0, 0, 0.95);
		padding: 15px 15px;
		min-height: 200px;
		max-width: 100%;
		position: relative;
	}

	#modal h3 {
		display: none;
	}

	#modal img {
		max-height: 120px;
	}

	#modal-header {
		padding: 0.5rem 0;
	}

	#benefit {
		width: 60px;
	}

	#benefit img {
		max-width: 100%;
	}
	#instagram {
		width: 60px;
	}

	#instagram img {
		max-width: 100%;
	}

	#modal .trainer-spec {
		color: #E6DE31;
		font-size: 12px;

	}

	#modal .trainer-desc, #modal .class-desc {
		max-height: 129px;
		overflow: hidden;
		margin-bottom: 0;
	}

	.hero-text-white-bg {
		background: #fff;
		color: #000003;
		padding: 5px 15px;
		font-weight: 700;
		font-size: 19px;
		letter-spacing: 5px;
		position: relative;
		bottom: -50px;
		opacity: 0;
		transition: bottom 0.3s ease 0.3s, opacity 0.4s ease 0.4s;
		z-index: 99;
		margin: 10px auto;
	}

	#hero h1 {
		color: #E6DE31;
		font-size: 80px;
		font-weight: 700;
		line-height: 94px;
		z-index: 9;
		text-shadow: 2px 2px 2px #000;
	}

	#hero h1 {
		max-width: 100%;
	}

	.slide {
		display: flex;
		width: 100%;
		align-items: normal;
		padding-top: 11%;
	}

	#hero .slide .card-img {
		position: absolute;
		bottom: 0;
		max-height: 54%;
		width: auto;
		max-width: 80%;
		z-index: 10;
		top: auto;
		bottom: 20%;
		margin: auto;
		opacity: 0;
		transition: 0.5s ease 0.7s;
	}

	#hero .slide.active .card-img {
		right: 31vw;
	}


	.list-head {
		font-size: 30px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		position: relative;
		bottom: -50px;
		left: 17%;
		z-index: 99;
		opacity: 0;
		transition: bottom 0.3s ease 0.3s, opacity 0.4s ease 0.4s;
		text-shadow: 2px 2px 2px #000;
	}

	#hero ul {
		z-index: 99;
	}

	#hero ul li {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		font-family: 'Oswald', sans-serif;
		width: 100%;
		margin-bottom: 10px;
		opacity: 0;
		position: relative;
		left: -50px;
		text-shadow: 2px 2px 2px #000;
	}

	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-align: center;
		align-items: center;
		position: fixed;
		z-index: 999;
		top: 121px;
		width: 100%;
		background: #000;
		left: 0;
		height: 100vh;
		text-align: center;
	}

	.facebook-panel {
		width: 100vw;
		position: fixed;
		top: 15vh;
		left: -100vw;
		transition: all 0.3s ease;
		background: #000;
		z-index: 99;
	}

	.facebook-panel:hover {
		left: 0;
	}

	.facebook-panel:after {
		content: "";
		display: block;
		height: 60px;
		width: 60px;
		position: absolute;
		right: -40px;
		top:0;
		background: url(img/fb_jg.png) no-repeat;
		background-size: 100% auto;
		z-index: 99;

	}

	.offer-home .offer-item {
		margin-right: 0;
	}

	.navbar-dark .navbar-nav .nav-link {
		color: #fff;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		padding: 0.7rem;
	}

	body .container {
		max-width: 95%;
	}

	.shedule {
		overflow-x: scroll;
	}

	.section-title {
		font-size: 40px;
	}


	.section-title:before {
		height: 52px;
	}

	.offer-home {
		overflow-x: hidden;
	}

	.navbar-brand img {
		max-width: 160px;
	}
	.offer-home {
		display: flex;
		flex-direction: column;
	}

	.offer-home .offer-item img {
		max-width: 100%;
	}

	.offer-home .offer-item {
		margin-bottom: 30px;
	}

	.map-contact {
		display: block;
		position: static;
		height: auto;
		max-width: 100%;
	}

	.credits {
		line-height: normal;
	}

	#hero {
		position: relative;
	}
}


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

	.pum-theme-465 .pum-container, .pum-theme-lightbox .pum-container {
		max-width: 95% !important;
		max-height: 90% !important;
		left: 0 !important;
		right: 0 !important;
		top: 5% !important;
		bottom: 0 !important;
	}

	.pum-theme-465 .pum-title, .pum-theme-lightbox .pum-title {
		display: none;
	}

	#hero h1 {
		color: #E6DE31;
		font-size: 55px;
		font-weight: 700;
		line-height: 61px;
	}

	.hero-text-white-bg {
		background: #fff;
		color: #000003;
		padding: 5px 10px;
		font-weight: 700;
		font-size: 18px;
		letter-spacing: 2px;
		position: relative;
		bottom: -50px;
		opacity: 0;
		transition: bottom 0.3s ease 0.3s, opacity 0.4s ease 0.4s;
		z-index: 99;
	}


	.list-head:before {
		content: "";
		display: block;
		height: 44px;
		width: 53px;
		background: url(img/trapeze.svg) no-repeat center center;
		background-size: 100% auto;
		position: absolute;
		left: -60px;
	}
}