@import url(//fonts.googleapis.com/css?family=Exo+2:ital,wght@0,900;1,531|Ubuntu+Condensed|Open+Sans:300&subset=latin,latin-ext);
body,
html {
    width: 100%;
    display: block;
    background-color: #fff;
    color: #636b6f;
    font-family: Nunito, sans-serif;
    font-weight: 200;
    margin: 0
}

body>p {
    width: 80%;
    margin: .2rem auto
}

section {
    max-width: 100% !important;
    overflow: hidden
}

section:nth-of-type(odd) {
    background: #ddd;
    width: 95%
}

section {
    width: 90%;
    margin: 1rem auto
}

section h2 {
    margin: 1rem auto
}

section.info {
    background: rgba(238, 238, 238, .41);
    padding: 2rem;
    border-radius: 5px
}

nav {
    width: 100%;
    margin: 0 auto
}

main {
    width: 100%;
    margin: .5rem auto
}

.content {
    width: 80%;
    margin: 1rem auto;
    padding: 2rem
}

.content p {
    font-size: 1.2rem
}

#topmenu a {
    background: red
}

.title {
    font-size: 4rem;
    text-align: center
}

h1 {
    display: block;
    width: 80%;
    margin: 4rem auto 2rem !important;
    text-align: center;
    color: #333 !important;
    font: normal 700 2.2rem 'Exo 2'
}

h1 em {
    color: #555 !important
}

h2 {
    font: normal 600 1.6rem 'Exo 2';
    color: #555 !important
}

h3 {
    width: 70%;
    max-width: 100%;
    margin: .3rem auto;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center
}

h3 a,
h3 cite {
    font: normal 300 1.3rem 'Exo 2';
    color: #555
}

h3 a i,
h3 cite i {
    color: #555
}

section>h3 {
    margin: 1rem auto
}

:not("nav") a {
    color: #777
}

:not("nav") a i {
    color: #777
}

:not("nav") a:hover,
cite:hover {
    color: #333
}

:not("nav") a:hover i,
cite:hover i {
    color: #333
}

img {
    display: block;
    width: 12rem;
    margin: 2rem auto
}

[rel=attribution] {
    color: gray;
    text-align: right
}

nav {
    font: normal 300 1.3rem 'Ubuntu Condensed';
    text-align: center
}

nav a {
    color: #9b9b9b;
    margin: .1rem
}

nav a:hover {
    color: #111;
    text-decoration: none
}

nav a:hover i {
    color: #666
}

nav a+a:before {
    content: " · "
}

cite {
    color: #111
}

.sw_buyoptions {
    background: #f1f1f1;
    padding: 1rem
}

.sw_buyoptions>div {
    text-align: center;
    background: #fff;
    padding: .3rem;
    margin: .5rem;
    border-radius: 4px
}

.sw_buyoptions>div img {
    display: block;
    width: 90%
}

footer {
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
    background: gray;
    color: #fff;
    padding: 2rem;
    text-align: center
}

footer h4 {
    font: italic 700 1.2rem 'Open Sans';
    color: #ebebeb
}

footer h4>cite {
    color: #d7d7d7
}

footer>div {
    text-align: left;
    margin: .2rem;
    max-width: 30%
}

footer a {
    display: block;
    color: #fff;
    margin: .5rem 2.5rem;
    font: normal 300 1.3rem 'Ubuntu Condensed';
    text-decoration: none
}

footer a:hover {
    color: #ccc;
    text-decoration: none
}

footer a:hover i {
    color: #666
}

.btn {
    display: inline-block;
    background: rgba(153, 153, 153, .2);
    margin: .2rem .5rem;
    padding: .1rem .5rem
}

.btn i {
    color: orange
}

.btn:hover {
    background: #ccc
}

.btn:hover i {
    color: red
}

#SW_okladka {
    width: 12rem;
    margin: .5rem auto
}

img.okladka {
    width: 8rem;
    height: 11rem
}

.sw_wideimage {
    width: 80%;
    margin: 1rem auto
}

