/* = Reset predefiniowanych stylów przeglądarki
 ************************************************************************************************/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing:border-box;
}
/*************************************************************************************************/

body.mainbody {margin-top: 0; font-family: 'Lato', sans-serif; font-weight:normal; font-size: 15px; background:#fff url('../img/top_stripe.png') repeat-x left top}
table {font-family: 'Rubik'; font-weight:400; font-size: 13px;border-collapse:collapse}
input {
    -webkit-appearance: none;
	border-radius: 0;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

input::-webkit-input-placeholder {
  color: #ccc; font-weight: 200; font-size: 14px;
}

a {text-decoration:none;}
a:hover {color: #00baff;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    /* ...and now for the proper property */
    transition:.5s; text-decoration: none;
}
.page-container a {color: #00baff}
.page-container a:hover {color: #00baff}
.page-container .top .menu ul li a:hover {color: #00baff}
.page-container .top .menu ul li a img {width: 50%;}
h1 {font-weight:300;font-size:28px;margin-bottom:5px; font-family: 'Rubik'}
h2 {font-weight:600;font-size:18px;margin-bottom:5px; font-family: 'Rubik'}
h3 {font-weight:600;font-size:16px;margin-bottom:5px; font-family: 'Rubik'}
h4 {font-weight:300;font-size:14px;margin-bottom:5px;  font-family: 'Rubik'}
h5 {font-weight:300;font-size:12px;margin-bottom:5px; font-family: 'Rubik'}
h6 {font-weight:300;font-size:10px;margin-bottom:5px; font-family: 'Rubik'}

.font-regular {font-weight:400 !important}
.font-light {font-weight:300 !important}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.lclear {clear:left}

.strong {font-weight:600}
.half-strong {font-weight:400}
.only-mobile {display:none}
.only-desktop {display:block}
.category-name-header {color:#000;font-size:26px;font-weight:600}
.width150 {width:150%}
.lato {font-family:'Lato', sans-serif}
.rubik {font-family:Rubik}
#commentinfo {font-weight:600;color:#f00;margin-top:140px}

.fadeout {
    position:absolute;bottom:0;left:0;right:0;height:80px;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

.background
{
  background-image: url("../img/background.jpg");
}

.hiddenSpellError {
    background-color: rgba(255,0,0, 0.2) !important;
    cursor: pointer;
}

.hiddenGrammarError {
    background-color: #fee481 !important;
    cursor: pointer;
}

.hiddenSuggestion {
    background-color: #fee481;
}




.page-container {max-width:1240px;width:100%;margin:0 auto;padding:0 10px;position:relative}
.page-container .top {position:relative;height:83px; background-color: #2f4795;}
.page-container .top .logo {width:236px;height:83px;position:absolute;left:0;top:0;z-index:100}
.page-container .top .logo img {max-width: 236px;}

.menu {
    background-color: #dadeec;
}
.menu .main-menu{
    display: flex;
    justify-content: space-between;
    list-style: none;
}
.menu .main-menu a{
    color: #27367a;
    font-family: Lato, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 11px;
    display: block;
    border-left: 1px solid #b7bdd7;
    text-align: center;
}
.menu .main-menu li{
    flex-grow: 2;
}
.menu .main-menu li:last-child a{
    border-right: 1px solid #b7bdd7;
}
.menu .main-menu li.active a, .menu .main-menu a:hover{
    color: #a10c62;
}

.page-container .top .menu {position:relative;min-height:83px;float:right}
.page-container .top .menu ul {list-style-type:none}
.page-container .top .menu ul li {float:left;line-height:81px;max-height:83px}
.page-container .top .menu ul li a {color:#fff;text-decoration:none;font-weight:300;font-size:17px}
.page-container .top .menu ul li.active a {color:#00baff}
.page-container .top .menu .sub-menu{
	display: none;
	position: absolute;
	z-index: 9999;
    top: 83px;
    right: 0;
    background: url(../img/top_stripe.png);
}
.page-container .top .menu .sub-menu.show{
	display: block;
}
.page-container .top .menu .sub-menu-container {
	color: #fff;
	padding-right: 15px;
	cursor: pointer;
	position: relative;
}
.page-container .top .menu .sub-menu li{line-height: normal;    width: 100%;}
.page-container .top .menu .sub-menu li a{padding: 15px 20px; display: block; border-bottom: 1px solid #fff;}

form.search-form {position:relative; float: right;background-color: #2d3f8c;padding: 10px;    margin-top: 22px;}
form.search-form > div {position:relative}
form.search-form input {margin-right: 32px;height:15px;width:165px;color:#cacaca; background-color: #2d3f8c;padding:0 0 0 5px;font-size:16px;}
form.search-form div.search-loupe {width: 20px;height: 20px;background: url(/img/desktop-menu-loupe.png) no-repeat center center;position: absolute;right: 0px;bottom: 0px;background-size: 20px;}
form.search-form div.search-loupe a {display:block;width:48px;height:48px;text-decoration:none}


.page-container .main-page-content-type-menu {display:none}
.page-container .main-page-content-type-menu-category {display:none}
.page-container .content-main {position:relative; padding: 7px 7px 0 7px; background-color: #fff;display: flex; justify-content: space-between; flex-direction: row-reverse;}
.page-container .content-main .column-main {min-height:150px;float:none;width:900px;padding-right:24px; }

.page-container .content-main .sidebar {width:300px;float:right;padding:0;}
.page-container .content-main .sidebar.main-s{min-height: 2300px;}



.page-container .content-main .column-main .comments {margin-top:20px;margin-right:0px;font-family:Lato, sans-serif;}
.page-container .content-main .column-main .comments h2 {font-size:28px;font-weight:400;margin:25px 0}
.page-container .content-main .column-main .comments .comment-header .comment-nick {font-weight:bold;font-size:16px}
.page-container .content-main .column-main .comments .comment-header .comment-date {color:#b2b2b2;font-size:16px;font-weight:400}
.page-container .content-main .column-main .comments .comment-header > div:not(:first-child) {margin-left:20px}
.page-container .content-main .column-main .comments .comment-header .comment-evaluation {font-weight:bold}
.page-container .content-main .column-main .comments .comment-header .comment-evaluation .positive-votes {color:#46c20a}
.page-container .content-main .column-main .comments .comment-header .comment-evaluation .negative-votes {color:#dd2828}
.page-container .content-main .column-main .comments .comment-header .comment-evaluation .evaluation-button {display:inline-block;color:#7b7b7b;background:#eeeeee;width:20px;height:19px;text-align:center;cursor:pointer}
.page-container .content-main .column-main .comments .separator {height:1px;background:#ebebeb;margin:10px 0 20px 0}

.page-container .content-main .column-main .comments .comment-content {font-weight:normal;font-size:17px;color:#000;margin:20px 0;line-height:22px}
.page-container .content-main .column-main .comments .comment-form {background:#f9f9f9;padding:20px;margin-bottom:20px;margin-top:5px;min-height:220px}
.page-container .content-main .column-main .comments .comment-form .quote-img-column {float:left;width:11%}
.page-container .content-main .column-main .comments .comment-form .controls-column {float:right}
.page-container .content-main .column-main .comments .comment-form .control {border:solid 2px #d9d9d9;height:45px;padding:5px}
.page-container .content-main .column-main .comments .comment-form #CommentUser {width:40%;font-family:Lato, sans-serif;font-size:16px}
.page-container .content-main .column-main .comments .comment-form #CommentText {width:97.5%;height:100px;font-family:Lato;font-size:16px}
.page-container .content-main .column-main .comments .comment-form #CommentCaptcha {width:12%;font-family:Lato, sans-serif;font-size:16px}
.page-container .content-main .column-main .comments .comment-form #send-comment {width:100%;height:45px;max-width:212px;border-radius:4px;background:#a32061;color:#fff;font-family:Rubik;font-size:16px;cursor:pointer; padding: 8px 12px;padding-top:9px}
.page-container .content-main .column-main .comments .comment-form #send-comment:hover {background: #090}
.page-container .content-main .column-main .comments .comment-form .submit-controls {text-align:right}
.page-container .content-main .column-main .comments .comment-form .submit-controls label {color:#7c7c7c}
.page-container .content-main .column-main .comments .comment-form .submit-controls .submit-button-div {display:inline-block;padding-top:1px;width:37%;max-width:213px;margin-left:5px}

.page-container .content-main .column-subpage .advice-comments .comment-form #commentinfo {font-weight:bold;color:#f00}

.sidebar ul.sidebar-list {color:#a32061;margin-left:15px}
.sidebar ul.sidebar-list li {line-height:30px}
.sidebar ul.sidebar-list a:hover {color: #a32061}

.sidebar .dyktando-sidebar {padding:0 20px;border:solid 1px #e2e2e2; margin-bottom: 10px; font-size: 18px;}
.sidebar ul.sidebar-links-list {list-style-type:none}
.sidebar ul.sidebar-links-list li {padding: 0;}
.sidebar ul.sidebar-links-list li:not(:first-child) {border-top:solid 1px #e2e2e2}
.sidebar ul.sidebar-links-list li a {color:#005de9;font-size:15px;font-family:Lato, sans-serif;font-weight:400; padding-top:12px;padding-bottom:12px; display: inline-block}

.sidebar ul.sidebar-links-list li a:hover {color: #a32061;}
.sidebar-links-list.odmiana {margin: 0;}
.sidebar-links-list.odmiana li {list-style: none; border-bottom: solid 1px #e2e2e2; padding-top: 15px;}
.gsc-search-box.gsc-search-box-tools {display:none !important}
.sidebar-links-list.odmiana li h3 {font-weight: 600;}

.top-mobile {display:none}
.page-container .ajax-content-loader {display:none}


.top-billboard {text-align:center;width:auto;margin:25px 0} 
.top-billboard img {max-width:100%}
.middle-billboard {text-align:center;margin:15px auto;padding:0;}
.middle-billboard img {max-width:100%}
.sky-rectangle {display:inline-block;width:300px;height:600px;margin-bottom:10px}
.sky-rectangle img {max-width:100%}


.dyktando {padding:10px 0 20px 0;font-family:Lato, sans-serif;font-size:18px;font-weight:400;margin-right:300px}
.dyktando h2 {margin: 0 0 10px 0}
.dyktando select {border-radius:4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;
    background:#f8faff url('../img/select_arrows_updown.png?rev=3') no-repeat ;
    border:solid 2px #eceff5; font-size: 18px; margin: 0 3px; border-radius: 5px;
    
    width: auto !important;
    background-position: right 8px !important;
    height: auto !important;
    padding: 5px 25px 5px 10px !important;
    min-width: 30px;
    text-align: center;


}
.dyktando select:hover {cursor: pointer; background: #ecf0fc  url('../img/select_arrows_updown.png?rev=3') no-repeat ; border-color: #e1e7f3;}
.dyktando select.good-answer {border:solid 2px #63b587; color: #63b587}
.dyktando select.error {border:solid 2px #ff0000; color: #ff0000}
.sprawdz-dyktando-pojemnik {position:relative;margin-right:300px;margin-bottom:30px}
.sprawdz_dyktando {width:210px;line-height:45px;background:#a32061 url('../img/tick_white.png') no-repeat 8px 5px;padding-left:55px;color:#fff;font-size:16px;border-radius:4px;margin:0 auto;cursor:pointer}
.sprawdz_dyktando:hover {background:#090 url('../img/tick_white_alpha.png') no-repeat 8px 5px}
.dyktando {line-height:40px}
.dyktando-stats {line-height:25px;background-color:#eaeef9;padding:15px 20px;font-family:Lato, sans-serif;font-size:16px;margin-right:300px;display:none}
.dyktando-stats .ilosc-literek-do-wstawienia {font-weight:400;color:#000}
.dyktando-stats .poprawne-odpowiedzi {font-weight:400;color:#ff0000}
.dyktando-stats .nieprawidlowe-odpowiedzi {font-weight:400;color:#ff0000}
.dyktando-result-info {min-height:113px;padding-left:108px;font-family:Lato, sans-serif;font-size:16px;padding-top:20px;margin-right:300px;display:none}
.dyktando-result-info.sad {background:#fff3f0 url('../img/smile-sad.png') no-repeat left top;background-size: 113px 108px}
.dyktando-result-info.happy {background:#fff3f0 url('../img/smile-happy.png') no-repeat left top;background-size: 113px 108px}
.dyktando-result-info.neutral {background:#fff3f0 url('../img/smile-neutral.png') no-repeat left top;background-size: 113px 108px}
.dyktando-result-info h5 {font-weight:600;font-size:16px}

.add-buttons{
	font-family: "Rubik";
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    padding: 15px 0;
    
}
.add-buttons .button{
	border-radius: 5px;
	padding: 12px 10px 12px 52px;
	margin-right: 10px;
}
.button.wishes{
	text-decoration: none;
	color: #fff;
	background: url(/img/izo-zyczenia.svg) left 10px center no-repeat #aa45a3;
	display: inline-block;
}
.button.card{
	text-decoration: none;
	color: #fff;
	background: url(/img/ico-kartka.svg) left 10px center no-repeat #29ce94;
	display: inline-block;
}
.button.flowers{
	text-decoration: none;
	color: #000;
	background: url(/img/ico-kwiaty.svg) left 10px center no-repeat #f8c701;
	display: inline-block;
	padding: 12px 10px 12px 38px;
}
.button.flowers:hover{
    color: black;
}

.dyktanda-kl-box {width:35%;min-height:112px;float:left;padding-top:10px;padding-left:95px;margin-bottom:40px}
.dyktanda-kl-box.kl1 {background:#fff url('../img/kl1-circle.png') no-repeat left top}
.dyktanda-kl-box.kl2 {background:#fff url('../img/kl2-circle.png') no-repeat left top;margin-left:30px}
.dyktanda-kl-box.kl3 {background:#fff url('../img/kl3-circle.png') no-repeat left top}
.dyktanda-kl-box.kl4 {background:#fff url('../img/kl4-circle.png') no-repeat left top;margin-left:30px}
.dyktanda-kl-box.kl5 {background:#fff url('../img/kl5-circle.png') no-repeat left top}
.dyktanda-kl-box.kl6 {background:#fff url('../img/kl6-circle.png') no-repeat left top;margin-left:30px}
.dyktanda-kl-box.kl7 {background:#fff url('../img/kl7-circle.png') no-repeat left top;}
.dyktanda-kl-box.kl8 {background:#fff url('../img/kl8-circle.png') no-repeat left top;margin-left:30px}
.dyktanda-kl-box h2 {font-size:22px}
.dyktanda-kl-box ul {color:#005de9;margin-left:0;list-style-type:none}
.dyktanda-kl-box ul li {background:#fff url('../img/bullet.png') no-repeat left center;padding-left:15px}
.dyktanda-kl-box ul li a {color:#005de9;font-size:15px;font-family:Lato, sans-serif;font-weight:400;line-height:30px}
.kl-circle-mobile {display:none}
.dyktanda-kl-box ul li a:hover {color:#a32061 ;}

.zasady-pisowni-box {position:relative;padding-left:100px;margin-bottom:40px;min-height:100px}
.zasady-pisowni-box h2 {font-family:Rubik;font-size:26px}
.zasady-pisowni-box ul.sidebar-links-list {color:#005de9;float:left;width:28%;list-style-type:none}
.zasady-pisowni-box ul.sidebar-links-list:not(:last-child) {padding-right:10px}
.zasady-pisowni-box ul.sidebar-links-list li {line-height:140%;background:#fff url('../img/bullet.png') no-repeat left center;padding-left:15px}
.zasady-pisowni-box ul.sidebar-links-list li a {color:#005de9;font-size:16px; padding: 5px 0; display: inline-block; font-family:Lato, sans-serif;font-weight:400}
.zasady-pisowni-box ul.sidebar-links-list li a:hover {color:#a32061;}
.zasady-pisowni-pisownia {background:#fff url('../img/circle-rz.webp') no-repeat left top; background-size: 80px;}
.zasady-pisowni-odmiana {background:#fff url('../img/circle-oo.webp') no-repeat left top; background-size: 80px;}
.zasady-pisowni-interpunkcja {background:#fff url('../img/circle-i.webp') no-repeat left top; background-size: 80px;}
.zasady-pisowni-coznaczy {background:#fff url('../img/circle-cz.webp') no-repeat left top; background-size: 80px;}
.zasady-pisowni-jaksiepisze {background:#fff url('../img/circle-js.webp') no-repeat left top; background-size: 80px;}




.watpliwosc-jezykowa-icon {padding-left:90px;width:50%;float:left;min-height:57px;margin-top:30px;margin-bottom:35px}
.watpliwosc-jezykowa-good {background:#fff url('../img/w_dobrze.png') no-repeat left top;background-size:57px}
.watpliwosc-jezykowa-bad {background:#fff url('../img/w_zle.png') no-repeat left top;background-size:57px}
.watpliwosc-jezykowa-question {background:#fff url('../img/w_moze.png') no-repeat left top;background-size:57px}
.watpliwosc-jezykowa-icon h3 {font-size:28px}
.watpliwosc-jezykowa-good h3 {color:#21ad0d}
.watpliwosc-jezykowa-bad h3 {color:#ca0000}
.watpliwosc-jezykowa-question h3 {color:#ffc600}

.text-content {}
.text-content p {margin-bottom:20px;line-height:22px !important;font-size:16px !important;font-weight:400 !important}

.page-container .content-main .column-main .spell-checker-box {position:relative;min-height:465px;background-color:#dadeeb;padding:10px}
.toolbar {height:45px;margin-bottom:10px}
.toolbar > div {display:inline-block;float:left;cursor:pointer}
.toolbar > div:not(:first-child) {margin-left:10px}
.language-dropdown-list {position:relative;width:280px;height:45px;background:url('../img/dropdown-list.png') no-repeat left top;padding:0 10px; background-size: 100%;}
.language-dropdown-list .selection {line-height:45px}
.language-dropdown-list .selection span.lang {font-weight:400;font-size:18px}
.language-dropdown-list .selection img {margin-right:5px;vertical-align:text-bottom; max-width: 25px;}
.language-dropdown-list .list {display:none;position:absolute;left:0;top:45px;right:0;height:278px;border:solid 1px #ddd;z-index:300;background:#fff;overflow:auto}
.language-dropdown-list .list > div {padding-left:10px}
.language-dropdown-list .list > div:hover {background:#ddd}

.button_check {width:186px; font-family: 'rubik'; line-height:45px; border-radius: 5px; background:#a32061 url('../img/button_check.png') no-repeat left top;padding-left:55px;color:#fff;font-size:16px;padding-top:2px}
.button_check:hover {background:#090 url('../img/button_check.png') no-repeat left top;}
.full_screen_button {float:right !important;margin-right:10px}
.full_screen_button a {display:block;width:23px;height:45px}
.full_screen_button a img {width: 100%;}
.text-content-textarea {width:100%;position:relative;background:#fff url('../img/textarea_top_border.png') repeat-x left top !important;padding-top:5px}
.text-content-textarea > textarea {box-sizing:border-box;border:solid 1px #b4b9c9;width:100%;height:370px;padding:10px;font-family:Rubik;font-size:14px}
.text-content-textarea iframe#checktext_ifr {height:370px !important}
#feedbackMessage {float:right !important;margin-right:10px;background:#fff;height:32px;padding:8px 10px;margin-top:8px;display:none}

.page-container .content-main .column-main .page-text-content {position:relative;min-height:150px;margin-right:200px}
.page-container .content-main .column-main .page-text-content.main-text {}
.page-container .content-main .column-main .page-text-content p, .desc-text p {margin-top:15px; line-height: 1.5;}
.desc-text h2{margin-top: 15px}
.page-container .content-main .column-main .page-text-content h2 {font-family: Lato, sans-serif;}
ul.lang-switches-list {list-style-type:none;display:inline-block; margin-top: 6px;}
ul.lang-switches-list li {float:left}
ul.lang-switches-list li:not(:first-child) {margin-left:4px}
ul.lang-switches-list img {max-width: 25px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #959595;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #959595;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #959595;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #959595;
}



.search-box {}
.search-box h2 {margin-top:20px;margin:bottom:0;font-weight:600}
.search-box form div {width:30%;display:inline-block;margin-right:4px}
.search-box input {width:100%;padding:10px;border:solid 1px #333;display:inline-block;}
.search-box button {width:10%;padding:10px;border:solid 1px #333;display:inline-block}






#footer {
        clear: both;
        margin: 0;
    padding-left:0px;
        position: relative;
	background-color: #fff;
	padding: 7px 7px 0 7px;
    border-top:solid 1px #cccbcb;
}
#footer-logo {
        width: 118px;
        float: left;
        border-right: 1px solid #dbdbdb;
}
#footer-logo img {
    max-width: 117px;
    max-height: 28px;
}
#footer-menu {
        float:left;
        padding-top: 9px;
        padding-left: 10px;
        right: 0;
        margin-left: 5px;
        font-size: 14px
}
#footer-menu > a {
    font-weight:700;
}
#footer-links {
        margin-left: 117px;
        border-left: 1px solid #dbdbdb;
        padding-left: 15px
}
#footer-links, #footer-links p.bold {
        font-size: 12px
}
#footer>div:first-of-type {
        display: inline-flex;
        text-align: right
}
#pagination a, .inlb {
        display: inline-block
}
.footer-menu-sep {
        color: #dbdbdb !important;
        margin: 0 5px
}
.bold {
        font-weight: 700
}
#footer-links a, #footer-menu a {
    color: #424242;
    text-decoration: none;
    font-family: Arial;
}
#footer-links {
        padding-top: 15px;
        color: #424242
}
#footer-copyright {
        padding-top: 15px;
        color: #9a9a9a;
        font-size: 10px;
        font-weight:300;
        padding-bottom:15px;
}
#footer-link-list {
        margin-top: 10px;
        line-height: 1.7em
}
#footer .footer-padding-top {height:15px}
#mobile-footer, .mobile-footer-div {
    display: none;
}




@media all and (max-width:1200px) {
    .page-container .content-main .sidebar {width:100%; padding-left: 0; max-height: auto;display:none;}
}

@media all and (max-width:960px) {
    .body>.menu{display: none;}
	form.search-form > div {position:relative}
	form.search-form input {height:52px;width:100%;border:solid 2px #000;padding:0 50px 0 10px;font-size:16px;background-color:#fff;}
	form.search-form div.search-loupe {width:48px;height:48px;background:url('/img/search-loupe.png') no-repeat left top;position:absolute;right:2px;top:2px}
	form.search-form div.search-loupe a {display:block;width:48px;height:48px;text-decoration:none}
    .only-mobile {display:block}
    .only-desktop {display:none}

    body {background:none !important}
	.top-mobile {background:#fff url('../img/top_stripe_mobile.png') repeat-x left top !important}
    h1 {margin-bottom:15px}
    .page-container {width:100%}
    
    .top {display:none}
    .top-mobile {display:block;width:100%;padding: 0;postion:relative;height:65px}
    .top-mobile .mobile-menu {float:right;text-align:right;padding-top:4px;width:60px}
    .top-mobile .mobile-menu img {width:100%}
    .top-mobile .mobile-menu.active {}
    
    .top-mobile .mobile-loupe {float:right;text-align:right;padding-top:4px;width:60px}
    .top-mobile .mobile-loupe img {width:100%}
    .top-mobile .mobile-loupe.active {}
    
    .top-mobile .mobile-logo {float:left;text-align:left;padding-top:0px;padding-left:10px;width:200px;margin-top:-2px}
    .top-mobile .mobile-logo img {width:100%}
    
    .top-mobile .search-form {display:none;float:left;z-index:200;width:100%;background:url('../img/menu-item-mobile-stripe.png') repeat-x left top;margin-top:-7px}
    .top-mobile .search-form > div {margin:0 auto;padding:18px 0;width:91%;text-align:center}
    .top-mobile .search-form > div > div.search-loupe {top:20px;}
    .top-mobile .search-form > div > input {border:solid 2px #000;font-size:20px}
    
    .top-mobile ul.main-menu {width:100%;display:none;list-style-type:none;padding:0;margin-top:-10px;margin-left:0px;z-index:200;float:left}
    .top-mobile ul.main-menu li {margin:0;padding:0;line-height:60px;background:url('../img/menu-item-mobile-stripe.png') repeat-x left top;text-align:center;}
    .top-mobile ul.main-menu li a {font-weight:400;font-size:20px;text-decoration:none;color:#fff;display:block;width:100%}
    .top-mobile ul.main-menu ul li.active a {color:#00baff}
    
    .top-mobile form.search-form {-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
                                -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
                                box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);}
    .top-mobile ul.main-menu {-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
                            -moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
                            box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);}
    
    
    .page-container .content-main {width:100%;margin-top:10px;padding:0}
    .page-container .content-main .column-main {width:100%; padding-left: 0;padding-right:0}
    .page-container .content-main .sidebar {width:100%; padding-left: 0; max-height: auto;display:none;}
    .page-container .content-main .column-main .spell-checker-box {}
    
    .page-container .ajax-content-loader {display:block;text-align:center;padding-bottom:20px;border-bottom:solid 1px #ebebeb}
    .page-container .ajax-content-loader a {color:#3fc000;text-decoration:none;font-size:18px}


    .page-container .links {text-align:center;margin-top:20px}
    .page-container .links a {color:#000;text-decoration:none;font-size:14px}
    
    .fadeout {left:0 !important}
    

    .page-container .content-main .column-main .comments .comment-form-mobile {padding:0px}
    .page-container .content-main .column-main .comments .comment-form-mobile .controls-column {}
    .page-container .content-main .column-main .comments .comment-form-mobile .control {height:35px;padding:5px;width:100%;border:solid 1px #d0d0d0;}
    .page-container .content-main .column-main .comments .comment-form-mobile #CommentUser {width:34%;font-family:Rubik;font-size:14px}
    .page-container .content-main .column-main .comments .comment-form-mobile #CommentText {width:96%;height:100px;font-family:Rubik;font-size:14px}
    .page-container .content-main .column-main .comments .comment-form-mobile #CommentCaptcha {width:16%;font-family:Rubik;font-size:14px}
    .page-container .content-main .column-main .comments .comment-form-mobile #send-comment-mobile {width:100%;max-width:212px;height:35px;background:#097609;color:#fff;text-transform:uppercase;font-weight:bold;font-size:16px;display:inline-block;position:relative;top:1px}
    .page-container .content-main .column-main .comments .comment-form-mobile #commentinfo {font-weight:bold;color:#f00}
    
    .page-container .content-main .column-main .spell-checker-box {margin-right:0}
    .page-container .content-main .column-main .page-text-content {margin-right:0;min-height:250px}

    .language-dropdown-list {position:relative;width:56%;height:45px;background:#fff url('../img/dropdown-list.png') no-repeat right top;background-size:auto 45px;padding:0 10px 0 5px;border:solid 1px #2f4795;border-radius:5px}
    .language-dropdown-list .selection img {margin-right:0; max-width: 25px;}
    .language-dropdown-list span.lang{font-size:15px !important}
    .button_check {width:40%;height:45px;background:#fff url('../img/tick.png') no-repeat 6px top;border:solid 1px #2f4795;border-radius:5px;color:#a32061;font-weight:600;float:right !important;padding-top:0;padding-left:46px}
    .text-content-textarea > textarea {border:solid 1px #2f4795;border-radius:5px;width:100%;height:350px;padding:10px;font-family:Rubik;font-size:20px;background:#fff}
    .middle-billboard {margin-right:0}
    .rolldown {position:absolute;bottom:2px;left:0;right:0;height:45px}
    .rolldown .btn {width:56%;line-height:45px;background:url('../img/dropdown-list.png') no-repeat right top;background-size:auto 45px;padding:0 10px 0 15px;margin:0 auto;border:solid 1px #b4b9c9;font-size:18px;font-weight:400;cursor:pointer}

    .dyktando {font-size:16px;line-height:32px;margin-right:0}
    .sprawdz-dyktando-pojemnik {margin-right:0}
    .dyktando-stats {margin-right:0}
    .dyktando-result-info {margin-right:0;padding:110px 20px 20px 20px}
    .dyktando-result-info.sad {background:#fff3f0 url('../img/smile-sad.png') no-repeat center top;background-size:113px 108px}
    .dyktando-result-info.happy {background:#fff3f0 url('../img/smile-happy.png') no-repeat center top;background-size:113px 108px}
    .dyktando-result-info.neutral {background:#fff3f0 url('../img/smile-neutral.png') no-repeat center top;background-size:113px 108px}

    .page-container .content-main .column-main .comments {margin-right:0}
    .page-container .content-main .column-main .comments .comment-content {padding-top:0;padding-left:30px;background:#fff url('../img/quote.png') no-repeat left 5px}
    .page-container .content-main .column-main .comments .quote-img-column {display:none}
    .page-container .content-main .column-main .comments .comment-form #CommentUser {width:100%}
    .page-container .content-main .column-main .comments .comment-form #CommentText {box-sizing:border-box}
    .page-container .content-main .column-main .comments .comment-form #CommentCaptcha {width:40%}
    .page-container .content-main .column-main .comments .comment-form .submit-controls {text-align:left;width:100%}
    .page-container .content-main .column-main .comments .comment-form .submit-controls span.user-alignment {display:inline-block;text-align:left;width:56%}
    .page-container .content-main .column-main .comments .comment-form .submit-controls span.captcha-alignment {display:inline-block;text-align:right;width:40%}
    .page-container .content-main .column-main .comments .comment-form .submit-controls .submit-button-div {display:block;width:65%;margin:15px auto 0 auto}
    .page-container .content-main .column-main .comments .comment-form .controls-column {position:relative;float:none}

    .dyktanda-kl-box {width:100%;float:left;padding-top:10px;padding-left:0;margin-bottom:0px;margin-left:0 !important;position:relative;background:transparent !important}
	.dyktanda-kl-box ul {margin: 20px 0;}
	.dyktanda-kl-box.kl6 ul {margin-bottom: 0;}
	.dyktanda-kl-box ul li {margin-left: 20px;padding-left:5px}
	.dyktanda-kl-box ul li a {display:inline-block;padding: 4px 2px 4px 10px; font-size: 18px; line-height:24px}
    .dyktanda-kl-box h2 {text-align:center;font-weight:600;background:#e8ecf7;margin-top:-40px;font-family:Rubik;font-size:26px;padding-top:50px;padding-bottom:20px}
    .kl-circle-mobile {position:relative;display:block;width:100%;height:81px;z-index:100}
    .kl1-circle-mobile {background:url('../img/kl1-circle-mobile.png') no-repeat center top}
    .kl2-circle-mobile {background:url('../img/kl2-circle-mobile.png') no-repeat center top}
    .kl3-circle-mobile {background:url('../img/kl3-circle-mobile.png') no-repeat center top}
    .kl4-circle-mobile {background:url('../img/kl4-circle-mobile.png') no-repeat center top}
    .kl5-circle-mobile {background:url('../img/kl5-circle-mobile.png') no-repeat center top}
    .kl6-circle-mobile {background:url('../img/kl6-circle-mobile.png') no-repeat center top}
    .kl7-circle-mobile {background:url('../img/kl7-circle.png') no-repeat center top}
    .kl8-circle-mobile {background:url('../img/kl8-circle.png') no-repeat center top}

    .text-content {padding-right:0;font-size:18px;line-height:25px}
    ul.other-rules {color:#a32061;margin-left:15px}
    ul.other-rules li {line-height:25px}
    ul.other-rules li a{color:#000;font-size:16px}

    ul.other-rules {color:#005de9;float:left;width:90%;list-style-type:none}
    ul.other-rules:not(:last-child) {margin-right:10px}
    ul.other-rules li {line-height:140%;background:#fff url('../img/bullet.png') no-repeat left center;padding-left:15px}
    ul.other-rules li a {color:#005de9;font-size:16px; padding: 5px 0; display: inline-block; font-family:Lato, sans-serif;font-weight:400}
    ul.other-rules li a:hover {color:#a32061;}

    .zasady-pisowni-box {margin-right:0;padding-left:0;margin-bottom:20px;position:relative}
    .zasady-pisowni-dropdown-list {border:none;border-radius:0;height:60px;width:100%;background:#e8ecf7 url('../img/dropdown-list-blue.png') no-repeat right center}
    .zasady-pisowni-dropdown-list .selection {height:60px;line-height:60px;padding-left:10px;cursor:pointer}
    .zasady-pisowni-dropdown-list .selection span.lang {font-family:Rubik;font-size:28px !important;font-weight:400}
    .zasady-pisowni-dropdown-list .selection img {margin-right:5px;vertical-align:top;display:inline-block;padding-top:6px}
    .zasady-pisowni-dropdown-list .list {display:none;position:absolute;left:0;top:60px;right:0;height:180px;border:solid 1px #ddd;z-index:300;background:#e8ecf7}
    .zasady-pisowni-dropdown-list .list div {padding-left:15px}
    .zasady-pisowni-dropdown-list .list > div:hover {background:#ddd}
    .zasady-pisowni-section-list .list {border:none;border-radius:0;height:60px;width:100%;background:#e8ecf7;line-height:60px;padding-left:10px;font-family:Rubik;font-size:28px !important;font-weight:400}
    .zasady-pisowni-section-list .list img {vertical-align:top;margin-top:7px !important}
    .zasady-pisowni-box .sidebar-links-list {padding-left:15px}

    .watpliwosci-jezykowe-box {padding-left:10px}
    .lista-watpliwosci-jezykowe {list-style-type:none}
    .lista-watpliwosci-jezykowe li {line-height:30px}
    .lista-watpliwosci-jezykowe li a {font-size:16px}

    .watpliwosc-jezykowa-icon {width:100%;min-height:57px;margin-top:0;margin-bottom:30px}
    .watpliwosc-jezykowa-good {margin-top:20px}
    .zasady-pisowni-box.zasady-pisowni-coznaczy .list {border:none;border-radius:0;height:60px;width:100%;background:#e8ecf7;line-height:60px;padding-left:10px;font-family:Rubik;font-size:28px !important;font-weight:400}
    .zasady-pisowni-box.zasady-pisowni-jaksiepisze .list {border:none;border-radius:0;height:60px;width:100%;background:#e8ecf7;line-height:60px;padding-left:10px;font-family:Rubik;font-size:28px !important;font-weight:400}

    .zasady-pisowni-coznaczy {background-size: 30px 30px;padding-left:40px}
    .zasady-pisowni-jaksiepisze {background-size: 30px 30px;padding-left:40px}
    .zasady-pisowni-coznaczy .sidebar-links-list {padding-left:0}
    .zasady-pisowni-jaksiepisze .sidebar-links-list {padding-left:0}
    .zasady-pisowni-box.zasady-pisowni-coznaczy {background:#fff;padding-left:0}
    .zasady-pisowni-box.zasady-pisowni-coznaczy .list img {vertical-align:top}
    .zasady-pisowni-box.zasady-pisowni-coznaczy ul {padding-left:15px}
    .zasady-pisowni-box.zasady-pisowni-jaksiepisze {background:#fff;padding-left:0}
    .zasady-pisowni-box.zasady-pisowni-jaksiepisze .list img {vertical-align:top}
    .zasady-pisowni-box.zasady-pisowni-jaksiepisze ul {padding-left:15px}

    .sidebar-links-list {width:90% !important}

    .search-box form div {width:60%}
    .search-box button {width:30%}

    .text-content-textarea > textarea {height:250px}
    .text-content-textarea #checktext_tbl {height:250px}

    .page-container .content-main .column-main .comments .comment-form {height:280px}
    #commentinfo {margin-top:10px}

    #footer {height:90px;padding-left:0; padding:0;}
    a#footer-logo img {width:160px}
    #footer .footer-padding-top {height:15px}
    #footer-logo {width:110px;display:block}
    #footer-menu{width:58%;margin-top:-3px;float:left;padding-left:10px;margin-left:0;font-size: 12px}
    .mobile-footer-div {
        margin-left: 109px;
        border-left: 1px solid #dbdbdb;
        padding-left: 10px;
        padding-top: 10px;
		position: relative;
	}
	.mobile-footer-div:before{
		content: '\25BC';
		position: absolute;
		right: 5px;
		top: 19px;
	}
    .mobile-footer-div, #mobile-footer {
        display: inline-block;
    }
    #mobile-footer {
        padding: 8px;
        font-size: 13px;
        border: 1px solid #c2c2c2;
        border-radius: 3px;
        -webkit-appearance: none;
    }
    #footer-links {
        display: none;
    }
}
#sticky-bottom-ad {
    position: fixed;
    text-align: center;
    padding: 5px 0;
    background-color: #fff;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-content ul li {margin-left:40px}

span.answer_word.error {border:solid 1px #f00 !important}
span.answer_word_answer.error {border:solid 1px #f00 !important}