.text-center {
	text-align: center !important;
}

.fl-lt {
	float: left;
}

.fl-rt {
	float: right;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.figure {
	margin: 0px;
}

img {
	max-width: 100%;
}

a,
a:hover,
a:active {
	outline: 0px !important;
	text-decoration: none;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: #000; */
	transition: 1s;
}

.preloader::before {
	content: ' ';
	position: absolute;
	left: 0;
	width: 50%;
	height: 100%;
	background: #000;
	transition: 1s;
}

.unclickable {
	z-index: 10;
}

.preloader.complete::before {
	left: -50%;
}

.preloader.complete::after {
	right: -50%;
}

.preloader::after {
	content: ' ';
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
	background: #000;
	transition: 1s;
	z-index: 9;
}

.nonvisible {
	display: none !important;
}

#banner {
	z-index: 9 !important;
}

#banner:hover {
	cursor: pointer !important;
}

/* Primary Styles
---------------------------------*/
body {
	background: black !important;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: #6e6e6e;
	margin: 0;
}

h2 {
	font-size: 34px;
	color: #222222;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	text-align: center;
	text-transform: uppercase;
}

h3 {
	color: #222222;
	font-size: 16px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: 400;
}

h6 {
	font-size: 16px;
	color: #6e6e6e;
	font-weight: 400;
	text-align: center;
	margin: 0 0 60px 0;
}

p {
	line-height: 24px;
	margin: 0;
}

.black {
	background-color: white !important;
}

/* Scrollup*/
.scrollup {
	width: 64px;
	height: 64px;
	text-decoration: none;
	position: fixed;
	right: 42px;
	bottom: 42px;
	display: none;
	z-index: 100;
	opacity: 0.8;
	font-size: 4rem;
	color: #fb9d17;
	transition: 0.5s;
}


.scrollup:hover {
	color: #222222;
}


/* Header Styles
---------------------------------*/

.header {
	text-align: center;
	background: url(../img/tlo\ strona.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	display: none;
}

.visible {
	display: block !important;
	width: 100% !important;
}

.logo {
	width: 260px;
	margin: 0 auto 35px;
}

.header h1 {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: -1px;
	margin: 0 0 22px 0;
	color: #fff;
}

.we-create {
	padding: 0;
	margin: 35px 0 55px;
}

.start-button {
	padding-left: 0px;
}

.start-button li a {
	color: #fff;
}

.link-purple {
	display: block;
	margin-left: auto;
	margin-right: auto;
	outline: 0 !important;
}

.link-purple {
	cursor: pointer;
	outline: none;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	display: inline-block;
	padding: 0;
	background-color: transparent;
	border: none;
	font: 1.3rem 'Anton', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff;
}

.link-purple span {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 50px;
	z-index: 3;
}

.link-purple:before,
.link-purple span:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) skewX(-20deg);
	transform: translate(-50%, -50%) skewX(-20deg);
	width: 100%;
	height: 50px;
	border: 1px solid #fb9d17;
	z-index: 2;
}

