﻿/*
Theme Name: Englishline
Theme URI: http://english-line.pl/wp-content/themes/english/
Description: Kursy angielskiego we Wrocławiu
Version: 1.0
Author: Stripes
Author URI: http://stripes-design.pl
Date: 23.07.2012
*/

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sh-link span{
  color: #fb6107
}

*{
outline: none;
padding:0px;
margin:0px;
}

a{
outline:none;
text-decoration: none;
border: 0;
}

html{
padding:0px;
margin:0px;
background-color: #e0ddd8;
}

img{
border: 0px;
margin: 0px;
padding: 0px;
max-width: 100%;
height: auto;
}

body{
margin: 0; padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #666;
}

.clear{clear:both;}

/* SZKIELET */
#header-inner h2{
font: normal 30px Tahoma, sans-serif;
color:#b0b0b0;
font-style: italic;
margin-top:37px;
margin-left:30px;
float:left;
}
h3{
font: normal 24px Tahoma, sans-serif;
color:#fb6107;
}
#box-boczny h3{
font-size:18px;
line-height: 22px;
}
#content-p h1{
font: normal 24px Tahoma, sans-serif;
color:#765c40;
}
#panel-sluchacza h1{
border:none;
}
h2{
font: normal 18px Tahoma, sans-serif;
color:#999;
}
#content-p h2{
color:#765c40;
}
h5{
font: normal 18px Tahoma, sans-serif;
color:#393939;
}
/* główne */

#wrapper{
padding: 0;
margin: 0 auto;

  max-width: 988px;
  -webkit-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
  box-shadow: 3px 1px 5px 0px rgba(0,0,0,0.45);
}

#header{
width:100%;
  background-color: #fff;
  min-height: 176px;
margin: 0 auto;
}
#header-pasek{
background-image:url('images/tlo-pasek.png');
background-repeat: repeat-x;
background-position: top;
width:100%;
height:27px;
position: relative;
top: 0px;
z-index: 5;
}
#header-inner{
/* background-image:url('images/tlo-header.png'); */
/* background-repeat: repeat-y;
background-position: top center; */
  background-color: #fff;
/* max-width: 988px; */
/* min-height: 176px; */
margin: 0 auto;
position: relative;
top: -3px;
z-index: 1;
}
#header-left{
  width: 74%;
  max-width: 728px;
float: left;
}
#header-right{
  width: 26%;
  max-width: 260px;
float: left;
}
#box-slider{
background-image:url('images/tlo-slider.png');
background-repeat: no-repeat;
width:988px;
height:301px;
margin: 0 auto;
}

#content, #content-p{
/* background-image:url('images/tlo-header.png'); */
/* background-repeat: repeat-y;
background-position: top center; */
margin: 0 auto;
  max-width: 988px;
  background-color: #fff;
}
#content{
/* height:690px; */
}
#content-p{
min-height:340px;
}
#box1{
  margin-top: 20px;
/* margin-left:25px; */
/* width:615px; */
  width: 65%;
  padding-left: 20px;
  padding-right: 10px;
min-height:455px;
float: left;
}
.box-duzy{
/* width:597px; */
width: 100%;
/* height:199px; */
padding: 0px 0px 20px 18px;
/* background-image:url('images/tlo-box-duzy.png');
background-repeat: repeat-x;
background-position: top center; */
margin-bottom:15px;
background-image: -webkit-linear-gradient(top, #f1f1f1, #fcfcfc);
background-image: -o-linear-gradient(top, #f1f1f1, #fcfcfc);
background-image: linear-gradient(to bottom, #f1f1f1, #fcfcfc);

}
.box-aktualnosci{
background-color:#fcfcfc;
/* min-height:199px; */
padding-bottom:15px;
}
.box-maly{
width:280px;
height:77px;
padding: 15px 13px 0px 12px;
background-image:url('images/tlo-box-maly.png');
background-repeat: repeat-x;
background-position: top center;
margin-bottom:15px;
}
#box2{
  margin-top: 20px;
  /* margin-left:20px;
  width:305px; */
  width: 35%;
  padding-right: 20px;
  padding-left: 10px;
  float: left;
}


#footer{
/* background-image:url('images/tlo-stopka.png'); */

background-image: url('images/tlo-stopka.png'), -webkit-linear-gradient(top, #fd6b0c, #fd8519);
background-image: url('images/tlo-stopka.png'), -o-linear-gradient(top, #fd6b0c, #fd8519);
background-image: url('images/tlo-stopka.png'), linear-gradient(to bottom, #fd6b0c, #fd8519);

/* background-image: url('images/tlo-stopka.png'), linear-gradient(to bottom, #fd6b0c, #fd8519); */
background-repeat: no-repeat, no-repeat;
background-position: top center, top center;
margin: 0 auto;
/* width:945px; */
/* height:245px; */
padding-bottom: 30px;
padding-left:43px;
padding-top:8px;
}
#box-top{
min-height:232px;
margin: 0 auto;
position: relative;
}
#box-top-kontakt{
background-image:url('images/tlo-slider.png');
background-repeat: no-repeat;
width: 100%;
height:300px;
padding: 0;
margin: 0 auto;
position:relative;
}
#top-pic{
background-color: #e0ddd8;
z-index:1;
position:absolute;
/* width:970px; */
width: 100%;
min-height:232px;
}

.top-pic1, .top-pic2 {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}
.top-pic1 {
  background-image: url('images/top-1.jpg');
}
.top-pic2 {
  background-image: url('images/top-tower.jpg');
}
.top-picAbout {
  background-image: url('images/top-onas.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
#top-pic img {
  object-fit: cover;
}
#top-pic-kontakt{
background-color: #e0ddd8;
z-index:1;
position:absolute;
/* width:970px; */
width: 100%;
height:300px;
}
#top-pic-kontakt iframe {
  max-width: 100%;
}
#top-tresc{
padding-top:90px;
padding-left:45px;
}
#top-pic-podzial{
/* background-color: #e0ddd8; */
float:left;
/* width:736px; */
width: 75%;
height:232px;
}
#top-tresc-podzial{
float: right;
width: 25%;
min-height: 232px;
text-align:right;
padding:69px 20px 0px 0px;
background-color: #e0ddd8;
}
#top-tresc-podzial h2{
color: #222;
font: normal 40px Tahoma, sans-serif;
}
#top-tresc-podzial p{
color: #222;
font: normal 12px Tahoma, sans-serif;
line-height: 20px;
}
#box-top iframe{
position:absolute;
z-index:5;
}
#sub2-menu{
/* width:152px; */
  width: 20%;
height:100%;
float: left;
margin:20px 0px 0px 0;
  padding: 0 10px 0 20px;
}
#box-zawartosc{

