*{
	border-sizing:border-box;
	margin:0;
/*	padding: 0;*/
	font-family: 'Lato', sans-serif;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header{
	line-height: 120px;
}

.header-right-section{
	float:right;
	color: #2d286a!important;
}
/*.header-right-section a{
	color: #2d286a!important;	
}*/
.opisnaglowka {
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
padding: 1%;
}
.header-right-section span{
	font-size:20px;
/*	font-weight: 600;*/
	color:#2d286a;
	margin-right: 50px;
	cursor:default;
}
.header-right-section p{
	display: inline-block;
	width:38px;
	height: 38px;
	border-radius:50%;
	line-height:36px;
	text-align: center;
	background:#2d2b7c;
	text-transform:uppercase;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
	border:2px solid transparent;	
	font-weight: 500;
}
.header-right-section p:hover{
	background: white;
	border:2px solid #2d2b7c;
	color:#2d2b7c;
	box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}
/*.header-right-section a:first-of-type{
	margin-right: 7px;
}*/

.header-right-section a{
	font-size:16px;
	color:white;
	font-weight: 900;
	text-decoration: none;
	margin-right: 4px;
}

.youtube{
	display: inline-block;
	background: url(../images/yt1.png) no-repeat center / contain;
	width: 38px;
	height: 38px;
	position: relative;
	top: 12px;
}

.fb{
	display: inline-block;
	background: url(../images/fb.png) no-repeat center / contain;
	width: 42px;
	height: 42px;
	position: relative;
	top: 14px;
}

.inst{
        display: inline-block;
        background: url(../images/inst.png) no-repeat center / contain;
        width: 42px;
        height: 42px;
        position: relative;
        top: 14px;
}


.youtube:hover{
	background: url(../images/yt2.png) no-repeat center / contain;	
}


#tabs .col-md-2{
	width: 16.1%;
}

@media(max-width: 768px){
	.logo{
		text-align: center;
	}
	.header-right-section{
		float:none;
		text-align: center;
	}
	header{
	line-height: 80px;
	}
}

@media(max-width: 390px){
	.header-right-section span{
		display: block;
		margin-right: 0;
		border-top:1px solid black;
	}
	header{
	line-height: 50px;
	}
}

/************************* KONIEC-HEADER*******************/

.navbar-inverse{
	border:none;
	background: #232323;
}
.navbar-brand{
	display: none;
    height:58px;
    
}
.navbar-inverse .navbar-brand {
    color:white;
    cursor:default;
}
.nav .dane{
	background: #2d2b7c;
	margin-right: 15px;
}
.navbar-inverse .navbar-nav li{
	border-left:1px solid transparent;
	border-right:1px solid transparent;	
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;		
}
.navbar-inverse .navbar-nav li a {
    color: white!important;
    font-size: 13px;
    font-weight: 500;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;    
}
.navbar-inverse .navbar-nav li a:hover{
	box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 0.75);
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}

.navbar-inverse .navbar-nav li:hover{
	background: #2d2b7c;
	border-left:1px solid white;
	border-right:1px solid white;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}

 .active-nav:not(.blank){
	box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 0.75);
	border-left:1px solid white;
	background: #2d2b7c;
	border-right:1px solid white;
}


.navbar-fixed-top{
	border-radius:0 0 15px 15px;
	border-bottom:1px solid white; 
	box-shadow:0px 3px 6px 0px rgba(50, 50, 50, 1.75);

}

@media (max-width:768px){
	.navbar-brand{
		display: block;
	}
	.navbar-brand:hover{

	}
	.navbar-nav{
		text-align: center;
		margin:0;
	}
	.navbar-nav>li>a{
		color:red;
	}
	.nav .dane{
		background: none;
		margin-right: 0;
		margin-bottom:1px;
	}
	.navbar-inverse .navbar-nav li:hover{
		border-left:none;
		border-right:none;
		border-bottom:1px solid white;
		border-top:1px solid white;	
	} 
	.active-nav{
		border-left:none;
		border-right:none;
		border-bottom:1px solid white;
		border-top:1px solid white;
	}
	.navbar-inverse .navbar-nav li a:hover{
		box-shadow:none;
	}
	.navbar-collapse{
		padding-right:0;
		padding-left: 0;
	}
/*	.middle img{
		display: none;
	}*/
	.container img{
		max-width: 100%!important;
		height: auto!important;
	}
}
@media (min-width:768px) and (max-width: 992px){
	.navbar-inverse .navbar-nav li a{
		padding-left: 3px;
		padding-right: 3px;
	}
}