.thumb3d {
    width: 12rem;
    margin: 2rem auto
}

#coverimages {
    width: 90%;
    max-width: 100%;
    margin: .5rem auto
}

#coverimages>div {
    background: #ddd;
    margin: .2rem
}

#coverimages img {
    width: 5rem;
    height: 8rem
}

.sw_essaynumber {
    background: #ccc;
    padding: 1rem;
    margin: .5rem;
    border: 3px solid #00a266;
    border-radius: 50%;
    text-align: center;
    font: italic 700 1.2rem 'Open Sans';
    color: #00a266
}

.sw_essay {
    display: block;
    padding: .1rem;
    margin: .5rem !important;
    text-align: left;
    font: italic 700 1.3rem 'Exo 2';
    color: #00a266
}

.sw_essay h3,
.sw_essay h4,
.sw_essay h5 {
    margin: .3rem !important
}

.sw_box1 {
    background: #ccc;
    padding: 1rem;
    margin: .5rem;
    border: 3px solid #007e66;
    border-radius: 10px;
    text-align: center;
    font: italic 700 1.2rem 'Open Sans';
    color: #007e66
}

[rel=cover] jpg {
    box-shadow: 10px 10px 5px 0 rgba(20, 20, 20, .75)
}

.links {
    margin: 2rem auto
}

.series h3 {
    font-size: 1rem;
    margin: 0 auto;
    text-align: center
}

.m-2 {
    margin: 1.5rem
}

.p-1 {
    padding: 1rem
}

.sw_admin a {
    display: inline-block;
    background: #aaa;
    color: #445;
    padding: .3rem
}

.sw_hidden {
    background: #aaa;
    width: 100%;
    color: #06c;
    padding: .5rem;
    font-family: Calibri;
    font-size: 1rem
}

.sw_hidden a {
    display: inline-block;
    background: #aaa;
    color: #445;
    padding: .3rem
}

.sw_whiteplate {
    width: 80%;
    background: #fff;
    border: 3px solid #aaa;
    margin: .5rem;
    padding: 3rem
}

.sw_whiteplate p {
    font: normal 300 1.2rem 'Open Sans'
}

.sw_whitesideplate {
    width: 100%;
    background: #fff;
    border: 3px solid #aaa;
    margin: .5rem;
    padding: 1rem
}

.sw_call {
    background: #eee;
    margin: 2rem auto;
    display: block;
    border: 2px solid red
}

.sw_call div {
    display: inline-block
}

.sw_call div:last-of-type {
    width: 20rem;
    background: #f66;
    margin-right: 0
}

.sw_call img {
    max-height: 12rem
}

.sw_call2 {
    width: 70%;
    margin: 1rem auto;
    padding: .2rem;
    border: 2px solid #aaa;
    display: table;
    background: #fefefe;
    font-size: 1rem;
    vertical-align: top
}

.sw_call2>div {
    display: table-row
}

.sw_call2>div>div {
    vertical-align: top;
    display: table-cell;
    padding: .2rem
}

.sw_call2>div>div:last-of-type {
    width: 12rem;
    background: #999;
    text-align: center;
    vertical-align: middle
}

.sw_call2 img {
    height: 12rem;
    width: 8rem
}

.sw_call_printable {
    width: 70%;
    margin: 2rem auto;
    padding: 2rem;
    border: 2px solid #aaa;
    display: table;
    background: #fefefe;
    font-size: 1rem;
    vertical-align: top
}

.sw_call_printable>div {
    display: table-row
}

.sw_call_printable>div>div {
    vertical-align: top;
    display: table-cell;
    padding: .2rem
}

.sw_call_printable>div>div:last-of-type {
    width: 12rem;
    background: #999;
    text-align: center;
    vertical-align: middle
}

.sw_call_printable em,
.sw_call_printable p {
    color: #888 !important
}

nav.sw_submenu {
    background: #ddd;
    border: 1px solid #aaa;
    padding: .4rem;
    margin: 1rem auto;
    color: #555
}