/*padding:14px 30px 40px 20px;
width:492px;*/
padding: 0 10px 40px 10px;
/* width:502px; */
  width: 55%;
min-height:470px;
float: left;
margin: 20px 0px 0px 0;
}

.box-zawartosc-inner {
  background-image:url('images/tlo-zawartosc.png');
  background-repeat: repeat-x;
  background-position: top center;
  padding: 15px 10px 40px 10px;
}
.box-zawartosc_top {
  border-bottom: 1px dashed #d5d5d5;
  padding-bottom:6px;
  margin-bottom:25px;
}
#breadcrumbs {
  padding-top: 6px;
}
#breadcrumbs a{
color:#fb6107;
}
#breadcrumbs a:hover{
color:#fbca07;
}
#box-zawartosc-k{
  margin-top: 20px;

padding: 0 10px 40px 20px;
/* width:659px; */
width: 75%;
min-height:470px;
float: left;
/* margin:15px 0px 0px 24px; */
position:relative;
}
.box-zawartosc-k-inner {
  background-image:url('images/tlo-zawartosc.png');
  background-repeat: repeat-x;
  background-position: top center;
  padding:15px 20px 40px 20px;
  float: left;
  width: 100%;
}
#box-boczny{
/* width:219px; */
width: 25%;
height:100%;
float: left;
padding: 0 20px 0 10px;
margin: 20px 0px 30px 0;
}

.box-lekcja-probna{
background-image:url('images/tlo-box-sredni.png');
background-repeat: repeat-x;
background-position: top center;
padding:17px 0px 0px 19px;
/* width:200px; */
min-height:180px;
margin-bottom:20px;
}
.box-test{
background-image:url('images/tlo-tablica.jpg');
background-repeat: no-repeat;
padding:15px 23px 0px 0px;
/* width:196px; */
min-height:200px;
text-align:right;
}
#clouds{
margin-top:23px;
}
.cloud{
background-image:url('images/cloud.png');
background-repeat: no-repeat;
width:287px;
height:112px;
padding:27px 30px 0px 15px;
position:relative;
}

#clouds .source {
font-size: 10px;
margin-to
}

.box-tabela{
background-image:url('images/tlo-box-sredni.png');
background-repeat: repeat-x;
background-position: top center;
padding-top:17px;
/* width:219px; */
height:146px;
margin-bottom:20px;
}
.box-fiszki{
background-image:url('images/tlo-box-fiszki.png');
background-repeat: repeat-x;
background-position: top center;
/* width:197px; */
height:206px;
text-align:right;
padding-right:22px;
padding-left: 70px;
position: relative;
}
#panel-sluchacza{
background-image:url('images/tlo-box-panel.png');
background-repeat: repeat-x;
background-position: top center;
margin: 15px 25px 0px 25px;
padding:44px 0px 0px 29px;
width:911px;
height:242px;
float:left;
}
#box-b-aktualnosci{
background-color:#fcfcfc;
background-image:url('images/tlo-box-aktualnosci.png');
background-repeat: repeat-x;
background-position: top center;
padding:17px 20px 20px 20px;
/* width:179px; */
width: 100%;
min-height:263px;
float:left;
margin-bottom: 20px;
}
.boczna-aktual{
/* max-width:179px; */
width: 100%;
min-height:120px;
border-top: 1px dashed #d5d5d5;
margin-top:15px;
float:left;
}

#kontakt-dane{
/* width:219px; */
width: 35%;
padding-left: 20px;
margin-top:56px;
/* margin-left:20px; */
float:left;
}

.pic-logo{
margin-top:21px;
margin-left:30px;
float: left;
}

/* menu */
#main-menu{
background-image:url('images/menu-ul.png');
background-repeat: no-repeat;
background-position: top left;
height:49px;
padding-left:10px;
float: left;
margin-top:15px;
margin-left: -10px;
}
#main-menu ul{
list-style-type: none;
background-image:url('images/menu-li.png');
background-repeat: repeat-x;
background-position: top;
height:40px;
float: left;
}

#main-menu li{
height:40px;
background-image:url('images/menu-separator.png');
background-repeat: no-repeat;
background-position: top right;
padding-right:2px;
float: left;
}
#main-menu ul .last {
background-image: none;
padding-right:0px;
}

#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-ancestor > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current-menu-parent > a {
color: #765c40;
background-image:url('images/menu-curent.png');
background-repeat: repeat-x;
background-position: top;
}
* html #main-menu ul li.current_page_item a,
* html #main-menu ul li.current-menu-ancestor a,
* html #main-menu ul li.current-menu-item a,
* html #main-menu ul li.current-menu-parent a {
color: #765c40;
background-image:url('images/menu-curent.png');
background-repeat: repeat-x;
background-position: top;
}
#main-menu li a{
color: #fff;
font: normal 20px Tahoma, sans-serif;
padding: 8px 10px 8px 10px;
float: left;

}
#main-menu li a:hover{
background-image:url('images/menu-curent.png');
background-repeat: repeat-x;
background-position: top;
}

/* sub menu */
#sub2-menu ul{
  list-style-type: none;
  margin-top: -3px;
}

#sub2-menu li{
min-height:31px;
/* width:152px; */
width: 100%;
background-image:url('images/sub-menu.png');
/* background-repeat: no-repeat; */
background-repeat: repeat-x;
background-position: bottom center;
float: left;
margin-bottom:8px;
}
#sub2-menu li a{
color: #fff;
font: normal 12px Tahoma, sans-serif;
padding: 7px 0px 12px 11px;
float: left;
text-transform: uppercase;
width:141px;
}
#sub2-menu li:hover{
background-image:url('images/sub-menu-hover.png');
}

#sub2-menu ul .current_page_item,
#sub2-menu ul .current-menu-ancestor,
#sub2-menu ul .current-menu-item,
#sub2-menu ul .current-menu-parent {
background-image:url('images/sub-menu-hover.png');
}
* html #sub2-menu ul .current_page_item,
* html #sub2-menu ul .current-menu-ancestor,
* html #sub2-menu ul .current-menu-item,
* html #sub2-menu ul .current-menu-parent{
background-image:url('images/sub-menu-hover.png');
}
#sub2-menu ul li.current_page_item > a,
#sub2-menu ul li.current-menu-ancestor > a,
#sub2-menu ul li.current-menu-item > a,
#sub2-menu ul li.current-menu-parent > a {
color: #222;
}
* html #sub2-menu ul li.current_page_item a,
* html #sub2-menu ul li.current-menu-ancestor a,
* html #sub2-menu ul li.current-menu-item a,
* html #sub2-menu ul li.current-menu-parent a,
* html #sub2-menu ul li a:hover {
color: #222;
}
.strzalek{
color:#e70912;
font-size:14px;
text-decoration: underline;
background-image:url('images/strzalek.jpg');
background-repeat: no-repeat;
background-position: bottom right;
padding-right:22px;
height:16px;
margin-top:13px;
margin-left:67px;
float:left;
}
.strzalek:hover{
color:#fb6405;
background-position: top right;
}
#header-right h3{
margin-top:5px;
margin-left:51px;
display:block;
font-size: 20px;
}
.header-tel-info h3 {
  margin-bottom:10px;
  color: #fb6107
}

