/*
Theme Name: Hlavne Spravy v2
Theme URI: http://hlavnespravy.sk
Author: HSP
Version: 119
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;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/6.5.2/webfonts/fa-regular-400.eot);
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-regular-400.eot?#iefix)
      format("embedded-opentype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-regular-400.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-regular-400.woff)
      format("woff"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-regular-400.ttf)
      format("truetype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/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/6.5.2/webfonts/fa-solid-900.eot);
  src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.eot?#iefix)
      format("embedded-opentype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2)
      format("woff2"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff)
      format("woff"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.ttf)
      format("truetype"),
    url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.svg#fontawesome)
      format("svg");
}

.video-title span:after {
	content:attr(title);
	display: inline;
}

.videos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
	margin-bottom: 20px;
}

.videos .video {
    position: relative;
	overflow: hidden;
	cursor: pointer;
}

.videos .wp-video {
 	margin: 0 !important;
}

.videos video {
    height: 400px;
	pointer-events: none;
	object-fit: cover;
}

.video-title {
    position: absolute;
	bottom: 0;
    color: white;
    width: 100%;
	height: 50%;
    display: flex;
    align-items: flex-end;
    line-height: 22px;
	background: linear-gradient(0deg, black 20%, transparent 100%);
}

.videos a {
  	color: white;
}

.videos span {
    position: absolute;
	bottom: 0;
	padding: 15px;
}

.videos span i {
    margin-right: 5px;
}

.video-overlay .fa-telegram:before {
 	color: #ffffff !important;
    font-size: inherit !important;
}

.video-overlay {
	opacity: 0;
	pointer-events: none;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    min-height: 100%;
	background: rgba(0, 0, 0, 0.75);
   	z-index: 999999999999999999999;
}

.video-overlay .video-overlay-holder {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 100%;
	height: 100%;
    min-height: 100%;
	gap: 50px;
}

.video-overlay video {
    max-height: 80%;
    max-width: 80%;
}

.video-overlay .video-prev {
    position: absolute;
    left: 25px;
	cursor: pointer;
}

.video-overlay .video-next {
    position: absolute;
    right: 25px;
	cursor: pointer;
}

.video-overlay .video-close {
    position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
}

.video-overlay .video-socials {
 	top: 22px;
  	left: 0;
  	right: 0;
  	margin-left: auto;
  	margin-right: auto;
  	position: absolute;
	display: flex;
    justify-content: center;
	gap: 12px;
}

.video-overlay .video-share {
	cursor: pointer;
    color: #2b2d59;
    background: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}

.video-swiper {
 	overflow: hidden;
	max-height: 410px;
 	position: relative;
}

.video-swiper .videos {
	gap: 0 !important;
}

.swiper-button-prev {
	left: 0px !important;
	width: 40px !important;
	z-index: 1 !important;
}

.swiper-button-next {
	right: 0px !important;
	width: 40px !important;
	z-index: 1 !important;
}

.video-swiper-bottom {
	margin: 10px 10px 50px;
}

.main-content .admin-target {
    display: flex;
    justify-content: center;
	overflow: hidden;
}

.main-content .admin-target img {
    max-width: 100%;
    object-fit: contain;
}

.current-menu-item .sub-menu a {
	background: #ffffff;
}

.current-category-ancestor .sub-menu a {
	background: #ffffff;
}

.menu-item > .sub-menu {
	padding: 2px 10px;
	list-style: none;
	margin-bottom: 5px;
	display: none;
}

.menu-item-has-children > a:after {
	content: '\f0d7';
	display: inline-block;
	padding-left: 10px;
	font-family: 'Font Awesome 5 Free';
}

.social-icons a i.fa-vk:before {
	font-size: 40px;
    color: #4b76a4;
}

.social-icons a i.fa-x-twitter {
    background-color: #000000;
}

.social-sharing-widget a i.fa-vk {
    overflow: hidden;
}

.social-sharing-widget a i.fa-vk:before {
    font-size: 40px;
    color: #4b76a4;
}

.social-sharing-widget .social-icons a i.fa-vk {
    background-color: #ffffff;
}

.social-sharing-widget a i.fa-x-twitter {
    background-color: #000000;
}

.article-content h2, .article-content h3 {
    font-size: 1.5rem;
}

.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: #66cc33;
    font-weight: bold;
    margin-bottom: 0;
}

.social-sharing-widget h4 {
    font-size: 22px;
    font-weight: 600;
	color: #2b2d59;
}

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

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

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

.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: #66cc33;
    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 .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: 'Titillium Web', serif !important;
}	

.widget_hsp_widget_volby {
	margin-bottom: 20px;
}

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

.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: 25px 0 !important;
    padding: 0 !important;
    min-height: 100px;
	border-color: #c7c7c7 !important;
}

.vlp-link-container .vlp-link-title:before {
    content: 'Prečítajte si tiež:';
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #66cc33;
    margin-bottom: 2px;
}

.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 cookies →';
	color: #777;
    font-size: 14px;
    font-weight: 600;
    color: #2b2d59 !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-layout-basic .vlp-layout-zone-side {
    	height: 200px;
    	width: 100%;
	}
	.video-swiper-top {
    	max-height: 825px !important;
	}
	.video-swiper-bottom {
    	max-height: 1250px !important;
	}
}

.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 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 {
	margin-bottom: 40px;
}

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

.live-widget h2, .live-widget h4 {
	font-size: 22px;
	font-weight: 500;
	color: #66cc33;
	margin-bottom: 15px !important;
}

.live-widget span {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

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

.live-widget figcaption {
	font-size: 14px;
	margin-top: 8px;
	text-align: center;
}

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

.live-widget p {
	font-size: 16px;
	color: #2a2a2a;
    margin-bottom: 10px;
}

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

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

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

.live-widget div {
	margin-bottom: 20px;
}

#bottom-nav .live-widget {
	padding: 80px 0 20px;
}

.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 #66cc33;
	padding-top: 4px;
}

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

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

.author-name {
    font-size: 22px;
    color: #2b2d59;
    font-weight: 600;
    margin-bottom: 30px;
}

.tags {
	margin-top: 20px;
}

.tags a {
	color: black;
}

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

.top-item-wrapper-text p {
	font-size: 1rem !important;
}

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

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

#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% - 40px);
}

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

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

body .main-content {
    margin-top: 0px !important;
    padding-top: 30px;
    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: TitilliumWeb, 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: #2b2d59 !important;
    color: #2b2d59 !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;
	margin-top: 5px !important;
}

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

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

.op-controls__playpause {
	background: transparent url(https://www.hlavnespravy.sk/wp-content/themes/hsp2/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(https://www.hlavnespravy.sk/wp-content/themes/hsp2/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(https://www.hlavnespravy.sk/wp-content/themes/hsp2/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: #66cc33 !important;
}

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

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

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

.op-player__play, .op-player__play:hover {
	border-color: transparent transparent transparent #66cc33 !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: #66cc33 !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: 30px 0 0 0 !important;
}

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

.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 {
    height: 25px;
    margin: 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 {
    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: 43px;
    margin-left: 9px;
	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: #66cc33;
}

#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: -40px 0 10px 0;
}

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

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

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

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

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

.podcasts {
    border-top: 2px solid #66cc33;
    margin-top: -5px;
}

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

.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: #66cc33;
    border: none;
    padding: 2px 10px;
	margin-left: 10px;
}

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

.inzercia h2 {
	font-family: TitilliumWeb, serif;
    color: #66cc33;
	font-size: 70px;
    font-weight: 600;
    line-height: 70px;
}

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

.inzercia h4 {
	font-family: TitilliumWeb, serif;
    color: #66cc33;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.inzercia .ponuka {
	max-width: 600px;
    background: #66cc33;
	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 {
    font-weight: 500 !important;
}

.article-tab-widget h4, .weather-widget h4, .caricature-widget h4, .facebook-widget h4, .widget-photo-of-the-day h4, .WidgetRecentPostsByCategory h4 {
    font-weight: 500 !important;
	font-size: 22px !important;
    color: #66cc33;
}

.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 #66cc33;
}

.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: #2b2d59;
    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: #2b2d59;
    font-weight: 700;
	font-size: 16px !important;
    padding-bottom: 8px;
}

.podcast-archive {
    border-bottom: 2px solid #66cc33;
    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: TitilliumWeb, 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: #2b2d59 !important;
}

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

.mejs-time-handle-content {
	background: transparent url(/wp-content/themes/hsp2/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/hsp2/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: #66cc33;
}

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

.caricature-widget {
	margin-top: 20px !important;
}

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

.podcast-odkaz:hover {
    color: #2b2d59;
    background-color: #66cc33;
}

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

@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 {
    	background: #2b2d59;
    	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;
	}
}

@media only screen and (min-width: 1200px) {
	.sticky-nav + #bottom-nav {
		margin-top: 40px !important;
	}
	
	#top-nav {
    	max-width: 1200px !important;
	}
	
	.main-content > div:nth-child(1) {
		padding: 0 7px !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: 15px;
    	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;
	}

	.menu-item > .sub-menu {
    	display: none;
    	position: absolute;
    	z-index: 1;
   		background: #ffffff;
    	padding: 8px 10px;
    	list-style: none;
    	border-width: 6px 1px 1px 1px;
    	border-style: solid;
    	border-image: linear-gradient(to top, #ccc, #ccc calc(100% - 10px), #fff calc(100% - 10px), #fff) 11;
	}
	
	.menu-item > .sub-menu > li {
    	margin: 5px 0;
	}
	
	.current-menu-item > a {
		background: #66cc33 !important;
	}
}

@media only screen and (max-width: 1199px) {
	.sticky-nav + #bottom-nav {
		margin-top: 46px !important;
	}
	
	.main-content > div:nth-child(1) {
		padding: 0px !important;
	}
	
	.main-content-wrapper {
    	padding-right: 10px !important;
   		padding-left: 10px !important;
	}
	
	#nav-container {
    	background: white;
	}
	
	#nav-container.sticky-nav #mobile-logo {
    	opacity: 1;
	}

	.menu-item-has-children > a {
		pointer-events: none;
   		display: flex;
	}
	
	.all-events {
		pointer-events: all !important;
	}
	
	.main-nav .nav-item .current-menu-item > a {
		background: white !important;
		color: #61c530 !important;
	}
}

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

	#mobile-ad {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	#text-29, #hlavn-3af475a8ce2413c76d3a4b87cb256b2d, .hlavn-pred-obhasom, #text-31 {
		display: none !important;
	}
	
	.podcast-odkaz {
    	padding: 2px 7px;
	}
	
	.ad-blog {
		display: none !important;
	}
	
	#desktop-ad {
		display: none;
	}
	
	.video-overlay ins {
   		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.videos {
    	grid-template-columns: 1fr 1fr !important;
	}
}

@media only screen and (min-width: 768px) {
	.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;
	}
}

@media only screen and (max-width: 767px) {
	.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% - 40px);
    	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: 500px) {
	.main-logo img {
	    height: 100px;
	    object-fit: contain;
	}
}

@media only screen and (max-width: 575px) {
	footer div, .footer-info p {
    	text-align: center !important;
	}
}

@media only screen and (max-width: 500px) {
	.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;
	}
	
	.menu-item-has-children > a:after {
		margin-left: auto;
	}
}

@media only screen and (max-width: 450px) {
	.videos {
    	grid-template-columns: 1fr !important;
	}
	.videos video {
    	height: 350px !important;
	}
	.video-swiper .videos video {
    	height: 400px !important;
	}
	.video-overlay .video-prev {
    	left: 15px;
	}
	.video-overlay .video-next {
    	right: 15px;
	}
	.video-overlay .video-close {
    	right: 15px;
    	top: 15px;
	}
}

@media only screen and (max-width: 400px) {
	#googlenews span {
		display: none !important;
	}
	
	#mobile-logo {
    	width: 230px;
    	top: 6px !important;
	}
	
	.main-logo img {
	    height: 60px;
	    object-fit: contain;
	}
}

.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-top:10px
}
.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-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-x-twitter:before{
    content:"\e61b"
}
.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";
}
.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:#007bff;
    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
}
.navbar-nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.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(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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, .h4, .h5, .h6, h1, h2, h3, 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 {
    margin-bottom: 50px;
    border-width: 2px;
    border-color: #66cc33;
}
.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;
	}
}