@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto Condensed'), url('/wp-content/themes/Dotekomanie3/fonts/RobotoCondensed-Regular.woff2') format('woff2'); unicode-range: U+000-5FF;}
:root {--color-primary: #d91536; --color-primary-dark: #d24a61; --color-primary-hover: #a9394c; --color-white: #fff; --color-black: #000; --color-gray-100: #f9f9f9; --color-gray-200: #ebebeb; --color-gray-300: #e0e0e0; --color-gray-400: #c9c9c9; --color-gray-500: #9b9b9b; --color-gray-600: #7b7b7b; --color-gray-700: #4a4a4a; --color-gray-800: #2b2b2b; --color-gray-900: #1e1e1e; --color-gray-950: #121212; --color-android: #71a833; --color-ios: #4c84c1; --color-heureka: #c4874d; --font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif; --font-condensed: "HelveticaNeue-CondensedBold", "Roboto Condensed", sans-serif; --transition-fast: 200ms; --transition-medium: 300ms;}
* {margin: 0; padding: 0; font-family: var(--font-primary); -webkit-font-smoothing: antialiased;}
::selection {background: var(--color-primary); color: var(--color-white) !important; background-image: none;}
h1::selection {background: var(--color-primary); color: var(--color-white) !important; text-shadow: 1px 2px 1px var(--color-white);}
::-moz-selection {background: var(--color-primary); color: var(--color-white) !important; background-image: none;}
h1::-moz-selection {background: var(--color-primary); color: var(--color-white) !important; text-shadow: 1px 2px 1px var(--color-white);}
a {text-decoration: none; transition: 200ms;}
html {position: relative; top: 60px;}
.loggedHTML body iframe:last-of-type {left: -100px;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, main h1 span.headline, main .underHedlineInfoBase a, main .underHedlineInfoBase, .StoreWidget .typeSystem, #comments input, #highlites .high_item h2 a, .heureka_box span.nazev a, .heureka-page .heurekaItem .heu-text h3, .heureka-page .heurekaItem .heu-text h3 a, #login_win .user_logged #logout, main .underHedlineInfoBase span, main .underHedlineInfoBase span a {font-family: var(--font-condensed);}
#desktop #toolbar {width: 100%; height: 60px; top: 0; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); background-color: var(--color-gray-100); position: fixed; z-index: 1000;}
#toolbar #toolbarContainer {width: 1100px; height: 100%; margin: 0 auto; position: relative;}
#toolbar h1,
#toolbar h2 {text-indent: -100000px; position: absolute;}
#toolbar .menu-box,
#toolbar #ikon-box {display: block; float: right;}
#toolbar #searchform {float: right;}
.dotekomniecz {font-family: var(--font-condensed); width: 149px; width: 149px; padding-top: 2px; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; text-align: left; color: var(--color-black); color: var(--black);}
#logo, #logo-text {float: left; width: auto; display: inline-block;}
#logo-ico {float: left; width: auto; display: inline-block; width: 90px;}
#logo #logo-text {margin: 18px 0 18px 34px;}
#navigation {height: 60px; width: auto; float: right;}
#desktop #navigation {padding-right: 10px}
#navigation ul li {display: inline-block; position: relative;}
#navigation ul li a {font-size: 16px; font-weight: 700; text-align: right; color: var(--color-black); text-decoration: none; padding: 21px 13px; display: inline-block;}
#navigation ul li a:before,
#login:before,
.search:before {content: ''; width: 100%; height: 0; background-color: var(--color-primary); position: absolute; top: 0; left: 0; opacity: 0; transition: 300ms;}
#navigation ul li a:hover:before,
#login:hover:before,
.search:hover:before {height: 4px; opacity: 1;}
#login {width: 14px; height: 14px; object-fit: contain; float: right; padding: 23px 23px; position: relative;}
a#login.user_logged {display: inline-block; width: 32px; height: 32px; padding: 14px 14px; float: right;}
a#login.user_logged img {border-radius: 50%;}
#searchform #s {display: none; position: absolute; font-size: 16px; font-weight: 700; text-align: left; background-color: var(--color-gray-100); color: var(--color-black); height: 16px; border: none; float: right; padding: 22px 22px 22px 148px; width: 510px; z-index: 10; right: 70px; outline: none;}
#searchform #s::-webkit-input-placeholder {color: var(--color-gray-500);}
#searchform #s::-moz-placeholder {color: var(--color-gray-500); opacity: 1;}
#searchform #s::-ms-input-placeholder {color: var(--color-gray-500);}
.search {width: 18px; height: 18px; object-fit: contain; float: right; padding: 30px 30px; color: transparent; position: relative; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/ic-search-24-px.svg"); background-position: center; background-size: 18px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; outline: none;}
#highlites {height: 500px; background-color: var(--color-gray-100); float: left; width: 100%; margin-bottom: 20px;}
#highlites .highLink {display: inline-block; line-height: 0; float: left; position: absolute; top: 0; width: 100%; height: 100%; left: 0}
#highlites .highLink img {border-top-left-radius: 4px; border-top-right-radius: 4px;}
#highlites .high_item {width: 330px; padding-top: 183px; height: 192px; border-radius: 4px; background-color: #fff; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); float: left; margin-right: 55px; transition: 700ms; position: relative;}
#highlites .high_item:hover {margin-top: -16px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);}
#highlites .high_item:last-of-type {margin-right: 0;}
#highlites .high_item h2 a {font-size: 24px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.1px; text-align: center; color: var(--color-primary);}
#highlites .high_item h2 {font-family: var(--font-condensed); font-size: 24px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.1px; text-align: center; color: var(--color-primary); padding: 24px 16px 16px 16px; display: inline-block; float: left; width: 90%; height: 52px; overflow: hidden;}
#highlites .high_item .perex {font-size: 16px; line-height: 1.5; letter-spacing: 0.2px; text-align: center; color: var(--color-gray-700); letter-spacing: 0.1px; padding: 0 24px 24px 24px; display: inline-block; float: left; width: 86%;}
#highlites .center {margin-top: 45px;}
#highlites .centerHard {width: 1100px; float: left; height: 375px;}
#base {width: 100%; min-height: 400px; margin: 0 auto; position: relative; float: left; margin-top: 20px;}
.center,
#footerContant {width: 1100px; margin: 0 auto;}
#desktop #footerContant #footerSocial {display: none;}
#mobile #footerContant #footerSocial {display: block; text-align: center; margin-bottom: 28px;}
#mobile #footerContant #footerSocial .social .oval.rd img {top: 0; left: 0;}
main {float: left; width: 100%; height: auto; min-height: 300px; position: relative;}
main h2.hNewest {font-family: var(--font-condensed); font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary); margin-bottom: 23px;}
main h2.hNewest a {font-family: var(--font-condensed); font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary); margin-bottom: 23px;}
main h2.hNewest a.catHeadlineStream {background-image: url("/wp-content/themes/Dotekomanie3/img/svg/chevron.svg"); background-position: right center; background-repeat: no-repeat; padding-right: 16px;}
main h2.hNewest a:hover {-webkit-animation: SlideRightLeftHeadline 1100ms ease-in-out infinite; -moz-animation: SlideRightLeftHeadline 1100ms ease-in-out infinite; animation: SlideRightLeftHeadline 1100ms ease-in-out infinite;}
main .streamItem,
main .serial_home {width: 100%; height: auto; float: left; margin-bottom: 24px;}
main .streamItem .streamImage {float: left; width: 220px; height: 120px; margin-right: 24px;}
main .streamItem .streamImage a {display: inline-block; position: relative; line-height: 0;}
main .streamItem .streamImage a span {font-family: var(--font-condensed); position: absolute; bottom: 0; left: 0; border-top-right-radius: 14px; border-bottom-right-radius: 14px; background-color: var(--color-primary); font-size: 13px; line-height: 13px; font-weight: 700; font-stretch: condensed; text-transform: uppercase; letter-spacing: 0.3px; text-align: left; color: white; padding: 6px 12px 5px 8px; z-index: 100}
main .streamItem .streamText {width: 523px; float: right;}
main .streamItem .streamText span.comm {font-size: 17px; line-height: 1.65; letter-spacing: 0.1px; text-align: left; color: var(--color-gray-700); margin-top: 4px;}
main .streamItem .streamText span.updated {font-size: 17px; line-height: 1.65; letter-spacing: 0.1px; text-align: left; color: var(--color-gray-700); margin-top: 4px; font-size: 16px;}
main .streamItem .streamText span.author {display: inline-block; width: 100%; font-size: 14px; letter-spacing: 0.2px; text-align: left; color: var(--color-gray-700); margin-top: 4px;}
main .streamItem h2 a {font-size: 24px; font-weight: 700; font-stretch: condensed; line-height: 1.33; letter-spacing: 0.5px; text-align: left; display: inline-block; color: var(--color-black);}
main .streamItem .comm a {color: var(--color-gray-700);}
main .streamItem h2 a:hover,
main .streamItem .comm a:hover {color: var(--color-primary);}
main .pagerOne {width: 100%; display: inline-block; margin-top: 32px; margin-bottom: 48px; text-transform: uppercase;}
main .pagerOne div {float: right; width: auto;}
main .pagerOne a {font-family: var(--font-condensed); border-radius: 16px; background-color: var(--color-primary); font-size: 16px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; color: var(--color-white); padding: 6px 16px; display: inline-block; margin-right: 34px;}
main .pagerOne a:hover {background-color: var(--color-primary-hover); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.homeStream {width: 767px; padding-right: 33px; float: left;}
aside {float: right; width: 300px; height: auto; min-height: 300px;}
aside #cookie_box p {font-family: var(--font-primary); font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700); display: block;}
main .social.top {display: inline-block; width: 70%; margin-bottom: 24px;}
main .box .social.top {width: 100%;}
.social .oval {width: 32px; height: 32px; border-radius: 50% !important; margin: 4px; display: inline-block; position: relative;}
.social .oval img {position: absolute;}
.social .oval.fb img {top: 21%; left: 35%;}
.social .oval.tw img {top: 27%; left: 26%;}
.social .oval.insta img {top: 23%; left: 23%;}
.social .oval.youtube img {top: 27%; left: 38%;}
.social .oval.rss img {top: 23%; left: 29%;}
.social .oval.fb {background-color: #395185;}
.social .oval.fb:hover {background-color: #253862; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.social .oval.tw {background-color: #1da1f2;}
.social .oval.tw:hover {background-color: #148cd5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.social .oval.insta {background-image: linear-gradient(38deg, #fad629, #e82404 38%, #b324b8);}
.social .oval.insta:hover {background-image: linear-gradient(38deg, #cfb442, #c53319 38%, #a120a4); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.social .oval.youtube {background-color: var(--color-primary);}
.social .oval.youtube:hover {background-color: #b6122d; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.social .oval.rss {background-color: #ea6f1c;}
.social .oval.rss:hover {background-color: #ca5f17; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
.social .oval.threadsIco {filter: invert(1);}
.dark .social .oval.threadsIco {filter: none;}
.oval.shape_google_news {background-color: white;}
.oval.shape_google_news img {max-width: 87%; margin: 2px; margin-top: 3px;}
.oval.mastodon img {width: 32px; height: 32px; top: 3%; left: 1%;}
aside .box {display: block; margin-bottom: 35px; float: left; width: 100%;}
aside .box .a-single {min-height: 250px;}
aside h2 {font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary); margin-bottom: 12px;}
aside .adminMenu,
aside .userMenu {list-style-type: none;}
aside ul.adminMenu li {transition: 600ms;}
aside .links {list-style-type: none;}
aside .links li {position: relative; margin-bottom: 4px; padding-left: 34px; transition: 600ms;}
aside .links li span {display: inline-block; position: absolute; width: 18px; background-color: var(--color-primary); height: 18px; border-radius: 50%; font-size: 10px; font-weight: 700; text-align: left; text-align: center; color: var(--color-white); line-height: 18px; top: 5px; left: 0;}
aside a {transition: 600ms; display: block; font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700);}
aside .links a:hover {color: var(--color-black);}
aside ul.links li:hover,
aside ul.adminMenu li:hover {transform: translateX(8px);}
aside #heurekaShortList {margin: 0; padding: 0; list-style-type: none; width: 100%; float: left;}
aside #heurekaShortList li {display: inline-block; width: 100%; float: left; margin-bottom: 16px;}
aside #heurekaShortList .imlink {display: inline-block; width: 48px; height: 48px; overflow: hidden; text-align: center; float: left; margin-right: 24px;}
aside #heurekaShortList .imlink img {height: 100%;}
aside #heurekaShortList .boldlink {display: block; font-size: 16px; font-weight: 700; text-align: left; color: var(--color-gray-700);}
aside #heurekaShortList .boldlink:hover {color: var(--color-black);}
aside #heurekaShortList span {display: block; font-size: 16px; font-weight: 700; text-align: left; color: var(--color-gray-700); font-weight: 400; margin-top: 7px; font-size: 15px;}
aside #heurekaAsideList h2,
aside #cookie_box h2 {display: inline-block; float: left;}
aside #cookie_box p {display: block; float: left;}
aside #heurekaAsideList a#heurekaAsideListLink,
aside #cookie_box a#cookiesAsideListLink {display: inline-block; float: right; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; color: var(--color-primary); padding-top: 9px; padding-right: 10px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/chevron-mini.svg"); background-position: 38px 18px; background-repeat: no-repeat; cursor: pointer;}
aside ul.userMenu li,
aside ul.userMenu li a {display: block; font-size: 17px; line-height: 1.65; letter-spacing: .4px; text-align: left; color: var(--color-gray-700);}
aside ul.userMenu li a {background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgba(217, 21, 54, .75) 50%); -webkit-background-clip: padding-box; display: inline; padding: 3px 2px 0 2px; transition: 200ms; color: var(--color-gray-700); background-position: 0 15%;}
aside ul.userMenu li a:hover {background-position: 0 95%; color: var(--color-white);}
.dark aside ul.userMenu li,
.dark aside ul.userMenu li a {color: white;}
#footer {width: 100%; min-height: 445px; float: left; background-color: var(--color-gray-800); border-top: solid 1px #e2e2e2; position: relative;}
#footer #footerContant {margin-top: 72px;}
#footer #footerContant h2 {font-size: 20px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-white); margin-bottom: 16px;}
#footer #footerContant .partners {display: block; margin-right: 85px; float: left;}
#footer #footerContant .partners a {display: block; font-size: 17px; text-align: left; color: var(--color-gray-500); margin-bottom: 10px; text-transform: lowercase;}
#footer #footerContant .partners.linksFooter {width: 100%; float: left; margin-top: 61px;}
#footer #footerContant .partners.linksFooter a {display: inline-block; font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-500); margin-right: 25px;}
#footer #footerContant #mobile_apps {width: 560px; font-size: 17px; float: right; text-align: left; color: var(--color-gray-500);}
#footer #footerContant #mobile_apps .apps {display: inline-block; margin-top: 17px;}
#footer #footerContant #mobile_apps .apps a {display: inline-block; margin-right: 16px;}
#footer #footerImage {width: 406px; height: 36px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/dotekomanie.svg"); background-position: 50px 0; background-repeat: no-repeat; display: block; font-size: 36px; line-height: 36px; margin-bottom: 20px; color: var(--color-primary);}
#login_win {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)); width: 100%; min-width: 400px; height: 100%; min-height: 400px; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
#login_win #login_win_popup {opacity: 0.5; top: 53%; z-index: 1001; border-radius: 8px; background-color: transparent;}
#login_win .middle {position: fixed; top: 50%; left: 50%; width: 304px; height: 323px; transform: translate(-50%, -50%); border-right: 8px;}
#login_win .middle_style {background-color: white; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds.svg"); background-position: top; background-repeat: no-repeat; border-radius: 8px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); text-align: center; z-index: 1001;}
#login_win #cancel_place {width: 100%; height: 100%; position: fixed; background-color: transparent; top: 0; left: 0; z-index: 100; backdrop-filter: blur(3px);}
#login_win .middle_style.user_not_logged {height: 310px;}
#login_win .middle_style.user_logged {height: 357px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_loged.svg");}
#login_win #cancel {width: 36px; height: 36px; position: absolute; top: -10px; right: -10px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/cancel.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 100;}
#login_win h2 {font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-white); padding-top: 32px; text-align: center;}
#login_win .user_logged h2 {padding-top: 66px;}
#login_win .user_logged h3 {font-size: 16px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; padding-top: 4px; color: rgba(255, 255, 255, 0.75);}
#login_win .user_logged h4 {font-size: 20px; font-weight: 700; font-stretch: condensed; color: var(--color-primary); margin-top: 84px;}
#login_win .user_logged h5 {font-size: 14px; line-height: 2; letter-spacing: 0.4px; color: var(--color-gray-700); margin-top: 4px;}
#login_win .user_logged #logout {border-radius: 16px; background-color: var(--color-primary); padding: 6px 16px; color: white; cursor: pointer; display: inline-block; margin-top: 0; transition: 500ms; text-transform: uppercase; margin-top: 32px;}
#login_win .user_logged #logout:hover {background-color: var(--color-primary-hover); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
#login_win .avatar-box {position: absolute; width: 100%; left: 0; top: -50px;}
#login_win .avatar {box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); border-radius: 50%;}
.ic_person_18px {margin: 25%;}
#login_win .apps {display: block; margin-top: 64px; margin-bottom: -30px;}
#login_win .apps a {display: inline-block;}
#login_win .apps a:nth-of-type(2) {margin-left: 5px;}
#login_win .comment_popup {display: none;}
#login_win .login_popup {display: block;}
#login_win h3.comment_popup {font-size: 15px; color: var(--color-gray-700); margin-top: 102px;}
#mobile aside,
#mobile #highlites,
#mobile #footer #footerContant .linksFooter,
#mobile main .streamItem .streamImage a span,
#mobile main .streamItem .streamText span.updated,
#mobile main .streamItem .streamText span.comm,
#mobile .StoreWidget .widget-text span.widget-nadpisek,
#mobile #footer #footerContant .partners,
#mobile #footer #footerContant #mobile_apps,
#mobile .crue .email {display: none;}
#mobile #footer #footerImage {display: none !important;}
#mobile #toolbar #toolbarContainer,
#mobile .center,
#mobile #footerContant,
#mobile .homeStream,
#mobile #footer #footerContant #mobile_apps,
#mobile #articleBody,
#mobile #highlitesAds {width: 100%; float: left;}
#mobile #toolbar {width: 100%; height: 60px; top: 0; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); background-color: var(--color-gray-100); position: fixed; z-index: 1000;}
#mobile #logo-ico {width: 81px;}
#mobile .Hnaticka {position: relative; top: 0; left: -12px;}
#mobile #logo #logo-text {margin: 20px 0 17px 16px;}
#mobile #base {width: 100%;}
#mobile main .streamItem {margin-bottom: 30px;}
#mobile main .streamItem .streamText {width: 60%; float: left; display: inline-block;}
#mobile main .streamItem .streamImage a {display: inline-block; position: relative; line-height: 0; width: 100%; overflow: hidden;}
#mobile main .streamItem .streamImage img {width: auto; max-height: 90px;}
#mobile main .streamItem .streamImage {width: 31%; height: auto; overflow: hidden;}
#mobile main .streamItem h2 a {font-size: 18px; line-height: 1.63;}
#mobile main .streamItem .streamText span.updated,
#mobile main .streamItem .streamText span.comm {font-size: 14px;}
#mobile main .streamItem .streamText span.author {margin-top: 0; font-size: 11px; padding-top: 10px}
#mobile main .pagerOne div {float: none; text-align: center;}
#mobile main .pagerOne a {margin-right: 0;}
#mobile main .pagerOne {margin-top: 8px; margin-bottom: 40px;}
#mobile main h2.hNewest {font-size: 22px; background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mobile.svg); background-position: right 11px; background-repeat: no-repeat; display: inline-block; width: auto; float: left;}
#mobile #articleBody,
#mobile .homeStream {padding: 0;}
#mobile {}
#mobile .hNewest,
#mobile main .streamItem,
#mobile main h1,
#mobile main .underHedlineInfoBase,
#mobile #comments,
#mobile article p,
#mobile article h2,
#mobile article h3,
#mobile article h4,
#mobile article h5,
#mobile article h6 {padding-left: 4%; padding-right: 3%; width: 93%;}
#mobile .StoreWidget,
#mobile .heureka_widget,
#mobile article ul,
#mobile #footer #footerImage {margin-left: 16px; margin-right: 16px; width: 90%;}
#mobile #footer #footerContant .partners.linksFooter {display: block; width: 100%; margin-top: 0; margin-right: 0;}
#mobile #footer #footerContant .partners,
#mobile #footer #footerContant .partners.manual_switch_mobile {background-image: none;}
#mobile #footer #footerImage {display: none;}
#mobile #footer #footerContant {margin-top: 36px; padding-bottom: 36px;}
#mobile #footer #footerContant .partners.linksFooter a {display: inline-block; width: 100%; text-align: center; text-transform: capitalize; margin-right: 0;}
#mobile #footer {min-height: 100px; margin-top: 32px;}@media screen and (max-width:1099px){
    html {display: flex;}}
#desktop #menu-button,
#desktop #menu-button-close,
#desktop #menu-box-headline {display: none;}
#mobile #menu-button,
#mobile #menu-button-close {display: block; float: right; width: 60px; height: 60px; background-image: url(/wp-content/themes/Dotekomanie3/img/svg/menu.svg); background-position: center; background-repeat: no-repeat;}
#mobile #menu-button-close {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/close.svg);}
#mobile .menu-box {background-color: pink; background-color: var(--color-gray-100); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); width: 100%; display: inline-block; position: fixed; top: 0; left: 0;}
#mobile .menu-box #navigation {width: 100%; height: auto; padding-bottom: 8px;}
#mobile .menu-box #navigation ul li {display: list-item;}
#mobile .menu-box #navigation ul li a {font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-align: left; color: var(--color-gray-700); padding-bottom: 12px; padding-top: 12px; display: block;}
#mobile #navigation ul li a:before,
#mobile #login:before,
#mobile .search:before {background-color: transparent;}
#mobile #menu-box-headline {font-size: 22px; font-weight: 700; color: var(--color-primary); float: left; display: block; width: 100%; padding-left: 16px; margin-bottom: 16px; margin-top: 32px;}
#mobile .menu-box #searchform #s {position: absolute; font-size: 16px; font-weight: 700; text-align: left; background-color: var(--color-gray-100); color: var(--color-black); height: 16px; border: none; float: right; padding: 22px; width: 100%; z-index: 10; right: auto; outline: none; left: 0; top: 60px;}
#mobile #toolbar .menu-box,
#mobile #toolbar #ikon-box {float: left;}
#mobile #toolbar .menu-box {display: none; z-index: 1;}
#mobile #login_win #login_win_popup {width: 90%; max-width: 300px;}
#login_win .the_champ_login_container {width: 100%; text-align: center; float: left; margin-top: 115px; display: flex; justify-content: center;}
#login_win h3.comment_popup {font-size: 15px; color: var(--color-gray-700); top: 100px; margin-top: 0; position: relative;}
aside #heurekaShortList .boldlink {height: 23px; overflow: hidden;}
article p a,
.commentText p a,
.heureka_widget .cena.nastaveni a,
article ul li a,
article ol li a,
aside #cookie_box a#cookie_intext,
article .nakedheu,
.withoutapps p a,
#login_win_popup .user_logged a {background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgba(217, 21, 54, .75) 50%); -webkit-background-clip: padding-box; display: inline; padding: 3px 2px; transition: 200ms; color: var(--color-gray-700); background-position: 0 10%;}
article p,
.withoutapps p {font-family: var(--font-primary); font-size: 17px; line-height: 1.75; letter-spacing: .4px; text-align: left; color: var(--color-gray-700); margin: 24px 0; display: block; padding-left: 99px; padding-right: 99px;}
.dark .withoutapps p {color: white;}
.dark div#base {background-color: var(--color-gray-950); margin-top: 0;}
.dark #highlitesAds,
.dark body,
.dark #login_win .middle,
.dark #login_win .middle_style,
.dark #login_win_popup .darklightwhitch,
#mobile.dark #authorInfo,
#mobile.dark #comments #commentformx {background-color: var(--color-gray-950);}
.dark #login_win_popup .darklightwhitch,
.dark #login_win .middle,
.dark #login_win .middle_style {background-color: #222;}
.dark #highlites {margin-bottom: 20px;}
.dark #highlites,
#desktop.dark #toolbar,
#mobile.dark #toolbar,
#mobile.dark .menu-box {box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.25); background-color: var(--color-gray-900);}
.dark main .streamItem h2 a,
.dark #navigation ul li a,
.dark article p,
.dark #comments .commentText,
.dark #comments textarea,
.dark article ul li,
.dark article ol li,
#mobile.dark .menu-box #navigation ul li a,
.dark .darklightwhitch span,
.dark aside #cookie_box a#cookie_intext:hover {color: var(--color-gray-200);}
.dark #highlites .high_item {background-color: var(--color-gray-800);}
.dark main .streamItem .streamText span.updated,
.dark main .streamItem .streamText span.comm,
.dark main .streamItem .streamText span.author,
.dark aside a,
.dark aside #heurekaShortList .boldlink,
.dark aside #heurekaShortList span,
.dark #highlites .high_item .perex,
.dark main .streamItem .comm a,
.dark #searchform #s,
.dark .heureka_widget .cena.nastaveni a,
.dark article ul li a,
.dark article ol li a,
.dark aside #cookie_box a#cookie_intext,
.dark article .nakedheu,
.dark #authorInfo p,
.dark .serial_home p,
.dark #authorInfo h2 a,
.dark #comments .comment-author .comment-link,
.dark .heureka-page .heurekaItem .heu-text h3,
.dark .heureka-page .heurekaItem .heu-text h3 a,
.dark .heureka-page .heurekaItem .heu-text .heu-prices,
#mobile.dark main .underHedlineInfoBase a,
#mobile.dark main .underHedlineInfoBase,
.dark aside #cookie_box p {color: var(--color-gray-400);}
.dark main .streamItem h2 a:hover,
.dark main .streamItem .comm a:hover,
.dark main .streamItem .comm a:hover,
.dark #authorInfo h2 a:hover,
.dark main h2.hNewest,
.dark aside h2,
.dark #highlites .high_item h2 a,
.dark #highlites .high_item h2,
.dark aside #heurekaAsideList a#heurekaAsideListLink,
.dark aside #cookie_box a#cookiesAsideListLink,
.dark #comments .comment-author h3 a,
.dark #comments .comment-author h3,
.dark article h2,
.dark article h3,
.dark article h4,
.dark article h5,
.dark .crue h2,
.dark .crue .authItem .authItem-texts h3 a,
.dark #comments h2,
.dark main h2.hNewest a,
.dark #footer #footerImage,
.dark main h1,
.dark .crue .authItem .authItem-texts h3 a,
.dark .crue .authItem .authItem-social a,
.dark #login_win .user_logged h4,
#mobile.dark #menu-box-headline {color: var(--color-primary-dark);}
.dark aside .links li span,
.dark main .streamItem .streamImage a span {background-color: var(--color-primary-dark);}
.dark aside .links a:hover,
.dark aside #heurekaShortList .boldlink:hover,
.dark article p a:hover,
.dark .commentText p a:hover,
.dark .crue .authItem .authItem-texts h3 a:hover,
.dark article p a,
.dark .crue .authItem .authItem-texts h3 a:hover,
.dark .crue .authItem .authItem-social a:hover,
.dark .crue p,
.dark .commentText p a,
.dark #login_win_popup .user_logged a {color: var(--color-white);}
.dark #highlites {padding-bottom: 0;}
.dark #base {padding-top: 20px;}
.dark div#base.loggedHTML {padding-top: 20px;}
.dark .dotekomniecz {content: url(/wp-content/themes/Dotekomanie3/img/svg/dotekom-nie-cz_dark.svg);}
.dark .Hnaticka {content: url(/wp-content/themes/Dotekomanie3/img/svg/logo_dark.svg);}
.dark .StoreWidget .widget-zaklad,
.dark .heureka_box span.nazev a,
.dark main .underHedlineInfoBase a:hover,
#mobile.dark .menu-box #searchform #s {color: var(--color-white);}
.dark .StoreWidget .widget-nadpisek,
.dark .heureka_box span a,
.dark .heureka_box span,
.dark .heureka_widget span form input[type=submit],
.dark main .underHedlineInfoBase a,
.dark main .underHedlineInfoBase span,
.dark #login_win .user_logged h5,
.dark #authorPage #authorInfo p,
.dark .serial_home p {color: var(--color-gray-400);}
.dark main .pagerOne a,
.dark #comments input,
.dark #navigation ul li a:before,
.dark #navigation ul li a:before,
.dark #login:before,
.search:before,
.dark #login_win .user_logged #logout {background-color: var(--color-primary-dark);}
.dark .ic_person_18px {content: url(https://dotekomanie.cz/wp-content/themes/Dotekomanie3/img/svg/ic-person-18-px_dark.svg);}
.ic_person_18px.star {content: url(https://dotekomanie.cz/wp-content/themes/Dotekomanie3/img/svg/person_star.svg); margin-top: -5px; margin-left: -5px;}
.dark .search {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/ic-search-24-px_dark.svg);}
#mobile.dark #menu-button
    {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/menu_dark.svg);}
.dark main h2.hNewest a.catHeadlineStream {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron_dark.svg);}
#mobile.dark main h2.hNewest {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mobile_dark.svg);}
.dark aside #heurekaAsideList a#heurekaAsideListLink,
.dark aside #cookie_box a#cookiesAsideListLink {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mini_dark.svg);}
#mobile.dark #menu-button-close {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/close_dark.svg);}
.dark #login_win .middle_style {background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_dark.svg");}
.dark #login_win .middle_style.user_logged {background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_loged_dark.svg");}
.dark #searchform #s,
#mobile.dark .menu-box #searchform #s,
.dark #comments textarea {border-radius: 4px; border: none; background-color: var(--color-gray-800);}
.dark #searchform #s {background-color: #1E1E1E;}
#mobile.dark #footer {margin-top: 0; padding-top: 32px;}
.dark #footer {border-top: solid 1px var(--color-black); background-color: #1E1E1E;}
.switch-input {display: none;}
.switch-label {position: relative; display: inline-block; cursor: pointer; font-weight: 500; text-align: left; margin: 10px; padding: 16px 0 16px 44px;}
.switch-label:before,
.switch-label:after {content: ""; position: absolute; margin: 0; outline: 0; top: 50%; transform: translate(0, -50%); transition: all 0.3s ease;}
.switch-label:before {left: 1px; width: 34px; height: 14px; background-color: #9E9E9E; border-radius: 8px;}
.switch-label:after {left: 0; width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);}
.switch-input:checked+.switch-label:before {background-color: #5e2831;}
.switch-input:checked+.switch-label:after {background-color: var(--color-primary-dark); transform: translate(80%, -50%);}
#login_win_popup .darklightwhitch {width: 304px; height: 52px; border-radius: 8px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); background-color: var(--color-white); margin-top: 9px;}
#login_win_popup .darklightwhitch span {height: 18px; display: inline-block; font-size: 16px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin: 17px 0 17px 16px; font-family: var(--font-condensed); float: left;}
#login_win_popup .darklightwhitch .sw_darklight {width: 69px; float: right; height: auto;}
#mobile #footer #footerContant #mobile_apps {display: block; text-align: center;}
#mobile #footer #footerContant #mobile_apps p,
#mobile #footer #footerContant #mobile_apps h2 {display: none;}
.withoutapps p {padding-left: 0; padding-right: 0; text-align: center;}
#mobile_apps .withoutapps p,
#mobile_apps .withoutapps p a {color: #fff;}
#menu-button-blur {display: none;}
#mobile #menu-button-blur {position: fixed; width: 100vw; top: 64px; height: 100vh; z-index: 1; backdrop-filter: blur(12px);background-color: rgba(30, 30, 30, 0.75);}
#desktop aside a {font-size: 15px;}
.social .oval.tw.logo_x_social {background-color: var(--color-black);}
.social .oval.tw.logo_x_social img {top: 19%; left: 19%; width: 20px; height: 20px;}
.home_spec_stream_box {width: 94.5%; float: left; background-color: #e9e9e9; padding: 20px; margin: 24px 0 48px 0;}
.home_spec_stream_box .serial_home,
.home_spec_stream_box .updated,
.home_spec_stream_box .vcard .fn,
main .home_spec_stream_box .streamItem .streamText span.comm {display: none;}
.home_spec_stream_box .streamItem .streamText {width: 480px;}
main .home_spec_stream_box .streamItem .streamImage {overflow: hidden; height: 50px}
main .home_spec_stream_box .streamItem h2 a {font-size: 20px; font-weight: 600;}
main .home_spec_stream_box .pagerOne {margin: 0;}
.dark .home_spec_stream_box {background-color: #1a1a1a;}
#mobile .home_spec_stream_box {width: 100vw; padding-left: 0; padding-right: 0; margin-top: 24px; margin-bottom: 35px; margin-left: 0; margin-right: 0;}
#mobile main .home_spec_stream_box h2.hNewest {background-image: none;}
#mobile main .home_spec_stream_box .streamItem .streamImage img {width: auto; max-height: 59px;}
#mobile main .home_spec_stream_box .streamItem h2 a {font-size: 14px;}
#mobile main .home_spec_stream_box .streamItem {margin-bottom: 16px;}
main .home_spec_stream_box h2.hNewest a {font-size: 21px;}
#mobile main .home_spec_stream_box .pagerOne {margin-bottom: 8px;}
#mobile body {overflow-x: hidden;}
#mobile main .home_spec_stream_box .streamItem .streamText span.author {display: none;}
.smallAdText {display: inline-block; width: 100%; text-align: right; color: var(--color-gray-500);}
#social_rss_items {display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
#social_rss_items .social_rss_item {margin: 10px;}
#social_rss_items .social_rss_item a {display: inline-block;}
.paid #navigation ul li.menu-item-356445 {display: none;}
.onesignal-button .onesignal-customlink-container {min-height: 0;}
.onesignal-button {display: flex; justify-content: center;}
#mobile .manual_switch_mobile_center {text-align: center}
.home_spec_stream_box {background-color: #e9e9e9; padding: 20px; margin: 24px 0 48px; width: 100%; box-sizing: border-box;}
.dark .home_spec_stream_box {background-color: #1a1a1a;}
.home_spec_stream_box .streamItem {display: flex; align-items: flex-start; margin-bottom: 10px; width: 100%;}
.home_spec_stream_box .streamItem:last-child {margin-bottom: 0 !important;}
main .home_spec_stream_box .streamItem .streamImage {overflow: visible; height: auto; width: 120px; flex-shrink: 0; margin-right: 16px;}
main .home_spec_stream_box .streamItem .streamImage img {display: block; width: 100%; height: auto; max-height: none; border-radius: 4px;}
.home_spec_stream_box .streamItem .streamText {width: auto; flex-grow: 1;}
main .home_spec_stream_box .streamItem h2 a {font-size: 18px; font-weight: 600; line-height: 1.4;}
.home_spec_stream_box .updated,
.home_spec_stream_box .vcard .fn,
main .home_spec_stream_box .streamItem .streamText span.comm,
#mobile main .home_spec_stream_box .streamItem .streamText span.author,
main .home_spec_stream_box .streamItem .streamImage a span {display: none;}
#mobile .home_spec_stream_box {padding: 16px; margin-top: 24px; margin-bottom: 35px;}
#mobile main .home_spec_stream_box .streamItem .streamImage {width: 90px; margin-right: 12px;}
#mobile main .home_spec_stream_box .streamItem h2 a {font-size: 16px;}
main .home_spec_stream_box .pagerOne {margin: 16px 0 0 0; text-align: right;}
#mobile main .home_spec_stream_box .pagerOne {margin-bottom: 8px; text-align: center;}
main .home_spec_stream_box .pagerOne {margin-top: 5px;}
main .home_spec_stream_box .pagerOne a {margin-right: 10px;}
main .home_spec_stream_box h2.hNewest {margin-bottom: 17px;}
main .home_spec_stream_box h2.hNewest a {font-size: 27px;}
#desktop #toolbar,
#mobile #toolbar {width: 100%; height: 60px; top: 0; position: fixed; z-index: 1000; background-color: rgba(249, 249, 249, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.dark #highlites,
#desktop.dark #toolbar,
#mobile.dark #toolbar {background-color: rgba(30, 30, 30, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);}
#desktop main .streamItem .streamImage {overflow: hidden !important; display: block !important;}
#desktop main .streamItem .streamImage img {transition: transform 0.5s ease !important; will-change: transform;}
#desktop main .streamItem:hover .streamImage img {transform: scale(1.1);}
#mobile main .streamItem .streamImage {height: 90px !important; width: 31% !important; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#mobile main .streamItem .streamImage a {display: block !important; width: 100%; height: 100%; line-height: 0;}
#mobile main .streamItem .streamImage img {width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; object-position: center center;}
::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: var(--color-primary); border-radius: 4px;}
::-webkit-scrollbar-thumb:hover {background: var(--color-primary-hover);}
.dark ::-webkit-scrollbar-track {background: var(--color-gray-800);}
#desktop #navigation ul li a {position: relative;}
#desktop #navigation ul li a:before {display: none;}
#desktop #navigation ul li a:after {content: ''; position: absolute; width: 0; height: 2px; bottom: 15px; left: 50%; background-color: var(--color-primary); transition: all 0.3s ease-in-out; transform: translateX(-50%);}
#desktop #navigation ul li a:hover:after {width: 80%;}
aside .links li {position: relative !important; transform: none !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; border-left: 0 !important; background-color: transparent; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 34px !important; min-height: 24px;}
aside .links li span {position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; border-radius: 4px !important; width: 22px !important; height: 22px !important; line-height: 22px !important; font-size: 12px !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 800 !important; text-align: center !important; background-color: var(--color-primary) !important; color: #fff !important; box-shadow: none !important; transition: background-color 0.25s ease, color 0.25s ease !important;}
aside .links li:hover {background-color: rgba(217, 21, 54, 0.08) !important; box-shadow: inset -4px 0 0 var(--color-primary) !important;}
aside .links li:hover span {background-color: transparent !important; color: var(--color-primary) !important; box-shadow: none !important;}
.dark aside .links li span {background-color: var(--color-primary-dark) !important;}
.dark aside .links li:hover {background-color: rgba(255, 255, 255, 0.05) !important; box-shadow: inset -4px 0 0 var(--color-primary-dark) !important;}
.dark aside .links li:hover span {background-color: transparent !important; color: var(--color-primary-dark) !important; box-shadow: none !important;}
main .pagerOne a {border-radius: 4px !important; background-color: var(--color-primary) !important; color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; letter-spacing: 1px !important; padding: 10px 24px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease !important;}
main .pagerOne a:hover {background-color: #b0102b !important; box-shadow: 0 0 15px rgba(217, 21, 54, 0.5) !important; transform: none !important;}
main .pagerOne a:active {background-color: #8a0e22 !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;}
.dark main .pagerOne a {background-color: var(--color-primary-dark) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; color: #fff !important;}
.dark main .pagerOne a:hover {background-color: var(--color-primary-hover) !important; box-shadow: 0 0 15px rgba(210, 74, 97, 0.4) !important;}
.dark main .pagerOne a:active {background-color: #852d3d !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;}
#login:before,
#desktop #login:before,
#mobile #login:before {display: none !important; content: none !important; width: 0 !important;}
#login img {border-radius: 50% !important; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease !important; box-shadow: 0 0 0 0 transparent !important; display: block;}
#login:hover img {box-shadow: 0 0 0 2px var(--color-primary), 0 4px 10px rgba(217, 21, 54, 0.3) !important; transform: scale(1.1) !important;}
.dark #login:hover img {box-shadow: 0 0 0 2px var(--color-primary-dark), 0 4px 10px rgba(210, 74, 97, 0.3) !important;}
.search:before,
#desktop .search:before,
#mobile .search:before {display: none !important;}
.search {transform: none !important; box-shadow: none !important; border: none !important; background-color: transparent !important; transition: filter 0.2s ease !important;}
.search:hover {filter: invert(16%) sepia(96%) saturate(6804%) hue-rotate(342deg) brightness(94%) contrast(93%) !important;}
.dark .search:hover {filter: brightness(0) invert(39%) sepia(19%) saturate(1662%) hue-rotate(305deg) brightness(93%) contrast(88%) !important;}
.search {transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), filter 0.2s ease, background-color 0.2s ease !important; transform: rotate(0deg) !important;}
#searchform:has(#s:focus, #s:not(:placeholder-shown)) .search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important; background-size: 20px !important; transform: rotate(90deg) !important;}
.dark #searchform:has(#s:focus, #s:not(:placeholder-shown)) .search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbbbbb'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important;}
.dotekomanie_base_box_circle_content_link,
button.onesignal-reset.onesignal-customlink-subscribe {margin: 6px auto !important; padding: 8px 20px !important; background-color: var(--color-primary) !important; color: #fff !important; border-radius: 4px !important; border: none !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 0.5px !important; display: table !important; width: auto !important; min-width: 120px !important; text-align: center !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;}
.dotekomanie_base_box_circle_content_link:hover,
button.onesignal-reset.onesignal-customlink-subscribe:hover {background-color: #b0102b !important; box-shadow: 0 0 10px rgba(217, 21, 54, 0.4) !important; transform: translateY(-1px) !important;}
.dotekomanie_base_box_circle_content h2 {margin-bottom: 8px !important; padding-bottom: 5px !important;}
.dotekomanie_base_box_circle_content h3 {margin-top: 12px !important; margin-bottom: 4px !important;}
.dotekomanie_base_box_circle_content p {padding: 2px 0 8px 0 !important; margin: 0 !important; line-height: 1.4 !important;}
.dark .dotekomanie_base_box_circle_content_link,
.dark button.onesignal-reset.onesignal-customlink-subscribe {background-color: var(--color-primary-dark) !important; color: #fff !important;}
.dark .dotekomanie_base_box_circle_content_link:hover,
.dark button.onesignal-reset.onesignal-customlink-subscribe:hover {background-color: var(--color-primary-hover) !important; box-shadow: 0 0 10px rgba(210, 74, 97, 0.4) !important;}
.dark .dotekomanie_base_box_circle_act {background-color: #222 !important; color: var(--color-gray-200) !important; border-left: 1px solid var(--color-gray-800) !important; border-right: 1px solid var(--color-gray-800) !important; border-bottom: 1px solid var(--color-gray-800) !important; border-top: 4px solid var(--color-primary-dark) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;}
.dark .dotekomanie_base_box_circle_content h2 {color: #fff !important; border-bottom-color: var(--color-gray-800) !important;}
.dark .dotekomanie_base_box_circle_content h3 {color: var(--color-primary-dark) !important;}
.dark .dotekomanie_base_box_circle_content p {color: #bbb !important;}
.dark .dotekomanie_base_box_close {background-color: var(--color-gray-800) !important;}
.dark .dotekomanie_base_box_close:before,
.dark .dotekomanie_base_box_close:after {background-color: var(--color-gray-200) !important;}
.dark .dotekomanie_base_box_close:hover {background-color: var(--color-primary-dark) !important;}
.dark .dotekomanie_base_box_close:hover:before,
.dark .dotekomanie_base_box_close:hover:after {background-color: #fff !important;}
#login_win #cancel_place {background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-color: rgba(10, 12, 18, 0.9) !important; transition: opacity 0.4s ease !important; transform: translateZ(0) !important; will-change: opacity !important;}
.dark #login_win #cancel_place {background-color: rgba(0, 0, 0, 0.92) !important;}
#highlites .high_item {box-sizing: content-box !important; width: 330px !important; border: none !important; box-shadow: inset 0 0 0 1px var(--border-color), 0 4px 6px rgba(0, 0, 0, 0.05) !important; border-radius: 4px !important; margin-top: 0 !important; transform: none !important; transition: box-shadow 0.3s ease !important;}
.dark #highlites .high_item {background-color: var(--color-gray-800) !important; box-shadow: inset 0 0 0 1px var(--color-gray-700), 0 4px 10px rgba(0, 0, 0, 0.2) !important;}
#highlites .high_item:hover {margin-top: 0 !important; transform: none !important; box-shadow: inset 0 0 0 1px var(--color-primary), 0 10px 30px rgba(217, 21, 54, 0.15) !important; z-index: 2;}
.dark #highlites .high_item:hover {box-shadow: inset 0 0 0 1px var(--color-primary-dark), 0 10px 30px rgba(210, 74, 97, 0.2) !important;}
#highlites .highLink {overflow: hidden !important; display: block !important; position: absolute !important; top: 0; left: 0; width: 100% !important; height: 183px !important; border-radius: 4px 4px 0 0 !important; transform: translateZ(0);}
#highlites .highLink img {transition: transform 0.5s ease !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transform: scale(1.0) !important;}
#highlites .high_item:hover .highLink img {transform: scale(1.1) !important;}
#highlites {padding-bottom: 60px !important; height: auto !important;}
.splide__arrows {position: absolute !important; bottom: 10px !important; left: 0 !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 120px !important; z-index: 10 !important; pointer-events: none;}
#highlites .splide__pagination {bottom: 1.4em !important; padding: 0 !important; z-index: 5 !important;}
.splide__arrow {pointer-events: auto; position: static !important; transform: none !important; margin: 0 !important; width: 40px !important; height: 40px !important; border-radius: 4px !important; background: var(--bg-main) !important; border: 1px solid var(--border-color) !important; opacity: 1 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important; display: flex !important; justify-content: center; align-items: center;}
.splide__arrow svg {fill: var(--color-gray-700) !important; width: 16px !important; height: 16px !important; transform: none !important;}
.splide__arrow--prev svg {transform: scaleX(-1) !important;}
.splide__arrow:hover {background: var(--color-primary) !important; border-color: var(--color-primary) !important;}
.splide__arrow:hover svg {fill: #fff !important;}
.dark .splide__arrow {background: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important;}
.dark .splide__arrow svg {fill: var(--color-gray-400) !important;}
.dark .splide__arrow:hover {background: var(--color-primary-dark) !important; border-color: var(--color-primary-dark) !important;}
.dark .splide__arrow:hover svg {fill: #fff !important;}@media screen and (max-width: 1099px){
    #mobile .splide__arrow {display: flex !important;}
    #mobile .splide__arrows {gap: 150px !important; bottom: 5px !important;}
    #mobile #highlites.highlitesSec .high_item {width: 80vw !important;}}
.cmplz-btn.cmplz-hidden.cmplz-manage-consent.manage-consent-1, .cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {position: absolute !important}