.header-tel-info h3 a {
  color: #fb6107
}

.header-tel-info h3 a:hover {
  color: #fb6107
}
.pic-key{
float:right;
/* margin-right:4px; */
margin-right: -8px;
}
.switch-dla-firm{
height:51px;
width:161px;
background-image:url('images/btn-online.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
float:left;
margin-top:7px;
}
.switch-dla-firm:hover{
background-position: top center;
}
.pic-zobacz{
float:right;
margin-top:17px;
}
.box-kursy h1{
font: normal 24px Tahoma, sans-serif;
color:#fb6107;
text-transform: uppercase;
margin:0px 0px 10px 2px;
padding-top:17px;
}
.box-kursy img{
float:left;
margin: 0px 13px 40px 0px;
}
.box-duzy p{
line-height: 16px;
padding-right:25px;
}
.box-kursy a{
color:#fb6107;
text-decoration: underline;
}
.box-kursy a:hover{
color:#fbca07;
}
.box-aktualnosci h2{
padding-top:11px;
}
.box-aktualnosci h2 a{
color:#999;
}
.box-aktualnosci h2 a:hover{
color:#666;
}
.box-aktualnosc{
min-height:160px;
/* width:263px; */
width: 50%;
padding-right: 20px;
float:left;
/* margin-right:30px; */
margin-top:6px;
}
.box-aktualnosc img {
  display: block;
  margin-bottom: 5px;
}
.box-aktualnosc-foto{
background-image:url('images/ramka-akt.png');
background-repeat: no-repeat;
height:68px;
width:251px;
padding:4px 0px 0px 4px;
float:left;
margin-bottom:9px;
}
.box-aktualnosc p{
color: #666;
line-height: 16px;
}
.box-aktualnosc a{
color: #fb6107;
margin-bottom:3px;
}
.box-aktualnosc a:hover{
color: #fbca07;
}
.box-aktualnosc img{
background-color:#fff;
padding:3px;
border:solid 1px #e1e2e1;
}
.box-maly h3{
float:left;
}
.box-maly p{
margin-top:4px;
}
.switch-zobacz{
height:30px;
width:68px;
background-image:url('images/switch-zobacz.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
float:right;
}
.switch-zobacz:hover{
background-position: top center;
}
.foot-dane{
float:left;
margin-right:65px;
color:#000;
}
.foot-dane p span{
font-size:14px;
font-weight:bold;
margin-top:0px;
}
.foot-dane p{
margin-top:15px;
}
.foot-dane a{
color:#000;
text-decoration: underline;
}
.foot-dane a:hover{
color:#474646;
}
.foot-dane p span img{
margin-right:9px;
margin-left:0px;
}
.foot-dane p img{
margin-left:10px;
vertical-align: middle;
}
#dane-foot{
text-align:right;
/* margin-top:80px;
margin-right:10px; */
color:#8a8a8a;
font-size:11px;
}
#dane-foot a{
color:#8a8a8a;
}
#dane-foot a:hover{
color:#545454;
}


#container{
width:970px;
  /* width: 100%; */
height: 301px;
/* margin-left: 10px; */
position:relative;
z-index:0;
}

#container #example {
width:970px;
  /* width: 100%; */
  /* max-width: 988px */
height: 301px;
position:relative;
}

#container #slides-1 {
position:absolute;
z-index:100;
}

#container .slides_container {
width:970px;
  /* width: 100%; */
  /* max-width: 988px */
height: 301px;
overflow:hidden;
position:relative;
display:none;
}

#container #slides-1 .slide2 {
width:970px;
  /* width: 100%; */
  /* max-width: 988px */
height: 301px;
display:block;
}
.s-pic{
float: left;
width:486px;
height: 301px;
}
.s-tresc{
float: left;
width:399px;
height: 276px;
padding:25px 0px 0px 30px;
}

#container .pagination {
margin:0;
float: right;
bottom: 10px;
right:30px;
position:absolute;
z-index: 200;
}

.pagination li {
float:left;
margin:0 1px;
list-style:none;
}

.pagination li a {
display:block;
width:16px;
height:0;
padding-top:16px;
background-image:url('images/pagination.png');
background-position:0 0;
float:left;
overflow:hidden;
}

