@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Raleway:300,700,900&display=swap&subset=latin-ext');



/*  


    font-family: 'Raleway', sans-serif;

    font-family: 'Oswald', sans-serif;


 */

/* MAIN */

@szary: #111;

@niebieski: #3773b9; 

@color3: #fafafa;

html {

  scroll-behavior: smooth;

}





body {

	//backgrounsd: rgba(0, 0, 0, 0.5) url("../images/bg.jpg") repeat fixed 0 0  ;

	position: relative; 

	font-size: 16px;

	line-height: 28px;

    font-family: 'Raleway', sans-serif;

	font-weight:300;

	color:@szary;
    

}





.dark{

	background-color: @szary;

	color: @color3;

	padding-bottom: 40px;

}
.dark h2{
    color:#fff;
}

.srodeksiec{

		box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.4) inset;



}



/*.dark:hover h2:after, .dark:hover h2:before, #kontakt:hover h2:before, #kontakt:hover h2:after{

	padding: 15px;	

}*/

.light{

	background-color: #color3;

	color: @niebieski;

	padding-bottom: 50px;

	//box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset;





}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

/*    width: 1140px;

*/}





a{	color: @niebieski;

	-webkit-transition: all 0.2s ease-out 0s;

	-moz-transition: all 0.2s ease-out 0s;

	-ms-transition: all 0.2s ease-out 0s;

	-o-transition: all 0.2s ease-out 0s;

	transition: all 0.2s ease-out 0s;

	outline: none !important;

}

a:hover{

	text-decoration:none;

    color: darken(@niebieski, 5%);}

p {

	margin: 10px 0;

}

/* HEADERS */

.page-header{

	margin:10px auto;

	border:none;}

.item-page h1 {
	width: 100vw;

	position: relative;

	left: 50%;

	right: 50%;

	margin-left: -50vw;

	margin-right: -50vw;
	color:@szary;

	font-size:40px;

	text-transform:uppercase;

	font-weight:700;

	text-align: center;

	padding: 40px 0px;

    font-family: 'Oswald', sans-serif;
	background-color: @niebieski;
    color:#fff;
    margin-bottom: 30px;





/*





	padding: 40px 0px;

	background-color: @niebieski;

	color:#fff;

	font-weight:800;

	font-size:40px;

	text-transform:uppercase;

	text-align: center;

	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset;*/

}

h2, h2 a, .page-header h2{

	font-size: 25px;

	color:@niebieski;

	margin-bottom: 30px;

	position: relative;

	text-transform:uppercase;


	margin-top:35px;

	text-align:center;

	border:none;

	transition: all 0.2s ease-out 0s;

    font-family: 'Raleway', sans-serif;

	font-weight:700;
    letter-spacing: 5px;

}



.uk-panel-box h2{

	font-size: 30px;

	margin: 0px;

	padding: 0px;

	color:@niebieski;

	font-weight: 800;

	}

.uk-panel-box h2::after, .uk-panel-box h2::before{

	content:"";

}





.uk-margin ul li{

    font-size: 14px;

    line-height: 1.4;

    list-style: square;

}

/*    { background-image: url("http://turneo.pl/templates/hanish-joomla/images/h1.png");

    content: "";

    height: 16px;

    left: 50%;

    position: absolute;

    top: 45px;

    transform: translateX(-50%);

    width: 150px;

	 border-bottom: solid 2px @niebieski;

}

*/







h3{

	font-size: 23px;
	font-weight:700;
	margin-top: 30px;
	line-height: 1.3;
	color: @niebieski;
	text-align:left;
	clear:both;
}



h4{

	font-size: 20px;

	text-transform:uppercase;

	font-weight:bold;

	

}

h5 a, h5{

		color:#fff;

		font-size:16px;

		text-align:left;

		padding:10px 0px;

		border-radius:4px;

		margin:15px auto;

		display:block;}

h6{

		background-color:@niebieski;

		color:#fff;

		font-size:20px;

		text-align:center;

		padding:10px;

		border-radius:4px;}

.article-info-term{

	display:none;}

















// TOP BAR



.obnizka {

	padding-top: 30px;

}



header.sps {

  position: fixed;

  top: 0;

  left: 0;

  transition: all 0.25s ease;

  width: 100%;

  z-index: 9999;



}

