/* ___| document |_____________________ */


@import url('bootstrap.min.css');
@import url('bootstrap-visibility.css');
@import url('owl.carousel.min.css');
@import url('simple-line-icons.css');
@import url('nanoscroller.css');
@import url('select2.min.css');
@import url('bootstrap-slider.min.css');
@import url('//fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&subset=latin-ext');
@import url('cookies_stripe.css');

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("../img/bg-gift.png") 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(data:image/svg+xml,%3C%21--%20By%20Sam%20Herbert%20%28@sherb%29%2C%20for%20everyone.%20More%20@%20http%3A//goo.gl/7AJzbL%20--%3E%0A%3Csvg%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20stroke%3D%22%23fff%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%281%201%29%22%20stroke-width%3D%222%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20stroke-opacity%3D%22.5%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M36%2018c0-9.94-8.06-18-18-18%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CanimateTransform%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dur%3D%221s%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/path%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E) 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("/static/default/img/icon/loading-dots.svg") 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: "Raleway",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("../img/bg-hp.jpg") no-repeat center top;*/ }
.content--grey { padding: 3.75rem 0; background-color: #f9f9f9; }
.content--white { background-color: #fff; }

.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 { vertical-align: middle; }
.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 { margin-top: 0; margin-bottom: 1.7rem; font-size: 1.8125rem; line-height: 2rem; color: #434343; font-weight: 400; }
.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 { 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("../img/icon/type-mj.svg"); }
.type--ebooks { background-image: url("../img/icon/type-ebooks.svg"); }
.type--abooks { background-image: url("../img/icon/type-abooks.svg"); }
.type--floowie { background-image: url("../img/icon/type-floowie.svg"); }

.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("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy0zIC0zIDcgNyc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+") !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("/static/default/img/icon/type-credits.svg") 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("../img/icon/type-ebooks.svg"); background-size: cover; z-index: 1; }
.promo--abook::after { background: url("../img/icon/type-abooks.svg"); 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("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNOTUuMjEsODAuMzJjLTAuMDctMC41MS0wLjQ4LTEuMTUtMC45Mi0xLjU4Yy0xLjI2LTEuMjQtNC4wMy0xLjg5LTguMjUtMS45NSAgICAgIGMtMi44Ni0wLjAzLTYuMywwLjIyLTkuOTIsMC43M2MtMS42Mi0wLjkzLTMuMjktMS45NS00LjYtMy4xOGMtMy41My0zLjI5LTYuNDctNy44Ni04LjMxLTEyLjg5YzAuMTItMC40NywwLjIyLTAuODgsMC4zMi0xLjMgICAgICBjMCwwLDEuOTgtMTEuMjgsMS40Ni0xNS4xYy0wLjA3LTAuNTItMC4xMi0wLjY3LTAuMjYtMS4wOGwtMC4xNy0wLjQ0Yy0wLjU0LTEuMjUtMS42LTIuNTctMy4yNi0yLjVMNjAuMzIsNDFINjAuMyAgICAgIGMtMS44NiwwLTMuMzYsMC45NS0zLjc2LDIuMzZjLTEuMiw0LjQ0LDAuMDQsMTEuMDksMi4yOSwxOS42OWwtMC41OCwxLjRjLTEuNjEsMy45NC0zLjYzLDcuOS01LjQxLDExLjM5bC0wLjIzLDAuNDUgICAgICBjLTEuODgsMy42Ny0zLjU4LDYuNzktNS4xMyw5LjQzbC0xLjU5LDAuODRjLTAuMTIsMC4wNi0yLjg1LDEuNTEtMy40OSwxLjg5Yy01LjQzLDMuMjUtOS4wMyw2LjkzLTkuNjMsOS44NSAgICAgIGMtMC4xOSwwLjk0LTAuMDUsMi4xMywwLjkyLDIuNjhsMS41NCwwLjc4YzAuNjcsMC4zMywxLjM4LDAuNSwyLjEsMC41YzMuODcsMCw4LjM2LTQuODIsMTQuNTUtMTUuNjIgICAgICBjNy4xNC0yLjMyLDE1LjI4LTQuMjYsMjIuNDEtNS4zMmM1LjQzLDMuMDUsMTIuMTEsNS4xOCwxNi4zMyw1LjE4YzAuNzUsMCwxLjQtMC4wNywxLjkyLTAuMjFjMC44MS0wLjIyLDEuNDktMC42OCwxLjkxLTEuMyAgICAgIEM5NS4yNyw4My43Niw5NS40Myw4Mi4wNiw5NS4yMSw4MC4zMnogTTM2LjQ5LDk5LjMzYzAuNy0xLjkzLDMuNS01Ljc1LDcuNjMtOS4xM2MwLjI2LTAuMjEsMC45LTAuODEsMS40OC0xLjM3ICAgICAgQzQxLjI4LDk1LjcyLDM4LjM5LDk4LjQ2LDM2LjQ5LDk5LjMzeiBNNjAuOTUsNDNjMS4yNCwwLDEuOTUsMy4xMywyLjAxLDYuMDdjMC4wNiwyLjk0LTAuNjMsNS0xLjQ4LDYuNTMgICAgICBjLTAuNzEtMi4yNi0xLjA1LTUuODItMS4wNS04LjE1QzYwLjQzLDQ3LjQ1LDYwLjM4LDQzLDYwLjk1LDQzeiBNNTMuNjUsODMuMTRjMC44Ny0xLjU1LDEuNzctMy4xOSwyLjY5LTQuOTIgICAgICBjMi4yNS00LjI1LDMuNjctNy41Nyw0LjcyLTEwLjNjMi4xLDMuODIsNC43Miw3LjA3LDcuNzksOS42N2MwLjM5LDAuMzIsMC44LDAuNjUsMS4yMiwwLjk4QzYzLjgyLDc5LjgsNTguNDEsODEuMzEsNTMuNjUsODMuMTQgICAgICB6IE05My4wOCw4Mi43OWMtMC4zOCwwLjIzLTEuNDcsMC4zNy0yLjE3LDAuMzdjLTIuMjYsMC01LjA3LTEuMDMtOS0yLjcyYzEuNTEtMC4xMSwyLjktMC4xNyw0LjE0LTAuMTcgICAgICBjMi4yNywwLDIuOTQtMC4wMSw1LjE3LDAuNTZDOTMuNDQsODEuNCw5My40Nyw4Mi41NSw5My4wOCw4Mi43OXoiIHN0eWxlPSJmaWxsOiNGRjQwMkY7Ii8+PC9zdmc+"); }
.format--pdf::after, .format--pdf2::after { content: "PDF"; }
.format--mobi { background-size: 29px 29px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMzcwLjksMjA2LjljMCwxNi43LDAuNiwzMy4zLTAuMiw1MGMtMC44LDE5LDUsMzUuMywxNyw0OS43YzEuNCwxLjcsMi43LDMuNCwzLjksNS4yICAgYzQuMyw2LjUsMy41LDExLTIuNCwxNmMtMTIuNiwxMC42LTI1LjEsMjEuMy0zNy43LDMxLjljLTcuNSw2LjMtMTIuMiw2LjItMTkuOCwwYy0xMC4yLTguMy0xOC4yLTE4LjUtMjUuMy0yOS40ICAgYy0xLjctMi42LTIuNi0yLjUtNC43LTAuNWMtMTIuNiwxMi4zLTI1LjksMjMuNy00Mi44LDI5LjRjLTI2LjEsOC45LTUyLjYsMTAuMy03OC44LDFjLTI1LjItOS00MC4zLTI3LjYtNDUuOS01My41ICAgYy02LjItMjguOS0zLTU2LjQsMTQuOC04MC45YzEzLjUtMTguNSwzMi4yLTI5LjQsNTMuNy0zNi4xYzIyLjItNi44LDQ1LjEtOS40LDY4LjEtMTEuN2M2LjUtMC43LDEyLjktMS4zLDE5LjQtMS45ICAgYzEuNi0wLjEsMy0wLjMsMi45LTIuNGMtMC4yLTEwLjYsMC45LTIxLjQtMS42LTMxLjhjLTMuMi0xMy4zLTExLjktMjEuMS0yNS4yLTI0Yy05LjUtMi4xLTE4LjktMS41LTI4LjEsMS42ICAgYy0xNCw0LjgtMjIuNywxNC41LTI2LjIsMjguOWMtMS45LDcuOS01LjYsMTAuNy0xMy4zLDkuOWMtMTYuNC0xLjctMzIuOC0zLjQtNDkuMS01LjFjLTYuNy0wLjctMTAuMi01LjgtOC44LTEyLjMgICBjOC41LTQxLjUsMzUuNy02NC44LDc0LjktNzUuNWMzMC4xLTguMiw2MC42LTguNyw5MC44LTAuMmMyNC4zLDYuOCw0NC43LDE4LjgsNTYuMSw0Mi42YzYuNSwxMy41LDgsMjguMSw4LjIsNDIuNyAgIEMzNzEsMTY5LjIsMzcwLjgsMTg4LjEsMzcwLjksMjA2LjlDMzcwLjgsMjA2LjksMzcwLjksMjA2LjksMzcwLjksMjA2Ljl6IE0yOTMuMSwyMzguMWMwLTUtMC4yLTEwLDAuMS0xNWMwLjItMy4xLTAuOS00LjItNC0zLjkgICBjLTcuNiwwLjctMTUuMywwLjgtMjIuOSwxLjhjLTEzLjMsMS43LTI2LjMsNS0zNy4xLDEzLjRjLTE1LjcsMTIuMy0xOSwyOS4xLTE2LjQsNDhjMy4xLDIyLjIsMjIuOSwzNC41LDQ0LjEsMjcuMSAgIGMxNC40LTUsMjMuMi0xNS42LDI5LjMtMjguOUMyOTIuNiwyNjcuMSwyOTMuMSwyNTIuNiwyOTMuMSwyMzguMXoiIGZpbGw9IiMwNTA2MDYiLz48cGF0aCBkPSJNMjU2LjEsNDYzLjhjLTc2LjMtMC41LTE0NC44LTIwLjEtMjA2LjctNjEuNGMtMTIuNi04LjQtMjQuNi0xNy42LTM2LTI3LjdjLTEtMC45LTItMS44LTIuOC0yLjkgICBjLTEuMS0xLjUtMS45LTMuMy0wLjYtNS4xYzEuMy0yLDMuNS0yLjIsNS40LTEuM2M0LjQsMi4xLDguNiw0LjQsMTIuOSw2LjZjMzkuNCwyMC44LDgwLjksMzUuOCwxMjQuNCw0NS4zICAgYzM5LjQsOC42LDc5LjIsMTIuNiwxMTkuNiwxMS41YzU3LjctMS42LDExMy4zLTEzLjIsMTY2LjgtMzQuN2MyLjYtMS4xLDUuMy0yLjIsOC0yLjhjMy44LTAuNyw3LjYtMC4yLDkuMywzLjkgICBjMS42LDMuOC0wLjUsNi44LTMuMyw5LjJjLTIsMS43LTQuMywzLjEtNi42LDQuNmMtMzQuNSwyMi40LTcyLjMsMzYuOC0xMTIuMyw0NS43QzMwNy44LDQ2MC43LDI4MSw0NjMuNiwyNTYuMSw0NjMuOHoiIGZpbGw9IiNGNkE2MUYiLz48cGF0aCBkPSJNNDQ4LjYsMzc0LjdjLTExLjUtMC4xLTIyLjksMS40LTM0LjMsMi42Yy0yLjIsMC4yLTQuNywwLjgtNS43LTEuNmMtMS4yLTIuNywxLjEtNC4zLDMtNS42ICAgYzE0LjItOS40LDMwLjEtMTMuMSw0Ni44LTE0YzExLjUtMC43LDIyLjktMC4yLDM0LjEsMy4yYzUuMSwxLjUsNy42LDQuNSw3LjUsOS43Yy0wLjYsMjcuOC05LjksNTItMzAsNzEuNyAgIGMtMC43LDAuNy0xLjUsMS4zLTIuMywxLjljLTEuOCwxLjMtNCwyLjUtNS45LDAuOWMtMS44LTEuNS0wLjgtMy43LDAtNS41YzUuOS0xNC43LDExLjktMjkuMywxNC44LTQ1YzAuNC0yLDAuNS00LDAuNi01LjkgICBjMC4xLTYuNS0yLjItOS4zLTguNi0xMC45QzQ2MS45LDM3NC40LDQ1NS4yLDM3NC43LDQ0OC42LDM3NC43eiIgZmlsbD0iI0Y2QTYxRiIvPjwvc3ZnPg=="); }
.format--mobi::after { content: "MOBI"; }
.format--epub { background-size: 30px 30px; background-position: center 3px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2MCAyMjAiPgo8cGF0aCBmaWxsPSIjODVCOTE2IiBkPSJNNzkuOTk4LDEzMC40MDZsLTQ5LjMxNi00OS4zMmw0OS4zMTYtNDkuMzEzbDE2LjQ0LDE2LjQzN2wtMzIuODgsMzIuODc2bDE2LjQzOSwxNi40NGw0OS4zMTYtNDkuMzEzICBsLTQyLjk2LTQyLjk2Yy0zLjUwOC0zLjUxMS05LjE5OC0zLjUxMS0xMi43MDksMEw0LjE2MSw3NC43MzZjLTMuNTA4LDMuNTA4LTMuNTA4LDkuMTk4LDAsMTIuNzA5bDY5LjQ4NCw2OS40ODEgIGMzLjUxMSwzLjUxMSw5LjIwMSwzLjUxMSwxMi43MDksMGw2OS40ODQtNjkuNDgxYzMuNTA4LTMuNTExLDMuNTA4LTkuMjAxLDAtMTIuNzA5bC0xMC4wODctMTAuMDg0TDc5Ljk5OCwxMzAuNDA2eiIvPgo8L3N2Zz4="); }
.format--epub::after { content: "EPUB"; }
.format--mp3 { background-size: 29px 29px; background-position: center top; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yMy43MjcsMTYuNDAzdjQuODR2NS4wNTh2MTQuMjM2Yy0xLjI2OC0wLjc3Ny0yLjc1NC0xLjIzMy00LjM1LTEuMjMzYy00LjYxMiwwLTguMzUzLDMuNzQtOC4zNTMsOC4zNDkgIGMwLDQuNjE0LDMuNzQsOC4zNTQsOC4zNTMsOC4zNTRjNC42MSwwLDguMzQ5LTMuNzM5LDguMzUtOC4zNTJoMFYyNS4xNTFsMjEuMjUtNi4xMDlWMzMuMzNjLTEuMjY4LTAuNzc3LTIuNzU0LTEuMjMzLTQuMzUtMS4yMzMgIGMtNC42MTQsMC04LjM1MywzLjczOS04LjM1Myw4LjM0OGMwLDQuNjEzLDMuNzM5LDguMzU0LDguMzUzLDguMzU0YzQuMzQ0LDAsNy45MTQtMy4zMjUsOC4zMS03LjU3aDAuMDRWMTcuODkydi0zLjU4NlY3Ljk5MyAgTDIzLjcyNywxNi40MDN6Ii8+PC9zdmc+"); }
.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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 142.565 142.566' fill='%23fff'%3E%3Cpath d='M71.282 116.082L26.483 71.28l44.799-44.796 14.935 14.932L56.348 71.28l14.933 14.934 44.8-44.796L77.055 2.392c-3.186-3.19-8.355-3.19-11.545 0L2.39 65.512c-3.187 3.186-3.187 8.356 0 11.545l63.12 63.118c3.19 3.188 8.358 3.188 11.545 0l63.12-63.118c3.187-3.189 3.187-8.358 0-11.545l-9.163-9.16z'/%3E%3C/svg%3E"); }
.detail__button .button--mobi span { margin: -2px -2px -2px 10px; height: 20px; width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 141.76 141.76' fill='%23fff'%3E%3Cg fill-rule='evenodd'%3E%3Cuse xlink:href='%23B' fill-rule='nonzero'/%3E%3Cuse xlink:href='%23C'/%3E%3Cuse xlink:href='%23B' fill-rule='nonzero'/%3E%3Cuse xlink:href='%23C'/%3E%3C/g%3E%3Cdefs %3E%3Cpath id='B' d='M122.896 116.696c-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.821zm16.432-9.075c-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.58z'/%3E%3Cpath id='C' d='M83.554 59.876c0 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.886zm18.912 45.712c-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.515v-2.427c0-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.429l-18.201-1.952c-1.53-.344-3.218-1.583-2.796-3.931C35.626 6.648 55.541 0 73.371 0c9.127 0 21.049 2.427 28.25 9.338 9.127 8.52 8.256 19.888 8.256 32.259v29.226c0 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.45l-.053-.053'/%3E%3C/defs%3E%3C/svg%3E"); }
.detail__button .button--pdf span, .detail__button .button--pdf2 span { margin: -2px -2px -2px 10px; height: 20px; width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.273 38.066' fill='%23fff'%3E%3Cpath d='M.786 37.297c-2.162-2.162.177-5.133 6.526-8.288l3.995-1.985 1.556-3.405c.856-1.873 2.133-4.928 2.839-6.79l1.283-3.385-.884-2.505c-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.617l-.919 3.534.81 1.375c.445.756 1.746 2.551 2.891 3.989l2.151 2.676 2.677-.349c8.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.766s-3.513.715-5.242 1.181c-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.204zm3.393-1.212c1.215-.751 3.675-3.661 5.378-6.361l.689-1.093-3.139 1.578c-4.849 2.438-7.067 4.735-5.913 6.125.648.781 1.423.716 2.985-.249zm31.494-8.84c1.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-.061zM23.01 21.982c-.719-.756-1.943-2.335-2.719-3.508-1.015-1.331-1.523-2.269-1.523-2.269s-.742 2.385-1.35 3.821l-1.898 4.692-.55 1.064s2.926-.959 4.414-1.348c1.577-.412 4.776-1.041 4.776-1.041zM18.929 5.616c.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.515l.725 2.299.51-1.731c.28-.952.711-2.999.956-4.547z'/%3E%3C/svg%3E"); }
.detail__button .button--zip span { margin: -2px -2px -2px 10px; height: 20px; width: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 8.438V7.5zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 8.438V7.5z'/%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1h-2v1h-1v1h1v1h-1v1h1v1H6V5H5V4h1V3H5V2h1V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z'/%3E%3C/svg%3E"); }

.detail-right-col { padding: 5rem 0 0 3rem; }
.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(../img/loading.svg) 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.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-csob_card, .ico-csob_card_cnc, .ico-csob_card_slagr, .ico-gopay_crew_card { background-image: url("/static/default/img/icon/ico-pay-card.svg"); background-size: 58px auto !important; }
.ico-gpe_card { background-size: auto 20px; background-image: url("/static/default/img/icon/pay-card.png"); }
.ico-slagr_balik_na_postu { background-image: url("/static/default/img/icon/ceska-posta.png"); }
.ico-kniha_balik_na_postu { background-image: url("/static/default/img/icon/ceska-posta.png"); }
.ico-slagr_balik_do_ruky { background-image: url("/static/default/img/icon/ceska-posta.png"); }
.ico-kniha_balik_do_ruky { background-image: url("/static/default/img/icon/ceska-posta.png"); }
.ico-yandex { background-image: url("/static/default/img/icon/yandex.png"); }
.ico-payu_c { background-image: url("/static/default/img/icon/pay-card.png"); }
.ico-payu_m { background-image: url("/static/default/img/icon/ico-mbank.png"); }
.ico-payu_dp { background-image: url("/static/default/img/icon/ico-payu.png"); }
.ico-zasilkovna_cz, .ico-kniha_zasilkovna_cz, .ico-knihacz_on_delivery_zasilkovna, .ico-radioteka_zasilkovna_cz, .ico-radioteka_on_delivery_zasilkovna { background-image: url("/static/default/img/icon/zasilkovna_cz.png"); }
.ico-zasilkovna_sk, .ico-crew_zasilkovna_sk, .ico-radioteka_zasilkovna_sk { background-image: url("/static/default/img/icon/zasilkovna_sk.png"); }
.ico-cnc_mallpay { display: inline-block; min-height: 24px; background-image: url('/static/default/img/icon/mallpay.svg') !important; background-size: 66px 24px; background-position: 0 1px; }
.ico-digiport_contentpay, .checkout--mini tr.payment .label--payment.ico-digiport_contentpay { background-image: url("/static/default/img/icon/ico-cp.svg"); background-size: auto 12px; }
.checkout--mini tr.payment .label--payment.ico-cnc_mallpay { background-size: 66px 24px; }

.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.payment .label--payment.ico-crew_on_delivery_zasilkovna , .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; }
.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("/static/default/img/icon/ico-payu_group.png"); }
/*.ico-payu_cs, .ico-payu_ai { background-image: url("https://static.payu.com/images/mobile/logos/pbl_cs.png"); }*/
/*.ico-payu_kb { background-image: url("https://static.payu.com/images/mobile/logos/pbl_kb.png"); }*/
/*.ico-payu_mp, .ico-payu_o { background-image: url("https://static.payu.com/images/mobile/logos/pbl_mp.png"); }*/
/*.ico-payu_pf { background-image: url("https://static.payu.com/images/mobile/logos/pbl_pf.png"); }*/
/*.ico-payu_pg { background-image: url("https://static.payu.com/images/mobile/logos/pbl_pg.png"); }*/
/*.ico-payu_rf { background-image: url("https://static.payu.com/images/mobile/logos/pbl_rf.png"); }*/
/*.ico-payu_cb { background-image: url("https://static.payu.com/images/mobile/logos/pbl_cb.png"); }*/
/*.ico-payu_era, .ico-payu_p { background-image: url("https://static.payu.com/images/mobile/logos/pbl_era.png"); }*/
/*.ico-payu_uc { background-image: url("https://static.payu.com/images/mobile/logos/pbl_uc.png"); }*/
/*.ico-payu_pv { background-image: url("https://static.payu.com/images/mobile/logos/pbl_pv.png"); }*/
/*.ico-payu_bt { background-image: url("https://static.payu.com/images/mobile/logos/pbl_bt.png"); }*/
/*.ico-payu_pt { background-image: url("https://static.payu.com/images/mobile/logos/pbl_pt.png"); }*/
/*.ico-payu_t { background-image: url("https://static.payu.com/images/mobile/logos/pbl_t.png"); }*/

/*.ico-csob_card { background-image: url("/static/default/img/icon/csob-card.png"); }*/
.ico-mpport1_m_pay { background-image: url("/static/default/img/icon/pay-mplatba.png"); }
.ico-test { background-image: url("/static/default/img/icon/test.png"); }
.ico-credits { background-image: url("/static/default/img/icon/type-credits.svg"); background-size: 23px auto !important; }
.ico-digiport_payu_bt, .ico-digiport_payu_b, .ico-gopay_crew_bank_buttons { background-image: url("/static/default/img/icon/ico-bank-transfer.svg") !important; background-size: 26px auto !important; }
.ico-tympanum_comgate { background-image: url("/static/default/img/icon/ico-comgate.png"); }
.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; }

.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.65; }

.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; }
.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("../img/ph/floowie.jpg"); }
.empty--magazinespecials { background-image: url("../img/ph/magazinespecials.jpg"); }

.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("/static/default/img/bg-err.jpg") no-repeat center top; text-align: center; }
.err--500 { background: #282b2d url("/static/default/img/bg-err2.jpg") 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("/static/default/img/microsite/certifikaty/bg.jpg") 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("/static/default/img/microsite/certifikaty/bg-step.png"); }
.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("/static/default/img/microsite/certifikaty/arrow-left.png") 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("/static/default/img/icon/check-white.svg") 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("../img/icon/check-white-bold.svg") 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("../img/icon/check-white-bold.svg") 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("../img/icon/arrow-down.svg") 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 { margin-bottom: 1.8rem; font-size: 1.5rem; line-height: 1.8rem; }
  .content h2, .content h2:not(.sr-only) { margin-bottom: 1.3rem; font-size: 1.2rem; }
  .content h3 { margin-bottom: 1rem; font-size: 1.1rem; line-height: 1.5rem; }
  .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; }