/************************* KONIEC-NAV*******************/

.middle{
	margin-top:50px;
	margin-top: 25px;
	/* padding-bottom: 25px; */
	/* background:linear-gradient(#FFF,#EFEFEF); */
}
.middle img{
	width:100%;
	transition: all 0.3s;
	position:relative;
}
.middle .no-padding:hover img{
	transform: scale(1.3);
	animation: circle .75s;
}

.middle a{
	color:white;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
}
.middle a:hover{
	color:white;
	text-decoration:none;
}
.middle .box-img{
	position:relative;
	overflow: hidden;
}

.middle .box1{
	padding-right:0;
	
}



.middle .box2{
	padding-right:0;
	padding-left:0;
}
.middle .box3{
	padding-left:0;
}
@media (max-width:768px){
	.middle .box3{
		padding-left:15px;
	}
	.middle .box2{
		padding-right:15px;
		padding-left:15px;
	}
	.middle .box1{
		padding-right:15px;
	}
}

.bar{
	font-weight: 500;
}

.middle .box1-opis, .box2-opis, .box3-opis{
	height: 80px;
	line-height: 20px;
	padding-top: 27px;
	text-align:left;
	padding-left:100px;
	background-image: url("../images/1_15.png");
	background-position: 30px 7px;
 	background-repeat:no-repeat;
/* 	background-color:  #3a3389;*/
	transition: all ease 0.7s;
	position: relative;
}
.box2-opis{
	background-position: 30px -59px;
/*	background-color:#2d286a;
	background-color: #484848;*/
}
.box3-opis{
	background-position: 30px -126px;
/*	background-color: #5E5D61;*/
}

.box1, .box3{
	background-color: #5E5D61;
}

.box2{
	background-color: #484848;
}

.box1:hover, .box2:hover, .box3:hover{
	background-color: #3A3389;
}
.no-padding{
	padding: 0px!important;
}
.no-margin.row, .no-margin.ui-tabs-panel{
	margin-left: 0px;
	margin-right: 0px;
}

.box-img{
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;    
}

.box1:hover .box-img, .box2:hover .box-img, .box3:hover .box-img{
    -webkit-filter: none; /* Chrome, Safari, Opera */
    filter: none;	
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;    
}

.box1-opis::before, .box1-opis::after,
.box2-opis::before, .box2-opis::after,
.box3-opis::before, .box3-opis::after{
  z-index: 3;
  content:'';
  position: absolute;
  top:10px;
  left:10px;
  right:10px;
  bottom:10px;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: 0.5s;
}
.bar::before {
  border-bottom: 3px solid #FFF;
  border-left: 3px solid #FFF;
  -webkit-transform-origin: 100% 0 ;
  transform-origin: 100% 0 ;
}
.bar::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;  
}
.box1:hover .box1-opis::after, .box1:hover .box1-opis::before,
.box2:hover .box2-opis::after, .box2:hover .box2-opis::before, 
.box3:hover .box3-opis::after, .box3:hover .box3-opis::before {
	-webkit-transform: scale(1);
 	transform: scale(1);
}