.pagination li.current a {
background-position:0 -16px;
}
#container #slides-1 .slide2 h2{
font: normal 45px Tahoma, sans-serif;
color:#222;
text-align:right;
margin-bottom:4px;
}
#container #slides-1 .slide2 p{
font: 18px Tahoma, sans-serif;
color:#222;
line-height: 25px;
}
.color-p{
color:#fb6107;
}
#container #slides-1 .slide2 .a-right{
text-align:right;
}
#container #slides-1 .slide2 .s-30{
font-size: 30px;
line-height: 36px;
}
#container #slides-1 .slide2 .s-14{
font-size: 14px;
}
#container #slides-1 .slide2 .s-dol{
margin-top:25px;
}
#container #slides-1 .slide2 .s-gora{
margin-top:-11px;
}
.slider-sprawdz{
font: 30px Tahoma, sans-serif;
color:#fb6107;
background-image:url('images/slider-strzalka.png');
background-repeat: no-repeat;
background-position: bottom right;
padding-right:60px;
padding-top:-10px;
height:33px;
margin-top:6px;
float:right;
}
.slider-sprawdz:hover{
color:#fb0707;
background-position: top right;
}
.color-pa{
color:#fb6107;
}
.color-pa:hover{
color:#fb0707;
}
#top-tresc p{
font: normal 30px Tahoma, sans-serif;
color:#222;
float:left;
}
.switch-test{
height:79px;
width:75px;
background-image:url('images/switch-test.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
float:left;
margin-top:14px;
margin-left:23px;
}
.switch-test:hover{
background-position: top center;
}

#box-zawartosc p{
line-height: 18px;
}
.switch-sprawdz{
height:30px;
width:81px;
background-image:url('images/switch-sprawdz.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
float:left;
margin-top:9px;
margin-left:2px;
}
.switch-sprawdz:hover{
background-position: top center;
}
.pic-stoper{
float:right;
margin-top:-5px;
}
.box-lekcja-probna p{
margin-top:5px;
font-size:11px;
line-height: 16px;
}
.box-test p{
margin-top:12px;
font-size:11px;
line-height: 16px;
}
.box-test .switch-zobacz{
margin-top:14px;
}
.cloud p{
color:#765c40;
line-height: 20px;
}
.cloud h5{
position:absolute;
bottom:0px;
margin-left:-5px;
}
.cloud1{
float:left;
margin-left:-7px;
}
.cloud2{
float:right;
margin-top:-30px;
margin-right:-40px;
}
.cloud3{
float:left;
margin-top:11px;
margin-left:24px;
}

.box-tabela h3{
margin-left:18px;
}
.box-tabela .switch-zobacz{
margin-top:12px;
margin-right:35px;
}
.pic-wykres{
margin-top:-10px;
margin-left:20px;
float:left;
}
.pic-new{
float:left;
margin-top:-1px;
margin-left:-1px;
position: absolute;
left: 0;
top: 0;
}
.pic-fiszki{
margin-top:2px;
float:left;
position: absolute;
left: 0;
margin-top: 10px;
}
.box-fiszki h3{
padding-top:12px;
}
.box-fiszki p{
margin-top:13px;
font-size:11px;
line-height: 16px;
}
.box-fiszki .switch-zobacz{
margin-top:12px;
}
#gallery img{
background-color:#fff;
padding:3px;
border:solid 1px #e1e2e1;
margin:6px 12px;
float:left;
}
.st-content img{
background-color:#fff;
padding:3px;
border:solid 1px #e1e2e1;
margin-right:18px;
float:left;
}
#panel-sluchacza-inner p{
width:410px;
line-height: 16px;
margin-top:17px;
float: left;
}
#panel-sluchacza a, .box-kursy a, #box-zawartosc-k a, #box-zawartosc a{
color:#fb6107;
text-decoration: underline;
}
#panel-sluchacza a:hover, .box-kursy a:hover, #box-zawartosc-k a:hover, #box-zawartosc a:hover{
color:#fbca07;
}
#panel-sluchacza-inner{
width:500px;
float:left;
}
#loginForm{
float:right;
width:395px;
margin-top:41px;
}
#loginForm fieldset{
border: none;
margin-bottom:7px;
}
#loginForm p{
float:left;
width:51px;
margin-top:8px;
}
.pole-1{
/* background-color: transparent;
background-image:url('images/pole-1.png');
background-repeat: no-repeat; */
border: none;
/* width:235px; */
width: 60%;
height: 28px;
padding-left: 11px;
padding-right: 5px;
margin-top: 0px;
color: #646464;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #fff;
border: solid 1px #d0d0d0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.zaloguj{
background-color: transparent;
height:30px;
width:98px;
background-image:url('images/switch-zaloguj.png');
background-position: center bottom;
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
margin-top:3px;
margin-left:127px;
}
.zaloguj:hover{
background-position: center top;
}
#loginForm .error{
font-size: 11px;
color: #e70912;
display:block;
margin-left:51px;
}
#box-b-aktualnosci h3{
color:#765c40;
}
.boczna-aktual span{
font-size:11px;
color:#000;
margin-left:10px;
}
.pic-data{
float:left;
}
.boczna-aktual p{
color:#fb6107;
line-height: 16px;
margin-top:6px;
}
.boczna-aktual a{
color: #666666;
line-height: 16px;
margin-top:4px;
float:left;
}
.boczna-aktual a:hover{
color: #979797;
}

#kontakt-dane p{
line-height: 18px;
}

.pole-text{
/* background-color: transparent;
background-image:url('images/pole-text.png');
background-repeat: no-repeat; */
border: none;
overflow: auto;
resize: none;
/* width:241px; */
width: 60%;
height: 178px;
padding: 5px;
color: #646464;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #fff;
border: solid 1px #d0d0d0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.pole-text2{
/* background-color: transparent;
background-image:url('images/pole-text2.png');
background-repeat: no-repeat;
border: none; */
overflow: auto;
resize: none;
/* width:241px; */
width: 60%;
height: 48px;
padding: 5px;
color: #646464;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #fff;
border: solid 1px #d0d0d0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#kontaktForm, #testForm{
/* width:420px; */
width: 65%;
float:left;
margin-top:38px;
}
#kontaktForm fieldset, #testForm fieldset{
border: none;
margin-bottom:7px;
position: relative;
}
#kontaktForm p, #testForm p{
/* width:161px; */
width: 40%;
float:left;
margin-top:8px;
}
.wyslij{
background-color: transparent;
height:30px;
width:98px;
background-image:url('images/switch-wyslij.png');
background-position: center bottom;
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
margin-top:6px;
margin-left:162px;
cursor:pointer;
}
.wyslij:hover{
background-position: center top;
}

#kontaktForm .error, #testForm .error {
font-size: 11px;
color: #e70912;
display:block;
margin-left:161px;
}
.w-540{
/* width:540px; */
width: 80%;
}


#freeForm{
  width:100%;
  float:left;
  margin:20px 0;
}
#freeForm fieldset{
  border: none;
  margin-bottom:7px;
}
#freeForm .error, #letterForm .error{
  font-size: 11px;
  color: #e70912;
  display: block;
  width: 250px;
  float: left;
}

#letterForm {
  width:450px;
  float:left;
  margin:0 0 0 15px;
}

#letterForm .switch-zapisz {
  display: inline-block;
  margin-top: 0px;
  float: none;
}
#letterForm fieldset{
  border: none;
}
#letterForm .error{
  font-size: 11px;
  color: #e70912;
  display:block;
}

/*.select {
	position: absolute;
	width: 156px;
	height: 25px;
	padding: 2px 0px 0 5px;
	color: #646464;
	font: 12px/21px arial,sans-serif;
	background: url('images/select.png') no-repeat;
	overflow: hidden;
}*/
.styled-poziom .select {
	position: absolute;
  width: 60%;
	max-width: 263px;
	height: 25px;
	padding: 2px 0px 0 5px;
	color: #646464;
	font: 12px/21px arial,sans-serif;
	/* background: url('images/select2.png') no-repeat; */
	overflow: hidden;
  right: 0;

  background-color: #fff;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.styled-poziom .select:after {
  /* content: "\f107"; */
  content: "";
  font-family: "Font Awesome 5 Free";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-color: #e9e9e9;
  color: #878787;
  text-align: center;
}
.styled-kurs .select {
	position: absolute;
	max-width: 156px;
  width: 60%;
	height: 25px;
	padding: 2px 0px 0 5px;
	color: #646464;
	font: 12px/21px arial,sans-serif;
	/* background: url('images/select.png') no-repeat; */
	overflow: hidden;

  background-color: #fff;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.styled-kurs .select:after {
  content: "";
  font-family: FontAwesome;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-color: #e9e9e9;
  color: #878787;
  text-align: center;
}
select.styled, select.styled2{
	margin-bottom:7px;
}
#box-zawartosc-k ul, #box-zawartosc ul{
list-style-image: url('images/punktor-min.png');
margin-left:15px;
margin-top:5px;
}
#box-zawartosc-k ul li, #box-zawartosc ul li{
margin-top:5px;
}
#box-zawartosc .box-platforma ul li{
margin-top:0px;
}
#box-zawartosc .box-platforma ul {
list-style-image: none;
margin-left:0px;
}
input[type="radio"] {
    vertical-align: middle;
    margin-top: 1px;
    margin-right:3px;
}
.cmxform{
margin-top:20px;
}
.cmxform p{
margin: 3px 0px;
}
.cmxform fieldset{
border:none;
padding:10px 20px;
margin:5px 30px;
background-image:url('images/tlo-box-sredni.png');
background-repeat: repeat-x;
background-position: top center;
}