header.sps--abv {

  background-color: transparent;

  color: #000;

}



header.sps--blw {

 //  background: rgba(55, 115, 185, 1.0) ;
   background: rgba(255, 255, 255, 1.0) ;

  color: #fff;

	box-shadow: 0 0px 5px 5px rgba(0, 0, 0.3, 0.1) ;



}

header p{

	padding:0;

	margin:0;}

/* LOGO  */

.logo{

	padding:0px;

	margin:0px 0px;}

	

.logo img {

    max-width: 80%;

   transition: all .5s ease-out;

	filter: brightness(0) invert(1);

}	

	

header.sps--blw  .logo img {

    max-width: 60%;

	transition: all .2s ease-out;

	filter:none;



}

.dodatki{

    transition: all .3s ease-out;

	width:100%;

	padding:0px;

	text-align:right;

	color:#FFFFFF;

	font-size:18px;

	margin-top: 0px;

	font-weight: bold;

}

.dodatki a{

	background-color:@szary;

	color: #fff;

	font-weight: 400;

	padding: 1px 5px;

	border-bottom-left-radius: 4px;

	border-bottom-right-radius: 4px;

	display: block;

	float: right;

	margin-left: 5px;

	font-size: 125%;

	line-height: 40px;

	box-shadow: 1px 1px 1px #666;

}





.sps--blw .dodatki a{

	line-height: 25px;

}

/* MENU */



nav{

	width:100%;

	text-align:right;

	color:#FFFFFF;

	font-size:16px;

//	overflow:hidden;

}







.nav > li > a:focus, .nav > li > a:hover {

    background-color: transparent;

}

nav ul {

	float:right;

	margin:0px;

	padding:0px;

}

.menu {

	li {

		list-style-type: none;

		float: left;}

	li a {

   		 font-family: 'Rajdhani', sans-serif;

		font-weight: 300;

		padding: 0 10px;

		line-height: 80px;

		margin:0px;

		color:#fff;

		text-transform:uppercase;

		font-size: 22px;

	}

	li a:hover{

		color:@niebieski;

	background: none; 

		}

	li.active a{

		color:#fff;

		border-bottom: 1px solid @color3;

		}

	li.current a{

		}

	li.current a:hover{

		}

}

.sps--blw .menu{

	



	li a {

		line-height: 60px;

		font-size: 18px;

	}

	li a:hover{

		color:#fff;

		border-bottom: 1px solid @color3;

		}

	li.active a{

		color:#fff;

		}

	li.current a{

		}

	li.current a:hover{

		}

	

	

	

}

/* SLIDER */



#slider {

	
    background-color: @szary;

	min-height:120px;

	text-align: center;

	color: #fff;

//	text-shadow: 1px 1px 0px #000;

	}

.custom-slide2 {

	background-color: #222;

	height: 50px;

	

}
.customszeroki {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-top: 30px;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 40px 40px;
    color: 
    #fff;
    font-weight: 400;
    text-align: center;
    background-attachment: fixed;
    background-size: cover;
}


#omnie h4|{

	color:@szary;

	font-size: 24px;

	margin: 0px;

}

#omnie p{

	padding: 5px;

}

.profilowe img{

border-radius: 50%; }



/* cennik */



.cennik {

	//max-width: 800px;

	margin: auto;

}

.cennik tr{

	transition: all 0.3s ease-out 0s;

	text-align: center;

	line-height: 1.2;

	}

.cennik td:nth-child(1){

text-align: left;

	}

.cennik td:nth-child(2){

text-align: right;

	}

.cennik em{

	color: #aaa;

	font-size: 80%;



	}

.cennik tr:hover{

background-color: #F8F8F8;

color: #000;

	}



/* PASEK DOLNY */

#oferta ul li, #cennik ul li{

	list-style-type: square;

	font-size: 24px;

	line-height: 1.6;

	transition: all 0.2s ease-out 0s;



}

#oferta ul li:hover , #cennik ul li:hover{

	padding-left: 15px;

}

#oferta2 {

	background: rgba(0, 0, 0, 0.8) url("../images/oferta2.jpg") repeat fixed 0 0 / cover ;

	color: #fff;

	padding: 20px;

	overflow: hidden;

	padding-bottom: 45px;

	padding-top: 45px;

	text-align: center;

}

#oferta2 p{

	text-align: center;



}

