body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; color: #333;overflow-x:hidden; }

h1,h2,h3 { letter-spacing: 1px; color: #0c2b5d; font-family: 'engebrechtreregular'; font-weight: 400}

a, a:hover, .fa, .btn, .trans, .trans:hover, #galeria a:hover img, #galeria a img, #cytat:hover > .over_img img, #cytat > .over_img img, .osoba .over_img:hover img, .osoba .over_img img,
    .referencje .over_img img, .referencje:hover .over_img img, .item-image a:hover > img, .item-image a > img, a.over_img:hover > img, a.over_img > img, #bio .zdjecie .over_img img, #bio .zdjecie .over_img:hover img, 
    .referencje_home .owl-theme .owl-dots .owl-dot span, .referencje_home .owl-theme .owl-dots .owl-dot:hover span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}

ul.nav li { display: inline-block}
ul.nav li a:hover, ul.nav li a:focus { background: none}

.brand { z-index: 2; width: 140px; display: block; position: absolute; left: 50%; margin-left: -70px; top: 8px}
.brand img {max-width: 100%}

.header { position: absolute; width: 100%; left: 0; top: 0; background: #fff; z-index: 1}

.header-inner { font-size: 12px; padding: 19px 0}
.header-inner p { margin: 0}
.header-left a { color: #0c2b5d}

.header-social > div, .header-left > div {display: inline-block}

.mod-languages { margin-right: 19px}
.mod-languages .chzn-container-single .chzn-single { box-shadow: none; text-transform: lowercase; background: #fff; border: 1px solid #d7d7d7; height: 30px; line-height: 30px; padding: 0 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.mod-languages .chzn-container-single .chzn-single span { text-align: center; display: inline-block; margin: 0; padding-right: 9px; line-height: 28px; font-size: 12px}
.mod-languages .chzn-container-single .chzn-single div { padding: 0 13px; border-left: 1px solid #d7d7d7; margin-left: 9px}
.mod-languages select { width: 90px}
.mod-languages .chzn-results li { text-transform: lowercase}

.mod-languages .chzn-container-single .chzn-single div b { position: absolute; left: 9px; top: 12px; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #0c2b5d transparent transparent transparent;}

.navigation { background: #0c2b5d;}
.navigation ul { width: 100%; display: table; text-align: center; margin: 0; padding: 0}
.navigation ul li { position: static; margin: 0; padding: 0 10px; display: table-cell; width: 14.2857%; height: 52px; vertical-align: middle}
.navigation ul li a { padding: 0; margin: 8px 0 0; color: #fff; font-family: 'engebrechtreregular'; font-weight: 400; font-size: 14px; line-height: 16px; text-transform: uppercase}
.navigation ul li.divider { position: relative; opacity: 0}

.navigation ul li.parent > a:after { display: inline-block; vertical-align: bottom; margin-bottom: 8px; margin-left: 10px; content: " "; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #fff transparent transparent transparent; }

.navigation ul li.parent li > a:hover { text-decoration: none}

.navigation ul li.parent ul { z-index: 1; display: none; position: absolute; left: 0; width: 100%; background: #091f43; padding: 30px; margin-top: 14px}
.navigation ul li.parent ul li { text-align: center}
.navigation ul li.parent:hover ul { display: table}

.navigation ul li a:hover, .navigation ul li.active a { color: #ccc}
.navigation ul li.parent a:hover:after, .navigation ul li.active a:after { border-color: #ccc transparent transparent transparent; }

.ribbon { position: relative; background: #0c2b5d; margin-bottom: -16px}

.ribbon:before, .ribbon:after { content: ''; position: absolute; display: block; bottom: -10px; border: 26px solid #091f43; z-index: -1; }
.ribbon:before { left: -55px; border-right-width: 40px; border-left-color: transparent; }
.ribbon:after { right: -55px; border-left-width: 40px; border-right-color: transparent; }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after { border-color: #000 transparent transparent transparent; position: absolute; display: block; border-style: solid; bottom: -10px; content: ''; }
.ribbon .ribbon-content:before { left: 0; border-width: 10px 0 0 10px; }
.ribbon .ribbon-content:after { right: 0; border-width: 10px 10px 0 0; }

.left, .lewa { text-align: left}
.right, .prawa { text-align: right}
.center, .srodek { text-align: center}
.nav-collapse { display: block}

.navbar { display: none}

p { margin-bottom: 24px}

.footer_bottom { padding: 10px 15px 30px; line-height: 29px; font-size: 12px; font-weight: 300}

.kamera-przedszkole, .kamera-zlobek { padding-top: 200px}
.kamery { padding-top: 200px; text-align: center}
.kamery .form-horizontal .control-label { text-align: center}
.logowanie .nav-tabs { text-align: center}
.kamery .controls input { padding: 5px 15px}

.alert.alert-error { position: fixed; left: 0; top: 0; width: 100%; background: red; color: #fff; z-index: 100}

.alert .close { font-size: 30px; color: #fff; opacity: 1}

#content .item-page.logowanie { padding-top: 200px}

.header-social form { display: inline-block}
.header-social .logout-button, .header-social .login-greeting { display: inline-block}


.footer_brand { display: inline-block}
.footer_brand img { max-width: 100%; width: 115px}

.btn, .footer ul.nav li a.btn { text-transform: uppercase; font-size: 12px; letter-spacing: 3px; line-height: 14px; padding: 18px 26px; background: #0c2b5d; color: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn:hover, .flexslider a:hover .btn, .btn:focus { background: #001040; color: #ccc}
.btn.btn-live, .footer ul.nav li a.btn.btn-live { padding: 8px 16px; text-transform: none; letter-spacing: 0; font-weight: 400}

.btn {white-space:unset;}

.social_top  { padding-right: 5px}
.social_top a { display: inline-block; margin: 0 5px}
.social_top a:hover {     -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}

.flexslider { z-index: 0}

.flexslider a:hover { text-decoration: none}

.flexslider .flex-caption { padding: 100px 0 0 0; text-align: center; background: none; position: absolute; left: 0; width: 100%; top: 0; height: 100%}
.flexslider .flex-caption * { color: #fff}
.flexslider .flex-caption .inner { display: table; height: 100%; width: 100%}
.flexslider .flex-caption .inner > * { height: 100%; vertical-align: middle; display: table-cell}

.flexslider .flex-caption h1, #banner h1 { color: #fff; margin-bottom: 25px; font-family: 'Open Sans'; font-weight: bold; font-size: 48px; line-height: 55px}
.flexslider .flex-caption h1 span, #banner h1 span { font-size: 18px; text-transform: uppercase}

.flexslider .slides li, #banner .over_abs_table { background-size: 100% auto; background-attachment: fixed}
/* .flexslider .slides img, #banner img { opacity: 0} */

#box_home, #bottom_boxy { display: table; width: 100%}
#box_home > div, #bottom_boxy > div { display: table-cell; vertical-align: top; width: 25%}
#box_home .custom, #bottom_boxy .custom { padding: 48px 40px 24px; background-size: cover; background-position: right bottom; min-height:300px; position: relative;}
#box_home .custom h3, #bottom_boxy .custom h3 { margin: 0 0 15px; font-size: 30px; line-height: 30px; text-transform: uppercase}
#box_home h3, #bottom_boxy h3 {color: #fefeff}
#box_home .btn, #bottom_boxy .btn {position: absolute; bottom: 28px}

#content .item-page { padding: 70px 0}
#content .item-page strong { color: #0c2b5d}

#content .item-page img { max-width: 100%; height: auto}

.item-page table { width: 100%; margin-bottom: 24px}
.item-page table p { margin: 0}
.item-page table td { padding: 8px 12px}
#content .item-page table thead td, #content .item-page table th { background: #00a0ae; color: #fff}
#content .item-page table thead td strong, #content .item-page table th strong { color: #fff}
.item-page table tbody tr:nth-child(2n) td { background: #efefef}

.home-pl #content .item-page, .home-en #content .item-page, .kadra #content .item-page, .kadra-tmp #content .item-page { padding: 0}
.home-pl #content .item-page, .home-en #content .item-page { margin-top: 90px; position:relative;}
.home-pl .item-page, .home-en .item-page { font-weight: 300; background: url("../images/dzieci_home.jpg") center 70px no-repeat transparent;padding-top:567px !important;}
.home-pl .item-page h1, .home-en .item-page h1 { margin-bottom: 50px; text-align: center; position:absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;top:0;}
.home-pl .item-page h4, .home-en .item-page h4 { margin-top: 20px}
.home-pl .item-page .btn, .home-en .item-page .btn { margin-top: 50px; margin-bottom: 50px;}

h4 { font-size: 16px; line-height: 18px; font-weight: 900; color: #0c2b5d; text-transform: uppercase; margin-bottom: 20px}

.moduletable.aktualnosci_module { padding: 120px 0 0}
.moduletable.aktualnosci_module h3 { font-size: 30px; margin: 0 0 70px; line-height: 26px; text-align: center}
.moduletable.aktualnosci_module a.over_img { width: 100%; display: block}
.moduletable.aktualnosci_module img { width: 100%}
.moduletable.aktualnosci_module .mod-articles-category-date, .blog .article-info, .blog .item span time { color: #333333; font-weight: 300; font-size: 12px; line-height: 14px; display: block; margin: 20px 0 0}
.moduletable.aktualnosci_module a.mod-articles-category-title, .blog .link_title  { color: #0c2b5d; font-weight: bold; display: block; margin-bottom: 24px}
.moduletable.aktualnosci_module .mod-articles-category-introtext, .blog .introrext { position: relative}
.moduletable.aktualnosci_module a.mod-articles-category-readmore, .blog .readmore { display: inline-block; position: relative}
.moduletable.aktualnosci_module a.mod-articles-category-readmore, .blog .readmore:after { display: block; content: " "; margin-left: 5px; left: 0; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #0c2b5d; bottom: 2px; }

.moduletable.aktualnosci_module.galeria_module { padding-top: 0px; padding-bottom: 45px}

.referencje { text-align: center; text-transform: uppercase}
.referencje .over_img { overflow: hidden; border: 5px solid #0c2b5d; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; width: 140px; height: 140px; display: inline-block; margin-bottom: 30px;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);}
.referencje .over_img img {  max-width: 100%; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; }
.referencje:hover > .over_img img { -webkit-transform: rotate(0.1deg) scale(1.11);  /* Saf3.1+, Chrome */ -moz-transform: rotate(0.1deg) scale(1.11);  /* FF3.5+ */ -ms-transform: rotate(0.1deg) scale(1.11);  /* IE9 */ -o-transform: rotate(0.1deg) scale(1.11);  /* Opera 10.5+ */ transform: rotate(0.1deg) scale(1.11);}
.referencje p { min-height: 60px; margin-bottom: 42px; font-size: 16px; line-height: 20px; font-weight: bold}
.referencje .opis p { line-height: 30px}

.referencje_home.moduletable { padding-top: 110px; padding-bottom: 70px; color: #0c2b5d; background: url("../images/tlo_referencje.jpg") center center no-repeat transparent; background-size: cover}
.referencje_home.moduletable .referencja { padding-top: 0; padding-bottom: 120px}

.referencje_home .owl-theme .owl-dots .owl-dot { margin: 0 8px}
.referencje_home .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; background: #fff; margin: 0}
.referencje_home .owl-theme .owl-dots .owl-dot.active span, .referencje_home .owl-theme .owl-dots .owl-dot:hover span { background: #0c2b5d }

.moduletable.dekoracje { position: relative}
.moduletable.dekoracje h3 { text-align: center; font-size: 36px; line-height: 36px; margin: 0 0 45px; text-transform: uppercase}
.moduletable.dekoracje:before, .moduletable.dekoracje:after { left: 0; background: url("../images/dekoracja_top.png") center top repeat-x transparent; background-size: auto 31px; content: " "; height: 31px; width: 100%; position: absolute}
.moduletable.dekoracje:before { top: -2px}
.moduletable.dekoracje:after { background-image: url("../images/dekoracja_bottom.png"); bottom: -2px }

#cytat:after, #bio:after {left: 0; background: url("../images/dekoracja_bottom.png") center top repeat-x transparent; bottom: -2px; background-size: auto 31px; content: " "; height: 31px; width: 100%; position: absolute}

#bio { position: relative; background: #f2f2f2; padding: 54px 0 108px}
#bio .zdjecie .over_img { position: relative; overflow: hidden;  -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px;}
#bio .zdjecie .over_img img { max-width: 100%; }
#bio .zdjecie .over_img:hover > img { -webkit-transform: rotate(0.1deg) scale(1.11); -moz-transform: rotate(0.1deg) scale(1.11); -ms-transform: rotate(0.1deg) scale(1.11); -o-transform: rotate(0.1deg) scale(1.11);  transform: rotate(0.1deg) scale(1.11); }

.moduletable.formularz_kontaktowy { text-align: center; padding: 70px 0 90px;}
.moduletable.formularz_kontaktowy h3 { letter-spacing: 0; font-family: 'Open Sans'; font-weight: bold; font-size: 48px; line-height: 44px; text-transform: none}
.moduletable.formularz_kontaktowy input[type='text'], .moduletable.formularz_kontaktowy textarea { text-transform: uppercase; margin-bottom: 30px; border : 1px solid #707070; width: 100%; height: 47px; line-height: 23px; padding: 12px 21px; font-size: 12px; letter-spacing: 2px; color: #0c2b5d }
.moduletable.formularz_kontaktowy textarea { resize: none; height: 93px}
.moduletable.formularz_kontaktowy .container { width:auto;}

.data_protection {font-size : 10px;margin-top : 50px;}
.data_protection ol {padding-left: 10px;}

.footer > .container:first-child { padding: 75px 15px 0; border-top: 1px solid #e5e5e5 }

.footer ul.nav { display: inline-block; text-align: left }
.footer ul.nav li { display: block; margin: 5px 0; line-height: 20px }
.footer ul.nav > li { margin: 10px 0 }
.footer ul.nav > li > a { text-transform: uppercase } 
.footer ul.nav li ul { padding: 0 }
.footer ul.nav li a { color: #0c2b5d; font-size: 12px; line-height: 14px; padding: 0; font-weight: bold}
.footer ul.nav li a.btn.btn-live { margin-top: 30px}

#banner img { width: 100%}

.kontakt .item-page dt img, .contact .item-page dt img {width: 30px}
.kontakt .item-page dt, .contact .item-page dt { float: left; clear: both; padding-right: 24px}
.kontakt .item-page dd, .contact .item-page dd { float: left; margin-bottom: 24px}
.kontakt .item-page dl:after, .contact .item-page dl:after { content: " "; display: block; width: 100%; clear: both}

.item-page h3 { font-size: 30px; margin: 24px 0 }
.item-page a { color: #333}
.item-page a.btn { color: #fff}

#banner { display: block; width: 100%; position: relative}
#banner .over_abs_table { padding-top: 100px; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: 100% auto; background-attachment: fixed}
#banner .abs_table { display: table; width: 100%; height: 100%; }
#banner .item-image { color: #fff; text-align: center; display: table-cell; vertical-align: middle; }
#banner .item-image img { width: 100%; opacity: 0}

.aktualnosci #banner .over_abs_table .item-image { background: rgba(0,0,0,0.3)}
.aktualnosci #banner h1 { font-size: 30px; line-height: 30px; letter-spacing: 0}
#banner .over_abs_table.lewa .item-image { text-align: left}
#banner .over_abs_table.bottom .item-image { vertical-align: bottom}

.aktualnosci .article-info { display: none}
.aktualnosci #content .moduletable.aktualnosci_module { padding-top: 60px; padding-bottom: 60px}

.blog { padding: 0}
.blog img { max-width: 100%}
.blog .items-row { margin: 60px 0}

.item-image a, a.over_img { overflow: hidden; display: block}
.item-image a:hover > img, a.over_img:hover > img { -webkit-transform: rotate(0.1deg) scale(1.11); -moz-transform: rotate(0.1deg) scale(1.11); -ms-transform: rotate(0.1deg) scale(1.11); -o-transform: rotate(0.1deg) scale(1.11);  transform: rotate(0.1deg) scale(1.11); }

#galeria { text-align: center; margin-bottom: 60px}
#galeria a { margin: 16px 15px; display: inline-block; background: #000}
#galeria a img { max-width: 100%; opacity: 0.6}
#galeria a:hover img { opacity: 1}
#galeria a.main { margin: 16px 15px; display: block}

.galeria #content .item-page, .galeria-tmp #content .item-page, .aktualnosci #content .item-page { padding-bottom: 24px}
.galeria .item-page .article-info, .galeria-tmp .item-page .article-info { margin: 0; font-weight: bold }
.art_title { font-weight: bold; color: #333; margin-bottom: 24px}

#cytat { position: relative; text-align: center; background: #0c2b5d; color: #fff; padding-bottom: 40px}
#cytat h1, #cytat h2 { color: #fff; margin-bottom: 36px}

#cytat .over_img, .osoba .over_img { margin-top: -78px; overflow: hidden; border: 5px solid #0c2b5d; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; width: 140px; height: 140px; display: inline-block; margin-bottom: 30px;
	-webkit-transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);}
#cytat .over_img img, .osoba .over_img img {  max-width: 100%; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; }
#cytat:hover > .over_img img, .osoba .over_img:hover img { -webkit-transform: rotate(0.1deg) scale(1.11);  /* Saf3.1+, Chrome */ -moz-transform: rotate(0.1deg) scale(1.11);  /* FF3.5+ */ -ms-transform: rotate(0.1deg) scale(1.11);  /* IE9 */ -o-transform: rotate(0.1deg) scale(1.11);  /* Opera 10.5+ */ transform: rotate(0.1deg) scale(1.11);}

.moduletable.rekrutacja .custom { text-align: center; padding: 180px 0; background-size: cover}
.moduletable.rekrutacja h1 { margin: 0 0 24px; font-weight: bold; font-size: 48px; line-height: 48px; color: #fff; font-family: 'Open Sans'}

.krok1 .stopy { position: absolute; margin: 72px 0 0 128px}
.krok2 .stopy { position: absolute; margin: 132px 0 0 -230px}
.krok3 .stopy { position: absolute; margin: 128px 0 0 128px}

.struktura-organizacji .footer > .container:first-child, .o-nas .footer > .container:first-child, .home-pl .footer > .container:first-child, .home-en .footer > .container:first-child, 
    .rekrutacja .footer > .container:first-child, .kadra .footer > .container:first-child, .kadra-tmp .footer > .container:first-child, .kontakt .footer > .container:first-child { border: none}

.kadra .osoba, .kadra-tmp .osoba { padding-bottom: 78px}
.kadra .osoba .inner, .kadra-tmp .osoba .inner { margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; text-align: center}
.kadra .osoba .inner .title, .kadra-tmp .osoba .inner .title { color: #0c2b5d; font-weight: bold}
.kadra .osoba .inner .title span, .kadra-tmp .osoba .inner .title span { font-weight: normal}
.kadra .osoba .inner .introtext, .kadra-tmp .osoba .inner .introtext { padding: 0 15px; text-align: left}
    
.kadra .osoba .over_img, .kadra-tmp .osoba .over_img { margin-bottom: 20px}

.kadra .moduletable.dekoracje, .kadra-tmp .moduletable.dekoracje { margin-top: -78px}

.zarejestruj_sie input[type='text'], .zarejestruj_sie textarea {  text-transform: uppercase; margin-bottom: 30px; border: 1px solid #dfdfdf; width: 100%; height: 47px; line-height: 23px; padding: 12px 21px; font-size: 12px; letter-spacing: 2px; color: #0c2b5d }
.zarejestruj_sie textarea { resize: none; height: 93px}
.zarejestruj_sie p, .zarejestruj_sie p label { font-size: 12px; color: #0c2b5d; letter-spacing: 2px; text-transform: uppercase; font-weight: normal}
.zarejestruj_sie p input[type="radio"] { margin: 0 24px 2px 0px; vertical-align: middle; display: inline-block}

#komunikat { padding-bottom: 12px}
#komunikat span { color: green}

#close_menu { display: none}

body.error { padding-top: 160px}

.kamera-zlobek iframe, .kamera-przedszkole iframe { width: 100% !important;/*1140px;*/ height: 640px !important}

.chckxs {
	text-align : left;
}

.chckxs input {
	float : left;
}

.chckxs label {
	font-weight : normal;
	position : relative;
	left: 20px;
    display: table;
	width : 95%;
}

#szybki_dojazd{background: url(../images/quick_access.jpg) no-repeat scroll center 0; background-size: cover; color: #fff;}
#szybki_dojazd h3 {color: #fff;font-size: 40px;}
#szybki_dojazd {margin: 50px 0; padding: 50px 0;}

#autobus img {width : 100%;}
#autobus h3 {font-size: 40px;}




#watch {
  background: url('../images/watch.png') no-repeat scroll 0 0;
  width: 272px;
  height: 485px;
  position: absolute;
  top: 85px;
  left: 50%;
  z-index: 100;
  transform: translate(-50%,-50%);
}

#watch .screen {
  width: 190px;
  height: 235px;
  color: #79d0fd;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  left: 35px;
  top: 125px;
  z-index: 100;
}

#watch .screen .slider {
  overflow: hidden;
}

#watch .screen ul li {
  display: block;
  width: 100%;
}

#watch .screen .title {
  font-size: 18px;
}

#watch .screen .time {
  font-size: 30px;
  color: #ff005a;
  position: relative;
  top: -25px;
}

#watch .screen .time span {
  font-size: 72px;
  display: block;
  line-height: normal
}

#watch .screen .place {
  margin-top: 15px;
  position: relative;
  top: -25px;
}

#watch .screen .pager {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -25px;
  z-index: 101;
}  

#watch .screen .pager a,
#watch .screen .pager a:visited {
  background-color: #fff;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

#watch .screen .pager a:hover,
#watch .screen .pager a.cycle-pager-active {
  background-color: #79d0fd;
}

#watch .screen .pager a + a {
  margin-left: 6px;
}

#watch .strokes {
  width: 85px;
  height: 222px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

#watch .strokes.left {
  background: url('../images/watch_strokes_left.png') no-repeat scroll 0 0;
  left: -120px;
}

#watch .strokes.right {
  background: url('../images/watch_strokes_right.png') no-repeat scroll 0 0;
  right: -120px;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

#autobus {padding-top:85px;}

.breadcrumb-lol {
    list-style-type: none;
    margin: 0;
    padding: 16px;
}

.breadcrumb-lol li {
    display: inline-block;
    text-transform: capitalize;
}

.breadcrumb-lol li.active {
    font-weight: bold;
}

.navigation ul li.parent ul {
    left: inherit;
}

.navigation ul li.parent:hover ul {
    display: flex;
    flex-direction: column;
    width: auto;
}

.navigation ul li.parent:hover ul li {
    width: 100%;
    display: flex;
    align-items: center;
}

.navigation ul li.parent ul li a {
  text-align: left;
  width: 100%;
}

.custom-lol ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.email-converse {
  unicode-bidi: bidi-override;
  direction: rtl;
}

@media (min-width: 768px) {
	.itemid-294 h1,
  .itemid-295 h1 {
		margin-top : 100px;
	}
	.item-226, .item-232{
	    width: 20% !important;
	}
}

@media (max-width: 1920px) {
    
}

@media (max-width: 1600px) {
    
}

@media (max-width: 1365px) {
	
	#box_home .moduletable.zlobek, #bottom_boxy .moduletable.zlobek { background: #f8f4f5}
	#box_home .moduletable.edukacja_przedszkolna, #bottom_boxy .moduletable.edukacja_przedszkolna { background: #ebe7e4}
	#box_home .moduletable.edukacja_wczesnoszkolna, #bottom_boxy .moduletable.edukacja_wczesnoszkolna { background: #ccedf6}    
}



@media (max-width: 1199px) {
    .flexslider .flex-caption h1 span, #banner h1 span { font-size: 16px}
    .flexslider .flex-caption h1, #banner h1, .moduletable.formularz_kontaktowy h3, .moduletable.rekrutacja h1 { font-size: 32px; line-height: 32px}
    h1, h2 { font-size: 30px; line-height: 30px}
    .home-pl .item-page, .home-en .item-page { background-position-y: 85px}
	
	.kamera-zlobek iframe, .kamera-przedszkole iframe { width: 100% !important;/*1140px;*/ height: 530px !important}
}

@media (max-width: 1100px) {
    .ribbon:before { left: -15px; border-right-width: 0}
    .ribbon:after { right: -15px; border-left-width: 0}
	
	#box_home .custom, #bottom_boxy .custom { padding: 30px 15px 30px; background-repeat: no-repeat}

    
}

@media (max-width: 991px) {
    .navigation ul li { padding-left: 5px; padding-right: 5px}
    .navigation ul li.item-225 { padding-left: 0 }
    .navigation ul li li { line-height: 13px}
    .brand { width: 120px; margin-left: -60px; margin-top: 18px}
	
	.kamera-zlobek iframe, .kamera-przedszkole iframe { width: 100%;/*1140px;*/ height: 406px}
}

@media (max-width: 767px) {
    #box_home, #bottom_boxy { display: block; margin-top: 30px}
    #box_home > div, #bottom_boxy > div { display: block; width: 100%}
    
	.kamery { padding-top: 0}
	.header-social form { display: block; position: absolute; top: 208px; left: 0; width: 100%; text-align: center;}
	.header-social form { display: block}
	.header-social .logout-button { display: block}
	.kamera-przedszkole, .kamera-zlobek { padding-top: 0}
	.kamera-zlobek iframe, .kamera-przedszkole iframe { width: 240px !important;/*1140px;*/ height: 140px !important}
	
    .footer * { text-align: center !important}    
    
    .header { position: static}
    
    .navigation ul { display: block}
    .navigation ul > li { display: block}
    
    .flexslider .flex-caption h1 span, #banner h1 span { font-size: 14px}
    .flexslider .flex-caption h1, #banner h1, .moduletable.formularz_kontaktowy h3, .moduletable.rekrutacja h1 { font-size: 24px; line-height: 24px}
    .moduletable.dekoracje h3, h1, h2 { font-size: 24px; line-height: 24px}
    
    .moduletable.rekrutacja .custom { padding: 45px 15px}
    #content .item-page { padding: 60px 0}
    
    #cytat .over_img, .osoba .over_img { height: 100px; width: 100px; margin-top: -50px; margin-bottom: 0}
    #cytat .over_img img, .osoba .over_img img { width: 100px}
    
    #banner .over_abs_table { padding-top: 0; position: relative; background: none !important}
    #banner .over_abs_table * { color: #0c2b5d}
    #banner img { opacity: 1}
    
    .krok1 .stopy, .krok2 .stopy, .krok3 .stopy { margin: -90px 0 0; position: static}
    
    .aktualnosci #banner .over_abs_table .item-image { background: none}
    
    .blog .items-row { margin: 0}
    .blog .item { margin-bottom: 30px}
    
    .brand { position: static; margin: 0; float: left; margin-left: -10px; margin-top: -5px; width: 100px }
    .social_top a { margin: 0 3px}
    .social_top a img { width: 26px}
    .btn.btn-live, .footer ul.nav li a.btn.btn-live { padding: 6px; font-weight: 300; font-size: 11px}
    
    .header-left { float: right !important; text-align: right}
    .header-left > div { display: block}
    
    .header-left .chzn-container { text-align: left}
    
    .mod-languages { margin-right: 0px; margin-top: 10px}
    
    .ribbon { width: 80%; margin: 0 auto}
    .ribbon:before, .ribbon:after { z-index: 0}
    .ribbon:before { border-right-width: 15px; left: -30px}
    .ribbon:after { border-left-width: 15px; right: -30px}
    
    .navbar { z-index: 1; background: #0c2b5d; position: relative; display: block; text-align: center}
    .navbar .lines { display: inline-block; vertical-align: middle}
    .navbar .lines span { background: #fff; height: 1px; display: block; width: 24px; margin: 4px 0}
    .nav-collapse { z-index: 100; top: 0; left: 0; display: none; position: fixed; width: 100%; height: 100%; background: #0c2b5d}
    .nav-collapse ul { padding-top: 30px }
    .nav-collapse ul li { height: auto; width: 100%; padding: 5px }
    .nav-collapse ul li a { margin: 6px}
    .nav-collapse ul li.parent ul { display: block; position: relative}
    .nav-collapse ul li.divider { display: none}
    .nav-collapse .inner_nav { overflow-y: scroll; overflow-x: hidden; height: 100%}
    
    .navigation ul li.parent ul { margin: 0; padding: 10px 0 }
    
    .flexslider .slides > li { background: none !important}
    .flexslider .slides > li img { opacity: 1}
    .flexslider .slides > li .flex-caption { position: relative;width: 50%; margin: auto; padding: 0 10px;}
    .flexslider .flex-caption { padding: 0}
    .flexslider .flex-caption *, .flexslider .flex-caption h1 { color: #0c2b5d}
    .flexslider .flex-caption .btn { color: #fff}
    

    .home-pl .item-page, .home-en .item-page { background-size: 100% auto; background-position-y: 50px; }
    .home-pl #content .item-page, .home-en #content .item-page { padding-top: 250px !important;margin-top : 20px;}
    .home-pl .item-page .btn, .home-en .item-page .btn { margin-top: 0}
    .moduletable.aktualnosci_module { padding-top: 60px}

    .nav-collapse #close_menu { position: absolute; right: 30px; font-size: 12px; line-height: 30px; letter-spacing: 2px; color: #fff}
    .nav-collapse.in #close_menu { display: block}  


	#szybki_dojazd .col-sm-6 {overflow : hidden;}
	
	#watch {position:relative; top:unset; left:unset; transform:unset;margin:auto;margin-top:30px;}
	
	#box_home .custom, #bottom_boxy .custom {min-height:200px;background-position:top;}
	
	.flexslider {width:200%;left:-50%;}
}

/* BACKTOP
---------------------------------------------------------------------------- */

a.backtop i {
  
    color: #815ca2;
    font-size: 3.5em;
    padding-right: 0;
    
    display: block;
      
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
  }
  .backtop i:hover {
    opacity: 0.8;
  }
  #fav-backtotop {
    position: fixed;
    bottom: 5em;
    right: 5em;
    width: 55px;
  }
  #fav-backtotop .backtop {
    float: right;
  }
  
  @media (max-width: 1199px) {
  
    #fav-backtotop {
      position: relative;
      bottom: 0;
      right: 0;
      margin-bottom: 36px;
      float: right;
    }
  
  }
  
  /* Mobile */
  @media (min-width: 768px) {
  
    #fav-backtotop-mobile {
      display: none;
    }
  
  }
  @media handheld, only screen and (max-width: 767px) {
  
    #fav-backtotop {
      display: none;
    }
    #fav-backtotop-mobile {
      text-align: center;
      margin-bottom: 10px;
    }
  
  }
  
  /* IE */
  .lt-ie9 #fav-backtotop {
    padding-bottom: 1em;
  }
  .lt-ie9 #fav-backtotop-mobile {
    display: none;
  }