nav.sw_submenu a {
    color: #555
}

nav.sw_submenu a i {
    color: #777
}

nav.sw_submenu a+a {
    margin-left: 3rem
}

.sch_table {
    width: 70%;
    border: 2px solid #888;
    margin: 2rem auto;
    background: #efefef;
    font-size: 1.3rem
}

.sch_table td {
    padding: .3rem
}

.sch_table td:last-of-type {
    width: 20rem;
    background: #fefefd
}

.sch_table dl {
    text-align: left
}

.sch_table dt {
    margin-left: 3rem;
    font-size: 1.2rem
}

.sch_table h3 {
    font: italic 700 1.8rem 'Open Sans';
    margin-top: 3rem
}

.row {
    background: #eee
}

.uk-card-body h3,
.uk-form-label,
.uk-text-muted {
    font: normal 300 1.1rem 'Open Sans'
}

.sw_warning {
    background: rgba(255, 0, 0, .3);
    margin: 1rem auto
}

.sw_gallery>div {
    background: #fff;
    border: 2px solid #999;
    margin: .5rem auto;
    padding: .5rem;
    min-width: 16rem;
    max-width: 18rem;
    width: 80%
}

.sw_gallery>div img {
    width: 100%
}

.sw_gallery>div h3 {
    text-align: center;
    font: normal 300 1rem 'Ubuntu Condensed'
}

.sw_gallery>div h4 {
    text-align: center;
    font: normal 300 .8rem 'Ubuntu Condensed';
    color: #679
}

.sw_gallery.un_flex_hs>div {
    margin: .3rem;
    background: #fff;
    width: 12rem;
    max-width: 12rem;
    height: 16rem;
    overflow: hidden
}

.sw_gallery.un_flex_hs>div jpg {
    max-height: 100%;
    overflow: hidden;
    overflow-y: hidden
}

h5 span {
    border: 2px solid #039;
    border-radius: 4px;
    background: #888;
    margin: .1rem;
    padding: .2rem .5rem !important;
    color: #fff
}

[class^=status_] {
    border: 2px solid #888;
    border-radius: 2px;
    background: #999;
    padding: 1rem;
    font: italic 700 .8rem 'Open Sans';
    color: #fff
}

.status_5 {
    border-color: #f90
}

.status_6 {
    border-color: #0c9
}

.status_7 {
    border-color: green
}

.status_8 {
    border-color: #00b600
}

.status_10,
.status_9 {
    border-color: #00b600;
    color: #00b600
}

.sw_universal_text_module {
    background: #ddd;
    padding: 1rem 2rem;
    width: 80%;
    margin: 2rem auto
}

.sw_universal_text_module .header {
    width: 12rem;
    min-width: 12rem
}

.sw_adage,
.sw_formative,
.sw_maksim {
    background: rgba(81, 81, 81, .1);
    padding: 3rem;
    width: 80%;
    margin: .5rem auto
}

.sw_adage h4,
.sw_adage p,
.sw_formative h4,
.sw_formative p,
.sw_maksim h4,
.sw_maksim p {
    font: normal 200 2rem Nunito;
    color: #555;
    margin: .5rem auto 0
}

.sw_adage h4 cite,
.sw_adage p cite,
.sw_formative h4 cite,
.sw_formative p cite,
.sw_maksim h4 cite,
.sw_maksim p cite {
    font: normal 600 2rem Nunito
}

.sw_adage h3,
.sw_formative h3,
.sw_maksim h3 {
    width: 100%
}

.sw_adage h3 a,
.sw_formative h3 a,
.sw_maksim h3 a {
    color: #9b9b9b;
    box-shadow: 0 -2px 0 0 transparent inset;
    transition: all .3s ease-in
}

.sw_adage h3 a:hover,
.sw_formative h3 a:hover,
.sw_maksim h3 a:hover {
    transition: all .3s ease-out;
    box-shadow: 0 -2px 0 0 rgba(210, 30, 30, .5) inset
}