strong{

	font-weight: 800;

}







#formularz {

	//background: rgba(0, 0, 0, 0.8) url("../images/formularz.jpg") repeat fixed 0 0 / cover ;

	background-color: @color3;

	color: @szary;

	padding: 20px;

	overflow: hidden;

	padding-bottom: 35px;

	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.05) inset;



}

#formularz p a, #formularz strong {

	color: @szary;

	font-size: 125%;

	font-weight: 800;



}

#formularz a:hover{

	border: dashed 2px #fff;

	border-radius: 5px;



	}

/*#formularz .uk-panel:hover img{

transform: scale(1.1);

}*/



#kontakt {

	background: rgba(0, 0, 0, 0.8) url("../images/kontakt.jpg") repeat fixed 0 0 / cover ;





}

#kontakt img{

	max-width: 200px;

	

}

#kontakt p{

	font-weight: 800;

	font-size:130%;

	text-align: center;



}

#kontakt tr{

}

#kontakt a{

	color: @niebieski;

	font-weight: 800;



}

#kontakt a:hover{



}

#mapa{

	//	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.05) inset;



}

#mapa .custom-mapka{

	

	filter: grayscale(100%);

	

}

#mapa p{

	color:#333;

	margin: 0px;

	padding: 0px;

	

}

#mapa inframe{

	color:#333;

	margin: 0px;

	padding: 0px;

	

}





/* SRODEK */

.main{

	//box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.4) inset;

}

article p {

	text-align:justify;

	}

.item{

	overflow:hidden;}

.published{

	display:block-inline;

	}

.published time{

	padding:3px;

	font-size:80%;

	background-color:#9C9C9C;

	color:#fff;

	border-radius:3px;}

.readmore {

	float:right;}

.readmore a{

	background-color: @szary;

	border-radius: 0px;

	color: #fff !important;

	font-size: 12px;

	margin-top: 5px;

	padding: 3px 6px;

	border-radius:5px;

	text-transform:uppercase;

}

.readmore a:hover{

	background-color: darken(@szary, 10%);

	color: #fff !important;

}



















/* FOOTER  */

#footer {

	background-color: @color3;

	color:#color1;

	padding:25px 0px;



}

#footer a {

		color:@niebieski;

	font-weight: 800;



}

#footer p {

	text-align:center;

	margin: 10px 0;
font-size: 75%}



.wykonanie{

	text-align: right;

}







/* zdjęcia */

img {

    border: 0 none;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

	-webkit-transition: all 0.5s ease-out 0s;

	-moz-transition: all 0.5s ease-out 0s;

	-ms-transition: all 0.5s ease-out 0s;

	-o-transition: all 0.5s ease-out 0s;

	transition: all 0.5s ease-out 0s;



}

 

.item-page{

	padding-bottom: 50px;
    min-height: 400px;

}

	

.item-page ul, .iteam-page table{

	clear:both;}











/* FORMULARZE I BUTTONY */



.btn, a.uk-button{

    transition: all .3s ease-out;
    color: @niebieski;

	font-size: 80%;

    background-color: #fff;
    border: solid 1px @niebieski !important;
    text-transform: uppercase;
}

.btn:hover, a.uk-button:hover{

    background-color: @niebieski!important;
    color: #fff;



}


label {

    display: inline-block;

    font-weight: 400;

    margin-bottom: 5px;

    max-width: 100%;

}





#section1, #section2{

	padding-top:50px;}



.control-label {

    margin-bottom: 0;

    padding-top: 7px;

}



.gm-style{

	  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

}



hr{

	clear:both;}



.form-control {

	background:none;

	color: @niebieski;

	font-size: 100%;

	height: auto !important;

		}

.formControlLabel {

	    text-align: right;

}

.form-control:focus {

	color: @niebieski;

	background: rgba(255, 255, 255, 0.6);

    box-shadow: 0 0 0 .2rem rgba(0,0,150,.25);

    border-color: @niebieski;





}



.kolumienka{

	   column-count: 2;

	   column-gap: 40px;

	   column-rule-width: 1px;

}





#jf_mm_menu ul{

	float: none;

}

.jf_mm_wrapper h2 {

    color: @niebieski;

	margin-bottom: 10px;

}

.jf_mm_wrapper h2::after{

	display: none;

}