.cmxform label{
padding: 3px 0px;
height:15px;
display:block;
margin-left:5px;
}

/* po 28.07.2012 */
#box-face{
margin-top:-11px;
}
.cyfry{
margin-right:12px !important;

}
.alignleft{
float: left;
margin-right:25px;
margin-bottom:15px;
}
.alignright{
float: right;
margin-left:25px;
margin-bottom:15px;
}
.aligncenter{
text-align: center;
margin-left:25px;
margin-right:25px;
margin-bottom:15px;
}
#box-zawartosc table tr td{
padding:10px 0px;

}

#sendbutton8{
background-color: transparent;
height:30px;
width:98px;
background-image:url('images/switch-wyslij.png');
background-position: center bottom;
background-repeat:no-repeat;
display:block;
float:right;
border:0px;
margin-top:6px;
margin-left:0px;
}
#sendbutton8:hover{
background-position: center top;
}
#sendbutton, #sendbutton2, #sendbutton4, #sendbutton5, #sendbutton6, #sendbutton7, #sendbutton3{
background-color: transparent !important;
height:30px;
width:98px;
background-image:url('images/switch-nastepny.png') !important;
background-position: center bottom !important;
background-repeat:no-repeat !important;
display:block;
float:right;
border:0px;
margin-top:6px;
margin-left:0px;
}
#sendbutton:hover, #sendbutton2:hover, #sendbutton4:hover, #sendbutton5:hover, #sendbutton6:hover, #sendbutton7:hover, #sendbutton3:hover{
background-color: transparent !important;
box-shadow:none !important;
background-position: center top !important;
border:0px !important;
}

.cform input.resetbutton{
background-color: transparent !important;
height:30px !important;
width:98px !important;
background-image:url('images/switch-wyczysc.png') !important;
background-position: center bottom !important;
background-repeat:no-repeat !important;
display:block !important;
float:left !important;
border:0px !important;
margin-top:6px !important;
margin-left:0px !important;
padding:0px !important;
}
.cform input.resetbutton:hover{
background-color: transparent !important;
box-shadow:none !important;
background-position: center top !important;
border:0px !important;
}
.jakh1{
font: normal 24px Tahoma, sans-serif;
color:#765c40;
border-bottom: 1px dashed #d5d5d5;
padding-bottom:6px;
margin-bottom:8px;
}
#content-p .jaktitle{
font: normal 14px Tahoma, sans-serif;
color:#765c40;
border:none;
margin:0px;
padding:0px;
}
.datownik{
  width: 100px;
  height: 31px;
  margin-bottom: 5px;
padding: 9px 0px 0px 33px;
background-image:url('images/datownik.png');
background-repeat: no-repeat;
color:#fff;
display:block;
font-size:11px;
}
#wpis-naglowek .datownik{
margin-top:8px;
}
.blogMainTitle {
  display: inline-block;
  border: none;
}
.post-date {
  font-size: 12px;
  color: #fb6107;
  display: block;
  margin: 15px 0 5px;
}
#content-p h1.post-title {
  font-size: 18px;
  color: #765c40;
  text-transform: uppercase;
  border: none;
  margin: 0;
  padding: 0;
}
#wpis-nav-inner{
width:111px;
height:32px;
float:right;
margin-top:0px;
}
#wpis-nav-inner-prev a, #wpis-nav-inner-next a{
background-color: transparent;
height:30px;
width:30px;
background-image:url('images/strzalki-naw.png');
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
margin-top:1px;
margin-right:2px;
}
#wpis-nav-inner-prev a{
background-position: left bottom;
}
#wpis-nav-inner-next a{
background-position: right bottom;
}
#wpis-nav-inner-prev a:hover{
background-position: left top;
}
#wpis-nav-inner-next a:hover{
background-position: right top;
}
#wpis-nav-inner .switch-x{
background-color: transparent;
height:32px;
width:32px;
background-image:url('images/close-naw.png');
background-repeat:no-repeat;
background-position: center bottom;
display:block;
float:right;
border:0px;
margin-top:0px;
margin-left:0px;
}
#wpis-nav-inner .switch-x:hover{
background-position: center top;
}
#wpis-naglowek{
width:100%;
min-height:66px;
border-bottom: 1px dashed #d5d5d5;
border-top: 1px dashed #d5d5d5;
margin-bottom:9px;
  padding-bottom: 15px;
}

#box-b-aktualnosci h3 {
  margin-left:-10px;
}
#box-b-aktualnosci ul{
list-style-type: none;
margin-left:-10px;
margin-top:16px;
}
#box-b-aktualnosci ul li{
/* width:174px; */
width: 100%;
min-height:20px;
background-image:url('images/arrow.png');
background-repeat:no-repeat;
background-position: right center;
margin:9px 0;
padding-right:25px;
border-bottom: 1px solid #d6dde4;
}
#box-b-aktualnosci ul li span{
font-size:10px;
color:#666;
}
#box-b-aktualnosci ul li p{
line-height: 14px;
padding-bottom:4px;
}
#box-b-aktualnosci ul li a{
color: #FB6107;
}
#box-b-aktualnosci ul li a:hover{
color: #FBca07;
}
#box-wpisy{
margin:0px 0px 40px 0;
width:100%;
float:left;
}
#box-wpisy > div{
float:left;
/* width:256px; */
width: calc(50% - 10px);
min-height:272px;
padding:9px 18px 20px 20px;
background-color:#fff;
border:solid 1px #dcdcdc;
margin:0px 0 20px 0px;
}
#box-wpisy > div:nth-child(2n+1) {
  margin-right: 20px;
}
#box-wpisy img{
background-color: #FFFFFF;
border: 1px solid #E1E2E1;
padding: 3px;
}
#box-wpisy p{
color: #FB6107;
margin-top:7px;
margin-bottom:3px;
}
#box-wpisy p a{
color: #FB6107;
margin-top:7px;
margin-bottom:3px;
}
#box-wpisy a{
color: #666666;
line-height: 16px;
text-decoration:none;
}
#box-wpisy a:hover{
color: #979797;
}
#paginacja{
right:51px;
bottom:40px;
position:absolute;
}

.wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi span, .wp-pagenavi .first, .wp-pagenavi .last{
  min-width:20px;
  height:20px;
  display:block;
  float:left;
  margin:0 10px;
  text-align:center;
  font: 20px Tahoma,sans-serif;
  color: #fb6107;
  text-decoration: none !important;
}
.wp-pagenavi .current{
  color: #666666;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{
background-color: transparent;
height:30px;
width:30px;
background-image:url('images/strzalki-naw.png');
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
}
.wp-pagenavi .previouspostslink{
background-position: left bottom;
margin-right:9px;
}
.wp-pagenavi .nextpostslink{
background-position: right bottom;
}
.wp-pagenavi .previouspostslink:hover{
background-position: left top;
}
.wp-pagenavi .nextpostslink:hover{
background-position: right top;
}
.dol{
margin-top:15px;
display: block;
}
.switch-zapisz{
height:30px;
width:88px;
background-image:url('images/switch-zapisz.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
float:left;
border:0px;
padding: 0;
margin-top:9px;
margin-left:2px;
cursor: pointer;
}
.switch-zapisz:hover{
background-position: top center;
}

/* kursy */
#box-zawartosc-kursy h2{
font: 14px Tahoma,sans-serif;
color: #765C40;
}
#box-zawartosc-kursy{
    /* background-image: url("images/tlo-zawartosc.png");
    background-position: center top;
    background-repeat: repeat-x; */
    float: left;
    margin: 20px 0;
    min-height: 470px;
    padding: 0 10px 0 20px;
    /* width: 669px; */
    width: 75%;
}
#box-zawartosc-kursy-inner {
  padding: 15px 20px 40px 20px;
  background-image: -webkit-linear-gradient(top, #f1f1f1, #fcfcfc);
  background-image: -o-linear-gradient(top, #f1f1f1, #fcfcfc);
  background-image: linear-gradient(to bottom, #f1f1f1, #fcfcfc);
}

#box-zawartosc-kursy .ca-menu{
    padding: 0;
    margin-top: 20px;
    /* width: 658px; */
    margin-bottom:25px;
}
#box-zawartosc-kursy .ca-menu li{
    /* width: 658px; */
    height: 110px;
    overflow: hidden;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 10px;
    border-left: 10px solid #fc6a0c;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#box-zawartosc-kursy .ca-menu li:last-child{
    margin-bottom: 0px;
}
#box-zawartosc-kursy .ca-menu li .a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
#box-zawartosc-kursy .ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
#box-zawartosc-kursy .ca-icon{
position: absolute;
width: 77px;
height:132px;
left: 0px;
background-repeat: no-repeat;
}
#box-zawartosc-kursy .form-strzalka{
    position: absolute;
    width: 23px;
    height:132px;
    right: 17px;
    background-image:url('images/form-strzalka.png');
    background-repeat: no-repeat;
}
.form1{
background-image:url('images/form-palemka.png');
}
.form2{
background-image:url('images/form-book.png');
}
.form3{
background-image:url('images/form-x1.png');
}
.form4{
background-image:url('images/form-weekend.png');
}
.form5{
background-image:url('images/form-tie.png');
}
.form6{
background-image:url('images/form-exam.png');
}
.form7{
background-image:url('images/form-1-ludzik.png');
}
.form8{
background-image:url('images/form-2-ludziki.png');
}
.form9{
background-image:url('images/comp.png');
}
.form10{
background-image:url('images/poranny.png');
}
#box-zawartosc-kursy .ca-content{
    position: absolute;
    left: 80px;
    /* width: 560px; */
    height: 60px;
    top: 13px;
    padding-right: 50px;
}
#box-zawartosc-kursy .ca-menu h2{
    font-size: 24px;
    color:#fd650c;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
#box-zawartosc-kursy .ca-menu p{
margin-top:7px;
    font-size: 12px;
    color: #94816c;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

#box-zawartosc-kursy .ca-menu li:hover{

    background: #F7F7F7;
}

#box-zawartosc-kursy .ca-menu li:hover h2{
    font-size: 14px;
}
#box-zawartosc-kursy .ca-menu li:hover p{
    font-size: 14px;
}

#box-zawartosc-k p{
line-height:18px;
}
.box-zawartosc-blog p{
  font-size: 14px;
  margin: 18px 0;
}

.box-zawartosc-blog li{
  font-size: 14px;
  margin: 18px 0;
margin-left: 15px;
line-height:18px;
}

/* formularz kursy boczny 12-02-2013 */
.cfix:before, .cfix:after{
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.cfix:after {clear: both;}

.box-form-kurs{
background-color:#fcfcfc;
background-image:url('images/tlo-box-sredni.png');
background-repeat: repeat-x;
background-position: top center;
padding:17px 0px 0px 19px;
/* width:200px; */
padding-bottom:20px;
margin-bottom:20px;
}
#kursForm{
/* width:200px; */
width: 100%;
float:left;
margin-top:10px;
}
#kursForm fieldset{
border: none;
margin-bottom:10px;
}
#kursForm p{
margin-top:0px;
}
.pole-2{
/* background-color: transparent;
background-image:url('images/pole-2.png');
background-repeat: no-repeat;
border: none; */
max-width:165px;
width: 100%;
height: 28px;
padding-left: 11px;
padding-right: 5px;
margin-top: 0px;
color: #646464;
font: normal 12px Arial, Helvetica, sans-serif;
background-color: #fff;
border: solid 1px #d0d0d0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.switch-zamow{
background-color: transparent;
height:30px;
width:88px;
background-image:url('images/switch-zamow.png');
background-position: center bottom;
background-repeat:no-repeat;
display:block;
float:right;
border:0px;
margin-top:8px;
margin-right:19px;
cursor:pointer;
}
.switch-zamow:hover{
background-position: center top;
}

#kursForm .error{
font-size: 11px;
color: #e70912;
display:block;
margin-left:0px;
}

.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:0;
  color:#000;
  background:#f3961c; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#febf04, #fed04a);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
font: normal 12px Arial, Helvetica, sans-serif;
  color: #666;
  line-height: 20px;
}

#coulds .source {
color:white;
}

.signature {
margin: 15px 0 2em 85px;
  font-style: italic;
}

/* creates triangle */
.triangle-isosceles:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50px; /* controls horizontal position */
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#fed04a transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

blockquote {
  margin:1em 0;
}

blockquote p {
  margin:0;
  font-size:2em;
}

.follow {
  clear:both;
  margin-top:2em;
  font-size:1.125em;
}

.follow span {
  font-weight:bold;
}

