@font-face {
	font-family: 'Uni Sans Book';
	src: url('/assets/fonts/uni_sans_book_italic-webfont.woff2') format('woff2'),
	url('/assets/fonts/uni_sans_book_italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;

}


@font-face {
	font-family: 'Uni Sans Book';
	src: url('/assets/fonts/uni_sans_book-webfont.woff2') format('woff2'),
	url('/assets/fonts/uni_sans_book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'Uni Sans Book';
	src: url('/assets/fonts/uni_sans_semibold-webfont.woff2') format('woff2'),
	url('/assets/fonts/uni_sans_semibold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;

}

body {
	position: relative;
}
html, body {
	height: auto;
}

/*@media all and (max-width: 1200px) { !* screen size until 1200px *!*/
	/*body {*/
		/*font-size: 1.5em; !* 1.5x default size *!*/
	/*}*/
/*}*/
/*@media all and (max-width: 1000px) { !* screen size until 1000px *!*/
	/*body {*/
		/*font-size: 1.2em; !* 1.2x default size *!*/
	/*}*/
/*}*/
/*@media all and (max-width: 500px) { !* screen size until 500px *!*/
	/*body {*/
		/*font-size: 0.8em; !* 0.8x default size *!*/
	/*}*/
/*}*/

.embed-responsive {
	padding-bottom: 56.25%;
}

.quiz-embed {
	width: 100%;
	height: auto;
	border: 0;
}

.navbar-4fun-over > li > a, .navbar-4fun-under > li > a:hover, .navbar-4fun-under > li > a:focus {
	color: #111111 !important;
	font-size: 1.1rem !important;
}


.navbar-4fun-under
{
	background-color: #d92aec;
}

.text-4fun {
	color: #d92aec;
}

.border-4fun {
	/*border-color: #d92aec !important;*/
	/*border-color: #d92aec;*/
	border: 1px solid #d92aec;
}
.border-4fun-left {
	border-left: 1px solid #d92aec;
}

.navbar-4fun-under > li > a {
	/*color: #EEEEEE !important;*/
	color: #FFFFFF !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem !important;
	/*letter-spacing: 0.05em;*/
}
.navbar-4fun-under > li > a:hover, .navbar-4fun-under > li > a:focus {
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 1.2rem !important;
}


.item {
	position:relative;
	padding-top:20px;
	display:inline-block;
}

.badge-age, .badge-age-wide{
	position: absolute;
	right: 1em;
	top: 3em;
	background: transparent;
	text-align: center;
	border-radius: 0;
	color:black;
	padding: 0;
	font-weight: 400;
	width: 4rem;
}
.badge-age-wide {
	width: 6rem;
}
.badge-age img {
	width: 1rem;
	height: 1rem;
}
.badge-age-mini{
	position: absolute;
	right: 1em;
	top: 1em;
	background: transparent;
	text-align: center;
	border-radius: 0;
	color:black;
	padding: 0;
	font-weight: 400;
}

.badge-age-mini img {
	width: 1rem;
	height: 1rem;
}

.badge-light{
	background: #f5f5f5;
	border-radius: 0;
	color:black;
	padding: .25em 1em;
	font-weight: 400;
}

.btn-outline-dark {
	color: #5d5d5d;
	background-image: none;
	background-color: transparent;
	border-color: #5d5d5d;
	border-radius: 0;
	border-width: 2px;
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #5d5d5d;
	border-color: #5d5d5d;
}

a, a:hover {
	color: #d92aec;
}

.btn-chane-tags, .btn-chane-tags:hover {
	color: #d92aec;
	font-size: 2em;
	font-weight: 300;
}
.btn-chane-tags.active {
	color: #5d5d5d;
}
.btn-chane-tags:hover, .btn-chane-tags.active:hover {
	color: #d92aec!important;
}

.text-lighter {
	color: #cbcccd !important;
}
.text-purple{
	color: #b571dd !important
}

@keyframes lds-pacman-1 {
						   0% {
							   -webkit-transform: rotate(0deg);
							   transform: rotate(0deg);
						   }
						   50% {
							   -webkit-transform: rotate(-45deg);
							   transform: rotate(-45deg);
						   }
						   100% {
							   -webkit-transform: rotate(0deg);
							   transform: rotate(0deg);
						   }
					   }
@-webkit-keyframes lds-pacman-1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes lds-pacman-2 {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	50% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@-webkit-keyframes lds-pacman-2 {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	50% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes lds-pacman-3 {
	0% {
		-webkit-transform: translate(190px, 0);
		transform: translate(190px, 0);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(70px, 0);
		transform: translate(70px, 0);
		opacity: 1;
	}
}
@-webkit-keyframes lds-pacman-3 {
	0% {
		-webkit-transform: translate(190px, 0);
		transform: translate(190px, 0);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(70px, 0);
		transform: translate(70px, 0);
		opacity: 1;
	}
}
.lds-pacman {
	position: relative;
}
.lds-pacman > div:nth-child(2) div {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 120px;
	height: 60px;
	border-radius: 120px 120px 0 0;
	background: #d82aed;
	-webkit-animation: lds-pacman-1 1s linear infinite;
	animation: lds-pacman-1 1s linear infinite;
	-webkit-transform-origin: 60px 60px;
	transform-origin: 60px 60px;
}
.lds-pacman > div:nth-child(2) div:nth-child(2) {
	-webkit-animation: lds-pacman-2 1s linear infinite;
	animation: lds-pacman-2 1s linear infinite;
}
.lds-pacman > div:nth-child(1) div {
	position: absolute;
	top: 92px;
	left: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #f9f171;
	-webkit-animation: lds-pacman-3 1s linear infinite;
	animation: lds-pacman-3 1s linear infinite;
}
.lds-pacman > div:nth-child(1) div:nth-child(1) {
	-webkit-animation-delay: -0.67s;
	animation-delay: -0.67s;
}
.lds-pacman > div:nth-child(1) div:nth-child(2) {
	-webkit-animation-delay: -0.33s;
	animation-delay: -0.33s;
}
.lds-pacman > div:nth-child(1) div:nth-child(3) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.lds-pacman {
	width: 200px !important;
	height: 200px !important;
	-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
	transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

.badge-category, .badge-category-wide{
	position: absolute;
	right: 1em;
	top: 1em;
	background: #f5f5f5;
	text-align: center;
	border-radius: 0;
	color:black;
	/*padding: 0.3em 1em .25em 1em;*/
	font-weight: 400;
	/*font-size: 60%;*/
	width: 4rem;
}
.badge-category-wide {
	width: 6rem;
}
.badge-channel{
	position: absolute;
	left: 1.2em;
	top: 1.2em;
	background: transparent;
	text-align: center;
	border-radius: 0;
	color:black;
	padding: 0;
}
.badge-channel img {
	height: 2em;
}

html { font-size: 0.75rem; }
.channel-dropdowns {
	margin-left: 0!important;
}
.container-fluid {
	padding-right: 15px;
	padding-left:  15px;
	max-width: 1540px; /* or 950px */
}

.h4 {
	font-size:1.4rem;
}

.min-gutters {
	margin-right: -5px;
	margin-left: -5px;
}
.min-gutters>.col, .min-gutters>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}

.entry-content {
	font-size: 14px;
}

blockquote > p {
	padding-left: 20px;
	padding-right: 8px;
	border-width: 0 0 0 5px;
	font-style: italic;
	border-style: solid;
	border-color: #ccc;
}

.playlist-item-text {
	font-size:1.2rem;
}
@media (min-width: 576px) {

	html { font-size: 0.75rem; }
	.entry-content {
		font-size: 14px;
	}
	.navbar-channel {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	.badge-category {
		font-size: 75%;
		/*padding: .25em 1em;*/
	}
	.badge-channel img{
		height: 2.5em;
	}
	.h4 {
		font-size:1.5rem;
	}
	/*.playlist-item-text {*/
		/*font-size:1.3rem;*/
	/*}*/


}
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	/*html { font-size: 1rem; }*/
	html { font-size: 0.75rem; }
	.entry-content {
		font-size: 14px;
	}
	.stosunkowo-right {  height: 50px;  }
	.channel-dropdowns {
		margin-left: auto!important;
	}
	.min-gutters {
		margin-right: -15px;
		margin-left: -15px;
	}
	.min-gutters>.col, .min-gutters>[class*=col-] {
		padding-right: 15px;
		padding-left: 15px;
	}



}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	html { font-size: 1rem; }
	.entry-content {
		font-size: 1rem;
	}
	.stosunkowo-right {  height: 60px;  }
	/*html { font-size: 1.75rem; }*/

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	/*html { font-size: 2rem; }*/

	.container-fluid {
		padding-right: 6%;
		padding-left:  6%;
	}

}



body {
	/*font-size: 14px;*/
	/*font-size: 3.2vw;*/
	font-family: Uni Sans Book, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" ;
}
h2 {
	/*font-size: 3.0vh;*/
}
p {
	/*font-size: 2vmin;*/
}

.bg-4fun {
	/*background-color: #d82aed;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c953e1+0,c869e1+25,c2d0dd+50,8df0db+75,42e4ec+100 */
	background-image: url(/assets/images/gradint-bg.jpg);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center center;
	/*background: #c953e1; !* Old browsers *!*/
	/*background: -moz-linear-gradient(-45deg, #c953e1 0%, #c869e1 25%, #c2d0dd 50%, #8df0db 75%, #42e4ec 100%); !* FF3.6-15 *!*/
	/*background: -webkit-linear-gradient(-45deg, #c953e1 0%,#c869e1 25%,#c2d0dd 50%,#8df0db 75%,#42e4ec 100%); !* Chrome10-25,Safari5.1-6 *!*/
	/*background: linear-gradient(135deg, #c953e1 0%,#c869e1 25%,#c2d0dd 50%,#8df0db 75%,#42e4ec 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c953e1', endColorstr='#42e4ec',GradientType=1 ); !* IE6-9 fallback on horizontal gradient *!*/
}

.badge-4fun {
	color: white;
	font-weight: 200;
	border-radius: 0;
	font-size: 150%;
}

footer > .d-flex {
	text-align: center;
}

.main-video-play {
	position: absolute;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	height: 4em;
}

.contest-play {
	position: absolute;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	height: 4em;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
}

.play-btn:hover .contest-play {
	visibility: visible;
	opacity: 1;
}


.btn-outline-dark {
	background-color: #fff;
}

.ytp-large-play-button-bg {
	-moz-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
	-webkit-transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
	transition: fill .1s cubic-bezier(0.4, 0.0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0.0, 1, 1);
	fill: #212121;
	fill-opacity: .8;
}
.play-btn:hover svg path:first-child
{
	fill: #d82aed;
	fill-opacity: .9;
}

.main-video-caption, .video-caption {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6); /* Black background with transparency */
	color: #f1f1f1;
	width: 100%;
	padding: 2em;
}
.video-caption {
	padding: 1em;
}

.channel {
	opacity: 0.4;
}
.channel.active {
	opacity: 1;
}

.btn-xl {
	padding: .7rem 1.2rem;
	font-size: 1.3rem;
	line-height: 1.5;
	border-radius: .3rem;
}

.programs-btn:after {
	position: absolute;
	left: 0;
	bottom: 1rem;
	height: 2px;
	background: #343a40;
	content: "";
	width: 100%;
	display: block;
	z-index: 1;
}
.programs-btn.bg-dark:after
{
	background: #fff;
}
.programs-btn.text-dark .circle-o {
	background-color: #fff!important;
}
.programs-btn.text-white .circle-o {
	background-color: #343a40!important;
}

.navbar-4fun .dropdown-menu {
	margin: 0;
}
.navbar-4fun .dropdown:hover > .dropdown-menu {
	display: block;
}
a.anchor {
	display: block;
	position: relative;
	top: -12.5em;
	visibility: hidden;
}

.navbar-4fun .navbar-toggler {
	border: none;
}
.navbar-4fun .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%270%200%2030%2030%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20d%3D%27M5%203h16M5%209h20M5%2015h13%27%2F%3E%3Ctext%20x%3D%223%22%20y%3D%2228%22%20fill%3D%22%23ffffff%22%20font-size%3D%228%22%20font-family%3D%22Verdana%22%3EMENU%3C%2Ftext%3E%3C%2Fsvg%3E") !important;
	width: 2em;
	height: 2em;
	}
.navbar-4fun {
	padding: 0 0 0 1rem;
}

.navbar-4fun .navbar-nav .nav-link {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem !important;
}

.fs-1dot1em {
	font-size: 1.1em !important;
}

.fs-1dot7em {
	font-size: 1.7em !important;
}
.fs-1dot29em {
	font-size: 1.29em !important;
}
.fs-1dot12em {
	font-size: 1.12em !important;
}

/*a:hover {*/
	/*color: #d92aec!important;*/
/*}*/

.btn-4fun {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;

	color: #343a40!important;
	text-decoration: none;
}

.btn-4fun:hover {
	color: #d92aec!important;
	text-decoration: none;
}

/*<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>*/

/*<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>*/


/*input[type=search] {*/
	/*width: 60px;*/
	/*-webkit-transition: width 0.4s ease-in-out;*/
	/*transition: width 0.4s ease-in-out;*/
/*}*/

/*!* When the input field gets focus, change its width to 100% *!*/
/*input[type=search]:focus {*/
	/*width: 100%;*/
/*}*/

.aa-input-container {
	display: inline-block;
	z-index: 1045;
	position: relative;
	/*width: 100%;*/
}
.aa-input-search {
	/*width: 300px;*/
	border: 1px solid rgba(228, 228, 228, 0.6);
	/*padding: 12px 28px 12px 12px;*/
	padding: .375rem .75rem;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; }

.aa-input-search:focus {
	color: #495057;
	background-color: #fff;
    border-color: #D92AEC;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(217, 42, 236, 0.25);
	width: 100%;
}
.aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {
	display: none; }
.aa-input-icon {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	right: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	fill: #e4e4e4; }
.aa-dropdown-menu {
	background-color: #fff;
	border: 1px solid rgba(228, 228, 228, 0.6);
	min-width: 300px;
	margin-top: 10px;
	box-sizing: border-box;
	right: 0 !important;
	left: auto !important;
}
.aa-suggestion {
	padding: 1em;
	cursor: pointer;
}
.aa-suggestion em {
	font-style: normal;
	color: #D92AEC !important;
}
.aa-suggestion + .aa-suggestion {
	border-top: 1px solid rgba(228, 228, 228, 0.6);
}
.aa-suggestion:hover, .aa-suggestion.aa-cursor {
	background-color: rgba(241, 241, 241, 0.35);
}

@media (min-width: 768px) {
	.omb_row-sm-offset-3 div:first-child[class*="col-"] {
		margin-left: 25%;
	}
}




/*.omb_btn-facebook {background: #3b5998;color: white;}*/
/*.omb_btn-twitter {background: #00aced;color: white;}*/
/*.omb_btn-google {background: #c32f10;color: white;}*/

.fa-google-new {
	content: url("/assets/images/g-logo.svg");
	width: 1.3rem;
	height: 1.3rem;
	/*background-position: center center;*/
	/*padding: 6px 4px 2px;*/
	/*opacity: 0.9;*/
}

.btn-google-new, .btn-google-new:hover  {
	color: #6c757d;
	background-color: transparent;
	background-image: none;
	border-color: #bfbdc3;
}
.btn-google-new:hover {
	color: #434343;
	border-color: #434343;
}
.btn-google-new span {
	font-family: 'Roboto', sans-serif;
}

.btn-facebook, .btn-facebook:hover  {
	color: #ffffff;
	background-color: #4267b2;
	background-image: none;
	border-color: transparent;
}
.btn-facebook:hover {
	background-color: #3B5998;
}


.btn-outline-4fun {
	color: #d82aed;
	background-color: transparent;
	background-image: none;
	border-color: #d82aed;
}

.btn-outline-4fun:hover {
	color: #fff;
	background-color: #d82aed;
	border-color: #d82aed;
}
.btn-outline-4fun:focus {
	color: #fff;
	background-color: #d82aed;
	border-color: #d82aed;
	box-shadow: 0 0 0 0.2rem rgba(217, 42, 236, 0.25);
}

.btn-outline-4fun-gold {
	color: #fcb316;
	background-color: transparent;
	background-image: none;
	border-color: #fcb316;
}

.btn-outline-4fun-gold:hover {
	color: #fff;
	background-color: #fcb316;
	border-color: #fcb316;
}
.btn-outline-4fun-gold:focus {
	color: #fff;
	background-color: #fcb316;
	border-color: #fcb316;
	box-shadow: 0 0 0 0.2rem rgba(252, 179, 22, 0.25);
}

.btn-outline-4fun-kids {
	color: #00b7f1;
	background-color: transparent;
	background-image: none;
	border-color: #00b7f1;
}

.btn-outline-4fun-kids:hover {
	color: #fff;
	background-color: #00b7f1;
	border-color: #00b7f1;
}
.btn-outline-4fun-kids:focus {
	color: #fff;
	background-color: #00b7f1;
	border-color: #00b7f1;
	box-shadow: 0 0 0 0.2rem rgba(0, 184, 240, 0.25);
}

.btn-outline-4fun-dance {
	color: #ff0000;
	background-color: transparent;
	background-image: none;
	border-color: #ff0000;
}

.btn-outline-4fun-dance:hover {
	color: #fff;
	background-color: #ff0000;
	border-color: #ff0000;
}
.btn-outline-4fun-dance:focus {
	color: #fff;
	background-color: #ff0000;
	border-color: #ff0000;
	box-shadow: 0 0 0 0.2rem rgba(252, 179, 22, 0.25);
}

.btn-solid-4fun {
	color: #fff;
	background-color: #d82aed;
	background-image: none;
	border-color: transparent;
}

.btn-solid-4fun:hover {
	color: #fff;
	background-color: #c426d7;
	background-image: none;
	border-color: transparent;
}

.fos_user_registration_register .badge {
	border-radius: 0;
	font-size: 100%;
}

.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	z-index: 999;
	opacity: 0;
	border-radius: 0;
	background-color: #212327;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #ecf0f1;
}

.cookiealert.show {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1000ms;
}

.cookiealert a {
	text-decoration: underline
}

.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline;
}

.entry-content > p > img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.terms-info p {
	margin-bottom: 0;
}

.terms-info {
	/*font-size: .875rem;*/
	/*line-height: 1.2;*/
}

.small {
	font-size: .875rem !important;
	line-height: 1.3 !important;
}


.btn-solid-pink {
	color: #fff;
	background-color: #ef738a;
	background-image: none;
	border-color: transparent;
}

.btn-solid-pink:hover {
	color: #fff;
	background-color: #ef738a;
	background-image: none;
	border-color: transparent;
}


.text-pink
{
	color: #ef738a !important;
}
.bg-pink-main
{
	background-color: #ee7388;
}
.bg-pink-outside
{
	background-color: #f5b5c1;
}
.bg-pink-normal
{
	background-color: #eee4e7;
}
.bg-pink-selected
{
	background-color: #ef738a;
}
.bg-pink-inactive
{
	background-color: #f2c6ce;
}
.bg-ribbon
{
	background-image: url('/assets/images/cycki/logo_kafelek.jpg');
	background-position: center top;
	background-repeat: repeat-y;
}
.card-calendar {
	-webkit-box-orient: horizontal!important;
	-webkit-box-direction: normal!important;
	-ms-flex-direction: row!important;
	flex-direction: row!important;
}
.card-calendar>.card {
	 -webkit-box-flex: 1;
	-ms-flex: 1 0 0%;
	flex: 1 0 0%;
	margin-bottom: 0;
}
.bg-grey {
	background-color: #bab7c1 !important;
}

.img-bw {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.custom-file-label::after {
	content: "Przeglądaj";
}

.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#d82aed;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#d82aed;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

.autocomplete-suggestion b {
	font-weight: normal;
	color: #D92AEC !important;
}


/*.karton .text-white {*/
	/*background-color: red;*/
	/*text-shadow: 0px 1px 2px rgba(0,0,0,0.63);*/
/*}*/
.text-white .card-link {
	color: #fff;
	/*text-shadow: 0px 1px 2px rgba(0,0,0,0.63);*/
	text-shadow: 1px 1px 1px #000000;
}
.card-kartony .text-white .card-title {
	text-shadow: 1px 1px 1px #000000;
}

.facebook-responsive {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.facebook-responsive iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

iframe {
	max-width: 100%;
}

@media screen and (max-width: 400px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 401px) and (max-width: 720px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 721px) and (max-width: 1050px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem .5rem !important;
	}
}

@media screen and (min-width: 1051px) and (max-width: 1280px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem .5rem !important;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 1921px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}


@media screen and (max-width: 400px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
	.konkursfun-widget .card-body > div,
	.konkursfun1-widget .card-body > div {
		flex-direction: column !important;
	}

	.konkursfun-widget-quantity-alt,
	.konkursfun1-widget-quantity-alt,
	.konkursfun1-widget-quantity-alt-2,
	.konkursfun1-widget-quantity-alt-3,
	.konkursfun-widget-quantity,
	.konkursfun1-widget-quantity,
	.konkursfun1-widget-quantity-2,
	.konkursfun1-widget-quantity-3 {
		width: 100%;
		text-align: center;
	}
	.konkursfun2-widget .card-body > div {
		flex-direction: column !important;
	}

	.konkursfun2-widget-quantity-alt,
	.konkursfun2-widget-quantity-alt-2,
	.konkursfun2-widget-quantity-alt-3,
	.konkursfun2-widget-quantity-alt-4,
	.konkursfun2-widget-quantity,
	.konkursfun2-widget-quantity-2,
	.konkursfun2-widget-quantity-3,
	.konkursfun2-widget-quantity-4 {
		width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
	.konkursfun-widget .card-body > div,
	.konkursfun1-widget .card-body > div {
		flex-direction: column !important;
	}

	.konkursfun-widget-quantity-alt,
	.konkursfun1-widget-quantity-alt,
	.konkursfun1-widget-quantity-alt-2,
	.konkursfun1-widget-quantity-alt-3,
	.konkursfun-widget-quantity,
	.konkursfun1-widget-quantity,
	.konkursfun1-widget-quantity-2,
	.konkursfun1-widget-quantity-3 {
		width: 100%;
		text-align: center;
	}

	.konkursfun2-widget .card-body > div,
	.konkursfun2-widget .card-body > div {
		flex-direction: column !important;
	}

	.konkursfun2-widget-quantity-alt,
	.konkursfun2-widget-quantity-alt-2,
	.konkursfun2-widget-quantity-alt-3,
	.konkursfun2-widget-quantity-alt-4,
	.konkursfun2-widget-quantity,
	.konkursfun2-widget-quantity-2,
	.konkursfun2-widget-quantity-3,
	.konkursfun2-widget-quantity-4 {
		width: 100%;
		text-align: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem .35rem !important;
	}
}

@media screen and (min-width: 993px) and (max-width: 1050px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem .4rem !important;
	}
}

@media screen and (min-width: 1051px) and (max-width: 1280px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem .5rem !important;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

@media screen and (min-width: 1921px) {
	#navbarSupportedContent .nav-link {
		padding: 1rem!important;
	}
}

.konkursfun-widget-title p,
.konkursfun1-widget-title p {
	margin: 0.5rem 0;
}

.konkursfun1-widget p {
	font-size: 24px;
}

.konkursfun-widget-quantity-alt p,
.konkursfun1-widget-quantity-alt p,
.konkursfun1-widget-quantity-alt-2 p,
.konkursfun1-widget-quantity-alt-3 p,
.konkursfun-widget-quantity p,
.konkursfun1-widget-quantity p,
.konkursfun1-widget-quantity-2 p,
.konkursfun1-widget-quantity-3 p {
	font-size: 16px;
}


.konkursfun-widget-content,
.konkursfun1-widget-content,
.konkursfun1-widget-content-2,
.konkursfun1-widget-content-3 {
	width: 400px;
	max-width: 100%;
	text-align: center;
}

.konkursfun2-widget-title p {
	margin: 0.5rem 0;
}

.konkursfun2-widget p {
	font-size: 24px;
}

.konkursfun2-widget-quantity-alt p,
.konkursfun2-widget-quantity-alt-2 p,
.konkursfun2-widget-quantity-alt-3 p,
.konkursfun2-widget-quantity-alt-4 p,
.konkursfun2-widget-quantity p,
.konkursfun2-widget-quantity-2 p,
.konkursfun2-widget-quantity-3 p,
.konkursfun2-widget-quantity-4 p {
	font-size: 16px;
}


.konkursfun2-widget-content,
.konkursfun2-widget-content-2,
.konkursfun2-widget-content-3,
.konkursfun2-widget-content-4 {
	width: 400px;
	max-width: 100%;
	text-align: center;
}