.conaswyroznia h3{
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.conaswyroznia img{
    width: 120px;
    filter:grayscale(50);
    
}
.conaswyroznia .uk-panel:hover img{
    width: 120px;
    filter:grayscale(0);
}
.conaswyroznia p{
    color:@szary;
    line-height: 1.2;
}


.rsform-block-send{

		text-align: center;

	}

	#g-recaptcha-28 div{

	margin: 0 auto;}



.uk-subnav li a{

	text-transform:uppercase;

	color: #fff;

	font-weight: 400;

	font-size: 150%;

	padding: 15px;

}
.szkolenia .uk-active h3 a{

	color:@niebieski;

    font-size: 22px !important;
    font-weight: 700;
    text-align: center !important;

}
.uk-margin p{
    text-align: left;
    
    
    
}
ul.uk-tab li a{

	font-weight: 400;

	font-size: 120%;

	color: @color3 !important;

}

h3.uk-accordion-title{

	background:transparent;

	font-size: 140%;

	border: 1px dashed #fff;

	padding: 15px;

	border-radius: 5px;

	text-align: center;

}
.kontakty {
    padding: 50px 0px;
}
.kontakty h3{
    text-align: center;
}
.kontakty p{
    text-align: center;
}

.dj-mobileitem em {

  width: 50px;

  text-align: center;

  color: #1d6535;

}

.dj-megamenu-select-light .dj-mobile-open-btn,

.dj-megamenu-offcanvas-light .dj-mobile-open-btn,

.dj-megamenu-accordion-light .dj-mobile-open-btn {

  background: none;

  margin-top: 10px;

  color: #fff;

}

.dj-megamenu-select-light .dj-mobile-open-btn:focus,

.dj-megamenu-select-light:hover .dj-mobile-open-btn,

.dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover,

.dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus,

.dj-megamenu-accordion-light .dj-mobile-open-btn:hover,

.dj-megamenu-accordion-light .dj-mobile-open-btn:focus {

  background: rgba(0, 0, 0, 0.5);

}





.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn{
    margin-top: 10px;
}



// Extra large devices (large desktops, 1400px and up)


@media (min-width: 1400px) {

  	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

    max-width: 1400px !important;

}
header.sps--blw  .logo img {

    max-width: 70%;

	transition: all .2s ease-out;

	filter:none;



}


}



// Extra large devices (large desktops, 1200px and up)

@media (min-width: 1200px) and (max-width: 1399.98px){

		

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

    max-width: 1180px !important;}
    header.sps--blw  .logo img {max-width: 70%;}


}

@media (min-width: 992px) and (max-width: 1199.98px){

	    header.sps--blw  .logo img {max-width: 80%;}


	.menu li a{

			font-size: 12px;

	}



		.zatr-menu-opener{

		display:none;}

		.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

    width: 970px;

}

#header nav ul{

	float:right;}



}


.szkoleniowa h3{
    margin-top: 10px;
    
}
.szkoleniowa tr{
 	transition: all 0.5s ease-out 0s;

}

.szkoleniowa tr:hover{
    background-color: #f4f4f4;
}







// Medium devices (tablets, 768px and up)

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

	

	.container {

    max-width: 970px;

}

	.logo img {

    max-width: 80%;

   transition: all .5s ease-out;

	filter: brightness(0) invert(1);
        margin-left: 10px;
        margin-top: 10px;

}	
	header.sps--blw {

   background: rgba(0, 0, 0, 0.0);
        box-shadow: 0 0 0 0;

}
	

	header.sps--blw  .logo img {

    max-width: 45%;

	transition: all .2s ease-out;

	filter:none;
        margin-left: 10px;
        margin-top: 10px;



}

			#dj-megamenu93mobileWrap label{

		display: none;

	}

	#kontakt a{

	font-size: 18px;



}

	#kontakt {

	background: rgba(0, 0, 0, 0.8) url("../images/kontaktm.jpg") repeat fixed 0 0 / cover ;





}

	article p {

	text-align:left;

	}

	h1{

	font-size:25px !important}



	.container {

		margin: 0 0px;

	}

	h2{

	font-size: 24px;

}

	h3{

	font-size: 20px;

}

	#oferta2 {

	background: rgba(0, 0, 0, 0.8) url("../images/oferta2m.jpg") repeat fixed 0 0 / cover ;

}

	#oferta2 h4 {

    font-size: 18px;

    border: solid 2px #fff;





}

	#oferta3 {

	background: rgba(0, 0, 0, 0.8) url("../images/oferta3m.jpg") repeat fixed 0 0 / cover ;

	min-height: 300px;

	padding: 0px;

	text-align: center;

}

	#oferta3 h4 {

    font-size: 28px;

    border: solid 2px #fff;

	max-width: 80%;

	margin-top: 100px;



}

	#oferta ul li, #cennik ul li{

	list-style-type: square;

	font-size: 17px;

	line-height: 1.4;

	transition: all 0.2s ease-out 0s;



}

