/* Global */
body{color: #666; font-size: 16px;}

h1{font-size: 30px; font-weight: 700; word-break: break-word; text-transform: uppercase;}
h2{font-size: 26px; font-weight: 600; word-break: break-word;}
h3{font-size: 23px; font-weight: 600; word-break: break-word;}
h4{font-size: 20px; font-weight: 600; word-break: break-word;}
h5{font-size: 18px; font-weight: 300; word-break: break-word;}

a{color: #174790;}
a:hover{color: #6a86b5; text-decoration: underline;}
b,strong{font-weight: 600;}

.btn, .custom-control-label, .custom-control-indicator{cursor: pointer;}

/* reCAPTCHA */
.grecaptcha-badge{display: none !important;}

/* Header */
header ul, header ul li{margin: 0px !important;}
header .top{padding: 5px 0px; background: #9fadba;}
header .top ul li a.btn{padding: 10px 20px; text-transform: uppercase; font-weight: 400; color: #fff; font-size: 15px; display: block; text-decoration: none; border: 0px;}
header .top ul li a.btn.cenik{background: #8b9bac;}
header .top ul li a.btn.cenik:hover{background: #778797;}
header nav{background: #dee3e8; height: 80px;}
header nav ul li{padding-right: 15px;}
header nav ul li:last-child{padding-right: 0px;}
header nav ul li a{font-size: 17px; color: #5c738a; text-transform: uppercase; font-weight: 400;}
header nav ul li a:hover{color: #2c4661;}
header nav ul li a:hover svg{color: #2c4661;}
header nav ul li form{position: relative;}
header nav ul li form .search-box{width: 0px; overflow: hidden; position: absolute; right: 0px; z-index: 1; top: -11px;}
header nav ul li form [type="submit"]{padding: 0px; background: none; color: #5c738a; font-size: 17px; vertical-align: inherit;}

/* Header - advert */
header > .advert{background: #ed8701; padding: 10px 0px;}
header > .advert .container{max-width: none; padding-left: 40px; padding-right: 40px; position: relative;}
header > .advert .container .text{padding-right: 40px; color: #fff; font-style: italic; position: relative;}
header > .advert .container .text a{color: #fff;}
header > .advert .container .close{position: absolute; right: 40px; top: 0px; width: 24px; height: 24px; color: #fff; opacity: 1;}
header > .advert .container .close:hover{color: #c45916;}

/* Adverts */
main .advert{margin: 50px 0px; color: #5c738a; text-align: center;}
main .advert > .container{max-width: 500px; overflow: hidden;}
main .advert > .container .label{font-size: 12px;}
main .advert.type-t > .container > .text{background: #fff; border: 2px solid #5c738a; padding: 15px;}
main .advert.type-t > .container > .text a{color: #5c738a;}
main .advert.type-t > .container > .text img{max-width: 100%;}
main .advert.type-p > .container > .text img{border: 2px solid #5c738a; max-width: 500px;}

/* Footer */
footer{font-size: 13px; color: #2c4054; padding-top: 60px; background: #dee3e8;}
footer [class^='col-'] p:last-child{margin-bottom: 0px;}
footer a{color: #2c4054;}
footer ul{margin: 0px;}
footer ul li{padding-bottom: 20px;}
footer ul li:last-child{padding-bottom: 0px;}
footer ul li a:hover svg{color: #2c4661;}
footer ul li a.facebook{display: inline-block; margin-right: 15px; padding-top: 10px;}
footer .w-100{height: 30px;}
footer .copyright{margin-top: 60px; background: #eff0f1; color: #8497aa; padding: 20px 0px;}
footer .google-adsense{margin-top: -60px; background: #fff; padding-top: 60px; padding-bottom: 60px; margin-bottom: 60px;}

/* Bootstrap select */
.bootstrap-select .btn{border: 1px #5c738a solid; color: #5c738a; background: none; text-transform: uppercase; font-size: 15px;}
.bootstrap-select .btn:disabled{opacity: 0.5;}
.bootstrap-select .btn:hover{color: #fff !important; background: #5c738a;}
.bootstrap-select .dropdown-menu li a.dropdown-item.selected,
.bootstrap-select .dropdown-menu li a.dropdown-item:hover{background: #5c738a; color: #fff !important;}
.bootstrap-select .dropdown-toggle .filter-option.pull-left{float: left;}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color: #5c738a;}
.bootstrap-select.show > .btn-light.dropdown-toggle{background: #5c738a; color: #fff;}

.about-page{margin-bottom: 30px; color: #888; font-size: 14px;}

/* Section: předplatné */
main section.predplatne{padding: 50px 0px;}
main section.predplatne .container {position: relative;}
main section.predplatne h5{font-size: 18px; font-weight: 600; margin: 0px;}
main section.predplatne .row{padding: 50px 0px 20px 0px; z-index: 2; position: relative;}
main section.predplatne [class^='col-']{margin-bottom: 30px;}
main section.predplatne [class^='col-'] a{font-size: 24px; font-weight: 700; color: #fff; padding: 20px; display: block; border-radius: 30px;}
main section.predplatne [class^='col-'] a:hover{text-decoration: none; background: #2c4661;}
main section.predplatne [class^='col-'] small{font-size: 15px; font-weight: 600; display: block; color: #ddd;}
main section.predplatne .column-1 a{
    background: #61717e;
    background: -moz-linear-gradient(left, #61717e 0%, #76727d 100%);
    background: -webkit-linear-gradient(left, #61717e 0%, #76727d 100%);
    background: linear-gradient(to right, #61717e 0%, #76727d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61717e', endColorstr='#76727d', GradientType=1);
}
main section.predplatne .column-2 a{
    background: #76727d;
    background: -moz-linear-gradient(left, #76727d 0%, #99747b 100%);
    background: -webkit-linear-gradient(left, #76727d 0%, #99747b 100%);
    background: linear-gradient(to right, #76727d 0%, #99747b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76727d', endColorstr='#99747b', GradientType=1);
}
main section.predplatne .column-3 a{
    background: #99747b;
    background: -moz-linear-gradient(left, #99747b 0%, #bc777a 100%);
    background: -webkit-linear-gradient(left, #99747b 0%, #bc777a 100%);
    background: linear-gradient(to right, #99747b 0%, #bc777a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99747b', endColorstr='#bc777a', GradientType=1);
}
main section.predplatne .column-4 a{
    background: #bc777a;
    background: -moz-linear-gradient(left, #bc777a 0%, #d57878 100%);
    background: -webkit-linear-gradient(left, #bc777a 0%, #d57878 100%);
    background: linear-gradient(to right, #bc777a 0%, #d57878 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc777a', endColorstr='#d57878', GradientType=1);
}
main section.predplatne p{margin-bottom: 0px; font-size: 15px;}
/*
main section.predplatne p a{text-decoration: underline; color: #2c4054;}
main section.predplatne p a:hover{color: #2c4661; text-decoration: none;}
*/
main section.predplatne .trial-8-days {
    width: 100%;
    max-width: 648px;
    left: 0; 
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    margin-top: -100px;
    position: absolute;
    z-index: 1;
}

main section.predplatne .link {
    position: relative;
    z-index: 2;
    margin-top: 250px;
}


/* Section: témata */
main section.temata{
    padding: 50px 0px;
    background: #121a23;
    background: -moz-linear-gradient(left, #121a23 0%, #1e2f40 100%);
    background: -webkit-linear-gradient(left, #121a23 0%, #1e2f40 100%);
    background: linear-gradient(to right, #121a23 0%, #1e2f40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121a23', endColorstr='#1e2f40', GradientType=1);
}
main section.temata .container-fluid{position: relative;}
/*
main section.temata .container-fluid > .row{margin-left: -40px; margin-right: -40px;}
*/
main section.temata .container-fluid > .row > div{position: static;}
main section.temata .container-fluid .owl-carousel .owl-stage-outer{position: static;}
main section.temata h5{font-size: 25px; font-weight: 600; color: #ffffff;}
main section.temata .picture{background-size: cover; background-position: center center; margin-right: 15px; min-height: 100px;}
main section.temata .picture a{display: block; width: 100%; height: 100%;}
main section.temata a{color: #96a1ac; text-decoration:none;}
main section.temata a:hover{color: #ffffff; text-decoration:underline;}
main section.temata p{color: #96a1ac;}
main section.temata .item .covers a img {width: inherit; display: inherit; margin: 0 15px 15px 0;}
main section.temata .owl-nav > div{display: inline-block; position: absolute; left: 40px; top: 40%;}
main section.temata .owl-nav > div.owl-next{right: 40px; left: auto;}
main section.temata .owl-nav > div:hover{color: #fff;}

/* Section: seznam */
main section.seznam{padding: 50px 0px 20px 0px;}
main section.seznam h2{color: #5c738a; text-transform: uppercase; margin-bottom: 30px;}
main section.seznam .articles-filter{color: #5c738a; margin-bottom: 14px;}
main section.seznam .articles-filter .custom-control{font-size: 15px; font-weight: 600; text-transform: uppercase; top: 10px; left: 0px; margin: 0px 0px 0px 10px; padding-left: 30px; line-height: 25px; display: inline-block;}
main section.seznam .articles-filter .custom-control .custom-control-label:before,
main section.seznam .articles-filter .custom-control .custom-control-label:after{width: 25px; height: 25px; top: -2px; left: -30px;}
main section.seznam .articles-filter .custom-control-input:checked~.custom-control-label:before{background-color: #5c738a;}
/*
main section.seznam .articles-filter .custom-control-indicator{border-radius: 0px; border: 1px #5c738a solid; background-color: #fff; color: #5c738a; width: 25px; height: 25px; top: 0px;}
main section.seznam .articles-filter .custom-control-input:disabled~.custom-control-indicator,
*/
main section.seznam .articles-filter .custom-control-input:disabled~.custom-control-label{opacity: 0.5;}
/*main section.seznam .articles-filter > *{margin-right: 10px;}
main section.seznam .articles-filter > :last-child{margin-right: 0px;}*/
main section.seznam .articles-filter .form-control{border: 1px #5c738a solid; color: #5c738a; font-size: 15px;}
main section.seznam .articles-filter input[name="date"].form-control{background-color: #fff;}
main section.seznam .articles-filter input[name="date"]:disabled.form-control{background-color: #e9ecef;}
main section.seznam .articles-filter button[name="clear"]{padding-left: 7px; padding-right: 7px;}
main section.seznam .btn.btn-primary{background: #5c738a; border: 0px; text-transform: uppercase; color: #fff;}
main section.seznam .btn.btn-primary:hover{background: #2c4054;}
main section.seznam .articles-buttons > *{margin-bottom: 30px;}
main section.seznam .articles > div > .col-12{margin-bottom: 30px;}

/* Date Range Picker */
.daterangepicker .ranges ul li.active{background-color: #5c738a;}
.daterangepicker .ranges ul li:last-child{display: none;}
.daterangepicker .calendar-table table tr td.active{background-color: #5c738a;}
.daterangepicker .calendar-table table tr td.active:hover{background-color: #2c4054;}

/* Section: kategorie */
main section.categories{
    padding: 50px 0px;
    background: #121b24;
    background: -moz-linear-gradient(left, #121b24 0%, #1e2f3f 100%);
    background: -webkit-linear-gradient(left, #121b24 0%,#1e2f3f 100%);
    background: linear-gradient(to right, #121b24 0%,#1e2f3f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121b24', endColorstr='#1e2f3f',GradientType=1);
}
main section.categories h2{color: #dee3e7; text-transform: uppercase; margin-bottom: 30px;}
main section.categories .columns{-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -moz-column-width: 200px; -webkit-column-width: 200px; column-width: 200px;}
main section.categories .columns ul li{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #dee3e7;}
main section.categories .columns ul li a{color: #dee3e7; text-decoration: underline; font-size: 15px;}
main section.categories .columns ul li a:hover{color: #fff; text-decoration: none;}

/* Article: cover */
main article.cover{margin-bottom: 30px; display: none;}
main article.cover a{color: #2c4054;}
main article.cover h4{font-weight: 600; font-size: 16px; margin: 10px 0px 5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
main article.cover h5{font-weight: 400; font-size: 14px; margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
main article.cover > div{position: relative;}
main article.cover img{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);}
main article.cover > span{font-size: 13px; color: #787878; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
main article.cover > span a{color: #787878;}
main article.cover > div .fa-layers{font-size: 25px;}
main article.cover > div > a.detail .fa-layers{bottom: 65px; left: 15px; position: absolute;}
main article.cover > div > a.detail .fa-layers .icon-1{color: #f13131;}
main article.cover > div > a.detail .fa-layers .icon-2{color: #ffd4d4;}
main article.cover > div > a.detail .fa-layers .icon-2.fa-play{margin-left: 6px;}
main article.cover > div > a.detail:hover .fa-layers .icon-1{color: #5c738a;}
main article.cover > div > a.detail:hover .fa-layers .icon-2{color: #fff;}
main article.cover > div > a.more{z-index: 3; position: absolute; bottom: 17px; left: 15px; cursor: pointer;}
main article.cover > div > a.more .fa-layers .icon-1{color: #9f9f9f;}
main article.cover > div > a.more .fa-layers .icon-2{color: #e7e7e7;}
main article.cover > div > a.more:hover .fa-layers .icon-1{color: #5c738a;}
main article.cover > div > a.more:hover .fa-layers .icon-2{color: #fff;}
main article.cover > div > a.del{position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-style: solid; border-width: 0 40px 40px 0; border-color: transparent #9f9f9f transparent transparent; color: #e7e7e7;}
main article.cover > div > a.del:hover{cursor: pointer; opacity: 1; border-color: transparent #5c738a transparent transparent; color: #fff;}
main article.cover > div > a.del svg{position: relative; left: 20px; font-size: 18px;}
main article.cover > div > a.detail figure{position: relative; overflow: hidden;}
main article.cover > div > a.detail figure .label div.paid{width: 150px; height: 150px; position: absolute; right: 0; top: 0; overflow: hidden; z-index: 1;}
main article.cover > div > a.detail figure .label div.paid span{
    background: -moz-linear-gradient(top, rgba(239,50,48,1) 0%, rgba(239,50,48,1) 30%, rgba(239,50,48,0) 60%);
    background: -webkit-linear-gradient(top, rgba(239,50,48,1) 0%, rgba(239,50,48,1) 30%, rgba(239,50,48,0) 60%);
    background: linear-gradient(to bottom, rgba(239,50,48,1) 0%, rgba(239,50,48,1) 30%, rgba(239,50,48,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3230', endColorstr='#00ef3230',GradientType=0);
    color: #fff; transform: rotate(45deg); display: block; padding-top: 50px; width: 250px; height: 200px; text-align: center; margin-left: -40px; margin-top: -33px; font-weight: bold; font-size: 12px;
}

/* Article: row */
main article.coverRow{margin-bottom: 30px; display: none;}
main article.coverRow a{color: #2c4054;}
main article.coverRow h4{font-weight: 600; font-size: 16px; margin: 5px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal; margin: 0px;}
main article.coverRow > span{font-size: 13px; color: #787878; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
main article.coverRow > span a{color: #787878;}

/* Popover - cover */
.popover.cover{max-width: 400px; border: 2px solid #9f9f9f; text-shadow: 1px 0px 3px rgba(0, 0, 0, 1);}
.popover.cover .popover-body{padding: 35px; font-size: 15px; color: #fff;}
.popover.cover .popover-body .inner{position: relative; z-index: 3;}
.popover.cover .popover-body .inner svg{position: absolute; top: -20px; right: -20px; font-size: 20px;}
.popover.cover .popover-body .inner svg:hover{color: #ccc; cursor: pointer;}
.popover.cover .popover-body .inner a{color: #fff;}
.popover.cover .popover-body .inner h1{font-size: 27px; margin-bottom: 10px;}
.popover.cover .popover-body .inner h2{font-size: 19px; margin-bottom: 10px;}
.popover.cover .popover-body .inner h3{font-size: 17px; margin-bottom: 30px;}
.popover.cover .popover-body .inner .text{margin-bottom: 30px;}
.popover.cover .popover-body .inner .btn{text-shadow: none;}
.popover.cover .popover-body .background{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; background-position: center center; background-size: cover;}
.popover.cover .popover-body .background-overlay{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; background-color: rgba(0, 0, 0, 0.7);}
.popover.cover.bs-popover-top .arrow::after{border-top-color: #9f9f9f;}
.popover.cover.bs-popover-right .arrow::after{border-right-color: #9f9f9f;}
.popover.cover.bs-popover-bottom .arrow::after{border-bottom-color: #9f9f9f;}
.popover.cover.bs-popover-left .arrow::after{border-left-color: #9f9f9f;}

/* Detail: top */
body main > article > .top{position: relative; min-height: 400px; color: #fff; padding: 40px 0px; margin-bottom: 50px;}
body main > article > .top .background{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1;}
body main > article > .top .background > div{background-position: center center; background-size: cover; width: 100%; height: 100%;}
body main > article > .top .background-overlay{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; background-color: rgba(0, 0, 0, 0.7);}
body main > article > .top a{color: #fff;}

/* Rating */
body main > article .rating a.voted{color: #d10000 !important;}

/* Detail: movie */
body.video main article > .top a{color: #fff;}
body.video main article > .top svg{margin-right: 10px;}
body.video main article > .top .row{position: relative; z-index: 3;}
body.video main article > .top .left ul{margin: 40px 0px 0px 0px;}
body.video main article > .top .left ul li{margin-bottom: 10px; margin-right: 20px;}
body.video main article > .top .left header > *{margin-bottom: 15px;}
body.video main article > .top .right .btn{text-transform: uppercase; font-weight: 400; color: #fff; display: block; text-decoration: none; border: 0px; white-space: normal;}
body.video main article > .top .right .btn.btn-light{background: #b4b5bb; color: #4c4f53;}
body.video main article > .top .right .btn.btn-light:hover{background: #a4a4a4;}
body.video main article > .top .right .btn.btn-danger:hover{background: #d10000;}
body.video main article > .top .right ul{margin-bottom: 20px;}
body.video main article > .top .right ul li{margin-bottom: 10px; text-transform: uppercase;}
body.video main article > .top .right ul.buttons li{margin-bottom: 5px;}
body.video main article .seznam.epizody{
    background: #121a23;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.video main article .content .copyright{font-size: 12px; margin-top: 20px; color: #888;}

/* Detail: article */
body.article main article > .top h1{margin-bottom: 30px;}
body.article main article > .top .links{font-size: 14px;}
body.article main article > .top .links ul li svg{margin-right: 10px;}
body.article main article > .top .links ul li{margin-right: 40px;}
body.article main article > .top .links ul.rating li:first-child{margin-right: 20px;}
body.article main article > .top .author{margin-bottom: 30px;}
body.article main article > .top .author picture{margin-right: 20px; border: 2px solid #fff; background-size: cover; background-position: center center; min-width: 75px;}
body.article main article > .top .author p{font-size: 15px; color: #947c7c;}
body.article main article > .top .author span{font-size: 15px;}
body.article main article > .top > .container{position: relative; z-index: 3;}
body.article main article > .content{text-align: center; font-size: 17px; font-weight: 400; color: #4f4e4e; padding-bottom: 50px;
    background: #121a23;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.article main article > .content > .container{max-width: 750px; position: relative;}
body.article main article > .content p{text-align: left;}
body.article main article > .content figure{background: #ebebeb; border: 2px #ebebeb solid; border-radius: 4px; display: inline-block; margin-bottom: 1rem;}
body.article main article > .content .image-left{float: left; margin-right: 1rem;}
body.article main article > .content .image-right{float: right; margin-left: 1rem;}
body.article main article > .content .image-center{text-align: center;}
body.article main article > .content .image-center img{margin-bottom: 1rem;}
body.article main article > .content figure figcaption{padding: 15px; font-size: 14px; color: #666; text-align: center !important; font-style: italic;}
body.article main article > .content figure figcaption strong{font-weight: 400 !important;}
body.article main article > .content figure img{max-width: 100%;}
body.article main article > .content .lock{margin: 100px auto 0px auto; color: #5c738a; font-size: 15px; font-weight: 400; max-width: 550px;}
body.article main article > .content .lock .btn{margin-bottom: 20px; white-space: nowrap;}
body.article main article > .content .lock p{font-style: italic;}
body.article main article > .content .lock p a{text-decoration: underline;}
body.article main article > .content .lock p a:hover{text-decoration: none;}
body.article main article > .content .copyright{margin-top: 50px; padding-top: 50px; font-size: 15px; font-weight: 300; border-top: 1px solid #c0c0c0;}
body.article main article > .content .copyright > div{margin-bottom: 10px;}
body.article main article > .content .copyright > div:last-child{margin-bottom: 0px;}
body.article main article > .content .copyright > div.source{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body.article main article > .content .copyright > div > ul li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; margin-bottom: 5px;}
body.article main article > .content .copyright > div > ul li:last-child{margin-bottom: 0px;}

body.article main article > .content blockquote{margin: 20px 60px; padding-top: 22px; padding-bottom: 22px; position: relative; font-style: italic;}
body.article main article > .content blockquote:before{content: ""; width: 25px; height: 22px; position: absolute; left: -40px; top: 18px; display: block; background: url('/assets/img/quote-start.png') no-repeat;}
body.article main article > .content blockquote:after{content: ""; width: 25px; height: 22px; position: absolute; right: -40px; bottom: 18px; display: block; background: url('/assets/img/quote-end.png') no-repeat;}
body.article main article > .content blockquote p:last-child{margin-bottom: 0px;}

body.article main article > .content .perex{padding-bottom: 20px; border-bottom: 1px #ebebeb solid; margin-bottom: 40px;}
body.article main article > .content .text{word-break: break-word;}
body.article main article > .content .lock .background{background: url('/assets/img/article-lock-background.png') no-repeat center bottom; border-bottom: 1px solid #9fadba; max-width: 710px; height: 179px; position: absolute; margin-top: -229px; left: 0px; right: 0px; margin-left: auto; margin-right: auto;}

body.article main article > .content .attachments{margin-top: 50px; padding-top: 50px; padding-bottom: 50px; border-top: 1px #c0c0c0 solid;}
body.article main article > .content .attachments h5{font-weight: 600; margin-bottom: 30px;}
body.article main article > .content .attachments > div{margin-bottom: 30px;}
body.article main article > .content .attachments > div:last-child{margin-bottom: 0px;}
body.article main article > .content .attachments > .videos > div{margin-left: auto; margin-right: auto; margin-bottom: 15px;}
body.article main article > .content .attachments > .videos > div:last-child{margin-bottom: 0px;}
body.article main article > .content .attachments > .embed-videos > div{margin-bottom: 15px;}
body.article main article > .content .attachments > .embed-videos > div:last-child{margin-bottom: 0px;}
body.article main article > .content .attachments > .embed-videos .twitter-video{margin-left: auto !important; margin-right: auto !important;}

body.article main article > .content .attachments > div > ul li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; margin-bottom: 5px;}
body.article main article > .content .attachments > div > ul li:last-child{margin-bottom: 0px;}
body.article main article > .content .attachments > div > ul li a{color: #5c738a; text-decoration: underline;}
body.article main article > .content .attachments > div > ul li a:hover{text-decoration: none;}
body.article main article > .content .attachments > .related > ul li a > .fa-layers{margin-right: 10px;}
body.article main article > .content .attachments > .related > ul li .fa-layers .icon-2{color: #e1eaf3;}
body.article main article > .content .attachments > .files > ul li a > svg{margin-right: 10px;}

body.article main article section.comments{margin-top: 0px;}
body.article main article section.comments .collapse-link{background: #dee3e8; padding-bottom: 50px;}
body.article main article section.comments .inner{margin-top: 0px;}

body.article main article section.seznam.episodes {
    background: #dee3e8;
}

body.article main article .video-player {
    margin-top: 50px;
}

body.article main article .video-player iframe {
    max-width: 100%;
    min-height: 400px; 
    height: auto;
}


/* Komentáře */
main article section.comments{margin-top: 50px;}
main article section.comments .collapse-link{font-weight: 400;}
main article section.comments .collapse-link a{color: #5c738a;}
main article section.comments .collapse-link a svg.chevron{font-size: 22px; display: block; margin: 10px auto 0px auto;}
main article section.comments .inner{background: #9fadba; margin-top: 50px; padding-top: 50px; padding-bottom: 50px; display: none;}
main article section.comments .add-comment{margin-bottom: 30px;}
main article section.comments .add-comment > a{font-size: 17px; font-weight: 700; color: #31455a;}
main article section.comments form{margin-top: 5px;}
main article section.comments form .alert{margin-top: 10px; margin-bottom: 0px;}
main article section.comments .articles-status, main article section.comments .articles-status-static{color: #31455a;}
main article section.comments .articles-status-static{margin-bottom: 30px;}
main article section.comments .articles article{background: #5c738a; color: #dee3e8; padding: 20px; margin-bottom: 25px; border-radius: 4px; text-align: left;}
main article section.comments .articles article.no-published{color: #98a5b3;}
main article section.comments .articles article:last-child{margin-bottom: 0px;}
main article section.comments .articles article a{color: #dee3e8;}
main article section.comments .articles article header{position: relative; padding-left: 30px; margin-bottom: 25px;}
main article section.comments .articles article header h6{font-weight: 400; margin-bottom: 0px; font-size: 14px; color: #98a5b3;}
main article section.comments .articles article header h6 svg{position: absolute; left: 0px;}
main article section.comments .articles article > p{font-size: 15px; font-style: italic; padding-left: 30px; margin-bottom: 25px;}
main article section.comments .articles article li.add-reply a{font-size: 17px; font-weight: 700;}

/* Article - serial */
body.articles-serial main article > .top > .container{position: relative; z-index: 3; max-width: 700px; background: rgba(9, 15, 33, 0.75);}
body.articles-serial main article > .top > .container .inner{padding: 35px 15px;}
body.articles-serial main article > .top ul li svg{margin-right: 10px;}
body.articles-serial main article > .top ul li{margin-right: 40px;}
body.articles-serial main article > .top ul li:last-child{margin-right: 0px;}
body.articles-serial main article > .top h1{margin-bottom: 32px;}
body.articles-serial main article > .top ul.rating li{margin-right: 20px;}
body.articles-serial main article > .top ul.rating li:last-child{margin-right: 0px;}
body.articles-serial main article .content{position: relative; text-align: center;}
body.articles-serial main article .content.signup{padding-top: 23px;}
body.articles-serial main article .content.signup > a{padding: 0px; line-height: 46px; position: absolute; top: -75px; z-index: 3; max-width: 300px; left: 0; right: 0; margin: 0px auto; text-transform: uppercase; white-space: normal; display: inline-block !important;}
body.articles-serial main article .content .container{font-size: 17px; font-weight: 300; max-width: 850px;}

/* Movie - serial */
body.videos-serial main article .container-fluid{text-align: left;}
body.videos-serial main article .content{position: relative; text-align: center;}
body.videos-serial main article .content header > *{color: #667b91; margin-bottom: 20px;}
body.videos-serial main article .content header h1{color: #3f5468; text-transform: none;}
body.videos-serial main article .content.signup{padding-top: 23px;}
body.videos-serial main article .content.signup > a{padding: 0px; line-height: 46px; position: absolute; top: -75px; z-index: 3; max-width: 350px; left: 0; right: 0; margin: 0px auto; text-transform: uppercase; white-space: normal; display: inline-block !important;}
body.videos-serial main article .content .text{padding-top: 5px; padding-bottom: 10px;}
body.videos-serial main article .content ul.rating{margin-bottom: 25px;}
body.videos-serial main article .content ul li a{color: #667b91; text-transform: uppercase;}
body.videos-serial main article .content ul li svg{margin-right: 10px;}
body.videos-serial main article .content ul li:first-child{margin-right: 20px;}
body.videos-serial main article .content .label{position: absolute; display: block; z-index: 1; font-size: 13px; color: #31455a; background: #b5b6bf; padding: 5px 10px; right: 35px; top: -15px;}
body.videos-serial main article .content img{width: 100%;}

body.videos-serial main section.seznam h2{margin-right: 20px;}
/*
body.videos-serial main section.seznam .dropdown-toggle{background: #fff; border: 1px solid #5c738a; color: #5c738a; font-size: 15px; font-weight: 600; text-transform: none; padding-top: 4px; padding-bottom: 4px; padding-left: 10px;}
body.videos-serial main section.seznam .dropdown-toggle:hover{color: #fff; cursor: pointer;}
body.videos-serial main section.seznam .dropdown-menu{font-size: 15px;}
*/

/* Registration */
body.registration main article{background: url('/assets/img/login-background.jpg?20210629') no-repeat; background-size: cover; min-height: 100vh; padding-top: 60px; padding-bottom: 60px;}
body.registration main article .container{width: auto; max-width: none;}
body.registration main article .container .tab-pane{max-width: 420px; background: #fff; padding: 30px 50px; color: #4f4e4e; font-size: 15px;}
body.registration main article .container .tab-pane h2{color: #5c738a; text-transform: uppercase; font-weight: 400; margin-bottom: 20px;}
body.registration main article .container .tab-pane .buttons{margin-top: 30px;}
body.registration main article .container .tab-pane .buttons .btn{text-transform: uppercase;}
body.registration main article .container .tab-pane .buttons > div{display: inline;}
body.registration main article .container .tab-pane .steps{margin: 0px auto 30px auto;}
body.registration main article .container .tab-pane .steps li{padding: 15px 20px; border: 1px solid #5c738a; border-radius: 4px; color: #5c738a;}
body.registration main article .container .tab-pane .steps li:first-child{margin-right: 40px; position: relative; line-height: 24px;}
body.registration main article .container .tab-pane .steps li:first-child:after{content: ""; background: #fff; display: block; line-height: normal; position: absolute; width: 40px; height: 5px; border: 1px solid #5c738a; margin-top: -14px; border-left: 0px; right: -40px;}
body.registration main article .container .tab-pane .steps li.active{background: #5c738a; color: #fff;}
body.registration main article .container .tab-pane .steps li:first-child.active:after{background: #5c738a;}
body.registration main article .container .tab-pane .was-validated .custom-control-input:valid ~ .custom-control-label{color: #5c738a;}
body.registration main article .container .tab-pane .was-validated .custom-control-input:valid ~ .custom-control-indicator{background-color: #5c738a;}

body.registration main article .container #tab-1 a{text-decoration: underline;}
body.registration main article .container #tab-1 .form-control{color: #5c738a; font-weight: 300; font-size: 23px; border-color: #5c738a;}
body.registration main article .container #tab-1 .form-control.is-invalid{color: #f13131; border-color: #f13131;}
/*
body.registration main article .container #tab-2{max-width: 530px;}
body.registration main article .container #tab-2 .btn.btn-danger{margin-left: 25px;}
body.registration main article .container #tab-2 .btn.btn-light{background: #dee3e8; color: #5c738c; border-color: #dee3e8;}
body.registration main article .container #tab-2 .btn.btn-light:hover{background: #dbe0e4;}
body.registration main article .container #tab-2 .payment .custom-checkbox{font-size: 24px; text-transform: uppercase; font-weight: 300; padding-left: 30px; color: #5c738a;}
body.registration main article .container #tab-2 .payment .custom-control-indicator{width: 20px; height: 20px; margin-top: 4px;}
body.registration main article .container #tab-2 .payment .custom-control-input:checked ~ .custom-control-indicator{background-color: #5c738a;}

body.registration main article .container #tab-2 .payment .custom-control .custom-control-label:before,
body.registration main article .container #tab-2 .payment .custom-control .custom-control-label:after{width: 25px; height: 25px; left: -30px;}

body.registration main article .container #tab-2 .subscription{margin-left: -15px; margin-right: -15px;}
body.registration main article .container #tab-2 .subscription [class^='col-']{padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
body.registration main article .container #tab-2 .subscription label{padding: 0px; margin: 0px; width: 100%; display: block;}
body.registration main article .container #tab-2 .subscription label small{color: #d1d9e0; font-size: 15px;}
body.registration main article .container #tab-2 .subscription label .custom-control-label{background: #7d8d9b; border-radius: 10px; width: 100%; color: #fff; font-size: 24px; font-weight: 600; height: 120px; line-height: normal;}
body.registration main article .container #tab-2 .subscription label .custom-control-label::before{display: none;}
body.registration main article .container #tab-2 .subscription .custom-control-input:checked ~ .custom-control-label{background-color: #5c738a; border: 5px solid #f13131;}

body.registration main article .container #tab-2 .payment-cards{margin-bottom: 30px;}
body.registration main article .container #tab-2 .payment-cards img:first-child{margin-right: 5px;}
*/
body.registration main article form .trial-8-days {
    left: 0; 
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    margin-top: -25px;
    position: absolute;
    z-index: 1;
}

body.registration main article form .text,
body.registration main article form .form {
    position: relative;
    z-index: 2;
}

body.registration main article form .form {
    margin-top: 120px;
}

/* Login */
body.login main article{background: url('/assets/img/login-background.jpg?20210629') no-repeat; background-size: cover; min-height: 100vh; padding-top: 60px; padding-bottom: 60px;}
body.login main article .container{width: auto; max-width: none; max-width: 420px; background: #fff; padding: 30px 50px; color: #4f4e4e; font-size: 15px;}
body.login main article .container h1{color: #5c738a; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; font-size: 26px;}
body.login main article .container .buttons{margin-top: 30px;}
body.login main article .container .buttons .btn{text-transform: uppercase; margin-bottom: 30px;}
body.login main article .container .form-control{color: #5c738a; font-weight: 300; font-size: 23px; border-color: #5c738a;}
body.login main article .container .form-control.is-invalid{color: #f13131; border-color: #f13131;}
body.login main article .container .was-validated .custom-control-input:valid ~ .custom-control-label{color: #5c738a;}
body.login main article .container .was-validated .custom-control-input:valid ~ .custom-control-indicator{background-color: #5c738a;}

/* Logged in */
body.logged-in header .top{padding-top: 10px; font-size: 15px;}
body.logged-in header .top ul li{padding-right: 20px; line-height: 30px;}
body.logged-in header .top ul li:last-child{padding-right: 0px;}
body.logged-in header .top ul li.fullname{padding-right: 3px;}
body.logged-in header .top ul li a{color: #fff; display: block;}
body.logged-in header .top ul li a span{line-height: 25px; float: left; padding-left: 10px;}
body.logged-in header .top ul li a:hover{color: #5c738a;}
body.logged-in header .top ul li a:hover span{}
body.logged-in header .top ul li svg{font-size: 25px; float: left;}
body.logged-in header .top ul li.fullname span{padding-left: 0px; padding-right: 10px;}
body.logged-in header .top ul li.subscription span{padding-left: 0px;}
body.logged-in header .top ul li.subscription.trial b{padding-right: 10px; color: #2c4054;}
body.logged-in header .top ul li.subscription.trial a:hover b {color: #5c738a;}

/* Videa */
body.videos main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 0px 30px 0px; line-height: 44px;}
body.videos main > article .seznam.video-serials h2{line-height: 44px; margin-right: 50px;}

/* Články */
body.articles main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 50px 30px 0px; line-height: 44px;}
body.articles main > article .seznam.article-serials h2{line-height: 44px; margin-right: 50px;}

/* Category */
body.category main article > .top{margin-bottom: 0px;}
body.category main article > .top > .container{position: relative; z-index: 3; max-width: 600px; background: rgba(9, 15, 33, 0.75);}
body.category main article > .top > .container .inner{padding: 35px 15px;}

/* User */
body.uzivatel main > article{padding-top: 50px; padding-bottom: 50px;}
body.uzivatel main > article h1{color: #5c738a; font-weight: 600; margin-bottom: 30px;}
body.uzivatel main > article .req{color: #f13131;}
body.uzivatel main article .widget{border: 1px solid #a2abba; margin-bottom: 40px; padding: 30px;}
body.uzivatel main article .widget h2{color: #5c738a; margin-bottom: 30px;}
body.uzivatel main article .widget .buttons{margin-top: 30px;}
body.uzivatel main article .widget .table-clear{margin-bottom: 0px;}
body.uzivatel main article .widget .table-clear th{font-weight: normal; padding: 0px 10px 5px 0px; border: 0px; vertical-align: middle;}
body.uzivatel main article .widget .table-clear td{border: 0px; padding: 0px 0px 5px 0px;  vertical-align: middle;}
body.uzivatel main article .widget .table-clear td b{font-size: 20px;}
body.uzivatel main article .widget .table-clear td a{color: #666; text-decoration: underline;}
body.uzivatel main article .widget .table-clear td a:hover{color: #6a86b5 !important;}
body.uzivatel main article .widget .table-clear td .bootstrap-select .dropdown-menu li a.dropdown-item.selected,
body.uzivatel main article .widget .table-clear td .bootstrap-select .dropdown-menu li a.dropdown-item:hover{color: #fff !important;}


/* User - dashboard */
body.uzivatel.dashboard main article{padding-bottom: 20px;}
body.uzivatel.dashboard main article .row{position: relative;}
body.uzivatel.dashboard main article .widget.settings table th{font-weight: normal; border: 0px; vertical-align: middle; padding: 0px 10px 5px 0px; }
body.uzivatel.dashboard main article .widget.settings table td{border: 0px; padding: 0px 0px 5px 0px;}
body.uzivatel.dashboard main article .widget.links{border: 0px; padding: 0px;}
body.uzivatel.dashboard main article .widget.links ul{margin: 0px;}
body.uzivatel.dashboard main article .widget.links ul li.list-inline-item:not(:last-child){margin-right: 20px;}

/* User - newsletter */
body.uzivatel.dashboard main article .widget.newsletter table {width: auto; margin-left: auto; margin-right: auto;} 

/* User - my rating */
body.uzivatel.moje-hodnoceni article .table svg{margin-right: 5px;}

/* Uživatel - tabulky */
body.uzivatel table.table-dark{color: #666;}
body.uzivatel table.table-dark thead tr th{border: 0px; background: #9fadba; color: #fff; font-weight: 400; border-bottom: 2px solid #fff; white-space: nowrap;}
body.uzivatel table.table-dark tbody tr td{white-space: nowrap; background-color: #dee3e7; }
body.uzivatel table.table-dark tbody tr:nth-child(2n) td{background-color: #ebf0f4;}
body.uzivatel table.table-dark.table-hover tbody tr:hover td{background-color: #9fadba; color: #fff;}
body.uzivatel table.table-dark.table-hover tbody tr:hover td a{color: #fff;}
body.uzivatel table.table-dark tbody td{border-top: 2px solid #fff;}

body.uzivatel.objednavky-predplatneho main article{padding-bottom: 30px;}
body.uzivatel.prehled-predplatneho main article{padding-bottom: 30px;}
body.uzivatel.dashboard main article .widget.subscriptions td.price sup,
body.uzivatel.prehled-predplatneho main article td.price sup{color: #9fadba;}

/* Uživatel - úprava profilu */
body.uzivatel.uprava-profilu main article .card{margin-bottom: 30px; border-color: #a2abba;}
body.uzivatel.uprava-profilu main article .card .card-header{border-color: #a2abba; background-color: #9fadba; color: #fff;}
body.uzivatel.uprava-profilu main article .card .card-body{padding-bottom: 5px;}
body.uzivatel.uprava-profilu main article .help-block{font-style: italic;}
body.uzivatel.uprava-profilu main article form .input-group.is-invalid ~ .invalid-feedback{display: block;}

body > #video-player-container{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; z-index: 9999;}
body > #video-player-container .top{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; z-index: 9998; padding-top: 40px;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

/* Video player */
body > #video-player-container .top .text{color: #fff; text-shadow: 1px 0px 3px rgba(0, 0, 0, 1);}
body > #video-player-container .top .text h1{font-weight: 700; font-size: 20px; text-transform: none;}
body > #video-player-container .top .text h4{font-weight: 400; font-size: 17px;}
body > #video-player-container .top .text h5{font-weight: 400; font-size: 15px;}
body > #video-player-container .top .close-video{cursor: pointer; color: #fff; border: 0px; padding: 0px; background: none; font-size: 25px; text-shadow: 1px 0px 3px rgba(0, 0, 0, 1);}
body > #video-player-container .top .close-video svg{margin-right: 10px;}
body > #video-player-container .top .close-video:hover{color: #d4d4d4;}

/* Tooltip */
body > .tooltip.show{opacity: 1;}
body > .tooltip.bs-tooltip-top .arrow::before{border-top-color: #dee3e8;}
body > .tooltip.bs-tooltip-right .arrow::before{border-right-color: #dee3e8;}
body > .tooltip.bs-tooltip-bottom .arrow::before{border-bottom-color: #dee3e8;}
body > .tooltip.bs-tooltip-left .arrow::before{border-left-color: #dee3e8;}
body > .tooltip > .tooltip-inner{max-width: 600px; padding: 20px; border-radius: 4px; background-color: #dee3e8; color: #2c4054; font-size: 16px;}

body.vyhledavani main > article{padding-top: 50px;}
body.vyhledavani main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 0px 30px 0px; line-height: 44px;}
body.vyhledavani main > article .nav-item .count{font-size: 12px; top: -1px; position: relative;}

#share-modal h2{color: #5c738a; text-transform: uppercase; margin-bottom: 30px;}
#share-modal h2 button{border: 0px; background: none; opacity: 0.1;}
#share-modal h2 button:hover{opacity: 1; cursor: pointer;}
#share-modal .modal-body{padding: 30px;}
#share-modal .modal-body ul li a{color: #2c4054;}
#share-modal .modal-body ul li a:hover{color: #1f2d3b;}

/* Technická podpora */
body.technicka-podpora main > article{padding: 50px 0px;}
body.technicka-podpora main > article h1{color: #5c738a; font-weight: 600; font-size: 26px; margin: 0px 50px 30px 0px;}
body.technicka-podpora main > article form .req{color: #f13131;}
body.technicka-podpora main > article form .bootstrap-select .btn{border-color: #ced4da;}
body.technicka-podpora main > article form .input-group.is-invalid ~ .invalid-feedback{display: block;}

/* Cookies bar */
.cookies-bar{background: #eff0f1 !important;}
.cookies-bar span{font-size: 12px !important; font-family: 'Open Sans', sans-serif !important; padding-right: 10px !important;}
.cookies-bar button{padding: 5px 10px; text-transform: uppercase; font-size: 12px; background: #9fadba; border: 0px; color: #fff;}
.cookies-bar button:hover{background: #84919e;}

/* Stránka - cookies */
body.cookies main article{padding-top: 50px; padding-bottom: 50px;}
body.cookies main article h1{margin-bottom: 35px;}
body.cookies main article h2{padding-top: 30px; font-size: 22px; padding-top: 20px;}
body.cookies main article ul{padding: 0px; list-style-position: inside;}
body.cookies main article ul li{margin-bottom: 10px;}
body.cookies main article ul li:last-child{margin-bottom: 0px;}

/* Modal: přidání a úprava kolekce */
#add-to-collection-modal .modal-body{padding: 30px;}
#edit-collection-modal .modal-body{padding: 30px 30px 0px 30px;}
#add-to-collection-modal h2,
#edit-collection-modal h2{color: #5c738a; text-transform: uppercase; margin-bottom: 30px;}
#add-to-collection-modal h2 button,
#edit-collection-modal h2 button{border: 0px; background: none; opacity: 0.1;}
#add-to-collection-modal h2 button:hover,
#edit-collection-modal h2 button:hover{opacity: 1; cursor: pointer;}
#add-to-collection-modal .modal-footer,
#edit-collection-modal .modal-footer{border: 0px; padding: 0px 30px 30px 30px;}

/* Moje kolekce */
body.uzivatel.moje-kolekce main section.seznam .articles-filter > *{margin-right: 0px;}
body.uzivatel.moje-kolekce main section.seznam{padding: 0px;}
body.uzivatel.moje-kolekce main section.seznam .articles-filter{margin-bottom: 20px;}
body.uzivatel.moje-kolekce main section.seznam .articles-filter .bootstrap-select .btn .filter-option .filter-option-inner-inner{position: relative;}
body.uzivatel.moje-kolekce main section.seznam .articles-filter .bootstrap-select .btn .filter-option .filter-option-inner-inner .badge{top: 3px; position: absolute; right: 0px;}

body.uzivatel.moje-kolekce main section.seznam .articles-filter .bootstrap-select .dropdown-menu .dropdown-item span{position: relative; display: block;}
body.uzivatel.moje-kolekce main section.seznam .articles-filter .bootstrap-select .dropdown-menu .dropdown-item span .badge{top: 3px; position: absolute; right: 0px;}

body.uzivatel.moje-kolekce main form.edit{display: inline-block;}

/* Uživatel objednávka předplatného */
body.uzivatel.objednavka-predplatneho main article form .blocks,
body.objednavka-darkoveho-poukazu main article form .blocks{margin-left: -15px; margin-right: -15px;}
body.uzivatel.objednavka-predplatneho main article form .blocks [class^='col-'],
body.objednavka-darkoveho-poukazu main article form .blocks [class^='col-']{padding-left: 15px; padding-right: 15px; margin-bottom: 30px;}
body.uzivatel.objednavka-predplatneho main article form .blocks label,
body.objednavka-darkoveho-poukazu main article form .blocks label{padding: 0px; margin: 0px; width: 100%; display: block;}
body.uzivatel.objednavka-predplatneho main article form .blocks label small,
body.objednavka-darkoveho-poukazu main article form .blocks label small{color: #d1d9e0; font-size: 15px;}
body.uzivatel.objednavka-predplatneho main article form .blocks label .custom-control-label,
body.objednavka-darkoveho-poukazu main article form .blocks label .custom-control-label{background: #7d8d9b; border-radius: 10px; width: 100%; color: #fff; font-size: 24px; font-weight: 600; height: 120px; line-height: normal;}
body.uzivatel.objednavka-predplatneho main article form .blocks label .custom-control-label::before,
body.objednavka-darkoveho-poukazu main article form .blocks label .custom-control-label::before{display: none;}
body.uzivatel.objednavka-predplatneho main article form .blocks .custom-control-input:checked ~ .custom-control-label,
body.objednavka-darkoveho-poukazu main article form .blocks .custom-control-input:checked ~ .custom-control-label{background-color: #5c738a; border: 5px solid #f13131;}
body.uzivatel.objednavka-predplatneho main article form .payments,
body.objednavka-darkoveho-poukazu main article form .payments{margin-bottom: 30px;}
body.uzivatel.objednavka-predplatneho main article form .payments > div:first-child,
body.objednavka-darkoveho-poukazu main article form .payments > div:first-child{margin-bottom: 10px;}
body.uzivatel.objednavka-predplatneho main article form .payments p,
body.objednavka-darkoveho-poukazu main article form .payments p{font-size: 14px;}
body.uzivatel.objednavka-predplatneho main article form .blocks.currency label .custom-control-label,
body.objednavka-darkoveho-poukazu main article form .blocks.currency label .custom-control-label{background: #7d8d9b; border-radius: 10px; width: 100%; color: #fff; font-size: 24px; font-weight: 600; height: 70px; line-height: normal;}
body.uzivatel.objednavka-predplatneho main article form .invoice .input-group-text{width: 100px;}
body.uzivatel.objednavka-predplatneho main article form .invoice .input-group-text.company{width: auto;}
body.uzivatel.objednavka-predplatneho main article form .input-group.is-invalid ~ .invalid-feedback{display: block;}

body.uzivatel.objednavka-predplatneho main article .payment-cards{margin-top: 40px;}
body.uzivatel.objednavka-predplatneho main article .payment-cards img:first-child{margin-right: 5px;}

body.uzivatel.detail-objednavky-predplatneho main article table{table-layout: fixed;}
body.uzivatel.detail-objednavky-predplatneho main article table td{min-width: 50%;}

body.uzivatel.detail-objednavky-predplatneho main article .payment-cards{margin-top: 40px;}
body.uzivatel.detail-objednavky-predplatneho main article .payment-cards img:first-child{margin-right: 5px;}

body.uzivatel #subscription-gift-modal h2{color: #5c738a; text-transform: uppercase; margin-bottom: 30px;}
body.uzivatel #subscription-gift-modal h2 button{border: 0px; background: none; opacity: 0.1;}
body.uzivatel #subscription-gift-modal h2 button:hover{opacity: 1; cursor: pointer;}
body.uzivatel #subscription-gift-modal .modal-body{padding: 30px;}

/* Cenik */
body.cenik main > article{padding-top: 50px;}
body.cenik main > article h1{color: #5c738a; font-weight: 600; font-size: 26px; margin: 0px;}

/* Autor */
body.autor main article > .top{margin-bottom: 0px; min-height: auto;}
body.autor main article > .top h1{margin-bottom: 0px;}
body.autor main article > .top picture{border: 2px solid #fff; background-size: cover; background-position: center center; min-width: 135px; min-height: 100px; border: 2px solid #ccc; margin-bottom: 30px;}
body.autor main article > .top .text{margin-top: 30px;}
body.autor main article > .top .text p{text-align: justify;}
body.autor main article > .top{text-align: center; font-size: 17px; font-weight: 400; color: #4f4e4e; padding-bottom: 50px;
    background: #121a23;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.autor main article h2{margin-bottom: 40px;}
body.autor main article .container{max-width: 750px; position: relative;}
body.autor main article > .seznam h5{line-height: 44px;}
body.autor main article > .seznam .articles .col-12{padding: 0px;}

/* Vyskakovací okno - předplatné */
#subscription-modal.defaul button.close{border: 0px; background: none; opacity: 0.1; cursor: pointer;}
#subscription-modal.defaul button.close:hover{opacity: 1; cursor: pointer;}
#subscription-modal.defaul .modal-body{color: #5c738a; padding: 30px;}
#subscription-modal.defaul .modal-body h1{margin-bottom: 20px; margin-top: 0px; text-transform: none;}
#subscription-modal.defaul .modal-body p,
#subscription-modal.defaul .modal-body ul{margin-bottom: 20px;}
#subscription-modal.defaul .modal-body ul{list-style-position: inside;}

#subscription-modal.trial-8-days .modal-dialog {
    max-width: 497px;
}

#subscription-modal.trial-8-days .modal-body {
    min-height: 497px;
    padding: 0;
}
#subscription-modal.trial-8-days .modal-body .header {
    padding: 1rem;
}

#subscription-modal.trial-8-days .modal-body .text {
    bottom: 0;
    z-index: 2;
    color: #fff;
}

/* Školení a kurzy - index */
body.skoleni-a-kurzy.index main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin-bottom: 30px; line-height: 44px;}
body.skoleni-a-kurzy.index main section.author{padding: 50px 0px;}
body.skoleni-a-kurzy.index main section.author header{color: #5c738a;}
body.skoleni-a-kurzy.index main section.author header h1{margin-bottom: 5px; line-height: normal; margin-right: 0px;}
body.skoleni-a-kurzy.index main section.author header q{font-size: 32px; font-style: italic; font-weight: 300; position: relative;}
body.skoleni-a-kurzy.index main section.author header q span{padding: 0px 20px;}
body.skoleni-a-kurzy.index main section.author header q:before{content: ""; min-width: 30px; background: url('/assets/img/quote-start-284b6f.png') no-repeat top left;}
body.skoleni-a-kurzy.index main section.author header q:after{content: ""; min-width: 30px; background: url('/assets/img/quote-end-284b6f.png') no-repeat bottom right;}

body.skoleni-a-kurzy.index main section.author aside h2{color: #5c738a; margin-bottom: 30px; font-size: 24px;}
body.skoleni-a-kurzy.index main section.author aside .btn{text-transform: uppercase; background: #193d97;}
body.skoleni-a-kurzy.index main section.author aside .btn:hover{background: #12317e;}

body.skoleni-a-kurzy.index main section.lectures{
    margin-bottom: -30px;
    padding-bottom: 0px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #c7d4e1 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #c7d4e1 100%);
    background: linear-gradient(to bottom, #fff 0%, #c7d4e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#c7d4e1', GradientType=0);
}

body.skoleni-a-kurzy.index main section.lectures article{position: relative; padding-bottom: 60px; margin-bottom: 80px;}
body.skoleni-a-kurzy.index main section.lectures article:nth-child(odd){padding-right: 40px;}
body.skoleni-a-kurzy.index main section.lectures article:nth-child(even){padding-left: 40px;}
body.skoleni-a-kurzy.index main section.lectures article div.button{position: absolute; bottom: 0; left: 0px; right: 0px; text-align: center;}
body.skoleni-a-kurzy.index main section.lectures article div.button .btn{background: #193d97;}
body.skoleni-a-kurzy.index main section.lectures article div.button .btn:hover{background: #12317e;}
body.skoleni-a-kurzy.index main section.lectures article h4{font-size: 26px; white-space: normal; margin: 20px 0px;}
body.skoleni-a-kurzy.index main section.lectures article .description h5,
body.skoleni-a-kurzy.index main section.lectures article .description h6{color: #284867; white-space: normal;}
body.skoleni-a-kurzy.index main section.lectures article .description h5{font-size: 18px; line-height: 24px;}
body.skoleni-a-kurzy.index main section.lectures article .description h6{font-size: 15px; margin-top: 5px;}
body.skoleni-a-kurzy.index main section.lectures article .description .text{margin-top: 20px;}
body.skoleni-a-kurzy.index main section.lectures article > div{position: static;}
body.skoleni-a-kurzy.index main section.lectures .articles > div > .col-12{padding-bottom: 30px;}
body.skoleni-a-kurzy.index main section.seznam .articles-buttons > *{padding-bottom: 30px;}

/* Školení a kurzy - detail */
body.skoleni-a-kurzy.detail main article > .top h1{margin-bottom: 30px; color: #fff;}
body.skoleni-a-kurzy.detail main article > .top .author{margin-bottom: 30px;}
body.skoleni-a-kurzy.detail main article > .top .author h4{margin-bottom: 10px;}
body.skoleni-a-kurzy.detail main article > .top .author picture{margin-right: 20px; border: 2px solid #fff; background-size: cover; background-position: center center; min-width: 75px;}
body.skoleni-a-kurzy.detail main article > .top .author span{font-size: 15px; color: #947c7c;}
body.skoleni-a-kurzy.detail main article > .top > .container{position: relative; z-index: 3;}
body.skoleni-a-kurzy.detail main article > .top ul{font-size: 15px; line-height: 27px;}
body.skoleni-a-kurzy.detail main article > .top ul li.text-danger{font-size: 18px; line-height: normal; margin-bottom: 10px;}
body.skoleni-a-kurzy.detail main article > .content{text-align: center; font-size: 17px; font-weight: 400; color: #4f4e4e; padding-bottom: 50px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #c7d4e1 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #c7d4e1 100%);
    background: linear-gradient(to bottom, #fff 0%, #c7d4e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#c7d4e1', GradientType=0);
}
body.skoleni-a-kurzy.detail main article > .content > .container{max-width: 750px; position: relative;}

/* Školení a kurzy - detail: objednavka přihlášky (bez platby) */
body.skoleni-a-kurzy.detail section.order{padding: 50px 0px;}
body.skoleni-a-kurzy.detail section.order > .container{max-width: 750px;}
body.skoleni-a-kurzy.detail section.order h2{color: #5c738a;}
body.skoleni-a-kurzy.detail section.order h3{font-size: 15px; color: #5c738a;}
body.skoleni-a-kurzy.detail section.order .form-control{color: #5c738a; border-color: #5c738a;}
body.skoleni-a-kurzy.detail section.order .form-control.is-invalid{color: #f13131; border-color: #f13131;}
body.skoleni-a-kurzy.detail section.order .invalid-feedback{text-align: left;}

/* Webináře - index */
body.webinare.index main section.future{
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
/*
body.webinare.index main section.future h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 0px 30px 0px; line-height: 44px;}
body.webinare.index main section.future article h4{font-size: 22px; white-space: normal; margin: 20px 0px;}
body.webinare.index main section.future article .description h5,
body.webinare.index main section.future article .description h6{color: #284867; white-space: normal;}
body.webinare.index main section.future article .description h5{font-size: 18px; line-height: 24px;}
body.webinare.index main section.future article .description h6{font-size: 15px; margin-top: 5px;}
body.webinare.index main section.future article .description .text{margin-bottom: 20px;}

body.webinare.index main section.future article figure .label .paid{width: 250px; height: 250px;}
body.webinare.index main section.future article figure .label .paid span{font-size: 15px; padding-top: 60px; width: 350px; height: 300px; margin-left: -30px; margin-top: -43px;}
*/
body.webinare.index main section.past article .articles-buttons > *{padding-bottom: 30px;}

/* Webinaře - detail: hlavička */
body.webinare.detail main article > .top h1{margin-bottom: 30px; color: #fff;}
body.webinare.detail main article > .top .author{margin-bottom: 30px;}
body.webinare.detail main article > .top .author picture{margin-right: 20px; border: 2px solid #fff; background-size: cover; background-position: center center; min-width: 75px;}
body.webinare.detail main article > .top .author p{font-size: 15px; color: #947c7c;}
body.webinare.detail main article > .top .author span{font-size: 15px;}
body.webinare.detail main article > .top > .container{position: relative; z-index: 3;}
body.webinare.detail main article > .top ul{font-size: 15px; line-height: 27px;}
body.webinare.detail main article > .top ul li.text-danger{font-size: 18px; line-height: normal; margin-bottom: 10px;}

/* Webinaře - detail: obsah */
body.webinare.detail main article > .content{text-align: center; font-size: 17px; font-weight: 400; color: #4f4e4e; padding-bottom: 50px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.webinare.detail main article > .content > .container{max-width: 750px; position: relative;}
body.webinare.detail main article > .content .files {border-top: 1px solid #ccc;}
body.webinare.detail main article > .content .files ul li:last-child {padding-bottom: 0 !important;}

/* Webináře - detail: objednavka */
body.webinare.detail main article section.order{padding: 50px 0px;}
body.webinare.detail main article section.order form .currency label small{color: #d1d9e0; font-size: 15px;}
body.webinare.detail main article section.order form .currency label .custom-control-label{background: #7d8d9b; border-radius: 10px; color: #fff; font-size: 24px; font-weight: 600; line-height: normal; border: 5px solid #fff; width: 200px;}
body.webinare.detail main article section.order form .currency label .custom-control-label::before{display: none;}
body.webinare.detail main article section.order form .currency .custom-control-input:checked ~ .custom-control-label{background-color: #5c738a; border: 5px solid #f13131;}
body.webinare.detail main article section.order form .payments p{font-size: 14px;}
body.webinare.detail main article section.order form .invoice .req{color: #f13131;}
body.webinare.detail main article section.order form .invoice .input-group-text{width: 100px;}
body.webinare.detail main article section.order form .invoice .input-group-text.company{width: auto;}
body.webinare.detail main article section.order form .input-group.is-invalid ~ .invalid-feedback{display: block;}
body.webinare.detail main article section.order form .alerts .alert{margin-bottom: 0px; margin-top: 30px;}
body.webinare.detail main article section.order form .bootstrap-select > .btn {color: #495057; border-color: #ced4da; text-transform: none;}

/* Webináře - detail: video přehrávač */
body.webinare.detail main article .video-player iframe{max-width: 100%; min-height: 400px; height: auto;}

/* Webináře - detail: odpočítavadlo */
body.webinare.detail main article #live-countdown-outer{max-width: 100%; overflow-x: auto;}
body.webinare.detail main article #live-countdown{width: 580px;}
body.webinare.detail main article #live-countdown .flip,
body.webinare.detail main article #live-countdown .flip-clock-dot{box-shadow: none;}
body.webinare.detail main article #live-countdown .flip-clock-dot{background: #5c738a;}
body.webinare.detail main article #live-countdown ul li a div div.inn{background: #2c4054; border-radius: 0; text-shadow: none; color: #fff;}
body.webinare.detail main article #live-countdown ul{margin: 2px;}
body.webinare.detail main article #live-countdown ul,
body.webinare.detail main article #live-countdown ul li a div.down{border-radius: 0;}
body.webinare.detail main article #live-countdown .flip-clock-divider .flip-clock-label{font-family: 'Open Sans', sans-serif; color: #666;}
body.webinare.detail main article #live-countdown .flip-clock-divider.days .flip-clock-label{right: -74px;}

/* Webinaře - detail: diskuze */
body.webinare.detail main article section.comments{margin-top: 0px;}
body.webinare.detail main article section.comments .collapse-link{background: #dee3e8; padding-bottom: 50px;}
body.webinare.detail main article section.comments .inner{margin-top: 0px;}


/* Audio přednášky - index */
body.audio-prednasky.index main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 50px 30px 0px; line-height: 44px;}
body.audio-prednasky.index main section.articles{
    background: #121a23;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.audio-prednasky.index main section.articles .articles{margin-top: 14px;}
body.audio-prednasky.index main section.articles .articles article span{font-size: 12px;}
body.audio-prednasky.index main section.articles .articles article span h5{font-size: 14px; color: #2c4054; margin-bottom: 5px;}

/* Audio přednášky - detail */
body.audio-prednasky.detail main article > .top{padding-bottom: 120px; margin-bottom: 0px; min-height: 480px;}
body.audio-prednasky.detail main article > .top > .container{position: relative; z-index: 3;}
body.audio-prednasky.detail main article > .top .lecturer picture{border: 2px solid #fff; background-size: cover; background-position: center center; min-width: 75px;}
body.audio-prednasky.detail main article > .top .lecturer p{font-size: 15px; color: #947c7c;}
body.audio-prednasky.detail main article > .top .lecturer span{font-size: 15px;}
body.audio-prednasky.detail main article > .top h1 small{font-size: 15px;}
body.audio-prednasky.detail main article section.comments{margin-top: 0px;}
body.audio-prednasky.detail main article section.comments > .collapse-link{padding-bottom: 50px; background: #dee3e8;}
body.audio-prednasky.detail main article section.comments > .inner{margin-top: 0px;}
body.audio-prednasky.detail main article .content{
    padding-bottom: 50px;
    background: #121a23;
    background: -moz-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #dee3e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #dee3e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dee3e8', GradientType=0);
}
body.audio-prednasky.detail main article .content .cover{margin-top: -80px; position: relative; z-index: 2; margin-bottom: 40px; overflow: hidden;}
body.audio-prednasky.detail main article .content .cover > a{position: relative;}
body.audio-prednasky.detail main article .content .cover > a picture:after{background: url('/assets/img/product-detail-cover-shadow-right.png') no-repeat; content: ''; position: absolute; right: -107px; bottom: 0; width: 107px; height: 70px;}
body.audio-prednasky.detail main article .content .cover > a picture:before{background: url('/assets/img/product-detail-cover-shadow-left.png') no-repeat; content: ''; position: absolute; left: -107px; bottom: 0; width: 107px; height: 70px;}
body.audio-prednasky.detail main article .content .cover > a .fa-layers{position: absolute; font-size: 30px; margin: 0 auto; right: 0; left: 0; top: 50%; transform: translateY(-50%);}
body.audio-prednasky.detail main article .content .cover > a .fa-layers .fa-layers-text{color: #ffd4d4; font-weight: 600; line-height: 34px;}
body.audio-prednasky.detail main article .content .cover > a .fa-layers .icon-1{color: #f13131;}
body.audio-prednasky.detail main article .content .cover > a .fa-layers .icon-2{color: #ffd4d4;}
body.audio-prednasky.detail main article .content .cover > a .fa-layers .icon-2.fa-play{margin-left: 6px;}
body.audio-prednasky.detail main article .content .cover > a:hover .fa-layers .icon-1{color: #5c738a;}
body.audio-prednasky.detail main article .content .cover > a:hover .fa-layers .icon-2{color: #fff;}
body.audio-prednasky.detail main article .content .cover > a:hover .fa-layers .fa-layers-text{color: #fff;}
body.audio-prednasky.detail main article .content #audio-player{width: 100% !important; margin-bottom: 40px;}

/* Audio přednášky - detail - objednávka  */
body.audio-prednasky.detail main article section.order{padding-top: 50px;}
body.audio-prednasky.detail main article section.order h2{color: #5c738a;}
body.audio-prednasky.detail main article section.order form .currency label small{color: #d1d9e0; font-size: 15px;}
body.audio-prednasky.detail main article section.order form .currency label .custom-control-label{background: #7d8d9b; border-radius: 10px; color: #fff; font-size: 24px; font-weight: 600; line-height: normal; border: 5px solid #fff; width: 200px;}
body.audio-prednasky.detail main article section.order form .currency label .custom-control-label::before{display: none;}
body.audio-prednasky.detail main article section.order form .currency .custom-control-input:checked ~ .custom-control-label{background-color: #5c738a; border: 5px solid #f13131;}
body.audio-prednasky.detail main article section.order form .payments p{font-size: 14px;}

body.audio-prednasky.detail main article section.order form .invoice .req{color: #f13131;}
body.audio-prednasky.detail main article section.order form .invoice .input-group-text{width: 100px;}
body.audio-prednasky.detail main article section.order form .invoice .input-group-text.company{width: auto;}

body.audio-prednasky.detail main article section.order form .alerts .alert{margin-bottom: 0px; margin-top: 30px;}
body.audio-prednasky.detail main article section.order form .input-group.is-invalid ~ .invalid-feedback{display: block;}

/* Tarify - promo */
.tariff.promo .promo__discount {
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #871515; 
    width: 80px; 
    height: 80px; 
    position: absolute; 
    left: -15px; 
    top: -15px; 
    z-index: 2;
    border-radius: 50%;
    font-weight: normal;
    font-size: 1.625rem;
    color: #fff;
}

.tariff.promo .promo__discount .promo__discount-value b {
    font-weight: 700;
}

.tariff.promo .promo__discount .promo__discount-text {
    font-size: 1rem;
}

/* Tarify - promo: objednavka (default) */
.tariff.promo .custom-control-input ~ .custom-control-label {
    background: #fc2c20 !important;
}

    /* Tarify - promo: objednavka (small text) */
    .tariff.promo .custom-control-label small {
        color: #fec7c4 !important; font-weight: bold !important;
    }

/* Tarify - promo: objednavka (checked) */
.tariff.promo .custom-control-input:checked ~ .custom-control-label {
    background: #5c738a !important;
}

    /* Tarify - promo: objednavka (checked: small text) */
    .tariff.promo .custom-control-input:checked ~ .custom-control-label small {
        color: #d1d9e0 !important;;
    }

/* Tarify - promo: Ceník pro předplatitele (img) */
section.predplatne .tariff.promo .promo__discount {
    top: -20px; left: 0px;
}

/* Tarify - promo: Ceník pro předplatitele (default) */
section.predplatne .tariff.promo {
    background: #fc2c20 !important;
}
    /* Tarify - promo: Ceník pro předplatitele (small text) */
    section.predplatne .tariff.promo small {
        color: #fec7c4 !important; font-weight: bold !important;
    }

/* Tarify - promo: Ceník pro předplatitele (hover) */
section.predplatne .tariff.promo:hover {
    background: #2c4661 !important;
}
    
    /* Tarify - promo: Ceník pro předplatitele (hover: small text) */
    section.predplatne .tariff.promo:hover small {
        color: #d1d9e0 !important;
    }

main .advert.advert-id-191 > .container{max-width: 550px;}
main .advert.advert-id-191 > .container .label{text-align: right !important; padding-top: 5px;}
main .advert.advert-id-191 > .container .text{padding: 0; border: 0;}
main .advert.advert-id-191 > .container .text a::before{content: ''; background: url('/assets/img/tariff-promo.png') no-repeat; width: 96px; height: 96px; position: absolute; left: -20px; top: -25px; z-index: 2;}
main .advert.advert-id-191 > .container .text a{
    position: relative;
    color: #fff;
    padding: 20px 76px;
    display: block;
    background: rgb(47,192,0) !important;
    background: -moz-linear-gradient(-45deg, rgb(47,192,0) 0%, rgb(10,63,0) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgb(47,192,0) 0%,rgb(10,63,0) 100%) !important;
    background: linear-gradient(135deg, rgb(47,192,0) 0%,rgb(10,63,0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fc000', endColorstr='#0a3f00',GradientType=1) !important;
}
main .advert.advert-id-191 > .container .text a:hover{
    text-decoration: none;
    background: rgb(13,161,0) !important;
    background: -moz-linear-gradient(-45deg, rgb(13,161,0) 0%, rgb(10,63,0) 100%) !important;
    background: -webkit-linear-gradient(-45deg, rgb(13,161,0) 0%,rgb(10,63,0) 100%) !important;
    background: linear-gradient(135deg, rgb(13,161,0) 0%,rgb(10,63,0) 100%) !important;
}
main .advert.advert-id-191 > .container .text a small{color: #55e400; font-weight: bold; font-size: 14px;}

/* Invitation modal */
#invitation-modal h2{color: #5c738a; text-transform: uppercase; margin-bottom: 30px;}
#invitation-modal h2 button{border: 0px; background: none; opacity: 0.1;}
#invitation-modal h2 button:hover{opacity: 1; cursor: pointer;}
#invitation-modal .modal-body {padding: 30px;}
#invitation-modal .modal-body ul li a{color: #2c4054;}
#invitation-modal .modal-body ul li a:hover{color: #1f2d3b;}
#invitation-modal .modal-footer {padding: 0px 30px 30px 30px; border: 0;}

/* Videa */
body.pozvanka main > article{padding-top: 50px; padding-bottom: 50px;}
body.pozvanka main > article h1{color: #5c738a; text-transform: uppercase; font-weight: 600; font-size: 26px; margin: 0px 0px 30px 0px; line-height: 44px;}

/* Vyskakovací okno - odhlášení */
#logout-modal button.close{border: 0px; background: none; opacity: 0.1; cursor: pointer;}
#logout-modal button.close:hover{opacity: 1; cursor: pointer;}
#logout-modal .modal-body{color: #5c738a; padding: 30px;}
#logout-modal .modal-body h1{margin-bottom: 20px; margin-top: 0px; text-transform: none;}

/* Homepage */
body.home .lists{
    padding-top: 50px;
}
body.home .lists .seznam {
    padding: 0px 0px 20px 0px;
}
body.home .lists .seznam .title h2 {
    font-weight: 700;
    text-transform: none;
}

body.home .lists .seznam .title .more {
    color: #5c738a;
    font-size: 14px;
}
body.home .lists .seznam .title .more svg {
    font-size: 80%;
}

body.home .lists .seznam .articles-buttons {
    display: none;
}

/* Objednávka dárkového poukazu */
body.objednavka-darkoveho-poukazu main > article{padding: 50px 0px;}
body.objednavka-darkoveho-poukazu main > article h1{color: #5c738a; font-weight: 600; font-size: 26px; margin: 0px 50px 30px 0px;}
body.objednavka-darkoveho-poukazu main > article form .req{color: #f13131;}
body.objednavka-darkoveho-poukazu main > article form .bootstrap-select .btn{border-color: #ced4da;}
body.objednavka-darkoveho-poukazu main > article form .input-group.is-invalid ~ .invalid-feedback{display: block;}
body.objednavka-darkoveho-poukazu main > article form .form-group {margin-bottom: 30px;}

/* Extras */

/* Adverts */
.advert-id-218 .container .text {border: none !important; background: none !important;}
.advert-id-220 .container .text {border: none !important; background: none !important;}
.advert-id-221 .container .text {border: none !important; background: none !important;}
.advert-id-222 .container .text {border: none !important; background: none !important;}
.advert .label {display: none;}

/* Gaia promo landing site */

body.free-videa-promo article h1, body.free-videa-promo article p {text-align: center !important;}
body.free-videa-promo div.free-videos-covers {text-align: center;}
body.free-videa-promo div.free-videos-covers img {max-width: 45% !important; margin: 10px;}
@media (max-width: 767px){
  body.free-videa-promo div.free-videos-covers img {max-width: 80% !important; margin: 10px;}
}
body.free-videa-promo div.google-adsense {display: none;}