/* CSS Document */

#sp-top2 ul { list-style:none; padding:0; margin:0; float:right;}
#sp-top2 ul li { float:left; margin:0 0 0 15px; font-size:14px; font-weight:500;}
#sp-top2 ul li a { padding:0; line-height:24px; color:#fff;}
#sp-top2 .sp-module ul > li > a::before { display:none;}
#sp-top2 ul li a:hover { color:#333;}
#sp-top2 ul li i { font-size:16px;}
#sp-top-bar .sp-module {display: block;margin: 0;}
#sp-top-bar .sp-module ul > li { border:none;}
#sp-top-bar {background:#1c3f7d;color:#FFF;}
#sp-boxy figure {
	position: relative;

	overflow: hidden;
	background-color:#ffd41f;
	text-align: center;
	cursor: pointer;
	height:200px;
}

#sp-boxy  figure.kolor-1 {background: rgba(28,63,125,1);
background: -moz-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,63,125,1)), color-stop(100%, rgba(15,35,69,1)));
background: -webkit-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -o-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -ms-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: linear-gradient(to right, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3f7d', endColorstr='#0f2345', GradientType=1 );}
#sp-boxy  figure.kolor-2 {background: rgba(28,63,125,1);
background: -moz-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,63,125,1)), color-stop(100%, rgba(15,35,69,1)));
background: -webkit-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -o-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -ms-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: linear-gradient(to right, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3f7d', endColorstr='#0f2345', GradientType=1 );}
#sp-boxy figure.kolor-3 {background: rgba(28,63,125,1);
background: -moz-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,63,125,1)), color-stop(100%, rgba(15,35,69,1)));
background: -webkit-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -o-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: -ms-linear-gradient(left, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
background: linear-gradient(to right, rgba(28,63,125,1) 0%, rgba(15,35,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3f7d', endColorstr='#0f2345', GradientType=1 );}
#sp-boxy figure.kolor-3 { background:#4c9ed9;}
#sp-boxy figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	max-width: 100%;
	opacity: 0.8;
}
#sp-boxy figure figcaption {
	padding: 15px;
	color: #fff;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#sp-boxy figure figcaption::before,
#sp-boxy figure figcaption::after {
	pointer-events: none;
}
#sp-boxy figure figcaption,
#sp-boxy figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#sp-boxy figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

 #sp-boxy  figure h3 { color:#fff; text-align:center; font-size:20px; font-weight:900; text-transform:uppercase;

}

#sp-boxy  figure h3,
#sp-boxy figure p {
	margin: 0;
}

#sp-boxy figure p {
	font-size:14px
}
#sp-boxy figure.effect img {
    transition: all .4s 0s ease-in-out;
        -webkit-transition: all .4s 0s ease-in-out;
        -moz-transition: all .4s 0s ease-in-out;
        -o-transition: all .4s 0s ease-in-out;
    transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
		opacity:0.3;
}
#sp-boxy  figure.effect figcaption {
	text-align: left;
}

#sp-boxy  figure.effect figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	width: 100%;
	height: 100%;
}

#sp-boxy  figure.effect h3,
#sp-boxy  figure.effect p {
	-webkit-transform: translate3d(0,55px,0);
	transform: translate3d(0,55px,0);
}


#sp-boxy figure.effect h3.two-line-h {
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	
	}


#sp-boxy figure.effect h3::before {
    background: #fff none repeat scroll 0 0;
    bottom: -15px;
    content: "";
    height: 4px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;
}


#sp-boxy figure.effect h3 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

#sp-boxy figure.effect p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	text-align:center;
	font-size:16px;
}
#sp-boxy figure.effect:hover p {
	opacity: 1;
}
#sp-boxy figure.effect:hover img {
	opacity: 0.1;
	}
#sp-boxy figure.effect:hover h3 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color:#fff;
}
#sp-boxy figure.effect:hover p {
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0);
	color:#fff;
}
#sp-boxy figure.effect:hover h3::before { background:#fff;}

#sp-boxy  figure.effect:hover img {
 transform: scale(1.5) rotate(6deg);
        -webkit-transform: scale(1.5) rotate(6deg);
}


#sp-boxy figure.effect:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
#sp-boxy  figure.effect:hover figcaption > div {	height: 100%;}
.custom.negative { margin-top:-100px;} 
#sp-skroty { padding-bottom:60px; background:#f1f1f1; z-index:20; position:relative;}
section#sp-kursy { padding-top:30px; padding-bottom:60px;}
#sp-kursy h3.sp-module-title { text-align:center; font-size:30px;}

#sp-slider-page .sp-module {
    padding: 100px 0;
}
#sp-slider-page .sp-module.kursy-page { background:url(../images/kursy-bg.jpg) top center no-repeat; background-size:cover;background-position: 100px 0px;}
#sp-slider-page .sp-module.zapisz-page { background:url(../images/zapisz-bg.jpg) top center no-repeat; background-size:cover;background-position: 50px 0px;}
#sp-conent { padding:60px 0;}

.item.item-page .entry-header .post-format{ display:none;}
.entry-header.has-post-format { margin-left:0;}
a.chronoforms6_credits { display:none;}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-weight: 700;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
}

#sp-kursy .sp-module .sp-module-title { text-align: center; font-size: 26px; color:#1c3f7d;margin-top: 0; margin-bottom: 30px;}
.kursbox-front { margin-bottom: 45px; }
.kursbox-front h3 { text-align: center; margin: 10px 0; font-size: 16px;}

.sp-module.wybierzkurs { margin-top: -30px;}
.sp-module.wybierzkurs .sp-module-title {
    margin: 0 0 0px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
	background-color: #1c3f7d;
	color: #fff;
	font-weight: 800; text-align: center;
	padding: 15px;
}
.sp-module.wybierzkurs .sp-module-content { padding:0 15px; background-color: #f2f2f2;}

#sp-conent.beztoppad {
    padding-top:30px;
}

#sp-slider-page h1 { margin: 0; text-transform: uppercase; color: #1c3f7d;}
#sp-slider-page h1 span { display: block; text-transform: none; font-size: 24px;}

/*K2*/

.zapisz-sie { padding: 30px; background-color: #f2f2f2; margin-top: 15px;}
.zapisz-sie h3 { margin-top: 0; margin-bottom: 15px;}
.itemImageBlock { margin-bottom: 15px;}

h2.itemTitle { margin-top: 0; margin-bottom: 30px;}