/* Zakladni */
::-moz-selection {
	color: #23142b;
	background: #48ba78;
}
::selection {
	color: #23142b;
	background: #48ba78;
}
html, body {
	font-family: 'Quicksand', sans-serif !important;
	color: #fff;
	background-color: #23142b;
}
h1, h2, h3 {
	font-weight: 700;
}
.primary {
	color: #d57086 !important;
}
.bg-primary {
	background-color: #d57086 !important;
}
.secondary {
	color: #e9917c !important;
}
.bg-secondary {
	background-color: #e9917c !important;
}
.third {
	color: #8766ac !important;
}
.bg-third {
	background-color: #8766ac!important;
}
.black {
	color: #000 !important;
}
.gray {
	color: #38244b !important;
}
.bg-gray {
	background-color: #38244b !important;
}
.green {
	color: #48ba78 !important;
}
.bg-green {
	background-color: #48ba78 !important;
}
.bg-black {
	background-color: #000 !important;
}
.white {
	color: #fff !important;
}
.bg-white {
	background-color: #fff !important;
}
header img {
	height: auto;
	max-height: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.ctverec {
	background-image: url(../img/roh.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 10% top;
}
.container-lg.pt-5.ctverec {
	padding-top: 5% !important;
}
.rotation-class {
	animation-name: rotate;
	animation-duration: 1s;
}
@keyframes rotate {
0% {
	transform: rotate(0);
}
100% {
	transform: rotate(720deg);
}
}
.fade-in-image {
	animation: fadeIn 5s;
	-webkit-animation: fadeIn 5s;
	-moz-animation: fadeIn 5s;
	-o-animation: fadeIn 5s;
	-ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
.bg-gradient-circle {
	background: rgb(60,38,81);
	background: radial-gradient(circle, rgba(98,73,126,0.75) 0%, rgba(35,20,43,1) 55%, rgba(35,20,43,1) 100%);
}
.bg-gradient-circle-2 {
	background: rgb(48,118,78);
	background: radial-gradient(circle, rgb(48,118,78,1) 0%, rgba(56,36,75,1) 55%, rgba(56,36,75,1) 100%);
}
.top-text {
	position: absolute;
	top: 0;
	left: 0;
}
.top-text img {
	width: 100%;
	max-width: -webkit-fill-available;
}
.souhlas {
	font-size: 75% !important;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color: #38244b !important;
}
::-moz-placeholder {
/* Firefox 19+ */
	color: #38244b !important;
	opacity: 1 !important;
}
:-ms-input-placeholder {
/* IE 10+ */
	color: #38244b !important;
}
:-moz-placeholder {
/* Firefox 18- */
	color: #38244b !important;
	opacity: 1 !important;
}
.form-control {
	font-size: 75%;
	font-family: 'Quicksand', sans-serif !important;
	font-weight: 700;
	color: #38244b;
	background-color: #fff;
	border: 0 !important;
	-webkit-appearance: none;
}
#modal-message {
	background-color: rgba(35, 20, 43, 0.7);
}
.mobile-welcome {
	display: flex;
}
.container-lg.row.row-cols-1.row-cols-lg-3.align-items-stretch.mx-auto.px-4.py-5.bg-gray.mb-5.rounded-3 {
	margin-top: -1px;
}
.bg-gradient-circle-2, .bg-gradient-circle {
	animation: pulse 4s linear infinite alternate;
	animation-duration: 4s;
	background-repeat: no-repeat;
	background-position: center;
}
@keyframes pulse {
from {
	background-size: 30% 30%;
}
to {
	background-size: 100% 100%;
}
}
div#cookies-preferencesWrapper {
	border-top-left-radius: 0.3rem;
	bottom: 0 !important;
	right: 0 !important;
	background: #38244b;
	position: fixed;
	padding: 5px;
	z-index: 999;
}
div#cookies-preferencesWrapper button {
    color: #8766ac;
    background: transparent;
    text-decoration: none;
    font-weight: 700;
	border: 0;
}
div#cookies-preferencesWrapper button:hover {
	color: #acacac;
	text-decoration: none;
	cursor: pointer;
}
.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #e8e0ef !important;
    color: #23142b !important;
}
.termsfeed-com---palette-light .cc-nb-okagree {
    color: #fff !important;
    background-color: #48ba78 !important;
    font-weight: normal !important;    
}
.termsfeed-com---palette-light .cc-nb-changep {
    background-color: #38244b !important;
    color: #fff !important;
    font-weight: normal !important;  
}
.termsfeed-com---palette-light .cc-nb-title, .termsfeed-com---palette-light .cc-nb-text {
    color: #38244b !important;
}
@media (min-width: 576px) {
.fit-content {
	width: fit-content;
}
}
@media (max-width: 576px) {
}
@media (max-width: 768px) {
header {
	margin-bottom: 20px;
}
.desktop-welcome {
	display: none;
}
}
@media (min-width: 768px) {
header {
	margin-bottom: 20px;
}
.mobile-welcome {
	display: none;
}
}
@media (max-width: 992px) {
.col-12.col-md-4.col-lg-5.col-xl-4.text-center.bg-gradient-circle-2.position-relative.p-0 {
	display: none;
}
.container-lg.row.row-cols-1.row-cols-lg-3.align-items-stretch.mx-auto.px-4.py-5.bg-gray.mb-5.rounded-3 .col {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.container-lg.row.row-cols-1.row-cols-lg-3.align-items-stretch.mx-auto.px-4.py-5.bg-gray.mb-5.rounded-3, .container-lg.row.row-cols-1.row-cols-lg-2.rounded-3.mx-auto.px-4.py-5.bg-gray.mb-5.justify-content-between {
	width: 95%;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.col-10.col-md-6.text-center.bg-gradient-circle.position-relative.p-0 {
	margin: 0 auto;
}
}
@media (min-width: 992px) {
.btn:hover {
	background-color: #d57086 !important;
}
.souhlas a:hover {
	color: #d57086 !important;
}
header {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
}