/*
Theme Name: Hlavne Spravy v3
Theme URI: http://hlavnespravy.sk
Author: HSP
Version: 112
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.eot);
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.eot?#iefix)
      format("embedded-opentype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff)
      format("woff"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.ttf)
      format("truetype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.svg#fontawesome)
      format("svg");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.eot);
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.eot?#iefix)
      format("embedded-opentype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.woff)
      format("woff"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.ttf)
      format("truetype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-regular-400.svg#fontawesome)
      format("svg");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.eot);
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.eot?#iefix)
      format("embedded-opentype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.woff)
      format("woff"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.ttf)
      format("truetype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/webfonts/fa-solid-900.svg#fontawesome)
      format("svg");
}

.article-content iframe {
	margin: auto !important;
}

.show-mobile, .mobile-comments {
	display: none;
}

.article-date p, .article-date strong {
	display: inline;
	margin-bottom: 0;
}

.article-date {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

#text-2 ins {
	margin-bottom: 0px;
}

.extra-articles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 30px;
	overflow: hidden;
}

.extra-articles > div {
	display: flex;
	gap: 15px;
	position: relative;
}

.extra-articles > div:after {
	content: '';
	height: 100%;
	position: absolute;
	right: -15px;
	display: block;
	width: 1px;
	background: #d9dada;
}

.extra-articles > hr {
	display: none;
	margin: 0;
}

.extra-articles > hr:nth-child(8n) {
	display: block;
	grid-column: 1 / 5;
}

.extra-articles h2 {
	font-size: 18px;
	line-height: 1.3;
	color: #2b2a29;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.extra-articles .extra-info {
	font-size: 10px;
	color: #2b2a29;
	line-height: 1.5;
}

.extra-articles .extra-wrapper-text {
	width: calc(100% - 100px);
}

.extra-articles .extra-wrapper-img {
	width: 100px;
	height: 100px;
}

.extra-articles img {
	width: 100%;
	height: 100%;
}

.mobile-widget .article-tab-widget-list li:nth-child(6), .mobile-widget .article-tab-widget-list li:nth-child(7), .mobile-widget .article-tab-widget-list li:nth-child(8), .mobile-widget .article-tab-widget-list li:nth-child(9), .mobile-widget .article-tab-widget-list li:nth-child(10), #bottom-nav .article-tab-widget-list li:nth-child(6), #bottom-nav .article-tab-widget-list li:nth-child(7), #bottom-nav .article-tab-widget-list li:nth-child(8), #bottom-nav .article-tab-widget-list li:nth-child(9), #bottom-nav .article-tab-widget-list li:nth-child(10) {
	display: none;
}

.article-content [id^=admin-] {
    margin-bottom: 20px;
}

.fluentform .ff-el-group {
	margin-bottom: 15px !important;
}

#fluentform_6_success p {
    font-size: 14px !important;
	margin-left: 15px;
    margin-bottom: 20px !important;
}

.article-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.article-btn {
    color: #ffffff;
    background-color: #436f4d;
    transition: all 0.25s ease-in-out;
    border: none;
    display: inline-block;
    padding: 6px 15px;
    border-radius: 10px;
	font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.25;
}

.fluentform {
    margin-bottom: 0px !important;
}

.article-btn:hover {
    background-color: #27422d;
    cursor: pointer;
}

.article-content figcaption {
	font-size: 16px !important;
    margin: 15px 0 !important;
	font-family: 'Noto Sans', serif !important;
}

.article-bottom #ff_6_email::placeholder {
	opacity: 1;
	background-image: linear-gradient(to right, #555555, #555555 200px, #000000 200px);
    color: transparent;
    background-clip: text;
}

.article-bottom #ff_6_email {
	color: #212529;
    border-radius: 10px !important;
    padding: 6px 15px !important;
    height: 30px !important;
}

.article-bottom #fluentform_6 .ff-btn-submit {
    border-radius: 0 10px 10px 0 !important;
    font-size: 14px !important;
    padding: 6px 15px !important;
    height: 30px !important;
}

.article-wrapper .article-content > *:not(.vlp-link-container) {
    width: 640px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
	display: block;
}

.article-bottom {
    width: 640px;
    max-width: 100%;
    margin: 0 auto;
}

.article-wrapper img, .article-bottom img {
	margin: 0px;
	width: 100%;
}

.article-content ins {
	margin: 20px 0;
}

.post-thumbnail {
	width: 100%;
}

.post-thumbnail img {
	margin: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.caricature-wrapper figure, .caricature-wrapper img {
	margin-top: 0;
}

.main-content .comments {
    line-height: 1.5;
}

.main-content .comments a {
    color: #2b2a29;
	text-transform: uppercase;
}

.bottom-articles-slider {
	margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.bottom-articles-slider img {
    width: 100%;
	height: 125px;
    object-fit: cover;
}

.bottom-articles-slider h3 {
    font-size: 24px;
    color: #2b2a29;
	margin: 15px 0 5px;
}

.bottom-articles-slider .swiper-button-prev, .bottom-articles-slider .swiper-button-next {
    top: 60px;
}

.bottom-articles-slider h3:before {
	margin: 0;
	content: attr(title);
	display: block;
}

.live-banner {
    display: none !important;
}

.article-tab-widget-switcher {
	margin-left: auto;
    font-size: 13px;
    margin-top: -4px;
}

.main-title {
	font-weight: 500 !important;
	font-size: 45px !important;
	margin-bottom: 15px !important;
}

.article-top p, .article-top strong, .article-top span {
    font-size: 22px !important;
    font-weight: 300;
    margin: 0;
	display: inline;
}

.article-top {
    margin-bottom: 15px;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 30px;
	width: 100%;
}

.footer-logo img {
    width: 300px;
}

.bottom-articles {
	margin: 20px 0;
}

.row .bottom-articles .blog .category-row {
	gap: 15px;
}

.row .bottom-articles .blog .category-row > div {
	width: 16.66%;
	padding-right: 15px;
	border-right: 1px solid #d9dada;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row .bottom-articles .blog .category-row > div:last-child {
	padding: 0;
	border: none;
}

.row .bottom-articles .blog img {
    height: 100% !important;
	width: 100% !important;
	border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
	max-height: 110px;
	max-width: 110px;
	border: 2px solid #c5c6c6;
}

.blogger-name {
	font-weight: 600;
    margin: -15px 0 5px 5px;
    height: 24px;
    overflow: hidden;
}

.bottom-articles h3, .row .bottom-articles .blog .category-row > div h3 {
    font-size: 20px;
    line-height: 1.3;
    color: #2b2a29;
}

.bottom-articles h3 {
	margin: 0;
	content:attr(title);
	display: block;
}

.bottom-articles h3:before {
	content:attr(title);
	display: block;
}

.bottom-articles .category-row {
	gap: 20px;
}

.bottom-articles .category-row div {
	display: flex;
	gap: 15px;
    flex-direction: column;
}

.bottom-articles .category-row .category-info {
	display: block;
}

.bottom-articles .category-row > div {
	width: 50%;
}

.bottom-articles .category-row > div:first-child {
    padding-right: 20px;
    border-right: 1px solid #d9dada;
}

.bottom-articles .category-row > div:first-child h3 {
    font-size: 38px;
	line-height: 1.15;
}

.row .bottom-articles .blog .category-row > div h3 {
	padding: 5px 0;
}

.bottom-articles .category-row > div:first-child img {
	height: 300px;
}

.bottom-articles .category-row > div:last-child img {
	height: 150px;
}

.bottom-articles img {
	width: 100%;
    object-fit: cover;
}

.bottom-articles .category-info {
    margin-top: -10px;
}

.category-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 25px !important;
}

.category h4, .bottom-articles h4 {
	display: flex;
	font-weight: 600 !important;
    font-size: 14px !important;
    color: #2b2a29;
    width: 100%;
    align-items: center;
	margin-bottom: 20px;
    white-space: nowrap;
	text-transform: uppercase;
    position: relative;
}

.category h4:after, .bottom-articles h4:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #2b2a29;
    margin-left: 5px;
    margin-top: 10px;
}

.category-item:first-child h2 {
    color: #2b2a29;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-item h2 {
    color: #2b2a29;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 500;
}

.category-row {
	width: 100%;
	display: flex;
	gap: 25px;
}

.category-item:first-child {
	width: 60%;
	gap: 20px;
    flex-direction: row;
    padding-right: 25px;
    border-right: 1px solid #d9dada;
}

.category-item {
	width: 20%;
	display: flex;
	gap: 15px;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.category-info {
    font-size: 10px;
    color: #2b2a29;
}

.category-item:first-child .category-img {
	width: calc(100% - 225px);
}

.category-item:first-child .category-text {
	width: 200px;
}

.category-item:first-child img {
	height: 250px;
}

.category-item img {
	width: 100%;
	height: 125px;
    object-fit: cover;
}

#sortableWrapper {
    display: flex;
    flex-direction: column;
}

.block {
    display: flex;
    flex-direction: row;
	gap: 20px;
}

.vertical {
    min-height: 100%;
    border-right: 1px solid #d9dada;
}

.articles {
    width: calc(100% - 340px);
	display: flex;
    flex-direction: column;
    height: fit-content;
}

.sidebar {
    width: 300px;
	display: flex;
    flex-direction: column;
	gap: 20px;
}

.sidebar .admin-adlabel ~ div {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.articles .top-item {
	padding: 20px 0;
    border-bottom: 1px solid #d9dada;
}

.articles .top-item .top-item, .articles .top-item:nth-child(1) {
	padding-top: 0 !important;
}

.articles .top-item:last-child {
	padding: 20px 0 0;
    border-bottom: none;
}

.subscribe-overlay {
	opacity: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
    z-index: 999999999999999999999;
    justify-content: center;
    align-items: center;
}

.subscribe-overlay-desktop {
	display: block;
}

.subscribe-overlay-mobile {
	display: none;
}

.subscribe-overlay div {
	position: relative;
}

.subscribe-overlay img {
	max-width: 100%;
}

.subscribe-overlay svg {
	cursor: pointer;
    position: absolute;
    top: 5px;
	right: 5px;
}

.navbar.header-nav .nav-item .nav-link {
	font-size: 12.5px;
}

.right-side-nav .nav-item > a {
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar.header-nav {
    z-index: 99999 !important;
	background: white !important;
    color: #2b2a29 !important;
    align-items: stretch !important;
}

.navbar.header-nav .nav-item .nav-link {
    color: #2b2a29 !important;
}

.navbar.header-nav .nav-item .nav-link.support-us-btn, .navbar.header-nav .nav-item .nav-link.login-btn, .navbar.header-nav .nav-item .nav-link.subscribe-btn, .navbar.header-nav .nav-item .nav-link.logout-btn, .navbar.header-nav .nav-item .nav-link.subscriptionButton {
    background-color: #ffffff !important;
}

.main-nav .nav-item .nav-link {
	border-bottom: 1px solid white !important;
    padding: 2px 0px !important;
	font-weight: 400 !important;
	text-transform: uppercase;
    justify-content: center;
}

.main-nav .nav-item.current-menu-item > a, .main-nav .nav-item .nav-link:hover {
    background-color: white !important;
	border-bottom: 1px solid #436f4d !important;
}

.navbar.header-nav .nav-item .nav-link.support-us-btn {
	color: white !important;
    background: #2b2a29 !important;
}

.article-content h2, .article-content h3 {
    font-size: 1.5rem;
	text-align: left;
	margin-bottom: 25px;
    margin-top: 20px;
}

.article-content img {
	width: 100%;
	min-width: 100%;
}

.article-content a {
	color: #436f4d;
}

.header-login {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 5px;
    display: block;
}

.custom-green, p.custom-green {
    font-size: 18px;
    color: #436f4d;
    font-weight: bold;
    margin-bottom: 0;
}

.custom-blue {
    color: #2b2a29;
}

#odporucame h4 {
	font-size: 25px;
}

.live-banner h4 {
    font-size: 22px;
    font-weight: 500;
    color: #436f4d;
}

.main-page figure img {
    max-width: 100%;
    height: auto;
}

.category-custom-container .category-wrapper .category-wrapper-text p {
    font-size: 14px;
}

.predplatne {
	width: 100%;
    display: block;
    text-align: center;
    color: #ffffff;
    background-color: #436f4d;
    transition: all 0.2s ease-in-out;
    font-size: 22px;
    padding: 10px 0;
    margin-bottom: 50px;
}

.predplatne:hover {
    background-color: #4eb919;
}

.category-custom-container .category-wrapper .category-wrapper-text p:before, .category-custom-container .category-wrapper h3:before {
	content:attr(title);
	display: block;
}

#left_content .adblock-warning, #right_content .adblock-warning, #ad_header_mobile .adblock-warning, #ad_header_desktop .adblock-warning {
    display: none !important;
}

#ad_right {
    background: #23200010;
    position: fixed;
    width: calc((100% - 1200px) / 2 );
    right: 0;
    overflow: hidden;
}

#ad_left {
    background: #23200010;
    position: fixed;
    width: calc((100% - 1200px) / 2 );
    overflow: hidden;
}

body {
  font-family: 'Noto Sans', serif !important;
}

.widget_hsp_widget_volby {
	margin-bottom: 20px;
}

#bottom-nav figure img {
	max-width: 100%;
	height: auto;
}

.vlp-link-title {
	font-family: 'Noto Sans';
    font-size: 20px;
    line-height: 1.4 !important;
}

.vlp-link-container img {
	margin: 0 !important;
    object-fit: cover;
}

.vlp-link-container .vlp-link-image {
	height: 100%;
}

.article-content .vlp-link-container div {
    margin: 0;
}

.vlp-layout-basic {
    border-radius: 0px !important;
}

.vlp-link-container {
    overflow: hidden;
    border-width: 1px !important;
    margin: 10px 25px 15px 0 !important;
    padding: 0 !important;
    min-height: 100px;
	border-color: #c7c7c7 !important;
    flex-direction: column;
    width: 280px;
    float: left;
}

.vlp-link-container .vlp-link-title:before {
    content: 'Čítajte viac:';
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #436f4d;
    margin-bottom: 5px;
}

.vlp-layout-basic .vlp-layout-zone-side {
    height: 200px;
    width: 100%;
    padding-right: 0px !important;
}

.vlp-link-container .vlp-link-image img {
    height: auto;
}

.vlp-link-container .vlp-link-title {
    margin: 15px !important;
}

.vlp-link-container .vlp-link-summary {
    line-height: 24px !important;
    margin-top: 12px !important;
	display: none !important;
}

body div.fc-consent-root {
	z-index: 92147483644 !important;
}

body .fc-consent-root .fc-dialog {
    position: relative !important;
    padding: 20px 0px 7px !important;
}

body .fc-consent-root .fc-dialog-content .fc-header .fc-dialog-title {
	display: none !important
}

body .fc-consent-root .fc-choice-dialog-header {
    display: flex !important;
    justify-content: center !important;
}

body .fc-consent-root .fc-choice-dialog-header .fc-close {
    position: relative !important;
    width: auto !important;
    margin-top: -5px !important;
    background: white !important;
}

body .fc-consent-root .fc-choice-dialog-header .fc-close:after {
    content: 'Pokračovať s nevyhnutnými súbormi cookie →';
	color: #777;
    font-size: 14px;
    font-weight: 600;
    color: #2b2a29 !important;
}

body .fc-consent-root .fc-choice-dialog-header .fc-close div, body .fc-consent-root .fc-choice-dialog-header .fc-close i {
    display: none !important;
}

@media (max-width: 450px) {
	.vlp-link-container {
    	margin: 10px 0px 10px 0 !important;
    	width: 100%;
    	float: none;
	}
}

.google-revocation-link-placeholder {
	display: none !important;
}

.paragraph-disabled ~ .twitter-tweet, .paragraph-disabled ~ .fb-post, .paragraph-disabled ~ .fb-video, .paragraph-disabled ~ .wp-block-embed, .paragraph-disabled ~ .embed-twitter, .paragraph-disabled ~ .tiktok-embed {
	display: none !important;
}

.confirm18 {
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000cc;
    position: fixed;
    z-index: 9999999999999999999999999999999;
	display: none;
}

.confirm18 > div {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.confirm18 > div > div {
    background: white;
	border-radius: 5px;
	padding: 25px;
    margin: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.confirm18 p {
    font-size: 18px;
}

.confirm18 .ok18 {
    background-color: #75d546;
    border-radius: 20px;
    padding: 4px;
    cursor: pointer;
    width: 280px;
    margin-bottom: 10px;
}

.confirm18 .no18 {
    background-color: #e5e5e5;
    border-radius: 20px;
    padding: 4px;
    cursor: pointer;
    width: 280px;
}

#ad_header_desktop a {
    height: 250px;
    display: flex;
    align-items: center;
}

#ad_mobile_left {
	display: none;
    position: sticky;
    top: 0;
}

#body-container{
    width: 100% !important;
    max-width: 100% !important;
}

#nav-container.sticky-nav {
    width: 100% !important;
}

.right-side-nav {
    height: 30px !important;
}

.live-widget {
	
}

.live-widget img {
    max-width: 100%;
    height: auto;
}

.live-widget span {
	font-size: 12px;
	color: #2b2a29;
}

.live-widget img {
	margin-top: 4px;
}

.live-widget figcaption {
	font-size: 12px;
	margin-top: 6px;
	text-align: left;
}

.live-widget figure {
    max-width: 100%;
    height: auto;
    margin: 2px 0;
}

.live-widget p {
    font-size: 17px;
    line-height: 1.3;
    font-family: 'Noto Serif';
	color: #2b2a29;
    margin-bottom: 2px;
}

.live-widget a {
    color: #6c3;
}

.live-widget a p {
    color: #2b2a29;
    transition: color 0.2s ease-in-out;
}

.live-widget a:hover p {
    color: #6c3;
}

.live-widget div {
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9dada;
}

.live-widget div:last-child {
	margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

#bottom-nav .live-widget, #bottom-nav .article-tab-widget {
	padding: 20px 15px;
}

.live-text {
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #6c3;
	margin-bottom: 20px !important;
}

.all-live {
    text-align: center;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: #6c3 !important;
    transition: color 0.2s ease-in-out;
}

.all-live:hover {
    color: #6c3 !important;
}

.live-banner {
	background: white;
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 900000000000;
	display: flex;
	flex-direction: row;
}

.live-banner div {
	width: 50%;
	text-align: center;
    padding: 4px;
	border: 2px solid white;
	border-top: 1px solid #c5c5c5;
	padding-top: 5px;
}

.live-banner .selected {
	border: 2px solid #436f4d;
	padding-top: 4px;
}

.live-banner img {
	margin-top: -2px;
	max-height: 18px;
}

.live-banner h2 {
	font-size: 22px;
	font-weight: 500;
	color: #436f4d;
}

.author-name {
    font-size: 35px;
    color: #2b2a29;
    font-weight: 600;
    margin-bottom: 0px;
}

.tags {
	margin-top: 15px;
	font-size: 16px;
}

.tags a {
	color: #2b2a29;
}

.article-info {
    font-size: 17px;
    margin-top: 8px;
    margin-bottom: 25px;
}

.article-info a {
	color: #2b2a29;
}

.articles .live-widget h5 {
    font-size: 15px;
    margin-bottom: 8px;
}

#ad_mobile_left {
    position: sticky;
    top: 0;
}

.top-item-wrapper-text p {
	font-size: 14px !important;
	margin: 10px 0 5px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-content > div > div {
    margin: 20px 0px;
}

#ad_header_mobile img {
	margin-top: 20px;
}

#left_content, #right_content {
    top: 30px;
    z-index: 9999999;
	background: #ffffff00;
}

#sortableWrapper > div > ins {
	margin-bottom: 20px;
}

#fatchilli-adm-5125-left ~ #main-body {
    max-width: calc(100% - 30px);
}

#protag-admbg-fixed ~ #top-nav {
    margin-top: 210px;
}

#top-nav {
    position: relative;
    background: white;
}

body .main-content {
    margin-top: 0px !important;
    padding-top: 0px;
    height: auto !important;
    max-width: 1200px;
    margin: auto;
    background: white;
    position: relative;
}

#bottom-nav {
	background: white;
	position: relative;
}

.login-register-popup {
	position: fixed !important;
    top: 60px !important;
    z-index: 999999999999 !important;
}

.login-register-popup .close-login-register-popup {
    z-index: 2;
}

#login-overlay {
	display: none;
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	bottom: 0;
    background: #00000080;
    z-index: 1;
}

#login-overlay .center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.op-controls-time {
    position: absolute;
    top: -15px;
	font-family: Noto Sans, serif !important;
	color: #c5c6c6 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 100%;
    margin: 0 !important;
    left: 0;
}

.op-controls__progress--played {
	border-color: #2b2a29 !important;
    color: #2b2a29 !important;
}

.op-controls__progress {
    background: linear-gradient(to right, #fff 3px, #c5c6c6 3px, #c5c6c6 100%) !important;
    margin-top: 7px !important;
}

.op-controls__current {
    left: 31px;
    position: absolute;
}

.op-controls__time-delimiter, .op-controls__playpause:before, .op-controls__tooltip {
	display: none !important;
}

.op-controls__duration {
    right: 0;
    position: absolute;
}

.op-player__audio {
    background: #fff !important;
    margin-bottom: 20px;
	width: 100% !important;
}

.op-controls {
	padding: 0 !important;
    background: #fff !important;
}

.op-controls button:hover {
    opacity: 1 !important;
}

.op-controls__playpause {
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/mejs-controls.svg) !important;
    height: 20px;
    width: 20px;
    margin-top: 1px !important;
}

.op-controls__playpause.op-controls__playpause--pause {
	background-position: -20px 0 !important;
}

.op-controls__progress--seek {
	background: transparent !important;
}

.op-controls input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}

.op-controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
	display: none !important;
    height: 20px !important;
    width: 20px !important;
	padding: 0 !important;
    border-radius: 0px !important;
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/mejs-controls.svg) !important;
	border: none !important;
	margin: -5px 0 0 0px !important;
}

.op-controls input[type=range]::-moz-range-thumb {
	opacity: 0 !important;
    height: 20px !important;
    width: 20px !important;
	padding: 0 !important;
    border-radius: 0px !important;
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/mejs-controls.svg) !important;
	border: none !important;
}

.op-controls__progress:hover input[type=range]::-webkit-slider-thumb {
	display: block !important;
}

.op-controls__progress:hover input[type=range]::-moz-range-thumb {
	opacity: 1 !important;
}

.op-controls .op-controls__volume--display {
    color: #436f4d !important;
}

.op-controls__mute:before {
	content: '' !important;
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/speaker.svg) !important;
    height: 20px !important;
    width: 20px !important;
}

.op-controls__settings:before {
	content: '' !important;
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/control.svg) !important;
    height: 20px !important;
    width: 20px !important;
}

button.op-controls__fullscreen:before {
	content: '' !important;
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/fullscreen.svg) !important;
    height: 18px !important;
    width: 18px !important;
}

.op-player__play, .op-player__play:hover {
	border-color: transparent transparent transparent #436f4d !important;
}

.op-player__video .op-controls__progress, #video-controls .op-controls__progress {
    bottom: 0px !important;
    left: 0px !important;
    margin-left: 60px !important;
    margin-right: 60px !important;
    position: relative !important;
    width: auto !important;
}

.op-player__video .op-controls__current, #video-controls .op-controls__current {
    left: 25px;
}

.op-player__video .op-controls__duration, #video-controls .op-controls__duration {
    right: 50px;
}

.op-player__video .op-controls button, #video-controls .op-controls button {
	padding: 0 !important;
}

.op-player__video .op-controls time, #video-controls time {
    top: 29px;
	line-height: 0 !important;
}

.op-player__video .op-controls, #video-controls {
    height: 30px !important;
    margin-top: -30px !important;
    padding-top: 5px !important;
	position: relative !important;
}

#video-controls {
    margin: 0px auto 20px !important;
}

.op-player {
	background: white !important;
}

.op-controls button {
    outline: none;
}

.op-player__video {
    line-height: 0 !important;
}

.op-player__loader {
    border-top-color: #436f4d !important;
}

.op-player__media {
	object-fit: cover;
}

[data-featherlight] img, .featherlight {
	cursor: pointer !important;
}

.pswp {
	z-index: 9999999999999999999 !important;
}

.header-nav {
	z-index: 10 !important;
}

#bottom-nav {
	padding: 20px 0 0 0 !important;
}

#protag-adm-branding-top {
	margin-top: 25px;
}

.gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.gallery-columns-2 figure {
	width: 50%;
}

.gallery-columns-3 figure {
	width: 33.33%;
}

.gallery-columns-4 figure {
	width: 25%;
}

.gallery img {
    width: 100%;
    padding: 0 10px;
}

#mobile-logo {
   	position: absolute;
   	margin-left: auto;
   	margin-right: auto;
   	left: 0;
   	right: 0;
   	width: 275px;
    top: 3px;
	opacity: 0;
	transition: opacity 0.25s ease-out;
    width: 230px;
    top: 6px !important;
}

#white-logo {
    z-index: 9999999;
    height: 20px;
    margin: 5px auto;
    position: absolute;
    left: 0;
    right: 0;
	opacity: 0;
	transition: opacity 0.25s ease-out;
	cursor: pointer;
}

.sticky-nav {
	position: fixed;
   	top: 0;
   	width: 100%;
}

.nav-container nav {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body .nav-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#nav-container.sticky-nav {
    margin: auto;
    width: 100%;
    z-index: 999999;
}

#nav-container {
	transition: 0.25s background ease-out;
}

#nav-container > div {
    background: white;
}

footer {
    margin-top: 20px;
    position: relative;
    z-index: 9999999;
    margin-bottom: -25px;
    padding-bottom: 25px !important;
}

.sharecount a:after {
	color: #1d2129;
	content: attr(data-count);
	font-size: 11px;
    border: 1px solid #818181;
    border-radius: 3px;
	margin-top: -2px;
	display: block;
	border-top: none !important;
    text-align: center;
	height: 23px !important;
	line-height: 24px !important;
    font-family: Helvetica, Arial, sans-serif;
}

.fb-share-button {
    position: absolute !important;
    margin-top: 36px;
    margin-left: 1px;
	display: none;
}

.fb-share-button > span {
    overflow: hidden;
}

.fb-share-button iframe {
    margin: -1px 0 0 -20px;
	height: 20px !important;
    width: 53px !important;
}

.sharecount i {
	border-radius: 3px 3px 0 0 !important;
	width: 35px !important;
	height: 35px !important;
}

#warning-text {
	margin-bottom: 10px;
}

.mejs-layers button {
    outline: none;
    border: none;
}

.category-custom-container .category-wrapper .category-wrapper-text {
	overflow: hidden;
    overflow-wrap: break-word;
}

#res1080 {
	color: #436f4d;
}

#podcast-article-wrapper .article-wrapper img {
	margin: 0 auto 10px auto;
}

#podcast-article-wrapper .article-content > a:first-child img {
	margin: 0 auto 10px auto;
    display: block;
}

.support-us-box .hs-image img {
    width: auto;
    height: auto;
}

#podcast-article-wrapper .support-us-box .hs-image img {
    width: auto;
    height: auto;
}

#right-wrapper > div > div {
	margin: 0 !important;
}

#text-38, #text-39 {
    margin-top: -45px;
}

.ad-blog {
    text-align: center;
	margin: -30px 0 10px 0;
}

.article-action-buttons-second {
    margin: 10px 0;
}

.top-1-text {
	height: 400px;
    overflow: hidden;
}

.wp-video, #mep_0 {
	width: auto !important;
}

.wp-video video {
    width: 100% !important;
}

.podcast-bottom.category-custom-container .category-wrapper h3 {
    color: #436f4d;
}
.category-custom-container .category-wrapper h3 {
    margin-top: 5px;
}

.podcasts {
    border-top: 2px solid #436f4d;
    margin-top: -5px;
}

.article-podcast {
    margin-top: 25px;
    border-top: 2px solid #436f4d;
}

.article-podcast .podcast-item .podcast-item a {
    margin-bottom: 10px;
    display: block;
}

.article-podcast .podcast-item .podcast-image {
    max-width: 175px;
    min-width: 175px;
    margin: 0 10px 20px 0;
}

.article-podcast .podcast-item {
    margin: 20px 0;
}

.article-podcast .podcast-item .podcast-name img {
    bottom: -12px;
}

#sortableWrapper > .ui-sortable-handle:nth-last-child(3) {
}

.primary-btn-red {
    padding: 1px 0;
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: #666666;
    opacity: .5;
}

.ui-dialog {
    border: 1px solid #c5c5c5;
    background: white;
	z-index: 1;
    width: 500px !important;
    padding: 20px;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog-buttonset {
    text-align: right;
}

.ui-dialog-buttonset button {
	color: #ffffff;
    background-color: #436f4d;
    border: none;
    padding: 2px 12px;
	margin-left: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.inzercia-img {
	height: 90px !important;
	margin-right: 40px;
}

.inzercia h2 {
	font-family: Noto Sans, serif;
    color: #436f4d;
	font-size: 70px;
    font-weight: 600;
    line-height: 70px;
}

.inzercia h3 {
	font-family: Noto Sans, serif;
    color: #292969;
	font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
}

.inzercia h4 {
	font-family: Noto Sans, serif;
    color: #436f4d;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inzercia .ponuka {
	max-width: 600px;
    background: #436f4d;
	color: white;
	box-shadow: 0px 0px 15px 0px #bbb;
	text-align: center;
    padding-top: 10px;
    margin-top: 30px;
}

.inzercia .ponuka h4 {
	font-size: 35px;
    font-weight: 600;
    padding: 0 10px;
    color: white;
    text-align: center;
}

.inzercia .ponuka h5 {
    margin-top: -10px;
    font-size: 28px;
    font-weight: 600;
    padding: 0 10px;
    color: white;
}

.inzercia .ponuka div {
    background: white;
	color: black;
    padding: 8px 10px;
    font-weight: 600;
}

.inzercia a {
    font-weight: 700;
    margin-top: 20px;
    font-size: 20px;
	cursor: pointer;
}

.link-left, .link-right {
}

#conditions ol {
	list-style: none !important;
	padding: 0 !important;
}

#conditions ol b {
    display: block !important;
    margin-top: 20px !important;
    margin-bottom: -14px !important;
}

#conditions p {
    margin-bottom: 10px !important;
}

#techspecs table {
    text-align: left !important;
}

#techspecs td {
    padding: 5px 12px !important;
}

#invoicing {
	background: #f5f5f5;
}

#invoicing > div {
	max-width: 920px;
    margin: auto;
    margin-bottom: 20px;
}

.article-tab-widget h2, .weather-widget h2, .caricature-widget h2, .facebook-widget h2, .widget-photo-of-the-day h2, .WidgetRecentPostsByCategory h2, .live-widget h2 {
    font-weight: 600 !important;
}

.article-tab-widget h4, .weather-widget h4, .caricature-widget h4, .facebook-widget h4, .widget-photo-of-the-day h4, .WidgetRecentPostsByCategory h4, .live-widget h4, .social-sharing-widget h4 {
    font-weight: 700 !important;
	font-size: 14px !important;
    color: #2b2a29;
	width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
	white-space: nowrap;
}

.live-widget h4:before {
	content: '';
    display: block;
	width: 10px;
	height: 10px;
    min-width: 10px;
	min-height: 10px;
	background: #436f4d;
	border-radius: 50%;
    margin-right: 5px;
	
}

.article-tab-widget h4:after, .weather-widget h4:after, .caricature-widget h4:after, .facebook-widget h4:after, .widget-photo-of-the-day h4:after, .WidgetRecentPostsByCategory h4:after, .live-widget h4:after, .social-sharing-widget h4:after {
	content: '';
    display: block;
    width: 100%;
	height: 1px;
	background: #2b2a29;
    margin-left: 5px;
    margin-top: 8px;
	
}

.category-custom-container h3.custom-green, .category-custom-container h4.custom-green {
    font-size: 25px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.gray-bg .category-wrapper-img .blogger-name {
    padding: 2px 5px;
}

.mobilebanner {
	display: none;
}

.tv-program img {
	width: 100%;
}

.podcast-item {
	display: flex;
    margin: 10px 0;
    border-bottom: 2px solid #436f4d;
}

.podcast-item .podcast-image {
	max-width: 140px;
    margin: 0 10px 10px 0;
    object-fit: cover;
    height: 100px;
}

.podcast-widget .podcast-item .podcast-image {
	min-width: 140px;
}

.podcast-item a {
	color: #2b2a29;
    font-weight: 600;
}

.podcast-item .podcast-name {
	width: 100%;
    position: relative;
}

.podcast-item .podcast-name .overflow-fix {
	float: right;
    position: inherit;
	clear: right;
}

.podcast-item .podcast-name img {
    position: absolute;
    bottom: -2px;
    right: 0;
    background: white;
}

.odoberat {
	color: #2b2a29;
    font-weight: 700;
	font-size: 16px !important;
    padding-bottom: 8px;
}

.podcast-archive {
    border-bottom: 2px solid #436f4d;
    margin-bottom: 0px;
}

.podcast-archive > img {
    position: absolute;
    bottom: 0px;
    right: 0;
    background: white;
    padding-left: 5px;
    width: 40px;
}

.archive-page-content .top-item {
    position: relative;
}

.podcast-title {
	display: inline-block;
}

img.podcast-title {

    margin: 0 !important;
	display: inline;
}
img.podcast-title +h2.custom-blue.font-24.caricature-subtitle {
	display: inline;
}

h2.podcast-title {
    max-width: calc(100% - 0px) !important;
    margin-left: 10px;
}

.wp-audio-shortcode {
	margin-bottom: 0px !important;
}

.wp-video {
	margin-bottom: 20px !important;
}

.mejs-container * {
    font-family: Noto Sans, serif !important;
}

.mejs-audio .mejs-volume-button, .mejs-horizontal-volume-slider, .mejs-time-float {
	display: none !important;
}

.mejs-fullscreen-button button {
    margin-right: 0px;
    right: 0;
}

.mejs-container .mejs-controls {
	background: #fff !important;
	padding: 0 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #2b2a29 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #c5c6c6 !important;
}

.mejs-time-handle-content {
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/mejs-controls.svg) !important;
    height: 20px !important;
    width: 20px !important;
    display: block !important;
    border: none !important;
    top: -10px !important;
}

.mejs-resolution-button button {
	background: transparent url(/wp-content/themes/hsp3/js/mediaelement/control.svg) !important;
    margin-left: 3px !important;
	width: 21px;
    height: 21px;
}

.mejs-overlay-play, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}

.mejs-time-rail:hover .mejs-time-handle-content {

}

.mejs-time-handle-content {
    left: -9px !important;
}

.mejs-time {
    color: #c5c6c6 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.mejs-audio .mejs-time {
    color: #c5c6c6 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
	padding: 0 !important;
}

.mejs-audio .mejs-playpause-button button {
	margin-left: 0px !important;
}

.mejs-sourcechooser-selector {
	background: rgba(50,50,50,.7);
	color: white;
    font-size: 14px;
    position: absolute;
    padding: 5px 4px;
    margin-top: -100px;
	display: none;
    border-bottom: 4px solid white;
}

.mejs-sourcechooser-selector {
	cursor: pointer;
}

.mejs-sourcechooser-selector > div {
	padding: 8px 0px;
	line-height: 0 !important;
}

.mejs-resolution-button:hover .mejs-sourcechooser-selector {
	display: block;
}

.op-controls__fullscreen  {
	padding: 0 !important;
}

.mejs-time-total {
	margin-top: 7px !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #c5c6c6 !important;
}

.mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total {
	height: 5px !important;
}

.mejs-audio .mejs-currenttime-container {
    position: absolute;
    top: -2px;
    left: 32px;
}

.mejs-audio .mejs-duration-container {
    position: absolute;
    top: -2px;
    right: 0px;
}

.mejs-video .mejs-time {
    padding: 14px 6px 0 !important;
}

.mejs-container {
    border: none !important;
	background: white !important;
}

.mejs-time-rail {
	margin: 0 !important;
}

#podcast-article-wrapper .hlavn-pred-obhasom {
	display: none !important;
}

.current-category-ancestor a {
    background-color: white !important;
    border-bottom: 1px solid #436f4d !important;
}

.col-lg-7.main-content-wrapper .top-1-content {
	margin-bottom: 20px !important;
}

.top-1-content {
	display: flex;
	gap: 20px;
}

.podcast-odkaz {
    color: #2b2a29;
	font-weight: 700;
    font-size: 16px !important;
    padding: 2px 10px;
    transition: all 0.2s ease-in-out;
}

.podcast-odkaz:hover {
    color: #2b2a29;
    background-color: #436f4d;
}

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

.article-wrapper p {
	line-height: 1.6 !important;
}

.podcast-widget .podcast-item .podcast-name a {
    margin-bottom: 5px;
	display: block;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
    height: 100px;
   	overflow: hidden;
	text-overflow: ellipsis;
}

.navbar .mr-3 {
	margin-right: 0px !important;
}

#text-41 {
	margin-bottom: 25px;
}

.top_ad img {
	width: 100%;
    height: auto;
	margin-bottom: 20px;
}

#left_content img, #right_content img {
    max-width: 300px;
	min-width: 300px;
    max-height: 900px;
	min-height: 900px;
}

#left_content a {
    display: flex;
    justify-content: flex-end;
}

#right_content a {
    display: flex;
    justify-content: flex-start;
}

.menu-item-has-children > a:after {
    padding-left: 5px !important;
	margin-left: 0px !important;
}

.menu-item-has-children .sub-menu a {
    margin: 5px 0;
}

.hsp-post {
    font-size: 16px;
}

.mobile-menu {
	gap: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: -25px;
	margin-bottom: 20px;
}

.mobile-menu a {
	color: white !important;
    text-align: center;
    background: #151616;
	border-radius: 5px;
    font-size: 15px;
    padding: 2px;
	cursor: pointer;
}

.mobile-menu a:first-child {
    background: #436f4d;
}

.bottom-articles .category-row > div:first-child .category-info {
    margin-top: -5px;
}

.article-share {
    position: relative;
}

.article-share svg {
    position: absolute;
    top: 4px;
    left: 6px;
}

#sortableWrapper > .block5, #sortableWrapper > .block6 {
	display: none;
}

.all-body-container {
   flex-direction: column !important;
}

.nav-link.login-btn img, .nav-link.logout-btn img, .nav-link.subscriptionButton img {
    position: relative !important;
    transform: none !important;
    right: 4px !important;
	left: auto !important;
    bottom: 1px !important;
}

.main-content-wrapper {
	min-width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	#left_content img, #right_content img {
	    display: none !important;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1800px) {
	.right-side-nav .search-form {
    	width: 650px;
    	z-index: 1;
    	justify-content: flex-end;
	}
}

@media only screen and (max-width: 1500px) {
	#white-logo {
		display: none !important;
	}

	.navbar .mr-3 {
		margin-right: 1rem !important;
	}
	
	.footer-logo {
    	flex-direction: column;
		gap: 20px;
	}
	
	.footer-logo > div {
    	align-items: center;
	}
}

@media only screen and (min-width: 1200px) {	
	.sticky-nav + #bottom-nav {
		margin-top: 40px !important;
	}

	#top-nav {
    	max-width: 1200px !important;
	}

	.we-choose-container > div, .podcast-bottom > div, .blog-container > div {
		padding: 0 20px 0 10px !important;
	}

	.header-nav {
    	position: fixed !important;
    	width: 100% !important;
    	z-index: 5 !important;
    	top: 0 !important;
	}

	.main-content .container.custom-container {
		padding-left: 25px;
    	padding-right: 25px;
	}

	.main-logo {
    	margin-top: 20px;
	}

	#nav-container.sticky-nav {
    	top: 30px;
    	background: white;
	}

	#mobile-logo {
		display: none !important;
	}

	.sticky-nav + #bottom-nav {
  		padding-top: 50px;
	}
}

@media only screen and (max-width: 1199px) {
	.header-nav {
		display: none !important;
	}
	
	.extra-articles {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.extra-articles > hr {
		display: none !important;
	}
	
	.extra-articles > hr:nth-child(6n) {
		display: block !important;
		grid-column: 1 / 4;
	}
	
	.extra-articles h2 {
		font-size: 18px;
	}
	
	.top-1-content .top-1-text h2, .top-1-content .top-1-text h1, .bottom-articles .category-row > div:first-child h3 {
    	font-size: 36px;
	}
	
	.top-item .top-item-wrapper-text h2, .category-item:first-child h2 {
		font-size: 24px;
	}
	
	.video-title {
		font-size: 20px;
	}
	
	.main-title {
		font-size: 45px !important;
	}
	
	.article-top p, .article-top strong, .article-top span {
		font-size: 22px !important;
	}
	
	.article-info {
		font-size: 16px;
	}
	
	.category-item:first-child img {
    	height: 100%;
	}
	
	.top-1-text {
    	height: 350px;
	}
	
	.articles {
		width: calc(100% - 290px);
	}
	
	.sidebar {
   		width: 250px;
	}
	
	.top-item-wrapper .top-item-wrapper-img {
    	width: calc(100% - 300px);
    	height: 240px;
	}
	
	.top-item .top-item-wrapper-text {
    	max-height: 240px !important;
	}
	
	.menu-item-has-children .sub-menu a {
    	text-align: center;
	}
	
	#menu-primary {
    	gap: 10px;
	}
	
	#menu-primary:before {
		display: none !important;
	}
	
	.sticky-nav + #bottom-nav {
		margin-top: 46px !important;
	}

	.main-content-wrapper {
    	padding-right: 10px !important;
   		padding-left: 10px !important;
	}

	#nav-container {
    	background: white;
        padding-right: 15px;
        padding-left: 15px;
	}

	#nav-container.sticky-nav #mobile-logo {
    	opacity: 1;
	}
}

@media only screen and (min-width: 992px) {
	#text-13, #text-37, #div-gpt-ad-za_clankom {
		display: none !important;
	}

	.live-banner {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.bottom-articles .extra-articles {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.bottom-articles .extra-articles > hr {
		display: none !important;
	}
	
	.bottom-articles .extra-articles > hr:nth-child(4n) {
		display: block !important;
		grid-column: 1 / 3;
	}
	
	body hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }
	
	.block {
    	gap: 20px;
	}
	
	.articles .top-item {
		padding: 20px 0;
	}
	
	.articles .top-item:last-child {
    	padding: 20px 0 0;
	}
	
	.category h4, .bottom-articles h4 {
    	margin-bottom: 20px;
	}
	
	.category-row {
		gap: 20px;
	}
	
	.category-item:first-child {
    	gap: 20px;
    	padding-right: 20px;
	}
	
	.category-item:first-child .category-text {
    	width: 200px;
	}
	
	.category-item:first-child .category-img {
        height: 225px;
    	width: calc(100% - 220px);
	}
	
	.top-1-content .top-1-text h2, .top-1-content .top-1-text h1 {
    	font-size: 28px;
	}
	
	.top-1-content .top-1-text p {
    	font-size: 15px;
	}
	
	.top-1-text {
    	height: 300px;
	}
	
	.articles {
		width: calc(100% - 240px);
	}
	
	.sidebar {
   		width: 200px;
	}
	
	.top-item-wrapper .top-item-wrapper-img {
		width: calc(100% - 225px);
    	height: 225px;
	}
	
	.top-item .top-item-wrapper-text {
    	max-height: 225px !important;
	}
	
	.top-item .top-item-wrapper-text h2 {
    	font-size: 22px;
	}
	
	.top-item-wrapper-text p {
		font-size: 13px !important;
	}
	
	#text-29, #hlavn-3af475a8ce2413c76d3a4b87cb256b2d, .hlavn-pred-obhasom, #text-31 {
		display: none !important;
	}

	.podcast-odkaz {
    	padding: 2px 7px;
	}

	.ad-blog {
		display: none !important;
	}
	
	footer .footer-info p, footer .footer-nav .nav-item .nav-link {
    	font-size: 12px;
    	line-height: 18px;
	}
	
	footer.pb-4 {
        padding: 30px 0 60px 0 !important;
	}
	
    .blog .category-row {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
	
	.row .bottom-articles .blog .category-row {
        row-gap: 25px;
	}
	
	.row .bottom-articles .blog .category-row > div {
        width: 100%;
	}
	
	.row .bottom-articles .blog .category-row > div:nth-child(3) {
        padding-right: 0px;
        border-right: none;
    }
	
	.bottom-articles .category-row > div:first-child h3 {
    	font-size: 30px;
	}
	
	.bottom-articles h3, .row .bottom-articles .blog .category-row > div h3 {
		font-size: 18px;
	}
	
	.bottom-articles-slider h3 {
		font-size: 22px;
	}
	
	.blogger-name {
    	font-size: 15px;
	}
	
	.live-widget p, .article-tab-widget .article-tab-widget-list li a {
    	font-size: 16px;
	}
	
	.video-title {
    	font-size: 20px;
	}
	
	.top-item-wrapper {
		gap: 20px;
	}
	
	.main-title {
		font-size: 38px !important;
        line-height: 1.25 !important;
	}
	
	.article-top p, .article-top strong, .article-top span {
    	font-size: 22px !important;
	}
	
	.article-info {
    	font-size: 15px;
	}
	
	.article-wrapper p {
    	font-size: 18px;
	}
	
	.post-text {
    	margin: 10px auto 15px;
    	font-size: 15px;
	}
}

@media only screen and (min-width: 768px) {	
	.mobile-widget {
		display: none;
	}
	
	.articles .mobile-article ~ .top-item:nth-child(2) {
		padding-top: 0 !important;
	}
	
	.mobile-article {
		display: none;
	}
	
	.mobile-menu {
		display: none;
	}
	
	.gray-bg {
		padding-top: 40px;
	}
	
	.link-left {
		margin-left: 140px;
	}

	.article-podcast .podcast-item .podcast-image {
		height: 120px;
	}

	.article-podcast .podcast-item a {
    	font-size: 18px;
	}

	.gray-bg h3 {
    	display: -webkit-box;
    	-webkit-line-clamp: 3;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
	}
	
	.mobile-ad {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.bottom-articles .extra-articles h2 {
		font-size: 16px;
	}
	
	.top-item-wrapper .top-item-wrapper-img {
        max-height: 250px !important;
        overflow: hidden;
	}
	
	.main-title {
		font-size: 36px !important;
        line-height: 1.25 !important;
	}
	
	.article-top p, .article-top strong, .article-top span {
    	font-size: 20px !important;
	}
	
	.mobile-widget {
    	padding: 25px 15px;
    	background: #f5f5f6;
	}
	
	.category h4:before, .bottom-articles h4:before {
		content: '>';
        top: -2px;
        font-weight: 300;
        text-align: right;
        font-size: 18px;
        width: 13px;
        display: block;
        right: 0;
        position: absolute;
        background: white;
	}
	
	.articles .mobile-article .top-item {
		padding-bottom: 20px !important;
		border-bottom: 1px solid #d9dada;
	}
	
	.sidebar, .vertical {
		display: none;
	}
	
	.top-item-wrapper {
		gap: 15px;
	}
	
	.articles .top-item:first-child {
    	padding: 0 0 20px;
	}
	
	.articles .top-item {
		padding: 20px 0;
	}
	
	body hr {
    	margin-top: 20px;
    	margin-bottom: 20px;
	}
	
	.top-1-content {
    	gap: 15px;
	}
	
	.text-block {
		display: none;
	}
	
	.top-1-content .top-1-image {
        height: 300px;
		flex-basis: 300px;
    }
	
	.block, .sidebar {
		gap: 20px;
	}
	
	.row .bottom-articles .blog .category-row > div:nth-child(3) {
    	padding-right: 0px;
    	border-right: none;
	}
	
	.row .bottom-articles .blog .category-row {
    	row-gap: 25px;
	}
	
	.top-1-content .top-1-text h2, .top-1-content .top-1-text h1 {
    	font-size: 30px !important;
		margin-bottom: 10px !important;
	}
	
	.bottom-articles .category-row > div:first-child h3 {
    	font-size: 28px;
		line-height: 1.3;
	}
	
	.top-item .top-item-wrapper-text h2 {
		font-size: 22px !important;
		margin-bottom: 10px;
	}
	
	.bottom-articles h3, .bottom-articles h3, .row .bottom-articles .blog .category-row > div h3 {
		font-size: 20px;
	}
	
	footer .footer-info {
    	text-align: center !important;
    	flex-direction: column !important;
    	justify-content: center !important;
	}
	
	footer .footer-info div {
    	max-width: 100% !important;
	}
	
	footer .row {
    	gap: 20px;
	}
	
	.footer-logo {
    	flex-direction: column;
	}
	
	.block, .top-1-content, .articles .top-item {
    	flex-direction: column;
	}
	
	.top-1-text {
    	height: auto;
	}
	
	.category-item {
		width: calc(50% - 12.5px);
	}
	
	.top-1-content .top-1-image, .top-item-wrapper .top-item-wrapper-img, .articles, .sidebar, .category-item:first-child, .category .category-item .category-text, .category .category-item .category-img, .row .bottom-articles .blog .category-row > div, .bottom-articles > .category-row div {
		width: 100%;
	}
	
	.category-row {
    	flex-wrap: wrap;
	}
	
	.category-item:first-child, .bottom-articles .category-row > div:first-child {
    	padding-right: 0px;
    	border-right: none;
		flex-direction: column;
	}
	
	.blog .category-row {
    	display: grid;
    	grid-template-columns: 1fr 1fr 1fr;
	}
	
	.top_ad .desktop-ad {
		display: none
	}
	
	#nav-container.sticky-nav nav {
    	max-width: calc(100% - 30px);
	}

	.nav-container nav {
    	padding-left: 15px !important;
    	padding-right: 15px !important;
	}

	html {
    	overflow-x: hidden;
	}

	.article-podcast .podcast-item .podcast-image {
		max-width: 120px;
		min-width: 120px;
	}

	.inzercia-img, .link-middle {
		display: none;
	}

	.link-left {
		margin-left: 15px !important;
		width: 100%;
    	margin-top: 30px !important;
	}

	.link-right {
		margin-left: 15px !important;
		margin-top: 10px !important;
		width: 100%;
	}

	.mobile-margin {
    	margin: 20px 1px !important;
	}

	.inzercia h2 {
    	font-size: 45px !important;
    	line-height: 45px !important;
	}

	.podcast-widget .podcast-item .podcast-name a {
		display: block;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	    height: 100px;
    	overflow: hidden;
		text-overflow: ellipsis;
	}

	.podcast-widget {
		margin-bottom: 20px !important;
	}

	.article-podcast .podcast-item .podcast-name a {
    	display: block;
   		width: calc(100% - 30px);
    	display: block;
    	-webkit-line-clamp: 4;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
		height: 100px;
	}

	.gray-bg h3 {
    	display: -webkit-box;
    	-webkit-line-clamp: 7;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
	}
}
@media only screen and (max-width: 762px) {
	#nav-container.sticky-nav {
    	width: 90%;
	}

	.all-body-container {
		padding: 15px;
	}
}

@media only screen and (min-width: 501px) {
	.swiper-button-prev .mobile-svg, .swiper-button-next .mobile-svg {
		display: none;
	}
	
	.main-logo img {
	    height: 100px;
	    object-fit: contain;
	}
	
	.video-mobile {
		display: none;
	}
	
	.mobile-login {
		display: none;
	}
}

@media only screen and (max-width: 575px) {
	footer div, .footer-info p {
    	text-align: center !important;
	}
	.navbar.header-nav .nav-item .advertise-btn {
    	color: white !important;
	}
	footer .footer-nav {
        align-items: flex-end;
	}
}

@media only screen and (max-width: 500px) {
	.articles .top-item .comments {
		display: none;
	}
	
	.mobile-comments {
		padding: 0 15px;
	}
	
	.hide-mobile {
		display: none;
	}
	
	.show-mobile, .articles .top-item .mobile-comments {
		display: block;
	}
	
	.top-item .text-block {
		display: none;
	}
	
	.extra-articles {
		margin: 0 15px;
	}
	
	#main-content .bottom-articles .extra-articles {
		grid-template-columns: repeat(1, 1fr);
	}
	
	#main-content .bottom-articles .extra-articles > hr {
		display: block !important;
		grid-column: 1 / 2 !important;
	}
	
	.header-nav .right-side-nav {
		display: none !important;
	}
	
	.mobile-login {
    	gap: 10px;
    	display: flex;
		margin-top: -25px;
		padding: 2px 15px 30px;
    	font-size: 13px;
        justify-content: space-around;
		border-top: 1px solid #d9dada;
	}
	
	.mobile-menu {
		border-bottom: 1px solid #d9dada;
    	padding-bottom: 15px !important;
	}
	
	.mobile-login a {
    	color: #2b2a29 !important;
	}
	
	.footer-logo img {
    	width: 280px;
	}
	
	footer .footer-nav .nav-item .nav-link {
        font-size: 11px;
	}
	
	footer .footer-info p {
        font-size: 11px;
        line-height: 16px;
	}
	
	.footer-logo span {
    	font-size: 14px;
	}
	 
	.nav-link.login-btn img, .nav-link.logout-btn img, .nav-link.subscriptionButton img {
    	right: 2px !important;
	}
	
	#sortableWrapper .video-swiper-top {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
	}
	
	.live-widget {
    	padding-left: 15px !important;
    	padding-right: 15px !important;
	}
	
	.archive-page-content .video-swiper-top {
    	padding-left: 15px !important;
    	padding-right: 15px !important;
	}
	
	.swiper-button-prev .desktop-svg, .swiper-button-next .desktop-svg {
		display: none;
	}
	
	.swiper-button-prev, .swiper-button-next {
		background: transparent !important;
		border-radius: 0;
	}
	
	.category h4:before, .bottom-articles h4:before {
        right: 15px;
	}
	
	.tags {
    	padding: 2px 15px 5px;
	}
	
	.article-buttons {
    	gap: 5px;
	}
	
	.article-btn {
    	font-size: 12px;
    	padding: 5px;
	}
	
	.article-bottom #ff_6_email::placeholder {
		background-image: linear-gradient(to right, #555555, #555555 170px, #000000 170px);
	}
	
	.article-bottom #fluentform_6 .ff-btn-submit {
    	padding: 10px 5px !important;
    	font-size: 12px !important;
	}
	
	.article-bottom #ff_6_email {
    	padding: 10px 5px 10px 2px !important;
    	font-size: 12px !important;
	}
	
	.article-share svg {
    	height: 12.5px;
    	width: 12.5px;
    	left: 4px;
	}
	
	.bottom-articles .category-row > div:first-child .category-info {
   	 	margin-top: -10px;
	}
	
	.page-wrapper {
    	padding: 20px 15px 0;
	}
	
	.page-wrapper h1 {
    	font-size: 30px !important;
		line-height: 1.3 !important;
	}
	
	.main-title {
		font-size: 30px !important;
    	line-height: 1.25 !important;
		padding: 0 15px;
	}
	
	.article-top p, .article-top strong, .article-top span {
		font-size: 20px !important;
    	line-height: 1.25 !important;
	}
	
	.article-top {
		padding: 0 15px;
	}
	
	.article-info {
    	font-size: 12px;
    	margin-top: 8px;
    	margin-bottom: 20px;
		padding: 0 15px;
	}
	
	.post-text {
    	margin: 10px auto 15px;
    	font-size: 15px;
	}
	
	.post-thumbnail img {
    	height: 300px;
	}
	
	.article-wrapper p {
		line-height: 1.55 !important;
    	font-size: 18px !important;
	}
	
	.blog .category-row > div {
    	padding: 0 0 20px !important;
		border-right: none !important;
    	border-bottom: 1px solid #d9dada;
    	flex-direction: row !important;
	}
	
	.blog .category-row > div > a {
		width: calc(100% - 75px);
	}
	
	.blog .category-row > div > div {
		width: 75px;
        padding: 0 !important;
    	gap: 5px;
	}
	
	.blogger-name {
		text-align: center;
    	color: #98999b;
    	font-size: 10px !important;
    	margin: 0;
	}
	
	.blog .category-row > div h3 {
        font-size: 18px !important;
        line-height: 1.25 !important;
		padding: 0 !important;
	}
	
	.blog .category-row {
    	padding: 0 15px;
	}
	
	.blog .category-row div:nth-child(4), .blog .category-row div:nth-child(5), .blog .category-row div:nth-child(6) {
    	display: none !important;
	}
	
	.bottom-articles .category-row > div:first-child {
    	flex-direction: column-reverse;
	}
	
	.category-grid {
    	grid-row-gap: 20px !important;
    	grid-template-columns: 1fr;
	}
	
	.category-grid > div {
    	gap: 0 !important;
    	flex-direction: row-reverse !important;
	}
	
	.category-grid h3 {
    	font-size: 18px;
    	line-height: 1.25;
    	display: -webkit-box;
    	-webkit-line-clamp: 6;
    	-webkit-box-orient: vertical;
    	overflow: hidden;
	}
	
	.bottom-articles-slider h3 {
    	font-size: 18px;
	}
	
	#sortableWrapper > div > ins {
		text-align: center;
    	margin-bottom: 20px;
		max-width: 100vw;
	}
	
	#top-nav .main-logo {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
	}
	
	.bottom-articles {
		margin: 20px 0;
	}
	
	.top-1-content .top-1-text h2, .top-1-content .top-1-text h1 {
        font-size: 28px !important;
    	line-height: 1.3;
	}
	
	.category .category-item:first-child img {
    	height: 225px;
	}
	
	.author-name {
		padding: 0 15px;
    	font-size: 30px;
	}
	
	.articles .top-item:last-child {
    	padding: 20px 0 0;
	}
	
	.top-item-wrapper .top-item-wrapper-img img {
    	height: 175px;
	}
	
	.top-item .top-item-wrapper-text h2 i {
    	font-size: 18px;
	}
	
    .top-item .top-item-wrapper-text h2 {
        font-size: 20px !important;
        line-height: 1.2;
    	-webkit-line-clamp: 7;
    }
	
	.block, .sidebar {
        gap: 20px;
	}
	
	.top-1-content .top-1-image {
        height: 225px;
		flex-basis: 225px;
    }
	
	.mobile-menu {
    	padding: 0 15px;
	}
	
	.video-title {
		font-size: 22px;
	}
	
	body hr {
    	margin-top: 20px;
    	margin-bottom: 20px;
	}
	
	.category h4, .bottom-articles h4 {
		margin-bottom: 20px;
    	font-size: 12px !important;
	}
	
	.articles .top-item {
    	padding: 20px 0;
	}
	
	#nav-container.sticky-nav nav {
        max-width: 100%;
    }
	
	.all-body-container {
		padding: 0px;
	}
	
	.container.custom-container {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	
	.category-text, .category-wrapper-text, .top-item-wrapper-text, .top-1-text, .blog h3, .sidebar, .category h4,  .bottom-articles h4, .blog .category-row > div > div, .article-wrapper, .top-item-wrapper-img, .article-bottom {
		padding: 0 15px;
	}
	
	.category .category-item {
    	width: 100%;
		flex-direction: row;
		gap: 0;
	}
	
	.category .category-item:first-child {
        flex-direction: column;
		gap: 15px;
	}
	
	.category .category-item:not(:last-child) {
    	padding-bottom: 20px;
    	border-bottom: 1px solid #d9dada;
	}
	
	.category-item:first-child {
		gap: 20px;
	}
	
	.category .category-item img {
    	height: 125px;
	}
	
	.category .category-row {
    	gap: 20px;
	}
	
	.row .bottom-articles .blog .category-row {
    	row-gap: 20px;
	}
	
	.blog .category-row {
    	display: grid;
    	grid-template-columns: 1fr;
	}
	
	.row .bottom-articles .blog .category-row > div:nth-child(3) {
    	padding-right: 15px;
    	border-right: 1px solid #d9dada;
	}
	
	.row .bottom-articles .blog .category-row > div:nth-child(2), .row .bottom-articles .blog .category-row > div:nth-child(4) {
    	padding-right: 0px;
    	border-right: none;
	}
	
	.ui-dialog {
    	width: 100% !important;
	}
	
	.nav-container nav {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
	}
	
	.main-logo img {
	    height: 75px;
	    object-fit: contain;
	}
	
	.mobile-ad {
    	margin-left: -15px;
    	margin-right: -15px;
	}

	.subscribe-overlay-desktop {
		display: none;
	}

	.subscribe-overlay-mobile {
		display: block;
	}
	
	.subscribe-overlay svg {
    	width: 30px;
    	height: 30px;
	}
	
	.subscribe-overlay > div {
   		width: 90%;
	}

	.articles .top-item {
        flex-direction: row !important;
    }
	
	.articles .top-item .top-item-wrapper-text, .articles .top-item .top-item-wrapper-img {
    	min-width: calc(50% - 7.5px) !important;
    	max-width: calc(50% - 7.5px) !important;
    	width: calc(50% - 7.5px) !important;
    	padding: 0 !important;
    }
	
	.articles .top-item {
		flex-wrap: wrap;
	}
	
	.articles .top-item .top-item-wrapper-text {
		padding-left: 15px !important;
	}
	
	.articles .top-item .top-item-wrapper-text, .articles .top-item .top-item-wrapper-img, .top-item-wrapper .top-item-wrapper-img img {
		max-height: 175px !important;
	}
}

@media only screen and (max-width: 400px) {
	#googlenews span {
		display: none !important;
	}

	#mobile-logo {
    	width: 200px;
    	top: 11px !important;
	}

	.main-logo img {
	    height: 60px;
	    object-fit: contain;
	}
}

@media only screen and (max-width: 350px) {
	footer > div, footer .row > div {
    	padding-right: 5px !important;
    	padding-left: 5px !important;
	}
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 767.98px) {
	.support-us-box .hs-image img {
	    width: 30% !important;
	    height: auto !important;
	}
	.main-content .support-us-box {
	    padding: 1rem !important;
	}
}











.text-sm-right {
    text-align: right!important;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.pl-2, .px-2 {
    padding-left: 0.5rem!important;
}

.pr-2, .px-2 {
    padding-right: 0.5rem!important;
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important;
}

.pr-1, .px-1 {
	padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem!important;
}

.pt-1, .py-1 {
    padding-top: 0.25rem!important;
}

@media (min-width: 576px) {
	.col-sm-2 {
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}
}

@media (min-width: 768px) {
	.top_ad .mobile-ad {
		display: none
	}
	.col-md-10 {
	    -ms-flex: 0 0 83.333333%;
	    flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
}

.m-1 {
    margin: 0.25rem!important;
}

.custom-container .img-fluid, .category-custom-container .img-fluid {
    max-width: 100%;
    height: 100%;
}

.main-nav .nav-item .nav-link {
    color: #000 !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem!important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem!important;
}




.facebook-widget iframe{
    width:500px
}
.photo-title{
    margin:10px 0 5px;
}
.photo-author{
    margin-top:5px
}
.photo-author,.photo-title{
    font-size:16px
}
.fab,.fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    line-height:1
}
.fa-lg{
    font-size:1.33333em;
    line-height:.75em;
    vertical-align:-.0667em
}
.fa-x-twitter:before {
    content:"\e61b"
}
.fa-caret-right:before{
    content:"\f0da"
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before{
    content:"\f39e"
}
.fa-google:before{
    content:"\f1a0"
}
.fa-lock:before{
    content:"\f023"
}
.fa-search:before{
    content:"\f002"
}
.fa-times:before{
    content:"\f00d"
}
.fa-user:before{
    content:"\f007"
}
.fa-vk:before{
    content:"\f189"
}
.fa-youtube:before{
    content:"\f167"
}
.fa-play-circle:before{
    content:"\f144"
}
.fa-image:before{
    content:"\f03e"
}
.fa-heart:before {
    content: "\f004";
}
.fa-euro-sign:before {
    content: "\f153";
}
.fa-share:before {
    content: "\f064";
}
.fab{
    font-family:"Font Awesome 5 Brands"
}
.fab{
    font-weight:400
}
.fas{
    font-family:"Font Awesome 5 Free"
}
.fas{
    font-weight:900
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fab, .far {
    font-weight: 400;
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
:root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
*,::after,::before{
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
nav{
    display:block
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff
}
h2,h3,h4{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
ul{
    margin-top:0;
    margin-bottom:1rem
}
strong{
    font-weight:bolder
}
a{
    color:#436f4d;
    text-decoration:none;
    background-color:transparent
}
a:not([href]){
    color:inherit;
    text-decoration:none
}
img{
    vertical-align:middle;
    border-style:none
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button,input,select{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
select{
    word-wrap:normal
}
[type=button],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
h2,h3,h4{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
h2{
    font-size:2rem
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
.img-fluid{
    max-width:100%;
    height:auto
}
.container{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
}
.row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.col-5,.col-7,.col-lg-4,.col-lg-5,.col-lg-7,.col-lg-8,.col-md-3,.col-md-5,.col-md-6,.col-md-7,.col-xl-5{
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
}
.col-5{
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-7{
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}
@media (min-width:768px){
    .col-md-3{
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-md-6{
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
}
@media (min-width:992px){
    .col-lg-4{
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-lg-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-lg-7{
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-lg-8{
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
}
@media (min-width:1200px){
    .col-xl-5{
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
}
.form-control{
    display:block;
    width:100%;
    height:calc(1.5em + .75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #495057
}
.form-control::-webkit-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-moz-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.col-form-label{
    padding-top:calc(.375rem + 1px);
    padding-bottom:calc(.375rem + 1px);
    margin-bottom:0;
    font-size:inherit;
    line-height:1.5
}
.form-group{
    margin-bottom:1rem
}
.collapse:not(.show){
    display:none
}
.nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-link{
    display:block;
    padding:.5rem 1rem
}
.navbar{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:.5rem 1rem
}

#menu-primary:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin-top: 0;
    background-image: url(/wp-content/themes/hsp3/images/icons/hamburger-menu.svg);
}
.header-nav .nav-item {
	height: 100%;
}
.navbar-nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
	align-items: center;
}
#menu-primary {
    justify-content: center !important;
    align-items: center;
    gap: 15px;
}
.navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
.navbar-collapse{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-align:center;
    align-items:center
}
.navbar-toggler{
    padding:.25rem .75rem;
    font-size:1.25rem;
    line-height:1;
    background-color:transparent;
    border:1px solid transparent;
    border-radius:.25rem
}
.navbar-toggler-icon{
    display:inline-block;
    width:1.5em;
    height:1.5em;
    vertical-align:middle;
    content:"";
    background:center center no-repeat;
    background-size:100% 100%
}
.navbar-light .navbar-nav .nav-link{
    color:rgba(0,0,0,.5)
}
.navbar-light .navbar-toggler{
    color:rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.1)
}
.navbar-light .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(43, 42, 41, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.bg-white{
    background-color:#fff!important
}
.d-none{
    display:none!important
}
.d-block{
    display:block!important
}
.d-flex{
    display:-ms-flexbox!important;
    display:flex!important
}
@media (min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
}
@media (min-width:768px){
    .d-md-none{
        display:none!important
    }
    .d-md-block{
        display:block!important
    }
    .d-md-flex{
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media (min-width:992px){
    .navbar-expand-lg{
        -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .navbar-expand-lg .navbar-nav{
        -ms-flex-direction:row;
        flex-direction:row
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:.5rem;
        padding-left:.5rem
    }
    .d-lg-none{
        display:none!important
    }
    .d-lg-block{
        display:block!important
    }
}
@media (min-width:1200px){
    .navbar-expand-xl{
        -ms-flex-flow:row nowrap;
        flex-flow:row nowrap;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .navbar-expand-xl .navbar-nav{
        -ms-flex-direction:row;
        flex-direction:row
    }
    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right:.5rem;
        padding-left:.5rem
    }
    .navbar-expand-xl .navbar-collapse{
        display:-ms-flexbox!important;
        display:flex!important;
        -ms-flex-preferred-size:auto;
        flex-basis:auto
    }
    .navbar-expand-xl .navbar-toggler{
        display:none
    }
    .d-xl-none{
        display:none!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-flex{
        display:-ms-flexbox!important;
        display:flex!important
    }
}
.flex-row{
    -ms-flex-direction:row!important;
    flex-direction:row!important
}
.flex-column{
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.flex-wrap{
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
.justify-content-center{
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.justify-content-between{
    -ms-flex-pack:justify!important;
    justify-content:space-between!important
}
.align-items-center{
    -ms-flex-align:center!important;
    align-items:center!important
}
.float-right{
    float:right!important
}
.w-100{
    width:100%!important
}
.h-100{
    height:100%!important
}
.mb-0{
    margin-bottom:0!important
}
.mb-1{
    margin-bottom:.25rem!important
}
.ml-1{
    margin-left:.25rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.mx-2{
    margin-left:.5rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.mt-4{
    margin-top:1.5rem!important
}
.mb-4{
    margin-bottom:1.5rem!important
}
.p-0{
    padding:0!important
}
.px-0{
    padding-right:0!important
}
.px-0{
    padding-left:0!important
}
.py-1{
    padding-top:.25rem!important
}
.py-1{
    padding-bottom:.25rem!important
}
.py-3{
    padding-top:1rem!important
}
.py-3{
    padding-bottom:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.py-4{
    padding-top:1.5rem!important
}
.py-4{
    padding-bottom:1.5rem!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mx-auto{
    margin-left:auto!important
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width:768px){
    .mt-md-0{
        margin-top:0!important
    }
	.col-md-2 {
    	-ms-flex: 0 0 16.666667%;
    	flex: 0 0 16.666667%;
    	max-width: 16.666667%;
	}
	.col-md-9 {
    	-ms-flex: 0 0 75%;
    	flex: 0 0 75%;
    	max-width: 75%;
	}
}
@media (min-width:1200px){
    .py-xl-0{
        padding-top:0!important
    }
    .py-xl-0{
        padding-bottom:0!important
    }
	.col-xl-1 {
    	-ms-flex: 0 0 8.333333%;
    	flex: 0 0 8.333333%;
    	max-width: 8.333333%;
	}
	.col-xl-11 {
    	-ms-flex: 0 0 91.666667%;
    	flex: 0 0 91.666667%;
    	max-width: 91.666667%;
	}
	.col-xl-10 {
    	-ms-flex: 0 0 83.333333%;
    	flex: 0 0 83.333333%;
   		max-width: 83.333333%;
	}
	.col-xl-2 {
    	-ms-flex: 0 0 16.666667%;
    	flex: 0 0 16.666667%;
    	max-width: 16.666667%;
	}
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media (min-width:576px){
    .mx-sm-0{
        margin-right:0!important
    }
    .mx-sm-0{
        margin-left:0!important
    }
    .text-sm-center{
        text-align:center!important
    }
	.d-sm-flex {
    	display: -ms-flexbox!important;
    	display: flex!important;
	}
	.text-sm-left {
    	text-align: left!important;
	}
	.mr-sm-3, .mx-sm-3 {
    	margin-right: 1rem!important;
	}
	.mb-sm-3, .my-sm-3 {
    	margin-bottom: 1rem!important;
	}
	.mb-sm-4, .my-sm-4 {
    	margin-bottom: 1.5rem!important;
	}
	.col-sm-8 {
    	-ms-flex: 0 0 66.666667%;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;
	}
	.form-inline .form-group {
    	display: -ms-flexbox;
    	display: flex;
    	-ms-flex: 0 0 auto;
    	flex: 0 0 auto;
    	-ms-flex-flow: row wrap;
    	flex-flow: row wrap;
    	-ms-flex-align: center;
    	align-items: center;
    	margin-bottom: 0;
	}
	.form-inline .form-control {
    	display: inline-block;
    	width: auto;
   		vertical-align: middle;
	}
}
.text-uppercase{
    text-transform:uppercase!important
}
.h2, h2 {
    font-size: 2rem;
}
.h3, h3 {
    font-size: 1.75rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}
.h1, .h2, .h3, h1, h2, h3 {
	font-family: 'Noto Serif';
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.custom-container .auto-height {
	height: auto !important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}
.m-3 {
    margin: 1rem!important;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
hr {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px;
    border-color: #d9dada;
}
.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.position-absolute {
    position: absolute!important;
}
.ml-2, .mx-2 {
    margin-left: 0.5rem!important;
}
#inputSupportAmount {
    outline: none;
    border: 1px solid white;
}
#formInputEmail {
    outline: none;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.position-relative {
    position: relative!important;
}
.btn.disabled, .btn:disabled {
    opacity: .65;
}
@media (max-width: 575.98px) {
	.subscribe-section .support-us-form {
    	flex-direction: column; !important;
	}
	.subscribe-section .text-center {
		margin: auto !important;
	}
}