.switch-lekcja-probna{
height:30px;
width:250px;
background-image:url('images/darmowa-lekcja-probna-button.png');
background-repeat: no-repeat;
background-position: bottom center;
display:block;
margin: auto;
}
.switch-lekcja-probna:hover{
background-position: top center;
}

/* newsletter form on blog page */
#box-letter{

/* width:903px; */
width: 100%;
float: left;
margin: 20px 0 0 0;
padding: 0 20px;
position:relative;
}
.box-letter-inner {
  background-image:url('images/tlo-zawartosc.png');
  background-repeat: repeat-x;
  background-position: top center;
  padding:14px 20px;
}
#box-letter h3 {
  color: #765c40;
  font-size: 18px;
  line-height: 22px;
  float: left;
  margin-top: 3px;
}

/* Author - blog single */
.author-box {
    /* IE10+ */
  background-image: -ms-linear-gradient(top, #F2F2F2 0%, #FCFCFC 100%);

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #F2F2F2 0%, #FCFCFC 100%);

  /* Opera */
  background-image: -o-linear-gradient(top, #F2F2F2 0%, #FCFCFC 100%);

  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(100, #FCFCFC));

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #F2F2F2 0%, #FCFCFC 100%);

  /* W3C Markup */
  background-image: linear-gradient(to bottom, #F2F2F2 0%, #FCFCFC 100%);
  margin-bottom: 25px;
  margin-top: 70px;
}
.author-pic {
  width: 90px;
  min-height: 130px;
  float: left;
  padding:10px 0 0 10px;
}
.author-des {
  width: 533px;
  float: left;
  padding: 10px 8px 8px 10px;
}
.author-box h5 {
  color: #765c40;
  font-size: 16px;
  font-weight: 700;
}

/* najbardziej popularne wpisy z bloga na home page */
.most-popular {
  background: rgb(241, 241, 241);
  background: -moz-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -webkit-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -o-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -ms-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: linear-gradient(180deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  padding: 17px 20px 20px;
  /* height: 177px; */
  margin: 15px 0;
}
.most-popular h3 {
  color: #765c40;
  font-size: 18px;
  line-height: 22px;
  margin-left: -10px;
}
.most-popular ul {
  list-style-type: none;
  margin-left: -10px;
  margin-top: 16px;
}
.most-popular li {
  background-image: url("images/arrow.png");
  background-position: right center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d6dde4;
  margin: 9px 0;
  min-height: 20px;
  padding-right: 25px;
}
.most-popular ul li span {
  color: #666;
  font-size: 10px;
}
.most-popular ul li p {
  line-height: 14px;
  padding-bottom: 4px;
}
.most-popular ul li a {
  color: #fb6107;
}
.most-popular ul li a:hover{
color: #FBca07;
}

#box-b-aktualnosci ul li span.quote-mark {
  color: #b0b0b0;
  /*font: italic 30px Tahoma,sans-serif;*/
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
}

.wpcf7 p{border: none;margin-bottom:7px;}
.wpcf7 input[type=text]{
    background-color: transparent;
    background-image: url('images/pole-1.png');
    background-repeat: no-repeat;
    border: none;
    width: 235px;
    height: 28px;
    padding-left: 11px;
    padding-right: 5px;
    margin-top: 0px;
    color: #646464;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.wpcf7 input[type=email]{
    background-color: transparent;
    background-image: url('images/pole-1.png');
    background-repeat: no-repeat;
    border: none;
    width: 235px;
    height: 28px;
    padding-left: 11px;
    padding-right: 5px;
    margin-top: 0px;
    color: #646464;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.wpcf7 input[type=tel]{
    background-color: transparent;
    background-image: url('images/pole-1.png');
    background-repeat: no-repeat;
    border: none;
    width: 235px;
    height: 28px;
    padding-left: 11px;
    padding-right: 5px;
    margin-top: 0px;
    color: #646464;
    font: normal 12px Arial, Helvetica, sans-serif;
}


.wpcf7 select{
    /*position: absolute;*/
    width: 216px;
    height: 25px;
    padding: 2px 0px 0 5px;
    color: #646464;
    font: 12px/21px arial,sans-serif;
    background: url('images/select2.png') no-repeat;
    overflow: hidden;
}

.wpcf7-submit{
background-color: transparent;
    height: 30px;
    width: 98px;
    background-image: url('images/switch-wyslij.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
    float: left;
    border: 0px;
    margin-top: 6px;
margin: auto;
    margin-bottom: 20px;
    cursor: pointer;

}

/* OPINIE */
.box-reviews {
  float: left;
  margin-bottom: 20px;
  width: 100%;
  padding: 15px 10px;
}
.box-gray {
  background: rgb(241, 241, 241);
  background: -moz-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -webkit-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -o-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: -ms-linear-gradient(90deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
  background: linear-gradient(180deg, rgb(241, 241, 241) 0%, rgb(253, 253, 253) 100%);
}
.box-reviews p {
  font-size: 15px;
  color: #393939;
  margin-top: 25px;
  margin-left: 10px;
}
.icon-user {
  height: 15px;
  margin-right: 3px;
  vertical-align: top;
  width: 13px;
}

.review {
  /* width: 186px; */
  width: 100%;
  padding: 15px 7px;
  background-color: #fff3d1;
  color: #765c40;
  font-size: 11px;
  line-height: 16px;
  border-radius: 5px;
  position: relative;
  margin-top: 20px;
}
.box-reviews .review p {
  color: #765c40;
  font-size: 11px;
  line-height: 16px;
  margin: 0px;
}
.review:after {
  content:"";
  display: block;
  width: 36px;
  height: 18px;
  background-image: url('images/arrow-down.png');
  position: absolute;
  bottom: -18px;
  left: 10px;
}

.switch-more{
  height:30px;
  width:119px;
  background-image:url('images/see-more.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  display:block;
  float:right;
  margin-top:15px;
}
.switch-more:hover{
  background-position: top center;
}

/* full review on 72 page */
.full-review-cloud {
  margin: 10px 0;
}
.author-rev {
  color: #393939;
  font: 18px Tahoma,sans-serif;
  margin-top: 20px;
 }
.full-review {
  width: 340px;
  padding: 25px 15px;
  background-color: #fff3d1;
  color: #765c40;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  position: relative;
  margin-top: 20px;
}
.full-review-cloud:nth-child(even) .full-review {
  margin-left: 130px;
}
.full-review-cloud:nth-child(even) .author-rev {
  margin-left: 130px;
}
.full-review-cloud .full-review p {
  color: #765c40;
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
}
.full-review:after {
  content:"";
  display: block;
  width: 36px;
  height: 18px;
  background-image: url('images/arrow-down.png');
  position: absolute;
  bottom: -18px;
  left: 10px;
}

.box-partners {
  padding: 17px 19px 0;
  margin-top: 20px;
  margin-bottom: 20px;
  /* width: 181px; */
}
.box-partners ul {
  list-style: none;
}
.box-partners ul li {
  margin: 10px 0;
  text-align: center;
}
.box-partners ul li img {
  max-width: 70%;
  height: auto;
}
.st-accordion ul li.active {
  height: 100%;
}


.rzetelnafirma {
  margin: 20px auto;
  display: inline-block;
  text-align: center;
}
.rzetelnafirma img {
  width: 70%;
  height: auto;
}

.footer-container {
  width: 100%;
  max-width: 988px;
  margin: 30px auto;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.mobile-visible {
  display: none;
}
.desktop-visible {
  display: block;
}
#slickSlider {
  /* display: none; */
}

#box-slider {
  display: none;
}
#slickSlider {
  display: block;
  position: relative;
  height: 301px;
}
.slickSlide-pic {
  width: 60%;
  float: left;
  overflow: hidden;
}
.slickSlide-pic img {
  object-fit: cover;
  max-width: none;
}
.slickSlide-text {
  width: 40%;
  float: left;
  padding: 25px 20px 20px 30px;
}
.slickSlide-text h2 {
  font: normal 45px Tahoma, sans-serif;
  color: #222;
  text-align: right;
  margin-bottom: 4px;
}

.slickSlide-text .a-right {
  text-align: right;
}
.slickSlide-text p {
  font: 18px Tahoma, sans-serif;
  color: #222;
  line-height: 25px;
}
.slick-dots {
  position: absolute;
  right: 10px;
  bottom: 10px;
  list-style: none;
}
.slick-dots li {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #ff5605;
  opacity: 0.5;
  float: left;
  margin: 0 2px;
}
.slick-dots li.slick-active {
  opacity: 1;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
/* responsive */
@media screen and (max-width: 960px) {
  .mobile-visible {
    display: block;
  }
  .desktop-visible {
    display: none;
  }
  .pic-logo {
    margin-left: 10px;
  }
  #header {
    min-height: 120px;
    position: relative;
  }
  #header-inner h2 {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 20px;
  }
  .pic-key {
    display: none;
  }
  .strzalek {
    float: right;
    margin-left: 0;
    text-align: right;
  }
  #header-right h3 {
    margin-left: 0;
  }
  #header-left {
    width: 60%;
  }
  #header-right {
    width: 40%;
    max-width: 380px;
    padding-right: 20px;
  }
  #header-right .textwidget {
    text-align: right;
    margin-top: 20px;
  }
  #header-right h3 {
    font-size: 16px;
  }
  #box-top-kontakt {
    z-index: -1;
  }
  .mobile-menu {
    font-size: 25px;
    float: right;
    color: #fd650c;
    color: #fbca07;
  }
  .mobile-menu:hover {
    color: #fbca07;
    color: #fd650c;
  }
  #main-menu.active {
    width: 100%;
    height: auto;
    float: none;
    background-image: none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    z-index: 999999;
    left: 0;
    top: 100px;
  }
  .menu-main-container {
    background-image: -webkit-linear-gradient(top, #fd7f10, #ff5311);
    background-image: -o-linear-gradient(top, #fd7f10, #ff5311);
    background-image: linear-gradient(to bottom, #fd7f10, #ff5311);
  }
  #main-menu.active ul {
    width: 100%;
    float: none;
    height: 100%;
  }
  #main-menu.active li {
    width: 100%;
    float: none;
    background-image: none;
    padding-right: 0;
  }
  #main-menu.active li a {
    width: 100%;
    text-align: center;
    float: none;
    display: block;
  }


  .slickSlide-text {
    padding: 20px;
  }
  .slickSlide-text h2 {
    font-size: 30px;
  }
  .slider-sprawdz {
    font-size: 25px;
  }

  #sub2-menu {
    width: 100%;
    padding: 0 15px;
  }
  #sub2-menu li a {
    width: 100%;
  }
  #box-zawartosc {
    width: 75%;
    padding-left: 20px;
  }
  .box-form-kurs {
    padding: 10px;
  }
  form.cform {
    width: 100%;
  }

  .box-zawartosc-k-inner div.cf_info {
    width: 100% !important;
  }

  .box-fiszki {
    padding-left: 10px;
    padding-right: 10px;
  }
  .box-lekcja-probna {
    padding-left: 10px;
  }


}
@media screen and (max-width: 760px) {
  #box-boczny h3 {
    font-size: 15px;
  }
  .box-partners {
    padding: 10px;
  }
}
@media screen and (max-width: 710px) {
  .full-review-cloud:nth-child(even) .full-review {
    margin-left: 0;
  }
  .full-review-cloud:nth-child(even) .author-rev {
    margin-left: 0;
  }
}
@media screen and (max-width: 660px) {
  #top-tresc {
    width: 100%;
    padding-top: 40px;
    padding-left: 0;
    text-align: center;
  }
  #top-tresc p {
    float: none;
  }
  #top-tresc a {
    float: none;
    display: inline-block;
    margin-left: 0;
  }
  .styled-kurs .select {
    right: 0;
  }
  #kontaktForm, #testForm, #kontakt-dane {
    width: 100%;
  }
  #slickSlider {
    height: 100%;
  }
  .slickSlide-pic {
    width: 100%;
    height: 250px;
  }
  .slickSlide-text {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  #header-inner h2 {
    display: none;
  }
  .aligncenter {
    margin-left: 0;
    margin-right: 0;
  }
  #box1, #box2 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  #box-zawartosc-kursy, #box-zawartosc, #box-zawartosc-k {
    width: 100%;
    padding: 0 15px;
  }
  #box-boczny {
    width: 100%;
    padding: 0 15px;
  }
  .box-tabela, .box-lekcja-probna, .box-partners, .box-fiszki, .box-form-kurs, .box-test, .boczna-aktual {
    width: 50%;
    float: left;
  }



}
@media screen and (max-width: 550px) {
  .box-tabela, .box-lekcja-probna, .box-partners, .box-fiszki, .box-form-kurs, .box-test, .boczna-aktual {
    width: 100%;
    float: none;
  }
  .full-review {
    width: 100%;
  }
  #top-pic-podzial {
    width: 100%;
    height: auto;
  }
  .top-picAbout {
    -webkit-background-size: 100%;
    background-size: 100%;
  }
  #top-tresc-podzial {
    width: 100%;
    padding: 20px;
    height: auto;
    min-height: auto;
    position: absolute;
    bottom: 0;
  }

}
@media screen and (max-width: 400px) {
  #header-left {
    width: 40%;
  }
  .pic-logo {
    width: 120px;
  }
  #header-right {
    width: 60%;
  }
}
