@charset "utf-8";
/* wysuwana apla  */
#mainmenu {
	width: 							100%;
	background: 					#0a0b0d;
	position: 						fixed;
	z-index: 						99999999;
	left: 							-100%;
	-webkit-transition-duration: 	1s;
	-moz-transition-duration: 		1s;
	-o-transition-duration: 		1s;
	transition-duration: 			1s;	
	top:							60px;
	opacity:						0.98;
	overflow-y:						auto;
	height:							100%;
}	
#mainmenu.on {
	left: 							0; 
}
/* button menu  */
.menuToggle {
	text-align: 					center;
	font-size: 						18px;
	font-weight:					300;
	background:						#000;
	/*opacity:						0.3;*/
	float: 							left;
	margin-left: 					20px;
}
.menuToggle a {
   color: 							#fff;
   outline: 						0;	
}
.menuToggle a:hover {
	color: 							#ccc;
}
.menuToggle a:hover .fa {
	transition: 					all 1s ease 0s;
}	
.menuToggle a:hover .fa-times {
	transform: 						rotate(360deg);	
}
.closeMobilemenu {
	display: 						none;
}
/* menu  */
#mainmenu .moduletable_menu .nav.menu a {
	color: 							#858585;
}
#mainmenu .moduletable_menu .nav.menu a:hover {
	color: 							#fff;	
}
#mainmenu .moduletable_menu {
	padding-left: 					20px;
}
#mainmenu .moduletable_menu ul {
	list-style: 					none;
	margin-left: 					0;
	padding-left: 					10px;
}
#mainmenu .moduletable_menu > ul.nav.menu > li {
	display: 						block;
	float:							left;
	width: 							17%;
	margin-right: 					1%;
}
#mainmenu .moduletable_menu.kampusy > ul.nav.menu > li {
	width: 							18%;
}
#mainmenu .moduletable_menu > ul.nav.menu > li > a {
	font-size:						18px;
    color: 							#fff;
    display: 						block;
    font-weight: 					500;
    margin-bottom: 					10px;
    display: 						block;
    border-bottom: 					1px solid #28292a;
    padding-bottom: 				10px;
}
#mainmenu .moduletable_menu > ul.nav.menu > li > a:hover {
	color: 							#858585;
}
li.item-101 {
	width: 							50px !important;
}
li.item-101 a.mainpage {
	padding-bottom: 				0;
}
li.item-101 a:hover {
	border: 						none !important;
}
li.item-101 a.mainpage:hover {
	transform: 						scale(1.7);	
	margin-left:					5px;
}	
li.item-459 a .fa,
li.item-460 a .fa,
li.item-756 a .fa, {
	transition-duration: 			0.5s;
}
li.item-459 {
	margin-top: 					10px;
}
li.item-459 a:hover .fa,
li.item-460 a:hover .fa,
li.item-756 a:hover .fa, {
	transform: 						scale(1.7);	
}	
#mainmenu .moduletable_menu ul.nav.menu ul {
	font-size: 						14px;
	padding-bottom: 				20px !important;	
}
#mainmenu .moduletable_menu.kampusy ul.nav.menu {
	margin-left:					50px;	
}
#mainmenu.mobilemenu  .moduletable_menu {
	margin-left: 					0;
}
#mainmenu .moduletable_menu.kampusy ul.nav.menu {
	margin-left:					80px;	
}
#mainmenu.mobilemenu .moduletable_menu.kampusy ul.nav.menu {
	margin-left:					0;	
}
#mainmenu.mobilemenu .moduletable_menu.kampusy ul.nav.menu li {
	width: 							100%;
}
#mainmenu .moduletable_menu ul.nav.menu li {	
	margin-bottom: 					20px;
}
.moduletable_menu.kampusy {
	clear: 							both;
	overflow: 						auto;
	background: 					#131719 !important;
}
.moduletable_menu.kampusy h3 {
	color: 							#fff;
	font-size: 						24px;
	text-align: 					center;
	font-weight: 					300;
	text-transform: 				uppercase;
	margin: 						10px  auto;
}
#mainmenu .moduletable_menu.kampusy > ul.nav.menu > li:first-of-type {
	display:						block;
}
#mainmenu .moduletable_menu.kampusy > ul.nav.menu > li > a {
	color:							#898b8c;	
	font-size: 						18px;
	text-transform:					capitalize;
}
#mainmenu,
#mainmenu .moduletable_menu.kampusy  {
	border-top:						1px dashed #28292a;
}
#mainmenu .moduletable_menu.kampusy > ul.nav.menu > li > a:hover {
	color: 							#fff;	
}
#mainmenu .moduletable_menu ul.nav.menu ul,
#mainmenu .moduletable_menu ul.nav.menu .item-101 ul.hiddens {
	max-height: 					500px;	
	overflow: 						hidden;
    -moz-transition: 				max-height 3s ease;
    -webkit-transition: 			max-height 3s ease;
    -o-transition: 					max-height 3s ease;
    transition: 					max-height 3s ease;	
}
#mainmenu .moduletable_menu ul.nav.menu ul.hiddens {
	max-height: 					0;	
    -moz-transition: 				max-height 0.50s ease;
    -webkit-transition: 			max-height 0.50s ease;
    -o-transition: 					max-height 0.50s ease;
    transition: 					max-height 0.50s ease;	
}
#mainmenu .moduletablesearch {
	display: 						none;
	position: 						absolute;
	top: 							65px;
	left: 							65px;	
	background: 					url(https://www.swps.pl/images/bg-search-tint.jpg) no-repeat #060606;
	background-size: 				contain;
	border: 						1px dotted #ccc;
	padding: 						50px 50px;
	box-shadow: 					0 0 0px 10px #111;
}
#mainmenu .moduletablesearch .closeSearch a{
	top: 							-12px;
	position: 						absolute;
	right: 							-10px;
	border-radius: 					100%;
	background: 					#000;
	padding: 						5px 7px;
	margin: 						0.2em;	
	border: 						1px solid #ccc;
	color: 							#ccc;	
}
#mainmenu .moduletablesearch .closeSearch a:hover {	
	transform: 						scale(1.5) rotate(360deg);	
	margin:							5px;
	color: 							#fff;
}
#mainmenu .moduletablesearch label {
	display: 						none;
}
#mainmenu .current.active > a {
	color: 							#fff !important;
}
#mainmenu .current.active a {
	border-color: 					#fff !important;
}
.kampusy .item-146 a:hover,
.kampusy .item-146 .current.active > a {
	color:							#00AEF0 !important;
}
.kampusy .item-146.current.active > a {
	border-color:					#00AEF0 !important;	
}
.kampusy .item-173 a:hover,
.kampusy .item-173 .current.active > a,
.kampusy .item-173.current.active > a {
	color:							#F39C11 !important;
}
.kampusy .item-173.current.active > a {
	border-color:					#F39C11 !important;	
}
.kampusy .item-174 a:hover,
.kampusy .item-174 .current.active > a,
.kampusy .item-174.current.active > a {
	color:							#E3001B !important;
}
.kampusy .item-174.current.active > a {
	border-color:					#E3001B !important;	
}
.kampusy .item-175 a:hover,
.kampusy .item-175.current.active > a,
.kampusy .item-175 .current.active > a {
	color:							#36A839 !important;
}
.kampusy .item-175.current.active > a {
	border-color:					#36A839 !important;	
}
.kampusy .item-176 a:hover,
.kampusy .item-176 .current.active > a,
.kampusy .item-176.current.active > a {
	color:							#BF3D87 !important;
}
.kampusy .item-176.current.active > a {
	border-color:					#BF3D87 !important;	
}
#mainmenu .item-486 {
	display:						none;
}
/* logotypy Stref */
/*#mainmenu .item-679,
#mainmenu .item-680,
#mainmenu .item-681 {
	display:						inline-block;
	overflow: 						hidden;
	margin: 						0;
	margin-top: 					-20px;
	margin-right: 					30px;
}
#mainmenu .item-681 a {
	background: 					url(https://swps.pl/images/Strefa-Psyche/logotypy/sp-logo.png)no-repeat center 0px;
}
#mainmenu .item-680 a {
	background: 					url(https://swps.pl/images/Strefa-Rodzica/sr_logo_white.png)no-repeat center 0px;
}
#mainmenu .item-679 a {
	background: 					url(https://swps.pl/images/Strefa-Mlodziezy/SM_logo_white.png)no-repeat left 10px;
}
#mainmenu .item-679 a,
#mainmenu .item-680 a,
#mainmenu .item-681 a {
	display:						block;	
	width:							60px;
	height:							60px;
	background-clip:				border-box;
	background-size:				contain;	
	filter: 						grayscale(1) brightness(0) contrast(0);
	-webkit-filter: 				grayscale(1) brightness(0) contrast(0);
	-webkit-transition-duration: 	0.5s;
	-moz-transition-duration: 		0.5s;
	-o-transition-duration: 		0.5s;
	transition-duration: 			0.5s;
}
#mainmenu .item-679 a {
	width:							75px;
	height:							75px;	
}
#mainmenu .item-679 a:hover,
#mainmenu .item-680 a:hover,
#mainmenu .item-681 a:hover {
	filter: 						grayscale(0) brightness(1) contrast(1);
	-webkit-filter: 				grayscale(0) brightness(1) contrast(1);
}


@media (max-width: 1780px) {
	#mainmenu .item-679,
	#mainmenu .item-680,
	#mainmenu .item-681 {
		display:					inline-block;
		margin-right:				10px;
		max-width: 					30%;
	}
	#mainmenu .item-681 {
		margin-top:					auto;
	}
	#mainmenu .item-679 a,
	#mainmenu .item-680 a,
	#mainmenu .item-681 a {
		display: 					block;
	}
}
@media (max-width: 1370px) {
	#mainmenu .item-679,
	#mainmenu .item-680,
	#mainmenu .item-681 {
		display:					block;
		margin-right: 				0;
		max-width: 					100%;		
	}
	#mainmenu .item-681 {
		margin-top:					auto;
	}
	#mainmenu .item-679 a,
	#mainmenu .item-680 a,
	#mainmenu .item-681 a {
		display: 					block;
	}
}
*/
#mainmenu .moduletablesocial {
	display: 						none;
	position: 						absolute;
	top: 							65px;
	left: 							65px;	
	background: 					#060606;
	background-size: 				cover;
	border: 						1px dotted #ccc;
	padding: 						20px 20px;
	box-shadow: 					0 0 0px 10px #111;
	font-size:						14px;
	z-index:						99;
}
#mainmenu .moduletablesocial h3 {
	line-height:					.7em;
	font-weight: 					300;
	text-transform:					uppercase;
}
#mainmenu .moduletablesocial,
#mainmenu .moduletablesocial a {
	color: 							#858585;	
}
#mainmenu .moduletablesocial a:hover {
	color: 							#fff;	
}
#mainmenu .moduletablesocial a:hover .fa-facebook {
	color: 							#3B5998;			
}		
#mainmenu .moduletablesocial a:hover .fa-twitter {
	color: 							#1DA2F2;			
}		
#mainmenu .moduletablesocial a:hover .fa-google-plus {
	color: 							#C03C30;			
}		
#mainmenu .moduletablesocial a:hover .fa-soundcloud {
	color: 							#FF5500;			
}		
#mainmenu .moduletablesocial a:hover .fa-linkedin {
	color: 							#1985BC;			
}		
#mainmenu .moduletablesocial a:hover .fa-flickr {
	color: 							#FF0096;			
}		
#mainmenu .moduletablesocial a:hover .fa-snapchat-ghost {
	color: 							#FFFC01;			
}		
#mainmenu .moduletablesocial a:hover .fa-youtube {
	color: 							#CC181E;			
}		
#mainmenu .moduletablesocial a:hover .fa-instagram {
	color: 							#7547BF;			
}	
#mainmenu .moduletablesocial a:hover .fa-spotify {
	color: 							#1ED760;	
}		
#mainmenu .moduletablesocial a:hover .fa-headphones.deezer {
	color: 							#EB0088;
}
#mainmenu .moduletablesocial a:hover .fa-headphones.yandex {
	color: 							#EF3124;
}
#mainmenu .moduletablesocial a:hover .fa-headphones.googlemusic {
	color: 							#F16C00;
}
#mainmenu .moduletablesocial ul {
	float:							left;
	margin-right:					50px;
}
#mainmenu .moduletablesocial li {
	margin:							0.7em;
}
#mainmenu .moduletablesocial .closeSocial a {
	top: 							-12px;
	position: 						absolute;
	right: 							-10px;
	border-radius: 					100%;
	background: 					#000;
	padding: 						5px 7px;
	margin: 						0.2em;	
	border: 						1px solid #ccc;
	color: 							#ccc;	
}
#mainmenu .moduletablesocial .closeSocial a:hover {	
	transform: 						scale(1.5) rotate(360deg);	
	margin:							5px;
	color: 							#fff;
}
@media (max-width: 1610px) {
	#mainmenu .moduletablesocial ul:nth-child(3)	{
		clear: 						left !important;
	}
}
@media (max-width: 980px) {
	#mainmenu .moduletablesocial {
		max-width: 					75%;
		left: 15px;
	}
	#mainmenu .moduletablesocial ul {
		float: 						none;
		clear: 						both;
	}
}