.link-purple span:before {
	display: block;
	-webkit-transform: translate(-50%, -50%) skew(-20deg);
	transform: translate(-50%, -50%) skew(-20deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	z-indeX: -1;
}

.link-purple:after {
	transition: all 100ms ease-out;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: skewX(-20deg) scaleX(0);
	transform: skewX(-20deg) scaleX(0);
	width: 100%;
	height: 100%;
	background-color: #f5c238d0;
	border: 1px solid transparent;
	z-index: 1;
}

.link-purple:hover span:before {
	-webkit-animation: fill .5s ease-out;
	animation: fill .5s ease-out;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.link-purple:hover:after {
	-webkit-animation: swoosh .7s ease-in;
	animation: swoosh .7s ease-in;
}

.link-purple:active:before {
	background-color: #cfd2d6;
}

@-webkit-keyframes swoosh {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	20% {
		-webkit-transform: skewX(-20deg) scaleX(1);
		transform: skewX(-20deg) scaleX(1);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	21% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}

	50% {
		-webkit-transform: skewX(-20deg) scaleX(0);
		transform: skewX(-20deg) scaleX(0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes swoosh {
	0% {
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	20% {
		-webkit-transform: skewX(-20deg) scaleX(1);
		transform: skewX(-20deg) scaleX(1);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}

	21% {
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}

	50% {
		-webkit-transform: skewX(-20deg) scaleX(0);
		transform: skewX(-20deg) scaleX(0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@-webkit-keyframes fill {
	0% {
		background-color: rgba(251, 157, 23, 0);
	}

	20% {
		opacity: .5;
		border-width: 15px;
		border-color: #fb9d17;
	}

	100% {
		opacity: .5;
		border-width: 1px;
		background-color: rgba(251, 157, 23, 0.5);
	}
}

@keyframes fill {
	0% {
		background-color: rgba(251, 157, 23, 0);
	}

	20% {
		opacity: .5;
		border-width: 15px;
		border-color: #fb9d17;
	}

	100% {
		opacity: .5;
		border-width: 1px;
		background-color: rgba(251, 157, 23, 0.5);
	}
}

/* Navigation
---------------------------------*/
.main-nav-outer {
	padding: 0px;
	position: relative;
	background: #fff;
	display: none;
}

.main-nav {
	text-align: center;
	margin: 10px 0 0px;
	padding: 0;
	list-style: none;
	width: 100% !important;
}

.main-nav li {
	display: inline;
	margin: 0 1px;
}

.main-nav li a {
	display: inline-block;
	color: #222222;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 20px;
	margin: 17px 32px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	font-size: 1.0rem;
}

.main-nav li a:hover {
	text-decoration: none;
	color: #fb9d17;
}

.small-logo {
	padding: 0 32px;
}

/* Services
---------------------------------*/

.delta-list {
	padding: 0 0 0 0;
	font-size: 14px;
	margin-bottom: 40px;
}

.delta-list-col1 {
	float: left;
	width: 60px;
}

.delta-list-col1 i {
	font-style: normal;
	font-size: 38px;
	display: block;
	color: #222;
	line-height: 38px;
}

.delta-list-col2 {
	overflow: hidden;
}

.main-section.alabaster {
	background: #fafafa;
}

.landing-section {
	padding-top: 2%;
	padding-bottom: 12rem;
}

.kid-h2 {
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	text-transform: none;
}

.kid-form-text {
	padding: 14px 17px 14px 0px;
}

.kid-social {
	margin: 11rem 0 5%;
	text-align: center;
}

.kid-timer-head {
	margin-top: 5%;
}

.kid-timer-reg {
	margin-top: 5%;
	text-transform: none;
	text-align: center;
	font-size: 1.3rem;
}

.kid-timer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* no transition on .isotope container */

.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

.main-section.paddind {
	padding-bottom: 60px;
}

/* cadre
---------------------------------*/
.cadre-leader-block {
	margin: 0 auto;
}

.cadre-leader-box {
	height: 430px;
	overflow: hidden;
	text-align: center;
}

.cadre-leader-box span {
	margin-bottom: 24px;
	display: block;
}

.cadre-leader-box:nth-of-type(3n+0) {
	margin: 0;
}

.cadre-leader {
	width: auto;
	height: auto;
	margin: 7px 7px 25px 7px;

}

.cadre-leader img {
	display: block;
	width: 70%;
	border-radius: 50%;
	margin: 0 auto 0 auto;
}

.cadre-leader ul li a {
	display: inline-block;
	font-size: 28px;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.cadre-leader ul li a:hover,
.cadre-leader ul li a:focus {
	text-decoration: none;
}

/* Contact
---------------------------------*/
.main-section.contact {
	padding: 90px 0 100px;
}

.contact-info-box {
	font-size: 15px;
	margin: 0 0 14px 68px;
	padding-left: 0;
}

.contact-info-box h3 {
	font-size: 15px;
	font-weight: 400;
	float: left;
	width: 102px;
	margin-right: 12px;
	line-height: 28px;
}

.contact-info-box h3 i {
	font-style: normal;
	font-size: 18px;
	color: #222222;
	font-weight: normal;
	margin-right: 7px;
}

.contact-info-box span {
	line-height: 28px;
	display: block;
	overflow: hidden;
}

.social-link {
	display: block;
	text-align: center;
	width: 48%;
	line-height: 42px;
	font-size: 25px;
	color: #fff;
	background: #222222;
	border-radius: 10px 10px 10px 10px;
	transition: all 0.3s ease-in-out;
	margin: 0 auto 0 auto;
}

.social-link:hover,
.social-link:focus {
	text-decoration: none;
	background: #3b5998;
	color: #fff;
}

.form {
	margin: 0 66px 0 30px;
}

.input-text {
	padding: 15px 16px;
	border: 1px solid #ccc;
	width: 100%;
	height: 50px;
	display: block;
	border-radius: 4px;
	font-size: 15px;
	color: #aaa;
	margin: 0 0 15px 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.input-text:focus {
	border: 1px solid #7cc576;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
}

.input-text.text-area {
	height: 165px;
	resize: none;
	overflow: auto;
}

.input-btn {
	width: 175px;
	height: 50px;
	background: #fb9d17;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 400;
	border: 0px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.input-btn:hover {
	background: #111;
	color: #fff;
}

.validation {
	color: red;
	display: none;
	margin: 0 0 20px;
	font-weight: 400;
	font-size: 13px;
}

#sendmessage {
	color: #7cc576;
	border: 1px solid #7cc576;
	display: none;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}

#errormessage {
	color: red;
	display: none;
	border: 1px solid red;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}

#sendmessage.show,
#errormessage.show,
.show {
	display: block;
}

.res-nav_click {
	line-height: 38px;
	font-size: 38px;
	text-decoration: none !important;
	color: #777777;
	font-style: normal;
	display: none;
	width: 42px;
	height: 27px;
	margin: 20px auto;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.res-nav_click:hover,
.res-nav_click:active,
.res-nav_click:focus {
	color: #fb9d17 !important;
}

/* Animation Timers
---------------------------------*/
.delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

.delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}

.delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}

.delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.delay-12s {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.email {
	font-size: 1.4rem;
	color: #000;
}


.kid-link:hover {
	text-decoration: none;
}

.kid-link:active,
.kid-link:focus {
	text-decoration: none;
	color: #fff !important;
}

.kid-img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


#place {
	margin-bottom: 5rem !important;
}

.h3-place {
	text-transform: none;
	font-size: 1rem;
	padding-top: 8.5rem;
	text-align: justify;
}

.p-place {
	padding-top: 1rem;
	padding-bottom: 2rem;
	text-align: justify;
}

.img-place {
	max-width: 50%;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.mapouter {
	padding-top: 2rem;
}

.gmap_canvas {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#gmap_canvas {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.carousel-item img {
	overflow: hidden;
}

.carousel {
	padding-top: 2rem;
}


/* Baner zarejestruj sie*/
.register-banner {
	background: url(../img/tlo\ strona\ dol.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 982px;
}

#partners {
	margin-bottom: 4rem;
}

#team {
	margin-bottom: 4rem;
}

.part-img {
	margin-top: 1.5rem;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

.part-img--main{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 1rem; 
}

.part-p {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

.facebook {
	margin-top: 2.1rem;
}

.kid-mail {
	color: #222222;
	transition: all 0.3s ease-in-out;
}

.kid-mail:hover,
.kid-mail:focus {
	color: #fb9d17;
}

.footer-text {
	margin-bottom: 2% !important;
}

@media screen and (min-width: 576px) and (max-width:768px) {
	.part-p {
		text-align: justify !important;
	}

	.fa-chevron-circle-up {
		font-size: 4rem;
	}
}

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

	h3,
	p {
		text-align: center !important;
	}

	.social-link {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.delta-list-col1 i {
		display: none;
	}

	.kid-link h2 {
		font-size: 1.7rem;
	}

	.scrollup {
		font-size: 3rem;
		right: 24px;
		bottom: 24px;
	}

	.img-footer {
		width: 30% !important;
	}

	.kid-form-text {
		margin-top: 3rem;
	}

	.img-footer-wrs {
		width: 26% !important;
	}

	.register-banner h2 {
		padding-top: 4rem;
	}
}

/* The progress container (grey background) */
.progress-container {
	width: 100% !important;
	height: 4px;
	background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
	height: 4px;
	background: #fb9d17;
	/* Old browsers */
	background: -moz-linear-gradient(right, #fb9d17 0%, #fcfc88 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(right, #fb9d17 0%, #fcfc88 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fb9d17 0%, #fcfc88 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9d17', endColorstr='#fcfc88', GradientType=0);
	/* IE6-9 */
	width: 0%;
}

@media screen and (max-width: 576px) {
	.mapouter {
		display: none;
	}

	.h3-place {
		padding-top: 2rem;
	}

}

@media screen and (min-width: 576px) and (max-width:768px) {
	.mapouter {
		display: none;
	}
}

.form {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


.image-flip:hover .backside,
.image-flip.hover .backside {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.mainflip {
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
	position: relative;
}

.frontside {
	position: relative;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
	margin-bottom: 30px;
}

.backside {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	background: white;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	width: 100%;
	max-height: 312px !important;
}

.card-body {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	max-height: 312px !important;
}

.card {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}


.frontside,
.backside {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 1s;
	-moz-transform-style: preserve-3d;
	-o-transition: 1s;
	-o-transform-style: preserve-3d;
	-ms-transition: 1s;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
}

.card-text {
	font-size: 0.8rem;
}

.frontside .card,
.backside .card {
	min-height: 312px;
}

.backside .card a {
	font-size: 18px;
}

.frontside .card .card-title,
.backside .card .card-title {
	color: #000 !important;
}

.frontside .card .card-body img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: white !important;
	box-shadow: none;
	outline: none;
	color: #fb9d17 !important;
}

.btn-primary {
	color: #fff !important;
	background-color: #fb9d17 !important;
	border-color: #fb9d17 !important;
}

.portfolio {
	position: relative;
	height: 100%;
}

.portfolio__text {
	position: absolute;
	height: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 99;
}

.portfolio__link{
	color: #fb9d17;
}

.portfolio__link:hover{
	color: #f19007;
}