@media (max-width:992px){
	.middle .box1-opis{
		background-position: 10px 7px;
		padding-left: 70px;
	}
	.middle .box2-opis{
		background-position: 10px -59px;
		padding-left: 70px;
	}
	.middle .box3-opis{
		background-position: 10px -126px;
		padding-left: 70px;
		
	}
	.box1-opis{	
		display: block;
		line-height: 26px;
		text-align: left;
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px) { 
	.middle .box3-opis{
		padding-top:20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) { 
	.middle .box1-opis{
		padding-top:20px;
	}
}

.text-center{
	margin-top:50px;
}

.text-center p{
	font-weight: 900;
	font-size:35px;
	color:#424241;
}
.text-center span{
	color:#3a3389;
}
.text-center p:last-of-type{
	font-weight: 600;
	font-size: 20px;
}

/************************* KONIEC-MIDDLE *******************/

.aktualnosci{
	margin-top:25px;
	margin-bottom: 25px;
	text-align:center;
	
}
.aktualnosci a{
	font-size:25px;
	color:#3a3389;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}

.aktualnosci a::after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.aktualnosci a:hover::after {
	width: 100%;
	background:#3a3389 ;
	cursor:pointer;
}
 
.aktualnosci-opis p,.aktualnosci-opis2{
	font-weight: 500;
	font-family: Arial;
	text-align: justify;
	font-size:15px;
	font-size: 14px;
}
.aktualnosci-opis2 .data,
.aktualnosci-opis .data{
/*	color:black;*/
color: #444;
float: left;
font-size: 14px;
font-weight: normal;
}
.aktualnosci-opis2 .header,
.aktualnosci-opis .header
{
	display:block;
}

.aktualnosci-opis a{
	display: block;
	color: inherit;
}

.aktualnosci-opis a:hover{
	text-decoration: none;
}
.szkolenia{
	margin-top:25px;
	margin-bottom: 25px;
	text-align:center;
	
}
.szkolenia a{
	font-size:25px;
	color:#3a3389;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}

.szkolenia a::after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.szkolenia a:hover::after {
	width: 100%;
	background:#3a3389 ;
	cursor:pointer;
}
 
.szkolenia-opis p,.aktualnosci-opis2{
	font-weight: 500;
	font-family: Arial;
	text-align: justify;
	font-size:15px;
	font-size: 14px;
}
.szkolenia-opis2 .data,
.szkolenia-opis .data{
/*	color:black;*/
color: #444;
float: left;
font-size: 14px;
font-weight: normal;
}
.szkolenia-opis2 .header,
.szkolenia-opis .header
{
	display:block;
}

.szkolenia-opis a{
	display: block;
	color: inherit;
}

.szkolenia-opis a:hover{
	text-decoration: none;
}
@media(max-width: 768px){
	.aktualnosci-opis p{
		margin-bottom: 30px;
	}
.szkolenia-opis p{
		margin-bottom: 30px;
	}
}
.aktualnosci-opis span,.aktualnosci-opis2 span{
	color:  #3a3389;
	padding-right: 10px;
	font-size:15px;
	font-weight:700;
}
.szkolenia-opis span,.szkolenia-opis2 span{
	color:  #3a3389;
	padding-right: 10px;
	font-size:15px;
	font-weight:700;
}

/************************* KONIEC-AKTUALNOSCI *******************/

footer{
	margin-top: 50px;
/* 	background-image: url("../images/1_18.jpg");*/
 	background-repeat:no-repeat;
 	background-color:  #3a3389;
 	background-color: #2D286A;
 	padding-bottom: 50px;
}
footer p{
	margin-top:25px;
	font-weight: 400;
	font-size:13px;
	color:white;
	padding:0px;
}
footer p:last-of-type{
	font-size:13px;
	font-weight: 400;
	text-align: justify;
}

footer span{
	font-size: 11px;
	color:white;
	display: block;
	margin-top: 25px;
	padding:0px;
}

/* @media (max-width: 768px){
	footer span{
		margin-top:50px;
	}
} */
footer span a:hover{
	text-decoration: none;
	color:#2d286a;
}

@media (min-width: 768px) 
{
	.middle img {
		height:450px;
	}
}

/*************************  podstrony *******************/


 .middle  .border-inside div span::before{
	border: 3px solid white; 
    content: ""; 
    position: absolute; 
    top: 10px;
    bottom:10px;
    left:10px;
    right:10px;
}

.border-inside{
	background: #3A3389;
}

/* .podstrona-tekst{
	margin-top: 50px;	
} */
.podstrona-tekst h3{
	font-weight: 700;
	font-size: 25px;
	color:#2d286a;
	margin-bottom:30px;
	padding-top:30px;
}
@media (max-width: 768px){
	padding-top:0;
}

.podstrona-tekst img{
	padding-top:20px;
	width:5%;
	height: 5%;
	display: inline-block;
}
.podstrona-tekst span{
/*	font-size:18px;
	font-weight:600;
	vertical-align:-50%;
	padding-left:20px;*/
	
}
.podstrona-tekst p{
	margin-top:0px;
	font-size:14px;
	font-weight:400;
}

 @media (max-width: 992px){
	.header-right-box{
		margin-left:0;
	}
	.header-left-box{
		margin-right:0;
		margin-bottom: 5px;
	}
 }

 .intel-dom span{
 	display: block;
 	padding-top:10px;
 	padding-bottom: 10px;
 }


 

.ui-widget-content, .ui-widget-header{
	border: 0px;
	margin-left:15px;
	margin-right:15px;
	padding:0;
}
.ui-tabs .ui-tabs-nav{
	min-height:80px;
	min-height: 50px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background: none;
	border: 0px;
}

.ui-tabs .ui-tabs-nav li{
	display: inline-block;
	float: none;
	line-height:60px;
	line-height: 40px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	/* margin-top:50px; */
	display: block;
	width: 100%;
	/* padding: 20px 0 20px 0; */
	color: white;
/*    font-weight: 600;*/
    font-size: 15px;
    font-size: 13px;
    text-align:center;
    /* border:3px solid #2d286a;  */
    outline:none;
    padding:5px 0;
    text-transform: uppercase;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	float:none;
}
.ui-widget-header{
	background:#3A3389;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
	border-top-right-radius:0;
	border-top-left-radius:0;
}

.ui-tabs .ui-tabs-nav{
	padding: 0px;
}

.ui-tabs-nav li.promocja {
    background: #ff0000 none repeat scroll 0 0;
}
.ui-tabs .ui-tabs-nav li{
	margin: 0 0.2em 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	padding-bottom: 0px;
}

@media (max-width:768px){
	.ui-tabs .ui-tabs-nav li{
		display:block;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
		margin-top:0;
	}
}

.ui-state-default a{
	color:#2d286a;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor
{
	cursor:pointer;
	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor span{
	border-bottom:2px solid white;
	padding-bottom: 4px;
}
.ui-state-active a, .ui-state-active a:link{
	
	color:white;
}

.aktualnosci-main{
	text-align:center;
	margin-bottom: 30px;
    padding-top: 30px;
}
.aktualnosci-main span{
	font-weight: 700;
    font-size: 30px;
    color: #2d286a;
   
}

.aktualnosci-opis2 a{
	float:right;
	padding:10px;
	background:#2d286a;
	color:white;
	border:3px solid #2d286a;
	font-weight:600;
	margin-bottom:50px;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}

.aktualnosci-opis2 a:hover{
	background:white;
	color:#2d286a;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}
.aktualnosci-opis2 p{
	min-height: 232px;
}

.szkolenia-main{
	text-align:center;
	margin-bottom: 30px;
    padding-top: 30px;
}
.szkolenia-main span{
	font-weight: 700;
    font-size: 30px;
    color: #2d286a;
   
}

.szkolenia-opis2 a{
	float:right;
	padding:10px;
	background:#2d286a;
	color:white;
	border:3px solid #2d286a;
	font-weight:600;
	margin-bottom:50px;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}

.szkolenia-opis2 a:hover{
	background:white;
	color:#2d286a;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition: all 0.2s, -webkit-transform;
	-moz-transition: all 0.2s, -moz-transform;
	transition: all 0.2s, transform;	
}
.szkolenia-opis2 p{
	min-height: 232px;
}

@media (max-width:992px){
	.aktualnosci-opis2 p{
		min-height:auto;
	}
	.aktualnosci-opis2{
		margin-bottom:80px;
	}.aktualnosci-opis2 a{
		margin-bottom:0;
	}
.szkolenia-opis2 p{
		min-height:auto;
	}
	.szkolenia-opis2{
		margin-bottom:80px;
	}.szkolenia-opis2 a{
		margin-bottom:0;
	}
}

.strona-nazwa{
	color:#2d286a;
	font-weight:600;
	text-align:center;
}

.aktualnosci-opis2{
	border-bottom:2px solid #2d286a;
}
.szkolenia-opis2{
	border-bottom:2px solid #2d286a;
}


#foto{
	text-align: center;
	clear: both;
	overflow: hidden;
}

#foto li{
	float: left;
	width: 23%;
	margin: 1%;
	list-style-type: none;
}

#foto li img{
	width: 100%;
	height: auto;
}


/*#fancybox-wrap, #fancybox-wrap *{
	box-sizing: content-box;
}
*/

/*************************  dane-kontaktowe-podstrona *******************/
.dane-k{
	margin-top:50px;
}
.dane-k h1:first-of-type{
	padding-top:0;
	margin-top:42px;
}
.dane-k h1{
	color: #2d286a;
	font-size:25px;
	font-weight:600;
	padding-top:20px;

}
.dane-k p{
	font-size:18px;
	color: #444;;
}
@media (max-width: 992px){
	.dane-k h1:first-of-type{
		margin-top:0;
	}
	.dane-k p:last-of-type{
		margin-bottom: 40px;
	}
	.sn-dk{
		text-align:center;
	}
	.dane-k h1{
		text-align:center;
	}
	.dane-k p{
		text-align:center;
	}
	.strona-nazwa{
		text-align:center;
	}
}
@media (max-width:355px){
	.sn-dk{
		font-size:20px;
	}
}

.galeria{
	text-align:center;
}
.galeria ul{
	list-style:none;
}
.galeria ul li{
	display:inline-block;
}

#fancybox-title-over{
	margin-right:20px;
}

.ui-tabs .ui-tabs-panel{
	padding: 1em 0;
}


.dane-k .right{
	width:100%;
}
.dane-k form{
	margin:20px 0px 20px 20px;
}

.dane-k .suprise{
	display:none;
}
.dane-k .left-box {
	float:left;
	width:50%;
	height:140px;
}
.dane-k .right-box {
	float:right;
	width:50%;
	height:140px;
}

.dane-k .left-box input,
.dane-k .right-box input{
	display:block;
	width:90%;
}
.dane-k form label{
	display:block;
	margin-bottom:2px;
	margin-top:15px;
	color: #2D286A;
    font-size: 16px;
}
.dane-k form textarea{
	width:95%;
}
.dane-k input[type="submit"]{
    margin: 0 auto;
    width: 150px;
    display: block;
    margin-top: 15px;
    background: #2D286A;
    outline: none;
    border: none;
    color: white;
    height: 30px;
    font-size: 17px;
}
.dane-k input[type="submit"]:hover{
	background-color:white;
	border:1px solid #2D286A;
	color:#2D286A;
	font-weight:700;
}
.mapa{
	margin-top:40px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	padding-left: 15px;
	padding-right:15px;

}

@media (max-width:460px){
	.dane-k .left-box{
		float:none;
		width:100%;
	}
	.dane-k .right-box{
		float:none;
		width:100%;
	}
	.dane-k .left-box input,
	.dane-k .right-box input{
		width:100%;
	}
	.dane-k form textarea{
	width:100%;
	}
    table{
        display: block;
        overflow-x: scroll;
        width: 100% !important;
    } 
    table img{
    	max-width: 100%;
    	height: auto;
    }
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#tabs h1{
	margin-top: 9px;
}
#tabs img{
	padding-top: 0px;
	margin-top: 0px;
}

#tabs article p{
	margin-top: 0px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	font-weight: normal;
}

.aktualnosci-opis2 .header, .aktualnosci-opis .header{
	min-height: 50px;
}
.szkolenia-opis2 .header, .szkolenia-opis .header{
	min-height: 50px;
}
#fancybox-close{
	right: -33px;
}

.pagin{
	clear: both;
	text-align: center;
}

.pagin a{
	display: inline-block;
	background-color: #2d286a;
	height: 34px;
	line-height: 30px;
	color: #fff;
	padding: 0 9px;
	margin: 0 3px;
	border: 2px solid #2d286a;
}

.pagin a.selected{
	background-color: #fff;
	color: #2d286a;
}