.sw_adage h3 a::selection,
.sw_formative h3 a::selection,
.sw_maksim h3 a::selection {
    color: #fff;
    background: #d21e1e;
    text-shadow: none
}

.sw_adage h5,
.sw_formative h5,
.sw_maksim h5 {
    margin: .1rem auto 1rem;
    font: normal 300 1.5rem 'Alegreya Sans';
    color: #666
}

.sw_adage .attribution,
.sw_adage attribution,
.sw_formative .attribution,
.sw_formative attribution,
.sw_maksim .attribution,
.sw_maksim attribution {
    display: block;
    width: 100%;
    text-align: right;
    margin-right: .2rem;
    font: normal 300 1.3rem 'Alegreya Sans';
    color: #777
}

.sw_adage .attribution cite,
.sw_adage attribution cite,
.sw_formative .attribution cite,
.sw_formative attribution cite,
.sw_maksim .attribution cite,
.sw_maksim attribution cite {
    color: #000;
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: rgba(102, 102, 102, .1)
}

.sw_praise {
    background: rgba(81, 81, 81, .1);
    padding: 3rem;
    width: 80%;
    margin: .5rem auto
}

.sw_praise h4,
.sw_praise p {
    font: normal 300 1.4rem 'Exo 2';
    color: #555;
    margin: .5rem auto 0
}

.sw_praise .attribution,
.sw_praise attribution {
    display: block;
    width: 100%;
    text-align: right;
    margin-right: .2rem;
    font: normal 300 1.3rem 'Alegreya Sans';
    color: #777
}

.sw_praise .attribution cite,
.sw_praise attribution cite {
    color: #000;
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-color: rgba(102, 102, 102, .1)
}

img[rel=patronat] {
    max-width: 20%
}

.sws_box1 {
    background: #bbb;
    border: 3px solid rgba(102, 102, 105, .7);
    border-radius: 5px;
    margin: .3rem .1rem
}

.sws_box2 {
    padding: 1rem;
    background: rgba(51, 102, 153, .718);
    margin: 1rem
}

.sws_box2>div {
    padding: 1rem
}

.sws_box3 {
    padding: 1rem;
    background: rgba(51, 52, 53, .2);
    margin: 1rem
}

.sws_box3>div {
    padding: 1rem
}

.un_dialog {
    background: rgba(251, 252, 253, .2);
    padding: 1rem;
    margin: 1rem
}

.uk-card-title a:hover {
    text-decoration: none
}

a>i {
    color: #9b9b9b
}

a:hover>i {
    color: #222
}

.un_flex {
    display: flex !important;
    flex-wrap: nowrap
}

.un_flex_vt {
    flex-direction: column;
    justify-content: flex-start;
    align-self: start
}