#oferta ul li:hover , #cennik ul li:hover{

	padding-left: 10px;

}

	.formControlLabel {

	    text-align: right;

}

		.copyrights, .wykonanie{

		text-align: center;

			font-size: 80%;

	}



	#dj-megamenu93mobileWrap label{

		display: none;

	}

	

	

	

	





}



// Small devices (landscape phones, 576px and up)

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

	.container {

    max-width: 720px;

}

		

	.logo img {

	 margin-top: 10px;

	margin-left: 10px;

    max-width: 100%;

    transition: all .5s ease-out;

	filter: brightness(0) invert(1);

}	

	header.sps--blw {

   background: rgba(0, 0, 0, 0.0);
        box-shadow: 0 0 0 0;

}

	header.sps--blw  .logo img {

    max-width: 100%;

	transition: all .5s ease-out;

	filter: brightness(0) invert(1);
                margin-left: 10px;
        margin-top: 10px;



}

		#dj-megamenu93mobileWrap label{

		display: none;

	}

	#kontakt a{

	font-size: 18px;



}

	#kontakt {

	background: rgba(0, 0, 0, 0.8) url("../images/kontaktm.jpg") repeat fixed 50% 100%;





}

	article p {

	text-align:left;

	}

	h1{

	font-size:25px !important}



	.container {

		margin: 0 0px;

	}

	h2{

	font-size: 24px;

}

	h3{

	font-size: 20px;

}

	#oferta2 {

	background: rgba(0, 0, 0, 0.8) url("../images/oferta2m.jpg") repeat fixed 0 0 / cover ;

}

	#oferta2 h4 {

    font-size: 18px;

    border: solid 2px #fff;





}

	#oferta3 {

	background: rgba(0, 0, 0, 0.8) url("../images/oferta3m.jpg") repeat fixed 0 0 / cover ;

	min-height: 300px;

	padding: 0px;

	text-align: center;

}

	#oferta3 h4 {

    font-size: 28px;

    border: solid 2px #fff;

	max-width: 80%;

	margin-top: 100px;



}

	#oferta ul li, #cennik ul li{

	list-style-type: square;

	font-size: 17px;

	line-height: 1.4;

	transition: all 0.2s ease-out 0s;



}

#oferta ul li:hover , #cennik ul li:hover{

	padding-left: 10px;

}



		.copyrights, .wykonanie{

		text-align: center;

			font-size: 80%;

	}



	#dj-megamenu93mobileWrap label{

		display: none;

	}

	.formControlLabel {

	    text-align: center;

}


	

	

	





}



// Extra small devices (portrait phones, less than 576px)

@media (max-width: 575.98px){

	.logo img {

		  margin-top: 10px;

  margin-left: 10px;



    max-width: 100%;

   transition: all .5s ease-out;

}	

	header.sps--blw {

   background: rgba(0, 0, 0, 0.0);
        box-shadow: 0 0 0 0;

}

	header.sps--blw  .logo img {

    max-width: 100%;

	transition: all .5s ease-out;
                margin-left: 10px;
        margin-top: 10px;


.formControlLabel {

	    text-align:center;

}




	}

	#kontakt a{

	font-size: 18px;



}

	#kontakt {

	background: rgba(0, 0, 0, 0.8) url("../images/kontaktm.jpg") repeat fixed 0 0 / cover ;





}

	article p {

	text-align:left;

	}

	h1{

	font-size:25px !important}



	.container {

		margin: 0 0px;

	}

	h2{

	font-size: 24px;

}

	h3{

	font-size: 20px;

}

	

	.formControlLabel {

	    text-align: center !important;

}



	}