html, body { font-size:16px;line-height:18px;height:100%;color:#000;background: #35339E;font-family: 'Poppins', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }
/* css/style_more.css - more css */
/* fonts/dir_name/font_name_font.css - more fonts */
.show-menu-14, .podmenu-14, .show-menu-16, .podmenu-16 { display: none !important;visibility: hidden; }
#podmenu { display:none !important;visibility: hidden !important; }
.fast-box { display: none !important;visibility: hidden !important; }
.subMenuLeft--73 { display: none !important;visibility: hidden !important; }
.menuLeft__list--box--73 { background: none !important ;}
.menuLeft__header {
background: #22284d url(https://stronyzklasa.pl/online/cms_v2/_website/img/packet_up_icon_menu.png) top 23px left 25px no-repeat;
}
.menuLeft__list--href:hover {
color: #faae2c;
}
.subMenuLeft__list--href:hover {
color: #faae2c;
}
@media screen and (min-width: 1201px) {
.no-comp { display:none !important; }
.top {
float:left;
width:100%;
height:55px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:45;
}
.top .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.logo {
float:left;
width: 240px;
max-width: 240px;
height: 210px;
position:absolute;
top:0;
left:0;
background: #fff;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
overflow: hidden;
}
.logo img {
float:left;
width:auto;
height: auto;
max-height: 180px;
}
.quick {
float:right;
height: 100%;
margin:15px 0px 0px 0px;
padding:0px 30px 0px 30px;
position:relative;
background: #fff;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.quick a {
float:left;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 15px;
text-decoration:none;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.quick a:hover {
color: #faae2c;
}
.quick .phone img {
float:left;
margin:0px 10px 0px 20px;
position:relative;
}
.quick .mail img {
float:left;
margin:0px 10px 0px 0px;
position:relative;
}
.page-1 .wrapper {
margin:410px 0px 0px 0px;
}
.wrapper {
float:left;
width:100%;
height:65px;
position:relative;
margin:170px 0px 80px 0px;
padding:0px 0px 0px 0px;
z-index:35;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.wrapper .wrap {
float: left;
width: 1170px;
height: 100%;
position: relative;
}
.wrapper nav {
float: left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:15px;
line-height:70px;
font-family: 'Poppins', sans-serif;
font-weight:500;
}
.wrapper nav ul {
float:left;
width: 100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.wrapper nav ul li {
float:left;
width: 200px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
background-color: #22284d;
border-radius: 20vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.wrapper nav.qtu--li--7 ul li,
.wrapper nav.qtu--li--8 ul li
{
width: 170px;
}
.wrapper nav ul .small-menu {
padding:0px 0px 0px 0px !important;
}
.wrapper nav ul li a {
float:left;
width: 100%;
height: 100%;
font-size: 17px;
line-height: 17px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
color: #fff;
text-align: center;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.wrapper nav ul li a:hover {
color:#faae2c;
}
.wrapper nav ul li.show-menu-1 {
float:left;
width:65px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
background:#22284d url(images/ikon_home.png) center no-repeat;
border-radius: 40vw;
}
.wrapper nav ul li.show-menu-1 a {
font-size:0px !important;
}
.wrapper nav ul li.search-box {
float:left;
width:65px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px !important;
background:#22284d url(images/ikon_search.png) center no-repeat;
border-radius: 40vw;
}
.container {
float:left;
width:100%;
height:495px;
position:absolute;
top: 0;
left: 0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(images/containerBg.jpg) center no-repeat;
background-size: cover;
}
.container .wrap {
float: left;
width: 100%;
height: 100%;
position: relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.container .slide-1 {
float:left;
width:1170px;
height:410px;
position:relative;
overflow:hidden;
border-radius: 20px;
}
.container .slides {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background-size:cover !important;
background-position:center !important;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
align-content:flex-start;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.container .slides .box {
width:100;
margin:290px 0px 0px 0px;
padding:0px 50px 0px 50px;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.container .slides .box .nag {
float:left;
width:100%;
margin:0px 0px 0px 0px;
position:relative;
color: #fff;
font-family: "Poppins";
font-size: 22px;
font-weight: 600;
line-height: 30px;
text-align:left;
letter-spacing: -1px;
}
.container .slides .box .text {
float:left;
width:100%;
margin:0.5vw 0px 0px 0px;
position:relative;
color: #fff;
font-family: "Poppins";
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-align:left;
font-style: italic;
}
.container .slides .box .more {
float:left;
height: 45px;
margin:20px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.container .slides .box .more:hover {
color: #fff;
}
.container .slides .box .arrow-down {
display:none;
}
.container .owl-nav {
float:left;
width:43px;
margin:0px 0px 0px -560px;
padding:0px 0px 0px 0px;
position:absolute;
bottom:20px;
left:50%;
z-index:5;
font-size:0;
}
.container .owl-nav .owl-next {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
width: 43px;
height: 43px;
background: url(images/owl_prev.png) center no-repeat;
background-size: cover !important;
}
.container .owl-nav .owl-prev {
float:left;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
width: 43px;
height: 43px;
background: url(images/owl_next.png) center no-repeat;
background-size: cover !important;
}
.container .owl-dots {
display:none !important;
}
.container .owl-dots .owl-dot {
display:none !important;
}
.container .owl-dots .active {
display:none !important;
}
.additional {
display:none;
}
.s-container {
float:left;
width:100%;
height:350px;
position:absolute;
top:0;
left:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(images/containerBg.jpg) center no-repeat;
background-size: cover;
}
.s-container .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.dir {
float:right;
width: 100%;
height: 50px;
margin:0px 0px 0px 0px;
padding:0px 30px 0px 30px;
position:absolute;
left: 0;
bottom: 0;
background: #22284d;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dir a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 14px;
text-decoration:none;
}
.dir a span {
float:left;
margin:0px 0px 0px 0px;
padding:0px 8px 0px 8px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 14px;
}
.dir a:hover {
color:#f9b836;
}
.dir a:first-child {
font-weight: 600;
}
.dir a:first-child:hover {
color:#fff;
}
.dir a:hover span {
color:#fff;
}
.newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:center;
}
.newslista .news-box {
float:left;
width:48%;
margin:0px 0px 65px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-box .news-new {
float:left;
position:absolute;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:0px 30px 0px 30px;
color:#000;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 30px;
z-index:6;
text-align:center;
text-transform: uppercase;
background:#f9b836;
border-radius:30px;
}
.news-left {
float:left;
width:100%;
height:250px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index: 5;
}
.news-foto {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
border-radius:30px;
}
.news-foto img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.news-data {
float:left;
margin:30px 0px 0px 30px;
padding:0px 0px 0px 0px;
font-family: 'Poppins', sans-serif;
color: #faae2c;
font-size: 13px;
font-weight: 600;
line-height: 13px;
z-index:3;
letter-spacing:1px;
}
.news-right {
float:left;
width:100%;
height:170px;
margin:-30px 0px 0px 0px;
padding:85px 30px 0px 30px;
position:relative;
background: #fff;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.news-header {
float:left;
width:100%;
height:42px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #252628;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 21px;
overflow:hidden;
}
.news-text {
display: none !important;
visibility: hidden !important;
}
.news-more {
float:left;
height: 45px;
margin:18px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.newslista .news-box:hover .news-more {
color: #fff;
}
.start-2 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.start-2 .wrap {
float: left;
width:100% !important;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.start-2 .wrap p a {
float:right;
height: 45px;
margin:0px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-2 .wrap p a:hover {
color:#fff;
}
.start-3 {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
z-index:5;
}
.start-3 .wrap {
float: left;
width:100% !important;
position:relative;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.start-3 .name-box {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 30px 0px;
position:relative;
border-top-left-radius:25px;
border-top-right-radius:25px;
background: #fff;
}
.start-3 .name-box.calendars {
padding:0px 0px 0px 0px;
}
.start-3 .name-box .ikon {
float:left;
width:100%;
height:30px;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
position:absolute;
top:0;
left:0;
z-index:5;
background: url(images/packet_up_icon_questionnaire.png) left top no-repeat;
}
.start-3 .name-box h3 {
float:left;
width:100%;
height: 60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 60px;
position:relative;
color:#fff;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-align:left;
text-transform:uppercase;
letter-spacing:1px;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-color: #22284d;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-3 .name-box .text {
float:left;
width:100%;
margin:30px 0px 0px 0px;
padding:0px 20px 0px 20px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align:left;
color: #393939;
overflow:hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-3 .name-box .more {
float:left;
width:32px;
height:32px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:20px;
bottom:0;
color: #fff;
background: url(images/start_3_name_box_more_bg_3.png) center no-repeat;
font-family: 'Poppins', sans-serif;
font-size: 0px;
font-weight: 300;
line-height: 40px;
text-decoration:none;
letter-spacing:1px;
border-radius:20px;
}
.start-4 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:80px 0px 80px 0px;
overflow:hidden;
background: #F2F2F2;
z-index:3;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-4 .wrap {
float: left;
width: 1250px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.start-4 .wrap h4 {
float:left;
width:100%;
margin:0px 0px 50px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000;
font-size: 30px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
text-align:center;
}
.partners {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-carousel {
float:left;
width:84%;
height:98px;
margin:0px 0px 0px 7%;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-stage-outer {
position:relative;
z-index:10;
}
.partners .partners-box {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:0px solid #000;
background:#fff;
border-radius:30px;
}
.partners .partners-box .img {
max-width: 60%;
max-height: 60%;
object-fit: contain;
}
.partners .owl-nav {
float:left;
width:100%;
position:relative;
margin:-75px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.partners .owl-nav .owl-prev {
float:left;
width:60px;
height:60px;
margin:0px 0px 0px -88px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: #FAAE2C url(images/owl_prev.svg) center no-repeat;
border-radius: 50%;
}
.partners .owl-nav .owl-next {
float:right;
width:60px;
height:60px;
margin:0px -88px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background:#FAAE2C url(images/owl_next.svg) center no-repeat;
border-radius: 50%;
}
.partners .owl-dots {
display:none;
}
.start-5 {
float:left;
width:100%;
height:450px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:4;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background-size:cover !important;
}
.start-5 .wrap {
float:left;
width:1170px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-5 .wrap .text {
float:left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 45px;
text-align:center;
font-style: italic;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-5 .wrap .autor {
float:left;
width: 100%;
margin:40px 0px 0px 0px;
position:relative;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
text-align:center;
}
.start-6 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #0e172c;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-6 .wrap {
float: left;
width:1170px;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:80px 0px 80px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.start-6 .wrap .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
}
.start-6 .wrap .header .godlo {
float:left;
width: 50px;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .header .name {
float:left;
width: calc(100% - 70px);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 26px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.start-6 .wrap .header .subname {
float:left;
width: calc(100% - 70px);
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 24px;
line-height: 24px;
font-weight: 300;
color: #a0beff;
}
.start-6 .wrap .box-1 {
float:left;
width:55%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .box-1 .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .ikon {
float:left;
width:60px;
height:60px;
position:relative;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
font-size:40px;
line-height:40px;
color: #fff;
background: #6f8fd4;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .ikon-1 {
font-size:35px;
line-height:35px;
}
.start-6 .wrap .box-1 .text .ikon-2 {
font-size:40px;
line-height:40px;
}
.start-6 .wrap .box-1 .text .left {
float:left;
width:50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .right {
float:left;
width:50%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .info {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 24px;
color: #fff;
}
.start-6 .wrap .box-1 .text .info a {
text-decoration:none;
color: #fff;
}
.start-6 .wrap .box-1 .text .info a:hover {
color: #c9d5ef;
}
.start-6 .wrap .box-2 {
float:right;
width:40%;
margin:100px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_box_2_bg.png) bottom no-repeat;
}
.start-6 .wrap .box-2 .left {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left .header {
display: none !important;
visibility: hidden !important;
}
.start-6 .wrap .box-2 .left .text {
float: left;
width: 100%;
height: 80px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
background: #fff;
border-radius: 30px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .box-2 .left .ikon {
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size:37px;
line-height:37px;
text-decoration:none;
opacity:1;
}
.start-6 .wrap .box-2 .left .icon-facebook-sign { color:#3b5998; }
.start-6 .wrap .box-2 .left .icon-google-plus-sign { color:#d74633; }
.start-6 .wrap .box-2 .left .icon-linkedin-sign { color:#007bb6; }
.start-6 .wrap .box-2 .left .icon-pinterest-sign { color:#cb2027; }
.start-6 .wrap .box-2 .left .icon-twitter-sign { color:#1da1f2; }
.start-6 .wrap .box-2 .left .icon-youtube-sign { color:#ee1c1b; }
.start-6 .wrap .box-2 .left .icon-bip { }
.start-6 .wrap .box-2 .left .icon-epuap { margin: 0px 20px 0px 0px !important; }
.middle {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:70px 0px 40px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
align-content:flex-start;
}
.middle .wrap {
float: left;
width: 1170px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.middle .wrap h1 {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 10px 0px;
font-family: 'Poppins', sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 34px;
}
.home h1 {
display:none !important;
visibility:hidden !important;
}
.page {
padding:40px 0px 40px 0px !important;
background:none !important;
}
.page h1 {
text-align:left;
border-bottom:2px solid #feb829;
}
.home .left {
float:right;
width:76%;
position: relative;
margin: -20px 0px 0px 0px;
z-index: 9;
}
.home .right {
float:left;
width:236px;
z-index: 10;
position: relative;
}
.page .left {
float:right;
width:76%;
margin: -20px 0px 0px 0px;
padding: 40px 30px 40px 30px;
z-index: 8;
position: relative;
background: #fff;
border-radius: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page .right {
float:left;
width:236px;
position: relative;
z-index: 10;
}
.middle .wrap .left h2 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Poppins', sans-serif;
color:#f9b836;
font-size: 28px;
font-weight: 700;
line-height: 30px;
border-left:0;
display: inline-block;
}
.middle .wrap .left h3 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Poppins', sans-serif;
color:#000;
font-size: 26px;
font-weight: 700;
line-height: 28px;
border-bottom:1px solid #f9b836;
}
.middle .wrap .left h4 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 26px;
border-bottom:1px solid #f9b836;
}
.middle .wrap .left .zdjecie-glowne {
position:relative;
z-index:5;
overflow:hidden;
}
.middle .wrap .left .zdjecie-glowne .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .left .left-s {
float:left;
width:350px;
height:260px;
margin:5px 30px 0px 0px;
}
.middle .wrap .left .right-s {
float:right;
width:350px;
height:260px;
margin:5px 0px 0px 30px;
}
.middle .wrap .left .panoramic {
float:left;
width:100%;
height:350px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .big {
float:left;
width:100%;
height:550px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .a4-s {
float:left;
width:220px;
height:325px;
margin:5px 20px 20px 0px;
padding:0px 0px 0px 0px;
}
.middle .wrap .left .a4-b {
float:left;
width:100%;
height:470px;
margin:0px 0px 30px 0px;
padding:20px 0px 20px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
background:#f4f4f4;
}
.middle .wrap .left .a4-b .img {
width:auto !important;
height:470px !important;
}
.middle .wrap .opis {
float:left;
width:100%;
position:relative;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
bottom:20px;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
.middle .wrap .opis strong { font-weight:700; }
.middle .wrap .opis a { color:#faae2c;text-decoration:underline; }
.middle .wrap .opis a:hover { text-decoration:none; }
.middle .wrap .opis ul {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis ul li {
float:left;
width:98%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
background: url(images/li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ul li ul li {
float:left;
width:98%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
background: url(images/li_li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ol {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .opis ol li {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 17px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.middle .wrap .opis table {
float:left !important;
width:100% !important;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
border-spacing: 0;
border: 0;
border-collapse: collapse;
text-align:left;
}
.middle .wrap .opis table thead {
background-color:#0d6bb2;
}
.middle .wrap .opis table thead tr td {
color:#fff;
border:1px solid #e0e0e0;
text-align:center;
}
.middle .wrap .opis table tfoot {
background-color:#fff;
}
.middle .wrap .opis table tfoot tr td {
color:#000;
border:1px solid #e0e0e0;
text-align:center;
font-size:12px;
padding:5px 0px 5px 0px;
border:0px;
border-bottom:1px solid #e0e0e0;
}
.middle .wrap .opis table tr td {
margin:0px 0px 0px 0px !important;
max-width:200px !important;
padding:17px 10px 17px 10px;
border:1px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .opis table tr:nth-child(even) {
background:#f8f8f8;
}
.middle .wrap .opis table ul {
float:left;
width:auto !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis table ul li {
width:auto !important;
padding:0px 0px 0px 15px !important;
clear:both;
}
.middle .wrap .opis blockquote {
float:left;
width:90%;
margin:0px 0px 0px 0px;
padding:20px 5% 20px 5%;
position:relative;
font-style:italic;
background:#f1f1f1 url(images/blockquote_bg.png) top 20px left 20px no-repeat;
}
.middle .wrap .opis pre {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 4% 20px 4%;
position:relative;
font-style:italic;
border:1px solid #000;
border-style:dashed;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .pliki {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:20px 0px 30px 0px;
}
.middle .wrap .pliki .plik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:15px 0px 15px 0px;
position:relative;
color: #0d6bb2;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #e0e0e0;
}
.middle .wrap .pliki .plik-tytul {
float:left;
width:85%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
}
.middle .wrap .pliki .plik .more {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .pliki .plik-ikona {
float:right;
width:35px;
margin:2px 0px 0px 10px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color:#0d6bb2;
}
.middle .wrap .pliki a { text-decoration:none;color: #252628; }
.middle .wrap .pliki a:hover { text-decoration:none;color:#0d6bb2; }
.middle .wrap .galeria {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.middle .wrap .galeria .gallery-box {
float:left;
position:relative;
overflow:hidden;
}
.middle .wrap .galeria .gallery-box .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .galeria .gallery-box .hover {
width:100%;
height:100%;
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: rgba(13, 107, 178, 0.7) url(images/ikon_zoom.png) center no-repeat;
}
.middle .wrap .galeria .gallery-box:hover .hover { opacity:1; }
.middle .wrap .galeria .gallery-box .title {
float:left;
width:94%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:14px 3.5% 10px 3.5%;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
background-color: #fff;
border-bottom:1px solid #c8c8c8;
}
.middle .wrap .galeria .none-title { display:none; }
.middle .wrap .galeria .three-in-one {
width:33%;
height:200px;
margin-bottom:3px;
}
.middle .wrap .galeria .two-in-one {
width:49.5%;
height:280px;
margin-bottom:3px;
}
.middle .wrap .galeria .one-in-one {
width:100%;
height:500px;
margin-bottom:10px;
}
.middle .wrap .galeria .one-in-one-title {
width:100%;
height:500px;
margin-bottom:10px;
}
.middle .wrap .galeria .three-in-one-title {
width:33%;
height:350px;
margin-bottom:10px;
}
.fb-like-box { float:left;width:100%;margin:30px 0px 30px 0px;position:relative; }
.middle .wrap .error {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#ef0000;
}
.middle .wrap .error strong {
font-family: 'Poppins', sans-serif;
}
.middle .wrap .info {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#00a600;
}
.middle .wrap .info strong {
font-family: 'Poppins', sans-serif;
}
.middle .wrap .error a, .middle .wrap .info a {
text-decoration:none;
color:#28c6f5;
}
.middle .wrap .form-password-box {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.form-password-input {
float:left;
width:49%;
height:50px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form-password-submit {
float:right;
width:49%;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
font-family: 'Poppins', sans-serif;
border:none;
cursor:pointer;
background:#29c7f6;
}
.middle .ankieta {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .title {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
position:relative;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Poppins', sans-serif;
border-bottom:1px solid #d7d8d8;
color: #f9b836;
}
.middle .ankieta .radio-box {
float:left;
width:100%;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .radio-box label p {
float:left;
width:95%;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 400;
line-height: 15px;
font-family: 'Poppins', sans-serif;
}
.middle .ankieta .radio-submit {
float:left;
margin:15px 0px 0px 0px;
padding:10px 20px 10px 20px;
position:relative;
color:#fff;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Poppins', sans-serif;
border:0;
cursor:pointer;
background-color:#f9b836;
}
.middle .ankieta .qua-all {
float:left;
margin:27px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 300;
line-height: 15px;
font-family: 'Poppins', sans-serif;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
#mapa-box { width:100%;height:400px;float:left;margin:0px 0px 0px 0px;overflow:hidden;border: 0px solid #c0c0c0 }
.mapa-toltip { float:left;width:200px; }
.mapa-tytul { float:left;width:100%;color:#4d4d4d;font-size:14px;font-weight:bold; }
.mapa-ulica { float:left;width:100%;color:#000000;font-size:12px; }
.mapa-miasto { float:left;width:100%;color:#000000;font-size:12px; }
/* Plan Zaj�� */
.middle .wrap .left .plan-newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .szkola-select {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #d7d8d8;
}
.middle .wrap .left .plan-newslista .szkola-select p {
float:left;
margin:0px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #252628;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 60px;
cursor:pointer;
background-color: #fff;
border-top:1px solid #d7d8d8;
border-right:1px solid #d7d8d8;
}
.middle .wrap .left .plan-newslista .szkola-select p:hover,
.middle .wrap .left .plan-newslista .szkola-select .active-p
{
color:#fff;
background-color: #0d6bb2;
}
.middle .wrap .left .plan-newslista .szkola-box {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .box-klasa {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box-klasa .rocznik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
position:relative;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 18px;
}
.middle .wrap .left .plan-newslista .box {
float:left;
width:70px;
max-height:70px;
overflow:hidden;
margin:0px 11px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #0d6bb2;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 70px;
text-decoration:none;
text-align:center;
background:#f8f8f8;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box:hover {
color:#fff;
background-color: #0d6bb2;
}
.search {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
position:relative;
}
.search .search-input {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
position:relative;
width:100%;
height:64px;
font-family: 'Poppins', sans-serif;
border:0;
font-size: 32px;
font-weight: 300;
line-height: 38px;
border:1px solid #cccccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
footer {
float:left;
width:100%;
height:70px;
position:relative;
margin:0px 0px 0px 0px;
border-top:1px solid rgba(255,255,255,0.4);
background-color:#0e172c;
}
footer .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
position:relative;
}
footer nav {
width:auto;
float:right;
margin:27px 0px 0px 0px;
font-size:15px;
line-height:15px;
font-weight:500;
font-family: 'Poppins', cursive;
}
footer nav ul {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
footer nav ul li { float:left;margin:0px 0px 0px 0px;position:relative;list-style: none; }
footer nav ul li a { color:#fff;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
footer nav ul li a:hover, footer nav ul li a.active { color: #6f8fd4; }
footer nav ul li .menu-hr-footer { float:right;margin:3px 35px 0px 35px;opacity: 0.4; }
footer nav ul li:last-child .menu-hr-footer { display:none; }
footer nav ul li .arrow { float:right;margin:7px 0px 0px 9px;position:relative; }
.scooli-tip{ display:inline;position: relative;opacity: 1 }
.scooli-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
.scooli-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
.scooli-tip:hover { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
.scooli {
float: left;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
background: #fff;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.scooli a{ float:left;margin:0px 0px 0px 0px; }
.scooli img { width:50px; }
.scooli-bip a{ float:left;margin:22px 0px 0px 20px; }
.facebook {
z-index:60;
border:3px solid #4a6ea9;
width:330px;
height: 214px;
position: fixed;
right: -336px;
top:305px;
}
.facebook img {
float:left;
margin:-3px 0px 0px 0px;
width:50px;
position: absolute;
top: 0px;
left: -50px;
}
.facebook .fb-page {
float:left;
margin:0px 0px 0px 0px;
position:relative;
width:330px;
height:220px;
}
#cookie_info { position:fixed;width:465px;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:left;width:385px;margin:25px 0px 0px 30px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px -52px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:left;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:left;width:100%;font-size:14px;line-height:14px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:left;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.no-phone { display:none !important; }
.top {
float:left;
width:100%;
height:80px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:45;
background: #fff;
}
.top .wrap {
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.logo {
float:left;
max-width: 230px;
height: 130px;
padding: 0px 20px;
position:relative;
top:0;
left:0;
background: #fff;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
border-bottom-right-radius: 20px;
}
.logo img {
float:left;
width:auto;
height: auto;
max-height: 100px;
}
.quick {
float:right;
height: 100%;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 30px;
position:relative;
background: #fff;
border-bottom-left-radius: 20px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.quick a {
float:left;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 0px;
font-weight: 500;
line-height: 0px;
text-decoration:none;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.quick a:hover {
color: #faae2c;
}
.quick .phone img {
float:left;
margin:0px 10px 0px 10px;
position:relative;
}
.quick .mail img {
float:left;
margin:0px 10px 0px 0px;
position:relative;
}
.wrapper {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
background: #22284d;
z-index:35;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.wrapper .wrap {
float: left;
width: 100%;
height: 100%;
position: relative;
}
.wrapper nav {
display: none;
float: left;
width:96%;
margin:10px 0px 0px 0px;
padding:0px 2% 0px 2%;
}
.wrapper nav ul {
float:left;
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.wrapper nav ul li {
float:left;
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
background-color: #22284d;
border-radius: 20vw;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.wrapper nav ul li a {
float:left;
width: 100%;
font-size: 20px;
line-height: 38px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
text-align: right;
text-decoration:none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
align-content:center;
}
.wrapper nav ul li a:hover {
color:#faae2c;
}
.wrapper nav ul li.search-box {
float:left;
width:100%;
height:45px;
margin:20px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px !important;
background:#faae2c url(images/ikon_search.png) center no-repeat;
border-radius: 40vw;
}
.wrapper .menu-tel {
float:right;
font-size:45px;
margin:0px 2% 0px 0px !important;
cursor:pointer;
color:#fff;
}
.container {
float:left;
width:100%;
height:280px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(images/containerBg.jpg) center no-repeat;
background-size: cover;
}
.container .wrap {
float: left;
width: 100%;
height: 100%;
position: relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.container .slide-1 {
float:left;
width:96%;
height:220px;
position:relative;
overflow:hidden;
border-radius: 20px;
}
.container .slides {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background-size:cover !important;
background-position:center !important;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-end;
align-items:flex-start;
align-content:flex-start;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.container .slides .box {
width:100;
margin:0px 0px 20px 0px;
padding:0px 4% 0px 4%;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.container .slides .box .nag {
float:left;
width:100%;
margin:0px 0px 0px 0px;
position:relative;
color: #fff;
font-family: "Poppins";
font-size: 20px;
font-weight: 600;
line-height: 20px;
text-align:left;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
}
.container .slides .box .text {
float:left;
width:100%;
margin:2vw 0px 0px 0px;
position:relative;
color: #fff;
font-family: "Poppins";
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align:left;
text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}
.container .slides .box .more {
float:left;
height: 35px;
margin:10px 0px 0px 0px;
padding:0px 25px 0px 25px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.container .slides .box .more:hover {
color: #fff;
}
.container .slides .box .arrow-down {
display:none;
}
.container .owl-nav {
float:left;
width:43px;
margin:-48px 0px 0px -560px;
padding:0px 0px 0px 0px;
position:absolute;
top:50%;
left:50%;
z-index:5;
font-size:0;
}
.container .owl-nav .owl-next {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
width: 43px;
height: 43px;
background: url(images/owl_prev.png) center no-repeat;
background-size: cover !important;
}
.container .owl-nav .owl-prev {
float:left;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
width: 43px;
height: 43px;
background: url(images/owl_next.png) center no-repeat;
background-size: cover !important;
}
.container .owl-dots {
display:none !important;
}
.container .owl-dots .owl-dot {
display:none !important;
}
.container .owl-dots .active {
display:none !important;
}
.additional {
display:none;
}
.s-container {
float:left;
width:100%;
height:150px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(images/containerBg.jpg) center no-repeat;
background-size: cover;
}
.s-container .wrap {
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.dir {
float:right;
width: 100%;
height: 50px;
margin:0px 0px 0px 0px;
padding:0px 4% 0px 4%;
position:absolute;
left: 0;
bottom: 0;
background: #22284d;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dir a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 12px;
text-decoration:none;
}
.dir a span {
float:left;
margin:0px 0px 0px 0px;
padding:0px 8px 0px 8px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 100;
line-height: 14px;
}
.dir a:hover {
color:#f9b836;
}
.dir a:first-child {
font-weight: 600;
}
.dir a:first-child:hover {
color:#fff;
}
.dir a:hover span {
color:#fff;
}
.newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:center;
}
.newslista .news-box {
float:left;
width:100%;
margin:0px 0px 65px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-box .news-new {
float:left;
position:absolute;
left:0;
top:0;
margin:0px 0px 0px 0px;
padding:0px 30px 0px 30px;
color:#000;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 30px;
z-index:6;
text-align:center;
text-transform: uppercase;
background:#f9b836;
border-radius:30px;
}
.news-left {
float:left;
width:100%;
height:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index: 5;
}
.news-foto {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
border-radius:30px;
}
.news-foto img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.news-data {
float:left;
margin:10px 0px 0px 30px;
padding:0px 0px 0px 0px;
font-family: 'Poppins', sans-serif;
color: #faae2c;
font-size: 13px;
font-weight: 600;
line-height: 13px;
z-index:3;
letter-spacing:1px;
}
.news-right {
float:left;
width:100%;
height:170px;
margin:-30px 0px 0px 0px;
padding:85px 30px 0px 30px;
position:relative;
background: #fff;
z-index: 4;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.news-header {
float:left;
width:100%;
height:42px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #252628;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 21px;
overflow:hidden;
}
.news-text {
display: none !important;
visibility: hidden !important;
}
.news-more {
float:left;
height: 45px;
margin:18px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.newslista .news-box:hover .news-more {
color: #fff;
}
.start-2 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.start-2 .wrap {
float: left;
width:100% !important;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.start-2 .wrap p a {
float:right;
height: 45px;
margin:0px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #000;
font-family: "Poppins";
font-size: 14px;
font-weight: 600;
line-height: 14px;
text-decoration: none;
background-color: #faae2c;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-2 .wrap p a:hover {
color:#fff;
}
.start-3 {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
z-index:5;
}
.start-3 .wrap {
float: left;
width:100% !important;
position:relative;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.start-3 .name-box {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 30px 0px;
position:relative;
border-top-left-radius:25px;
border-top-right-radius:25px;
background: #fff;
}
.start-3 .name-box.calendars {
padding:0px 0px 0px 0px;
}
.start-3 .name-box .ikon {
float:left;
width:calc(100% - 25px);
height:30px;
margin:20px 0px 0px 25px;
padding:0px 0px 0px 0px;
position:absolute;
top:0;
left:0;
z-index:5;
background: url(images/packet_up_icon_questionnaire.png) left top no-repeat;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-3 .name-box h3 {
float:left;
width:100%;
height: 60px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 60px;
position:relative;
color:#fff;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-align:left;
text-transform:uppercase;
letter-spacing:1px;
border-top-left-radius:20px;
border-top-right-radius:20px;
background-color: #22284d;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-3 .name-box .text {
float:left;
width:100%;
margin:30px 0px 0px 0px;
padding:0px 20px 0px 20px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-align:left;
color: #393939;
overflow:hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-3 .name-box .more {
float:left;
width:32px;
height:32px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:20px;
bottom:0;
color: #fff;
background: url(images/start_3_name_box_more_bg_3.png) center no-repeat;
font-family: 'Poppins', sans-serif;
font-size: 0px;
font-weight: 300;
line-height: 40px;
text-decoration:none;
letter-spacing:1px;
border-radius:20px;
}
.start-4 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:60px 0px 60px 0px;
overflow:hidden;
background: #F2F2F2;
z-index:3;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-4 .wrap {
float: left;
width: 94%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.start-4 .wrap h4 {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000;
font-size: 26px;
font-weight: 500;
line-height: 26px;
text-transform: uppercase;
text-align:center;
}
.partners {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-carousel {
float:left;
width:70%;
height:98px;
margin:0px 0px 0px 15%;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-stage-outer {
position:relative;
z-index:10;
}
.partners .partners-box {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:0px solid #000;
background:#fff;
border-radius:30px;
}
.partners .partners-box .img {
max-width: 60%;
max-height: 60%;
object-fit: contain;
}
.partners .owl-nav {
float:left;
width:100%;
position:relative;
margin:-60px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.partners .owl-nav .owl-prev {
float:left;
width:30px;
height:30px;
margin:0px 0px 0px -38px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: #FAAE2C url(images/owl_prev.svg) center no-repeat;
border-radius: 50%;
}
.partners .owl-nav .owl-next {
float:right;
width:30px;
height:30px;
margin:0px -38px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background:#FAAE2C url(images/owl_next.svg) center no-repeat;
border-radius: 50%;
}
.partners .owl-dots {
display:none;
}
.start-5 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:80px 0px 80px 0px;
overflow:hidden;
z-index:4;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
background-size:cover !important;
}
.start-5 .wrap {
float:left;
width:96%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-5 .wrap .text {
float:left;
width: 100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 25px;
text-align:center;
font-style: italic;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-5 .wrap .autor {
float:left;
width: 100%;
margin:20px 0px 0px 0px;
position:relative;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align:center;
}
.start-6 {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #0e172c;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-6 .wrap {
float: left;
width:96%;
height:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:30px 0px 60px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.start-6 .wrap .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
}
.start-6 .wrap .header .godlo {
float:left;
width: 50px;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .header .name {
float:left;
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 22px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.start-6 .wrap .header .subname {
float:left;
width: 100%;
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 300;
color: #a0beff;
}
.start-6 .wrap .box-1 {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .box-1 .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .ikon {
float:left;
width:60px;
height:60px;
position:relative;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
font-size:40px;
line-height:40px;
color: #fff;
background: #6f8fd4;
border-radius: 40px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .ikon-1 {
font-size:35px;
line-height:35px;
}
.start-6 .wrap .box-1 .text .ikon-2 {
font-size:40px;
line-height:40px;
}
.start-6 .wrap .box-1 .text .left {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .right {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}
.start-6 .wrap .box-1 .text .info {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
float:left;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 24px;
color: #fff;
}
.start-6 .wrap .box-1 .text .info a {
text-decoration:none;
color: #fff;
}
.start-6 .wrap .box-1 .text .info a:hover {
color: #c9d5ef;
}
.start-6 .wrap .box-2 {
float:right;
width:100%;
margin:60px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_box_2_bg.png) bottom no-repeat;
}
.start-6 .wrap .box-2 .left {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left .header {
display: none !important;
visibility: hidden !important;
}
.start-6 .wrap .box-2 .left .text {
float: left;
width: 100%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 30px 20px 30px;
background: #fff;
border-radius: 30px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .box-2 .left .ikon {
float:left;
margin:10px 10px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size:37px;
line-height:37px;
text-decoration:none;
opacity:1;
}
.start-6 .wrap .box-2 .left .icon-facebook-sign { color:#3b5998; }
.start-6 .wrap .box-2 .left .icon-google-plus-sign { color:#d74633; }
.start-6 .wrap .box-2 .left .icon-linkedin-sign { color:#007bb6; }
.start-6 .wrap .box-2 .left .icon-pinterest-sign { color:#cb2027; }
.start-6 .wrap .box-2 .left .icon-twitter-sign { color:#1da1f2; }
.start-6 .wrap .box-2 .left .icon-youtube-sign { color:#ee1c1b; }
.start-6 .wrap .box-2 .left .icon-bip { }
.start-6 .wrap .box-2 .left .icon-epuap { margin: 0px 20px 0px 0px !important; }
.middle {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:40px 0px 40px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:flex-start;
align-content:flex-start;
}
.middle .wrap {
float: left;
width: 96%;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.middle .wrap h1 {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 10px 0px;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.home h1 {
display:none !important;
visibility:hidden !important;
}
.page {
padding:40px 0px 40px 0px !important;
background:none !important;
}
.page h1 {
text-align:left;
border-bottom:2px solid #feb829;
}
.home .left {
float:right;
width:100%;
position: relative;
margin: 0px 0px 0px 0px;
z-index: 0;
}
.home .right {
float:left;
width:100%;
z-index: 7;
margin: 60px 0px 0px 0px;
}
.page .left {
float:right;
width:100%;
margin: -20px 0px 0px 0px;
padding: 40px 20px 40px 20px;
z-index: 0;
background: #fff;
border-radius: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page .right {
float:left;
width:100%;
z-index: 7;
margin: 60px 0px 0px 0px;
}
.middle .wrap .left h2 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Poppins', sans-serif;
color:#0d6bb2;
font-size: 24px;
font-weight: 700;
line-height: 26px;
border-left:0;
display: inline-block;
}
.middle .wrap .left h3 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Poppins', sans-serif;
color:#000;
font-size: 22px;
font-weight: 700;
line-height: 24px;
border-bottom:1px solid #0d6bb2;
}
.middle .wrap .left .zdjecie-glowne {
position:relative;
z-index:5;
overflow:hidden;
}
.middle .wrap .left .zdjecie-glowne .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .left .left-s {
float:left;
width:100%;
height:260px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .right-s {
float:left;
width:100%;
height:260px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .panoramic {
float:left;
width:100%;
height:350px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .big {
float:left;
width:100%;
height:450px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .a4-s {
float:left;
width:220px;
height:325px;
margin:5px 20px 20px 0px;
padding:0px 0px 0px 0px;
}
.middle .wrap .left .a4-b {
float:left;
width:100%;
height:370px;
margin:0px 0px 30px 0px;
padding:20px 0px 20px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
background:#f4f4f4;
}
.middle .wrap .left .a4-b .img {
width:auto !important;
height:470px !important;
}
.middle .wrap .opis {
float:left;
width:100%;
position:relative;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
bottom:20px;
color:#000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 22px;
text-align:justify;
}
.middle .wrap .opis img { width:100% !important;height:auto !important; }
.middle .wrap .opis strong { font-weight:500; }
.middle .wrap .opis a { color:#0d6bb2;text-decoration:underline; }
.middle .wrap .opis a:hover { text-decoration:none; }
.middle .wrap .opis ul {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis ul li {
float:left;
width:95%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5%;
background: url(images/li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ul li ul li {
float:left;
width:95%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5%;
background: url(images/li_li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ol {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .opis ol li {
float:left;
width:calc(100% - 17px);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 17px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.middle .wrap .opis table {
float:left !important;
width:100% !important;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 20px;
border-spacing: 0;
border: 0;
border-collapse: collapse;
text-align:left;
}
.middle .wrap .opis table thead {
background-color:#0d6bb2;
}
.middle .wrap .opis table thead tr td {
color:#fff;
border:1px solid #e0e0e0;
text-align:center;
}
.middle .wrap .opis table tfoot {
background-color:#fff;
}
.middle .wrap .opis table tfoot tr td {
color:#000;
border:1px solid #e0e0e0;
text-align:center;
font-size:12px;
padding:5px 0px 5px 0px;
border:0px;
border-bottom:1px solid #e0e0e0;
}
.middle .wrap .opis table tr td {
margin:0px 0px 0px 0px !important;
max-width:200px !important;
padding:17px 10px 17px 10px;
border:1px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .opis table tr:nth-child(even) {
background:#f8f8f8;
}
.middle .wrap .opis table ul {
float:left;
width:auto !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis table ul li {
width:auto !important;
padding:0px 0px 0px 15px !important;
clear:both;
}
.middle .wrap .opis blockquote {
float:left;
width:90%;
margin:0px 0px 0px 0px;
padding:20px 5% 20px 5%;
position:relative;
font-style:italic;
background:#f1f1f1 url(images/blockquote_bg.png) top 20px left 20px no-repeat;
}
.middle .wrap .opis pre {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 4% 20px 4%;
position:relative;
font-style:italic;
border:1px solid #000;
border-style:dashed;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .pliki {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:20px 0px 30px 0px;
}
.middle .wrap .pliki .plik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:15px 0px 15px 0px;
position:relative;
color: #0d6bb2;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #e0e0e0;
}
.middle .wrap .pliki .plik-tytul {
float:left;
width:60%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
}
.middle .wrap .pliki .plik .more {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .pliki .plik-ikona {
float:right;
width:35px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color:#0d6bb2;
}
.middle .wrap .pliki a { text-decoration:none;color: #252628; }
.middle .wrap .pliki a:hover { text-decoration:none;color:#0d6bb2; }
.middle .wrap .galeria {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.middle .wrap .galeria .gallery-box {
float:left;
position:relative;
overflow:hidden;
}
.middle .wrap .galeria .gallery-box .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .galeria .gallery-box .hover {
width:100%;
height:100%;
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: rgba(13, 107, 178, 0.7) url(images/ikon_zoom.png) center no-repeat;
}
.middle .wrap .galeria .gallery-box:hover .hover { opacity:1; }
.middle .wrap .galeria .gallery-box .title {
float:left;
width:94%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:14px 3.5% 10px 3.5%;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
background-color: #fff;
border-bottom:1px solid #c8c8c8;
}
.middle .wrap .galeria .none-title { display:none; }
.middle .wrap .galeria .three-in-one {
width:49%;
height:180px;
margin-bottom:3px;
}
.middle .wrap .galeria .two-in-one {
width:49%;
height:180px;
margin-bottom:3px;
}
.middle .wrap .galeria .one-in-one {
width:100%;
height:240px;
margin-bottom:10px;
}
.middle .wrap .galeria .one-in-one-title {
width:100%;
height:240px;
margin-bottom:10px;
}
.middle .wrap .galeria .three-in-one-title {
width:100%;
height:350px;
margin-bottom:10px;
}
.fb-like-box { float:left;width:100%;margin:30px 0px 30px 0px;position:relative; }
.middle .wrap .error {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#ef0000;
}
.middle .wrap .error strong {
font-family: 'Poppins', sans-serif;
}
.middle .wrap .info {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#00a600;
}
.middle .wrap .info strong {
font-family: 'Poppins', sans-serif;
}
.middle .wrap .error a, .middle .wrap .info a {
text-decoration:none;
color:#28c6f5;
}
.middle .wrap .form-password-box {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.form-password-input {
float:left;
width:49%;
height:50px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form-password-submit {
float:right;
width:49%;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
font-family: 'Poppins', sans-serif;
border:none;
cursor:pointer;
background:#29c7f6;
}
.middle .ankieta {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .title {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
position:relative;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Poppins', sans-serif;
border-bottom:1px solid #d7d8d8;
color: #f9b836;
}
.middle .ankieta .radio-box {
float:left;
width:100%;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .radio-box label p {
float:left;
width:75%;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 13px;
font-weight: 400;
line-height: 18px;
font-family: 'Poppins', sans-serif;
}
.middle .ankieta .radio-submit {
float:left;
margin:15px 0px 0px 0px;
padding:10px 20px 10px 20px;
position:relative;
color:#fff;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Poppins', sans-serif;
border:0;
cursor:pointer;
background-color:#f9b836;
}
.middle .ankieta .qua-all {
float:left;
margin:27px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 300;
line-height: 15px;
font-family: 'Poppins', sans-serif;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
#mapa-box { width:100%;height:400px;float:left;margin:20px 0px 0px 0px;overflow:hidden;border: 0px solid #c0c0c0 }
.mapa-toltip { float:left;width:200px; }
.mapa-tytul { float:left;width:100%;color:#4d4d4d;font-size:14px;font-weight:bold; }
.mapa-ulica { float:left;width:100%;color:#000000;font-size:12px; }
.mapa-miasto { float:left;width:100%;color:#000000;font-size:12px; }
/* Plan Zaj�� */
.middle .wrap .left .plan-newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .szkola-select {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #d7d8d8;
}
.middle .wrap .left .plan-newslista .szkola-select p {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #252628;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
cursor:pointer;
background-color: #fff;
border-top:1px solid #d7d8d8;
border-right:1px solid #d7d8d8;
text-align:center;
}
.middle .wrap .left .plan-newslista .szkola-select p:hover,
.middle .wrap .left .plan-newslista .szkola-select .active-p
{
color:#fff;
background-color: #0d6bb2;
}
.middle .wrap .left .plan-newslista .szkola-box {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .box-klasa {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box-klasa .rocznik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
position:relative;
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
}
.middle .wrap .left .plan-newslista .box {
float:left;
width:70px;
max-height:70px;
overflow:hidden;
margin:0px 11px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #0d6bb2;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 70px;
text-decoration:none;
text-align:center;
background:#f8f8f8;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box:hover {
color:#fff;
background-color: #0d6bb2;
}
.search {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
position:relative;
}
.search .search-input {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
position:relative;
width:100%;
height:64px;
font-family: 'Poppins', sans-serif;
border:0;
font-size: 32px;
font-weight: 300;
line-height: 38px;
border:1px solid #cccccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
footer {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
border-top:1px solid #dedede;
background-color:#fff;
}
footer .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
position:relative;
}
footer nav {
display:none;
}
.scooli-tip{ display:inline;position: relative;opacity: 1 }
.scooli-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
.scooli-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
.scooli-tip:hover { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
.scooli a{ float:left;margin:27px 0px 0px 0px; }
.scooli img { width:50px; }
.scooli-bip a{ float:left;margin:26px 0px 0px 20px; }
.godlo-small {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
top:65px;
right:70px;
z-index:60;
}
.bip-small {
display:none;
}
.facebook {
display:none;
}
#cookie_info { position:fixed;width:100%;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:right;width:100%;margin:25px 0px 0px 0px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px 0px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:right;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:right;width:80%;font-size:12px;line-height:12px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:right;width:80%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
}
.calendar {
float:left;
width:100%;
position:relative;
font-family: 'Poppins', sans-serif;
font-size: 12px;
border-collapse:collapse;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:4;
text-align: center;
}
/* Nazwa miesi�ca */
.calendar tr:first-child th {
cursor:pointer;
color: #22398d;
font-weight:500;
font-size:16px !important;
line-height:16px !important;
}
.calendar tr:first-child th:hover {
color:#afd2ea !important;
}
/* Strza�ki */
.calendar #prev, .calendar #next { font-size: 30px !important;border:1px solid rgba(0,0,0,0.1);width:30px;height:31px;font-weight:500; }
/* Nazwa tygodnia */
.calendar thead tr:nth-child(2) th {
color: #737373;
font-weight:500;
height:33px;
line-height:33px;
font-size:10px;
margin:20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #f1f1f1;
border:1px solid rgba(0,0,0,0.1);
text-transform: uppercase;
}
/* Puste pola */
.calendar .pMDate, .calendar .nMDate { color: #dcdcdc;cursor:default !important; }
.calendar .pMDate:hover, .calendar .nMDate:hover { background:none !important; }
/* Data dzisiejsza */
.calendar #today {
text-align:center;
cursor:pointer;
padding: 5px 3px;
color: #22284d;
}
.calendar #today:hover { color: #000; }
.calendar #today:active { color: #000; }
/* Aktywne dni */
.calendar td a { color: #000;text-decoration:none; }
/* Wydarzenie w danym dniu */
.active-date { background-color: #faae2c; }
.active-date a { color: #000 !important; }
/* Obecny dzie� */
.calendar #currDay { color: #fff;font-weight:300;background-color: #22284d; }
.calendar #currDay a { color: #fff; }
/* Pozosta�e ustawienia */
.calendar span { padding:0px 0px 0px 0px;display:block;line-height:27px; }
.calendar tr td { width:14.2%;border:1px solid rgba(0,0,0,0.1);font-weight:500;height:27px; }
.calendar tbody tr:last-child { display:none; }
/* Kolor t�a po najechaniu i aktywny klik */
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #6f8fd4; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #6f8fd4; }
/* Wyb�r miesi�ca */
.calendar .month { padding: 15px;cursor: pointer; }