.un_flex_vc {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.un_flex_vs {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch
}

.un_flex_hc {
    flex-direction: row;
    justify-content: center;
    text-align: center;
    align-items: center
}

.un_flex_ht {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.un_flex_hs {
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    align-content: flex-start
}

.un_flex_even>* {
    flex: 1 1 auto
}

.un_flex_even {
    justify-content: space-between;
    width: 100%
}

.un_flex_wrap {
    flex-wrap: wrap
}

.un_flex_sc {
    align-self: center
}

.un_flex>div {
    flex: 1 1 auto;
    max-width: 100%
}

.un_flex>img {
    flex: 1 1 16rem
}

.un_flex>h2,
.un_flex>h3 {
    width: 100%;
    text-align: center;
    padding: 1rem
}

.un_flex_c20>* {
    flex: 1 1 20rem !important
}

.un_flex>.un_presenter_2 {
    flex: 1 2 42rem
}

.un_flex>.un_presenter_3 {
    flex: 1 1 20rem
}

.un_flex>i {
    flex: 1 1 16rem;
    font-size: 3rem;
    align-self: center;
    color: #fff;
    text-align: center;
    text-indent: 0;
    text-shadow: 4px 5px 5px rgba(111, 103, 103, .56)
}

.flex_cent {
    display: flex;
    position: relative;
    margin: 0 auto !important;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.flex_cent>* {
    display: block;
    width: 70vw;
    font-weight: 700
}

.csch_subtle_1 {
    background: #B7B6BB !important
}

.csch_subtle_1 .nearLight {
    background-image: radial-gradient(at top right, #b7b6bb 0, #e8eae9 100%)
}

.csch_subtle_2 {
    color: #676a7a;
    background-image: linear-gradient(to bottom, rgba(30, 60, 90, .2) 0, rgba(34, 34, 124, .1) 100%)
}

.csch_subtle_2:hover i {
    text-decoration: none;
    background: rgba(111, 103, 103, .56);
    color: ivory
}

.csch_subtle_2:before {
    color: ivory
}

.csch_subtle_3 {
    background: rgba(147, 128, 108, .1)
}

.csch_subtle_4 {
    border: 1px solid #bbb;
    background: rgba(243, 243, 240, .54);
    box-shadow: 0 0 5px 0 #ccc
}

.csch_subtle_5 {
    background: rgba(111, 103, 103, .56);
    box-shadow: 0 0 5px 0 rgba(65, 63, 61, .84)
}

.csch_subtle_6 {
    background: linear-gradient(1deg, rgba(147, 128, 108, .1), rgba(147, 128, 108, .3))
}

.csch_subtle_7 {
    background: linear-gradient(1deg, rgba(127, 128, 148, .1), rgba(127, 128, 148, .2))
}

.csch_subtle_8 {
    background-color: #DCD9D4;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(at 50% 0, rgba(255, 255, 255, .1) 0, rgba(0, 0, 0, .5) 50%);
    background-blend-mode: soft-light, screen
}

.un_form_3 {
    width: 90%;
    margin-bottom: 5rem !important
}

.un_form_3>.un_flex {
    background: rgba(243, 243, 240, .14)
}

.un_form_3>.un_flex>div {
    background: rgba(243, 243, 240, .14);
    margin: 1rem;
    padding: 1.5rem 2rem
}

.un_form_3 textarea {
    width: 100%
}

form:not(.un_box) {
    margin-bottom: 0
}

form.un_box {
    margin: 0 auto
}

.un_forminput {
    display: flex
}

.un_forminput input,
.un_forminput textarea,
textarea.un_forminput {
    width: 100%
}

.un_forminput:first-child {
    border-radius: 2px 0 0 2px
}

.un_fieldinput,
.un_fielditem {
    border: 1px solid rgba(147, 128, 108, .25);
    padding: .5em .75em
}

.un_fielditem {
    background-color: rgba(147, 128, 108, .1);
    color: #666;
    font: inherit;
    font-weight: 400
}

.un_input_label {
    border-radius: 5px 5px 0 0;
    background: rgba(34, 34, 34, .13);
    width: 100%;
    padding: 0
}

.un_input_label+div {
    max-width: 100%;
    width: 100%
}

.un_forminput .select2 {
    max-width: 90%;
    min-width: 90%
}

label {
    margin: 0
}

.un_flex_wrap>.un_forminput {
    margin: 1rem
}

h2 {
    display: block;
    width: 90%;
    margin: 3rem auto;
    text-align: center
}

h1+h2 {
    margin-top: .5rem
}

[rel=download] {
    color: #888;
    font: italic 700 1.3rem 'Open Sans'
}

[rel=download] i {
    color: #888
}

[rel=download]:hover,
[rel=download]:hover i {
    color: #333
}

.sw_author {
    color: #aaa;
    font: italic 700 .8rem 'Open Sans'
}

.sw_title {
    color: #aaa;
    font: normal 300 1.4rem 'Alegreya Sans'
}

dd h4,
dt h4 {
    color: #555;
    font: normal 300 1.2rem 'Open Sans'
}

dd h4 cite {
    color: #555;
    font: italic 700 1.3rem 'Open Sans'
}

dl.sw_booklist dd {
    margin-left: 3rem
}

.uk-description-list>dt {
    text-align: right
}

.uk-description-list>dt a {
    color: #9b9b9b;
    box-shadow: 0 -2px 0 0 transparent inset;
    text-decoration: none;
    transition: all .3s ease-in
}

.uk-description-list>dt a:hover {
    transition: all .3s ease-out;
    box-shadow: 0 -2px 0 0 rgba(210, 30, 30, .5) inset
}

.sw_subtitle {
    color: #888;
    font: italic 300 1.2rem 'Alegreya Sans'
}

.uk-heading-bullet,
.uk-heading-bullet::before {
    border-color: #555
}

.sw_notice {
    width: 60%;
    padding: 1rem;
    margin: 2rem auto;
    border-radius: 5px;
    background: #ce4444;
    text-align: center;
    color: #fff;
    font: italic 700 1.4rem 'Open Sans'
}

.sw_notice_info {
    width: 80%;
    padding: 1rem;
    margin: 2rem auto;
    background: #eee;
    border: 2px solid rgba(51, 102, 153, .629);
    text-align: center;
    color: #444;
    font: italic 300 1.2rem 'Open Sans'
}

.sw_notice_info h1,
.sw_notice_info h3 {
    font-size: 80%;
    color: #444;
    text-align: justify
}

.sw_notice_info h1,
.sw_notice_info h2 {
    text-align: center
}

.sw_notice_info>div {
    background: #fff;
    padding: 2rem
}

.sw_notice_info>div h3 {
    text-align: center
}

.sw_notice_info>div p {
    text-align: justify;
    font: regular 300 1.2rem 'Open Sans'
}

.sw_notice_top {
    width: 80%;
    padding: 1rem;
    margin: 2rem auto 1rem;
    background: rgba(102, 102, 103, .1);
    text-align: center;
    color: #222;
    font: italic 300 .9rem 'Open Sans'
}

.sw_notice_top h1,
.sw_notice_top h3 {
    font-size: 1.2rem;
    color: #444
}

.sw_notice_top p {
    padding: 1.1rem;
    font: normal 300 1.3rem 'Open Sans';
    text-align: justify;
    margin-bottom: .2rem
}

.sw_notice_top ul {
    color: #9b9b9b;
    text-align: center
}

.sw_notice_top ul li {
    font-size: 110% !important
}

[rel=bio]>div {
    padding: .3rem
}

[rel=bio] img {
    margin: .3rem;
    width: 5.7rem;
    height: 8rem;
    min-width: 5.7rem;
    max-width: 100%;
    text-align: center
}

[rel=bio] span {
    color: #9b9b9b
}

img[rel=bookcover] {
    height: 4.8rem;
    width: 3rem !important;
    margin: .3rem .1rem
}

.original {
    font-size: 95% !important;
    color: #888 !important
}

.sw_admin {
    width: 60%;
    border: 3px dotted #822;
    padding: 1rem;
    margin: 2rem auto;
    background: rgba(206, 68, 68, .1);
    text-align: center;
    color: #444;
    font: italic 700 1rem 'Open Sans'
}

.un_checkbox1 label {
    position: relative;
    margin: .5rem;
    font-family: Arial, sans-serif;
    line-height: 135%;
    cursor: pointer
}

.un_checkbox1 input[type=checkbox] {
    position: relative;
    top: -.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer
}

.un_checkbox1 input[type=checkbox]:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2
}

.un_checkbox1 input[type=checkbox]:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none
}

.un_checkbox1 input[type=checkbox]:after {
    content: "";
    position: absolute;
    top: -.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer
}

.un_checkbox2 input {
    background-color: #fff;
    height: 50px;
    margin: 0 .25em;
    width: 50px
}

.un_checkbox2 label {
    display: block;
    height: 50px;
    position: relative;
    width: 50px
}

.un_checkbox2 label:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 4px solid #cee;
    border-top: 4px solid #cee;
    content: '';
    display: block;
    height: 20px;
    left: 14px;
    position: absolute;
    top: 26px;
    width: 10px
}

.un_checkbox2 label:hover:after {
    border-color: #bdd
}

.un_checkbox2 input {
    display: none
}

.un_checkbox2 input:checked+label:after {
    -webkit-animation: check .8s;
    -moz-animation: check .8s;
    -o-animation: check .8s;
    animation: check .8s;
    border-color: #6aa
}

.un_checkbox_3 {
    display: flex;
    flex-direction: column;
    padding: .5em
}

.un_checkbox_3 * {
    box-sizing: border-box;
    user-select: none
}

.un_checkbox_3 input {
    height: 0;
    width: 0
}

.un_checkbox_3 input+label {
    position: relative;
    display: flex;
    margin: .6em 0;
    align-items: center;
    color: #9e9e9e;
    transition: color 250ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input+label>ins {
    position: absolute;
    display: block;
    bottom: 0;
    left: 2em;
    height: 0;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    transition: height 300ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input+label>ins>i {
    position: absolute;
    bottom: 0;
    font-style: normal;
    color: #4FC3F7
}

.un_checkbox_3 input+label>span {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
    width: 1em;
    height: 1em;
    background: 0 0;
    border: 2px solid #9E9E9E;
    border-radius: 2px;
    cursor: pointer;
    transition: all 250ms cubic-bezier(.4, 0, .23, 1)
}

.kl_checkbox_3 input:focus+label,
.un_checkbox_3 input+label:hover {
    color: #fff
}

.kl_checkbox_3 input:focus+label>span,
.un_checkbox_3 input+label:hover>span {
    background: rgba(255, 255, 255, .1)
}

.un_checkbox_3 input:checked+label>ins {
    height: 100%
}

.un_checkbox_3 input:checked+label>span {
    border: .5em solid #FFEB3B;
    animation: shrink-bounce 200ms cubic-bezier(.4, 0, .23, 1)
}

.un_checkbox_3 input:checked+label>span:before {
    content: "";
    position: absolute;
    top: .2rem;
    left: .1rem;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards
}

.un_checkbox_5 li {
    list-style: none;
    font-size: 125%;
    margin-bottom: 1em;
    position: relative
}

.un_checkbox_5 input[type=checkbox],
.un_checkbox_5 input[type=radio] {
    display: none
}

.un_checkbox_5 input[type=checkbox]+label,
.un_checkbox_5 input[type=radio]+label {
    padding-left: 2em
}

.un_checkbox_5 input[type=checkbox]+label:after,
.un_checkbox_5 input[type=checkbox]+label:before,
.un_checkbox_5 input[type=radio]+label:before {
    content: '';
    background: #ececec;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ccc;
    z-index: -1;
    position: absolute;
    left: 0;
    transition: all ease .5s
}

.un_checkbox_5 input[type=checkbox]+label:after {
    border-radius: 0
}

.un_checkbox_5 input[type=checkbox]:checked+label:after,
.un_checkbox_5 input[type=radio]:checked+label:before {
    border-radius: 50% 0 50% 50%;
    transition: all ease .75s;
    transform: rotate(45deg);
    background: #666;
    border: 1px solid #666
}

.un_checkbox_5 input[type=checkbox]:checked+label:before {
    transition: all ease .75s;
    border-radius: 0 50% 50% 0;
    background: #666;
    border: 1px solid #666
}

.contact_instance {
    display: inline-block;
    color: #336
}

.sw_deal {
    border: 2px solid #aaa;
    border-radius: 5px;
    background: #fff;
    padding: .4rem;
    margin: .4rem;
    text-align: center;
    max-width: 16rem !important
}

.sw_deal>* {
    padding: .2rem;
    margin: .1rem
}

.sw_deal p {
    font: normal 700 .9rem 'Exo 2';
    text-align: cener
}

.sw_deal form,
.sw_deal form button {
    margin: .2rem;
    padding: .1rem
}

.sw_deal a,
.sw_deal button {
    min-width: 8rem;
    width: 100%;
    max-width: 100% !important;
    font: normal 700 1rem 'Exo 2'
}

.sw_deal button {
    margin-top: 0 !important
}

.sw_deal .sw_deal a cite {
    color: #ddd !important
}

@media screen and (max-width:55.5em) {
    main,
    section {
        width: 100%;
        margin: 0
    }
    .sw_adage,
    .sw_maksim {
        padding: 1rem;
        width: 95% !important;
        max-width: 95%;
        margin: 1rem auto
    }
    [rel=bio] img {
        margin: .3rem auto
    }
    h4,
    hr {
        width: 100%;
        margin: .2rem auto;
        text-align: center
    }
    ul {
        width: 100%;
        margin: .2rem auto;
        padding-left: 2;
        list-style-type: none
    }
    ul li {
        margin-left: 2rem;
        padding-left: 1rem
    }
    ul li::before {
        content: "\2022";
        color: #568 !important
    }
    .un_flex_hs {
        flex-direction: column
    }
    [rel=portrait] {
        width: 4rem;
        max-width: 50%;
        text-align: center;
        margin: 1rem auto
    }
    .sw_booklist dd {
        margin-left: 1rem !important
    }
    .sw_buyoptions {
        width: 95%;
        margin: 1rem auto
    }
    .sw_buyoptions>div {
        align-self: center
    }
    .sw_booklist dd {
        max-width: 100%;
        width: 100%;
        margin: .5rem 0
    }
    .sw_adage {
        max-width: 95%;
        width: 100%;
        margin: .5rem auto;
        padding: .5rem
    }
    .sw_adage h4 {
        font: normal 200 1.6rem 'Alegreya Sans';
        text-align: left
    }
    .sw_adage h5 {
        font: normal 200 1.3rem 'Alegreya Sans'
    }
    .title {
        margin: 1.5rem auto;
        font: italic 700 2.6rem 'Alegreya Sans'
    }
    .title+h2 {
        margin: 1rem auto
    }
    .content>* {
        width: 90%
    }
    .content h3 {
        width: 100%;
        font: normal 300 1.3rem Nunito
    }
    .content p {
        width: 70% !important;
        margin: .5rem auto !important
    }
    .mb_bookbar>div {
        width: 100%
    }
    .mb_bookbar>div:first-of-type {
        width: 100%;
        max-width: 100%
    }
    .mb_bookbar img {
        width: 100% !important;
        height: auto !important
    }
    .mb_bookbar h1 {
        width: 100%;
        margin: .2rem auto !important;
        padding: .1rem
    }
    .mb_description {
        width: 100%;
        max-width: 100%;
        margin: .5rem auto;
        display: block
    }
    .mb_description>* {
        max-width: 100% !important
    }
    .mb_description p {
        padding: .5rem;
        font-size: 1rem
    }
    .mb_recommendation {
        padding: 1rem
    }
    [rel=cover]>div {
        width: 90%;
        margin: .5rem auto
    }
    [rel=cover]>div img.shadow {
        width: 70%;
        margin: .2rem auto;
        height: auto;
        box-shadow: 10px 10px 5px 0 rgba(20, 20, 20, .75)
    }
    .sw_gallery {
        align-content: normal
    }
    .sw_gallery>div {
        margin: .2rem auto !important;
        width: 90% !important
    }
    [rel=purch-link] {
        font-size: 70%
    }
    #wszystkie-ksiazki {
        align-items: center !important;
        flex-direction: row !important
    }
    footer {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: flex-start
    }
    footer>div {
        width: 100% !important
    }
    footer a {
        display: block !important;
        margin: 1rem auto;
        padding: .3rem 1rem;
        background: rgba(68, 88, 168, .2) !important
    }
}

li.large {
    width: 100%;
    margin-top: .3rem
}

li.large a {
    font-size: 110%;
    margin: .5rem auto;
    color: red;
    font-weight: 500
}

section>p {
    width: 80%;
    margin: 1rem auto
}