body{font-family: 'bitterregular'; font-weight:normal; color:#000; }
#top{border-top:2px solid #fff; background:#5bb0e6 url(img/book.jpg) no-repeat 50% bottom; }
#telemailmenu2{padding-top:24px;}
#topmenu1{padding-top:24px;}
.topmenu>ul{display:block; padding:20px 0 0 0; list-style:none; overflow:auto}

#screen {
	display: none;     
	height: 100vh;
    z-index: 100;
    width: 100vw;
    position: absolute;
    top: 0;
    padding-top: 10%;
    left: 0;
    background: white;
    opacity: 0.7;
}

.card-body {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#loading {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


#dodaj_sbt {
	font-weight: bold;
    background: #cbf01e;
    border: 2px solid #cbf01e;
}
@media screen and (max-width:1199px)
{
	.topmenu>ul{padding-top:14px;}
}
.topmenu li a{color:#000; font-size:14px; padding:0 14px; }
/*#topmenu2 li a{color:#fff;}*/
.topmenu>ul>li{float:left;}
.topmenu>ul li:first-child a{padding-left:0}
.topmenu>ul li:last-child a{padding-right:0}
#toplogo a{display:block; padding-top:14px; padding-bottom:14px;}
#toplogo img{max-width:100%; height:auto;}
#telemail .tel{font-weight:bold; font-size:30px; display:block; line-height:30px;}
#telemail { text-align:right;}
#telemail .email{font-size:12px; color:#000}
#logomenu{padding-top:6px; padding-bottom:11px;}
#logomenu.fixed{top:0; left:0; position:fixed; width:100%; z-index:1000; background:#fff; box-shadow:2px 2px 10px #888}
@media screen and (min-width:992px)
{



	#logomenu{background:#fff}
}
.slicknav_nav li a{padding:10px;}
#topmenu2{text-align:right}
#hamburger{background-color:#fff; display:inline-block; width:100%; width:75px; height:75px; background:url(img/hamburger.png) no-repeat 50% 50%; background-color:#fff}
#hamburger.krzyzyk{background:url(img/krzyzyk.png) no-repeat 50% 50%; background-color:#fff}
#mobilemenu{display:none; position:absolute; width:280px; background:#fff; top:99px; z-index:200; padding-bottom:30px; padding-top:30px; box-shadow:3px 7px 6px rgba(0, 0, 0, 0.12)}

@media screen and (max-width:767px)
{
	#mobilemenu{right:15px; }
}
#mobilemenu.opened{display:block}
#mobilemenu ul{list-style:none; display:block; padding-left:0}
#mobilemenu ul li a{display:block; text-align:center; padding-top:18px; padding-bottom:18px; font-size:14px; color:#000; text-decoration:none}
#mobilemenu ul li a:hover{background-color:#f7f7f7}

.formtitle{font-size:24px; text-transform:uppercase; padding-top:90px; text-align:center; padding-bottom:47px;}
.formtitle, .formwrap{background:#fff}

.wycenaimg{position:absolute; top:-54px; left:50%; margin-left:-53px}
.formtitle, .formtitle2{position:relative}
.formtitle2 .wycenaimg{position:absolute; top:-54px; left:50%; margin-left:-53px}
.formtitle2{height:88px;}

#faq{padding:10% 0; background:url(img/bgfaq.jpg) no-repeat 50% 50%; background-size:cover}
#faqwrap{padding-bottom:110px;}
.pytodp{padding:20px 0; border-bottom:3px solid #fff; margin-right:30px;}
.faqtitle{font-weight:bold; color:#b90e5e; text-transform:uppercase; margin-bottom:35px; font-size:48px;}
a.pyt{font-size:18px; color:#000000; padding-left:41px; background:url(img/plus.png) no-repeat left 9px; display:block; text-decoration:none}
a.pyt:hover{color:#b90e5e; }
.open  a.pyt{color:#b90e5e; background:url(img/minus.png) no-repeat left 9px;}

.odp{font-family:'Open Sans', sans-serif; font-size:13px; line-height:30px; font-weight:500; padding-left:41px; display:none; padding-top:15px;}
.open .odp{display:block;}

form{font-family:'Open Sans', sans-serif;}
input[type=text],select, input[type=date], input[type=number], input[type=email], input[type=password]{display:block; width:100%; padding:20px 10px; border:2px solid #cbf01e; margin-bottom:16px;}
textarea{padding:20px; border:2px solid #cbf01e; margin-bottom:32px; height:120px; width:100%;}
#boxformshadow{box-shadow: 5px 8px 27px 0px rgba(0, 0, 0, 0.19); padding-left:30px; padding-right:30px; background:#fff}
#botform{box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.19); padding-left:30px; padding-right:30px; background:#fff}
input[type=image], form button{margin-bottom:40px}
#chmury{background:url(img/chmura.png) no-repeat 50% bottom; background-size:auto 720px; margin-top:60px; height:720px;}

input.error{border:2px solid #b90e5e}

#maszglowe{font-size:24px; line-height:32px; margin-top:210px;}
#dlaczegomy{font-weight:bold; text-transform:uppercase; font-size:30px; line-height:36px; padding-top:40px;}
#jakosc{margin-top:38px; padding-top:280px; background:url(img/jakosc.png) no-repeat 50% top; text-transform:uppercase; font-size:24px; line-height:30px;}
#podjot{font-family:'Open Sans', sans-serif; font-size:14px; line-height:22px; padding-top:100px; text-transform:none}
#podjot b{font-weight:600}
#zielonalinia{background:url(img/greenlinebig.png) no-repeat 50% 12px;}
#zielonalinia>.row{margin:0; padding:0}

#ikony {text-align:center; padding-bottom:9%; padding-top:3%}
.ico{height:120px; background:url(img/icobg.jpg) no-repeat 50% bottom}
.icotxt{margin-top:70px;}
.belowico{font-size:18px; line-height:22px; padding-top:20px;}
.obnizony{padding-top:110px;}

#zarowkaswinka>.row{margin:0}
#autorskiepodejscie, #swinka{padding-top:675px;  padding-bottom:70px; text-align:center; font-family:'Open Sans', sans-serif}
#autorskiepodejscie b, #swinka b{font-weight:600}
#autorskiepodejscie a, #swinka a{color:inherit; text-decoration:underline}
#autorskiepodejscie{background:url(img/zarowka.jpg) no-repeat 50% top; background-size:cover;}
#swinka{background:url(img/swinka.jpg) no-repeat 50% top; background-size:cover;}

#autorskieimg, #swinkaimg{min-height:235px; background-position:50% top; background-repeat:no-repeat; padding-top:195px;}
#autorskieimg{background-image:url(img/autorskie.png);}
#swinkaimg{background-image:url(img/komfortowa.png);}

.darmowetitle img{max-width:100%; height:auto}
.darmowetitle{padding:85px 0 70px 0}
#darmowepoprawki{font-family:'Open Sans', sans-serif; font-size:14px; line-height:30px; background:url(img/bgpoprawki.jpg) no-repeat 50% top;}

#terminowosc{padding-top:450px; background:url(img/bgterminowosc.jpg) no-repeat 50% top; margin-top:10%; font-family:'Open Sans', sans-serif; font-size:14px; line-height:30px;}

.wiekszy{font-size:18px; font-family: 'bitterregular'; font-weight: normal; font-style: normal; text-transform:uppercase;}
.wiekszy b{font-family: 'bitterbold'; font-weight: normal; font-style: normal; font-size:24px;}

#przedmiotyopinie{background:#faffe4}
#przedmioty{background:url(img/bgprzedmioty.jpg) no-repeat 50% top;}


.titleprzedmioty{padding-top:12%; font-size:48px; text-align:center}
.titleprzedmioty span{display:inline-block; padding:10px 20px; background:#e3ff22; text-transform:uppercase; font-weight:bold; }
.titleprzedmioty small{display:block; font-size:11px; margin-top:10px; margin-bottom:40px; font-weight:normal}

#alfabet{padding:0 15px; }

.litera{cursor:url(img/cursor.gif), auto; text-align:center}
.srodkowy .biglitera{background:url(img/srodkowy.png) no-repeat 50% 50%;}
.litera ul{display:inline-block; list-style:none; padding:0; cursor:pointer; padding-top:10px; padding-bottom:10px;}
.litera li a{color:#000; font-size:13px; font-weight:500; font-family:'Open Sans', sans-serif; line-height:36px; cursor:pointer}
.biglitera{font-size:48px; font-weight:bold; margin:30px 0 20px 0; line-height:69px; height:69px;}

.owl-item{opacity:0.3}
.owl-item.srodkowy{opacity:1}



#opinie{padding-top:10%;}
.zman img{max-width:100%; height:auto}

.opinietitle{font-size:36px; font-weight:bold; text-transform:uppercase; line-height:36px; padding-top:225px; margin-bottom:40px;}
.opinia{padding-right:50px; padding-top:50px; background:url(img/cytat.png) no-repeat right top; font-family:'Open Sans', sans-serif; font-size:18px; line-height:30px; font-style:italic}
.autoropini{font-size:24px; }



#opiniewrap{position:relative;}
#dotsy{position:absolute;left:-50px; width:20px; top:20px;}
#dotsy a{width:14px; height:14px; background:url(img/dot.png) no-repeat 50% 50%; display:inline-block; margin:4px;}
#dotsy a.cycle-pager-active{background:url(img/dotactive.png) no-repeat 50% 50%;}


a{outline:none!important}


#botmenu a{color:#b5b5b5; font-size:14px;}
#botmenu{text-align:center}
#botmenu ul{list-style:none; display:inline-block; overflow:hidden; padding-left:0}
#botmenu{margin:10px 0 40px 7%;}
#botmenu ul li{float:left;}
#botmenu ul li a{padding:0 20px;}
#botmenu ul li:first-child a{ padding-left:0}
#botmenu ul li:last-child a{ padding-right:0}

.bottel{display:block; text-align:center; font-size:60px; line-height:72px;}
a.botmail{text-decoration:none; color:#000; font-size:18px; margin:20px 0;}

#foottxt{margin-top:3%; font-family:'Open Sans', sans-serif; padding-bottom:3%}
#foottxt p{margin:15px 0; font-size:10px; color:#bdbdbd; line-height:14px;}

.botlogolink{position:relative; top:-40px;}


.odp ul{list-style:none; display:block; padding:0}
.odp li{padding-left:15px; display:block; background:url(img/plussmall.png) no-repeat left 12px;}

@media screen and (max-width:480px)
{
	#darmowepoprawki{background-size:540px auto; background-position:50% bottom; padding-bottom:90px; background-color:#fcfcfc}
	.ltin{padding-left:75px; margin-bottom:45px; background:url(img/termin.jpg)no-repeat -390px 10px;}
	.ptin{padding-right:75px; background:url(img/termin.jpg)no-repeat 230px 10px;}
	.ptin, .ltin{max-width:280px;}
}


@media screen and (min-width:481px) and (max-width:767px)
{
	#darmowepoprawki{background-size:767px auto; background-position:50% bottom; padding-bottom:130px; background-color:#fcfcfc}
}

@media screen and (max-width:767px)
{
	#topmenu1{text-align:right; padding-top:16px;}
	#hamburger.krzyzyk{height:83px;}
	.formtitle{font-size:18px; padding-top:70px;}
	#logomenu{margin-bottom:126px;}
	textarea{margin-bottom:20px;}
	#boxformshadow{padding-left:15px; padding-right:15px;}
	#chmury{background-size:auto 600px; height:600px;}
	#maszglowe{margin-top:155px; font-size:17px; line-height:24px;}
	#dlaczegomy{font-size:22px; line-height:26px;}
	#jakosc{background:url(img/jakosc320.png) no-repeat 50% top; padding-top:230px; font-size:16px; line-height:22px;}
	#podjot{padding-top:40px;}
	#lewalinia::before{top:5px; left:-10px; width:200px}
	#zielonalinia{background:url(img/greenlinesmall.png) no-repeat 50% 8px;}
	.obnizony{padding-top:0px;}
	#swinkaimg, #autorskieimg{background-size:280px auto}
	
	.darmowetitle{padding:50px 0 40px 0}
	.darmowetitle img{max-width:280px; height:auto}
	#darmowepoprawki{line-height:22px;}
	
	#terminowosc{background-size:auto 330px; padding-top:360px; margin-top:25px; padding-bottom:75px;}
	
	#przedmioty{background:none;}
	.titleprzedmioty{padding-top:0; margin-top:0px; font-size:36px}
	.opinietitle{font-size:30px; line-height:30px; padding-top:15px;}
	
	#opiniewrap{padding-bottom:50px;}
	#dotsy{top:auto; width:100%; bottom:10px; height:30px; left:0; position:absolute; text-align:center}
	
	#faq{padding-top:40px; padding-bottom:120px;}
	a.pyt{font-size:14px;}
	
}


@media screen and (min-width:768px) and (max-width:991px)
{
	#terminowosc{padding-top:335px; background:url(img/bgterminowosc.jpg) no-repeat 50% top; margin-top:10%; background-size:1260px auto}
	.opinietitle{font-size:30px; line-height:30px; padding-top:15px;}
	#dotsy{top:150px;}
	
}


@media screen and (min-width:768px)
{
	#logomenu{margin-bottom:143px;}
	#jakosc{background-position:57% top}
	#darmowepoprawki{background-size:1199px  auto; background-position:50% bottom; padding-bottom:130px; background-color:#fcfcfc}
	#terminowosc{padding-bottom:50px;}
	.titleprzedmioty{padding-top:17%}
}



@media screen and (min-width:992px)
{
	#logomenu{margin-bottom:148px;}
	#jakosc{background-position:54% top}
	#darmowepoprawki{background-size:auto; background-position:50% bottom; padding-bottom:130px; background-color:#fcfcfc}
	
	.slicknav_menu{display:none}
	#topmenu1>ul, #topmenu2>ul{display:inline-block;}
	.titleprzedmioty{padding-top:15%}
	#dotsy{top:275px;}
}



@media screen and (max-width:991px)
{
	.wiekszy b{display:block;}
	.slicknav_menu{display:inline-block;}
	#topmenu1>ul, #topmenu2>ul{display:none}
	.opinia{font-size:14px; line-height:24px;}
	.autoropini{font-size:18px; }
}

@media screen and (max-width:1199px)
{
	
}

@media screen and (min-width:1200px)
{
	#telemail .tel{font-size:36px;}
	#logomenu{margin-bottom:145px;}
	#jakosc{background-position:50% top}
	.titleprzedmioty{padding-top:12%}
	#dotsy{top:335px;}
}







form button{display:inline-block; width:100%; max-width:320px; font-size:16px; line-height:20px;  text-align:center; padding-left:44px; padding:15px 15px 15px 60px; background-color:#b90e5e; color:#fff; font-family: 'bitterbold'; font-weight: normal; font-style: normal;border:none; background-image:url(img/koperta.png); background-repeat: no-repeat; background-position: 30px 15px;}
form button small{font-weight:normal; font-size:13px; color:#f7f7f7; line-height:16px;}

@media screen and (max-width:480px)
{
	form button{max-width:280px; font-size:14px; line-height:16px; padding:15px 10px 15px 42px; background-position:15px 15px; }
	form button small{font-size:11px; line-height:13px;}
}
.box--compsoul {
	background: #cbf01e;
	right: -250px;
	padding: 4px 0 4px 4px;
	position: fixed;
	transition: transform 0.4s;
	width: 250px;
	z-index: 10;
	top: 155px;
}

.box--compsoul:hover {
	transform: translateX(-250px);
}

.box .box__content {
	background: #fff;
	min-height: 200px;
	padding: 10px;
	position: relative;
}

.box .box__title {
	background: #fff;
	border: solid #cbf01e;
	border-width: 4px 4px 0 4px;
	cursor: default;
	font-size: 18px;
	height: 60px;
	line-height: 30px;
	position: absolute;
	left: -83px;
	text-align: center;
	top: 70px;
	transform: rotate(-90deg);
	width: 106px;
}

.box__description {
	top: 50px;
	position: absolute;
	text-align: center;
}

.box__description p:first-child {
	margin-left: 20px;
}

.box__description p:first-child img {
	width: 80%;
}


.button2 {
	z-index: 10;
	top: 360px;
	right: 1px;
	position: fixed;
}

a.chen {
	color: black;
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem 1rem;
	font-size: 18px;
	border-radius: .25rem;
	background-color: #cbf01e;
	border-color: #cbf01e;
	-webkit-appearance: button;
}

a.chen2 {
	color: black;
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .5rem 1rem;
	font-size: 18px;
	border-radius: .25rem;
	background-color: #ffe9ab;
	border-color: #cbf01e;
	-webkit-appearance: button;
}


a.chen:hover {
	text-decoration: none;
}
@media screen and (min-width:768px) {
	.box--compsoul {
		background: #cbf01e;
		right: -400px;
		padding: 4px 0 4px 4px;
		position: fixed;
		transition: transform 0.4s;
		width: 400px;
		z-index: 10;
		top: 155px;
	}

	.box--compsoul:hover {
		transform: translateX(-400px);
	}

	.box__description p:first-child img {
		width: 100%;
	}
}