/* fonts ----------------------------------- */
@font-face {
	font-family: 'ReadexPro';
	src: url('../fonts/ReadexPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ReadexPro';
	src: url('../fonts/ReadexPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'ReadexPro';
	src: url('../fonts/ReadexPro-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'ReadexPro';
	src: url('../fonts/ReadexPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* general css ----------------------------------- */
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

body {
	font-size: 18px;
	font-weight: 400;
	font-family: "ReadexPro", serif;
	font-optical-sizing: auto;
	background: #fff;
	color: #000;
	overflow-x: hidden;
}

body::-webkit-scrollbar,
div::-webkit-scrollbar {
	width: 6px;
}

body::-webkit-scrollbar-track,
div::-webkit-scrollbar-track {
	background: #fff;
}

body::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb {
	background-color: rgba(252, 104, 3, 1);
	border: 1px solid rgba(252, 104, 3, 1);
}

img {
	max-width: 100%;
}

a,
button,
img,
header,
footer,
span,
strong,
::before,
::after,
input,
td,
tr {
	transition: all 0.3s ease-in-out;
	outline: none;
}

a {
	color: #000;
}

a:hover {
	color: #000;
	text-decoration: none;
}

h1 {
	font-size: 51px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 36px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 10px 0;
}

h3 span {
	font-weight: 400;
}

h4 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 5px 0;
}



.shadow main,
.shadow footer,
.shadow2 main,
.shadow2 footer {
	filter: blur(4px);
	transform: scale(1.02);
}

.modal-open section,
.modal-open footer,
.modal-open header {
	filter: blur(4px);
	transform: scale(1.02);
}

section,
.container {
	position: relative;
}

section {
	padding: 60px 0;
}

.container {
	max-width: 1640px;
}

.landscape,
.mobile {
	display: none !important;
}

@keyframes hovermenu {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.sitebar {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(252, 104, 3, 1);
	height: 3px;
	z-index: 30;
}

.btn01 {
	color: #fff;
	display: inline-block;
	border-radius: 6px;
	background: #FC6803;
	padding: 12px 25px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
}

.btn01:hover {
	color: #fff;
	background: #000;
	border: solid 2px #000;
}

.btn02 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: #fff;
	padding: 12px 25px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
}

.btn02:hover {
	color: #fff;
	background: #FC6803;
}

.btn03 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: url("../images/ico03.svg") no-repeat center left 25px;
	background-size: 14px auto;
	padding: 12px 25px 12px 50px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
}

.btn03:hover {
	color: #FC6803;
	background-image: url("../images/ico01.svg");
}

.btn04 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: url("../images/ico37.svg") no-repeat center left 40px;
	background-size: 20px auto;
	padding: 12px 25px 12px 50px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
	width: 100%;
	margin-top: 20px;
}

.btn04:hover {
	background-color: #FC6803;
}

.btn05 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: url("../images/ico28.svg") no-repeat center left 25px;
	background-size: 14px auto;
	padding: 12px 25px 12px 50px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
}

.btn05:hover {
	background: #FC6803 url("../images/ico28.svg") no-repeat center left 25px;
	background-size: 14px auto;
}

.btn06 {
	color: #fff;
	display: inline-block;
	border-radius: 6px;
	background: #FC6803 url("../images/ico38.svg") no-repeat center right 25px;
	background-size: 20px auto;
	padding: 12px 50px 12px 30px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
	margin-top: 10px;
}

.btn06:hover {
	background: #000 url("../images/ico38.svg") no-repeat center right 20px;
	background-size: 20px auto;
	border-color: #000;
}

.btn07 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: url("../images/ico39.svg") no-repeat center left 25px;
	background-size: 20px auto;
	padding: 12px 30px 12px 50px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px transparent;
	margin: 20px 5px 0 0;
}

.btn07:hover {
	background: #000 url("../images/ico39.svg") no-repeat center left 20px;
	background-size: 20px auto;
	border-color: #000;
	color: #fff;
}

.btn08 {
	color: #000;
	display: inline-block;
	border-radius: 6px;
	background: url("../images/icoEmail.svg") no-repeat center left 20px;
	background-size: 20px auto;
	padding: 12px 25px 12px 50px;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #FC6803;
}

.btn08:hover {
	background: #FC6803 url("../images/icoEmail.svg") no-repeat center left 22px;
	background-size: 16px auto;
}



/* formulare --------------------------- */
form p {
	margin-bottom: 40px;
}

label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}

label>em {
	font-style: normal;
	color: #FC6803;
}

.form-control {
	background: #fff;
	border: solid 1px #FFE7D9;
	color: #000;
	border-radius: 8px;
	height: 53px;
	margin-bottom: 20px;
}

.form-control:focus {
	background: none;
	border-color: #FC6803;
	box-shadow: 0 0 0 .25rem rgba(252, 104, 3, .25);
	color: #000;
}

textarea.form-control {
	height: auto;
	min-height: 100px;
}

.checkbox input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}

.checkbox {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #000;
}

.checkbox a {
	color: #000;
	text-decoration: underline;
}

.checkbox a:hover {
	color: #000;
	text-decoration: none;
}

.checkmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 20px;
	width: 20px;
	border: solid 1px #FFE7D9;
	border-radius: 6px;
	background: #fff;
}

.checkmark:before {
	content: "";
	position: absolute;
	display: none;
}

.checkbox input:checked~.checkmark {
	border: solid 2px #FC6803;
}

.checkbox input:checked~.checkmark:before {
	display: block;
}

.checkbox .checkmark:before {
	left: 3px;
	top: 3px;
	width: 11px;
	height: 7px;
	border-left: solid 2px #FC6803;
	border-bottom: solid 2px #FC6803;
	transform: rotate(-45deg);
}

.checklabel {
	transform: translate(0, 2px);
	display: inline-block;
	text-align: left;
	margin-right: -50px;
}


/* modal -------------------------------------- */
.modal-dialog {
	max-width: 800px;
	width: 100%;
	margin: 30px auto;
	position: relative;
}

.modal-dialog .close {
	position: absolute;
	width: 28px;
	height: 28px;
	border: solid 2px #FC6803;
	border-radius: 6px;
	opacity: 1;
	margin: 0;
	right: 20px;
	top: 20px;
	background: none;
	z-index: 5;
	cursor: pointer;
	display: inline-block;
}

.modal-dialog .close span {
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
}

.modal-dialog .close:hover span {
	transform: rotate(90deg);
}

.modal-dialog .close span::before,
.modal-dialog .close span::after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #000;
	content: "";
	transform: rotate(45deg);
}

.modal-dialog .close span::after {
	transform: rotate(-45deg);
}

.modal-header {
	border-bottom: none;
	padding: 0;
}

.modal-content {
	border: none;
	border-radius: 12px;
	padding: 25px;
	background: #fff;
}

.modal-body {
	padding: 20px;
	font-size: 16px;
}

.modal-body h3 {
	margin-top: 40px;
	font-size: 20px;
}

.modal-body>p {
	padding: 0 13%;
}

.modal-body .btn01,
.modal-body .btn02 {
	margin: 5px;
}

.modal-body-bg {
	border-radius: 12px;
	border: solid 1px #FFE7D9;
	background: #FFF2EA;
	width: 60%;
	padding: 40px;
	margin: 40px auto 0 auto;
}

.nfo::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: #FC6803 url(../images/ico15.svg) no-repeat center;
	background-size: 5px auto;
	border-radius: 100%;
	left: 3px;
	top: 0;
}

.nfo {
	position: relative;
	cursor: pointer;
}

.modal-body-bg .row {
	margin: 10px -5px;
}

.modal-body-bg .row .col-2 {
	padding: 0 5px;
}

.modal-body-bg .row .col-2 .form-control {
	text-align: center;
}

.modal-body-bg .checklabel {
	margin-right: 0;
}

.switch input {
	position: absolute;
	opacity: 0;
}

.switch {
	height: 28px;
	width: 60px;
	display: inline-block;
	background: #fff;
	border-radius: 48px;
	border: solid 1px #FFE7D9;
	position: relative;
	margin: 0 15px;
	cursor: pointer;
}

.switch div {
	height: 22px;
	width: 22px;
	border-radius: 100%;
	background: #FC6803;
	transition: all 300ms;
	position: absolute;
	left: 2px;
	top: 2px;
}

.switch input:checked+div {
	transform: translate3d(32px, 0, 0);
}

.male,
.female {
	position: absolute;
	display: inline-block;
	align-self: center;
	font-size: 16px;
	cursor: pointer;
	white-space: nowrap;
	right: 120%;
}

.male::before {
	position: absolute;
	content: "";
	width: 32px;
	height: 32px;
	background: url(../images/ico08.svg) no-repeat center;
	background-size: 28px auto;
	left: -45px;
	top: -5px;
}

.female::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 28px;
	background: url(../images/ico09a.svg) no-repeat center;
	background-size: 18px auto;
	right: -40px;
	top: -2px;
}

.male {
	color: #FC6803;
}

.female {
	left: 120%;
	right: auto;
}

.switch input:checked~.female {
	color: #FC6803;
}

.switch input:checked~.male {
	color: #000;
}

.switch input:checked~.male::before {
	background-image: url(../images/ico08a.svg);
}

.switch input:checked~.female::before {
	background-image: url(../images/ico09.svg);
}

.koupit-kelimek .modal-content {
	background: #FFF2EA;
}

.koupit-kelimek .bila {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	position: relative;
	font-size: 11px;
	color: rgba(0, 0, 0, .6);
}

.koupit-kelimek .col-md-6 .row {
	padding: 40px 20px 0 20px;
}

.demo {
	text-align: center;
}

.demo label {
	margin-left: -20px;
}

.demo div {
	background: #fff;
	border: solid 1px #FFE7D9;
	color: #000;
	border-radius: 8px;
	margin: 5px 0 20px 0;
	padding: 15px;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
}

.demo div span {
	width: 50%;
	flex: 0 0 auto;
	text-align: left;
}

.demo div span+span,
.demo div input+span {
	text-align: right;
}

.demo input[type=number] {
	width: 50%;
	flex: 0 0 auto;
	text-align: left;
	border: none;
}

.koupit-kelimek h2 {
	margin-bottom: 40px;
}

.koupit-kelimek h6 {
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0;
}

.koupit-kelimek .modal-body .btn01 {
	margin: 30px 0 10px 0;
	width: 100%;
	text-align: center;
}

.modal-body-bg .input-group-text {
	background: url(../images/ico35.svg) no-repeat center;
	background-size: 20px auto;
	background-color: #fff !important;
	height: calc(100% - 20px);
	border: solid 1px #FFE7D9;
	border-radius: 0 8px 8px 0;
	border-left: none;
	width: 60px;
	cursor: pointer;
}

.modal-body-bg .input-group.date .form-control {
	border-right: none;
}

.modal-body-bg .filter-option-inner,
.modal-body-bg .filter-option-inner-inner {
	height: 100%;
}

.modal-body-bg .btn.dropdown-toggle {
	background: #fff;
	height: 53px;
	border-radius: 8px;
	border: solid 1px #FFE7D9;
}

.modal-body-bg .dropdown.bootstrap-select {
	margin-bottom: 20px;
}

.modal-body-bg .filter-option-inner-inner {
	line-height: 45px;
}

.modal-body-bg .dropdown-toggle::after {
	background: url(../images/ico36.svg) no-repeat center;
	background-size: 19px auto;
	width: 30px;
	height: 30px;
	border: none;
}

.modal-body-bg .bootstrap-select .dropdown-toggle:focus,
.modal-body-bg .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: 5px auto #FC6803 !important;
}

.modal-body-bg .dropdown-item.active,
.modal-body-bg .dropdown-item:active {
	background-color: #FC6803;
}

.modal-body-bg .dropdown-item:focus,
.modal-body-bg .dropdown-item:hover {
	background-color: #FFF2EA;
}

.modal-body-bg .dropdown-menu {
	border-color: #FFE7D9;
}


.pridat-data .btn01 {
	width: 100%;
	margin: 20px 0 0 0;
}

/* navigace ----------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	padding: 0;
	background: #fff;
}

.scroll-down header {
	top: -120px;
}

header .container {
	max-width: 96%;
}

.shadow header {
	top: 0 !important;
}

.ticker {
	background: #000;
	font-size: 14px;
	text-align: center;
	padding: 8px 0;
	color: #fff;
}

.ticker p {
	margin: 0;
}

.ticker a {
	font-weight: 700;
	color: rgba(252, 104, 3, 1);
}

.logo {
	position: absolute;
	left: calc(var(--bs-gutter-x)* .5);
	top: 15px;
	z-index: 2;
	background: url("../images/logo.svg") no-repeat bottom left;
	background-size: 276px auto;
	display: block;
	image-rendering: auto;
	font-size: 14px;
	text-decoration: none;
	padding: 25px 0 0 300px;
	line-height: 100%;
}

header .nav-item {
	padding: 0 20px;
}

header .nav-item:last-child {
	padding: 0;
}

header .nav-link {
	color: #000;
	font-size: 14px;
}

header .nav-link:hover,
header .nav-link:focus {
	color: rgba(252, 104, 3, 1);
}

header .nav-item:nth-last-child(2) .nav-link {
	border: solid 2px #FC6803;
	border-radius: 6px;
	background: url("../images/ico01.svg") no-repeat center left 10px;
	background-size: 14px auto;
	padding-left: 32px;
}

header .nav-item:last-child .nav-link {
	border: solid 2px #FC6803;
	border-radius: 6px;
	background: #FC6803;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

header .nav-item:last-child .nav-link:hover {
	background: #000;
	border: solid 2px #000;
}

header.muj-ucet-user .nav-item:nth-last-child(2) .nav-link {
	border: none;
	border-radius: 0;
	background: none;
	padding-left: var(--bs-navbar-nav-link-padding-x);
}

header.muj-ucet-user .nav-item:last-child .nav-link,
header.muj-ucet-user .nav-item:last-child .nav-link:hover {
	border: solid 2px #FC6803;
	background: url("../images/ico32.svg") no-repeat center left 10px;
	background-size: 22px auto;
	color: #000;
	font-size: 12px;
	padding-left: 40px;
	line-height: 12px;
	cursor: default;
}

header.muj-ucet-user .nav-item:last-child .nav-link span {
	display: block;
	color: rgba(0, 0, 0, .6);
	font-size: 11px;
}

header.muj-ucet-user .nav-item:last-child {
	position: relative;
	margin-left: 10px;
}

header.muj-ucet-user .nav-item:last-child>span {
	display: inline-block;
	position: absolute;
	font-size: 12px;
	background: #FFE7D9;
	border-radius: 6px;
	padding: 4px 10px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 35px);
}

header.muj-ucet-user .nav-item:last-child>span::before {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #FFE7D9;
	bottom: 100%;
	left: 50%;
	position: absolute;
	content: "";
	transform: translate(-50%, 0);
}

.navbar-nav {
	position: relative;
	z-index: 2;
	padding: 5px 0;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:hover {
	outline: none;
	box-shadow: none;
	border: none;
}

.hamburger {
	width: 20px;
	height: 20px;
	position: absolute;
	transition: .5s ease-in-out;
	cursor: pointer;
	right: 20px;
	top: -45px;
	z-index: 2;
	background: #FC6803;
}

.hamburger::before {
	width: 50px;
	height: 50px;
	position: absolute;
	content: "";
	left: -15px;
	top: -15px;
	border-radius: 6px;
	background: #FC6803;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.hamburger span {
	background: #fff;
}

.hamburger span:nth-child(1) {
	top: 0px;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 7px;
}

.hamburger span:nth-child(4) {
	top: 14px;
}

.hamburger.open span {
	height: 2px !important;
}

.hamburger.open span:nth-child(1) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.hamburger.open span:nth-child(2) {
	transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
	transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
	top: 11px;
	width: 0%;
	left: 50%;
}

.nav-item .hamburger {
	right: 0;
	top: 12px;
}

.hamburger.open span:nth-child(4) {
	width: 0;
}


.user {
	width: 50px;
	height: 50px;
	position: absolute;
	transition: .5s ease-in-out;
	cursor: pointer;
	right: 70px;
	top: -60px;
	z-index: 2;
	background: url("../images/ico32.svg") no-repeat center;
	background-size: 26px auto;
	border-radius: 6px;
	border: solid 2px #FC6803;
}

.user-mobile-menu {
	width: 100%;
}

.user-mobile-menu ul {
	background: #FFF2EA;
	padding: 20px 40px;
}


/* content01 ----------------------------------- */
.content01 {
	padding: 20vh 0 100px 0;
}

.content01 .col-md-4,
.content01 .col-md-1 {
	position: relative;
}

.content01 .col-md-4 img[src$=".png"] {
	height: 70vh;
	z-index: 3;
	position: relative;
	aspect-ratio: 3 / 4.2;
	object-fit: cover;
}

.content01-nfo {
	position: absolute;
	background: rgba(255, 231, 217, .6);
	border-radius: 12px;
	padding: 35px 25px 30px 25px;
	font-size: 14px;
	top: 20vh;
	right: 3%;
	width: 320px;
	z-index: 4;
}

.content01-nfo div {
	display: flex;
	flex-wrap: wrap;
}

.content01-nfo div div {
	display: inline-block;
	background: #E0A17C;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	width: 53px;
}

.content01-nfo span {
	display: inline-block;
	font-size: 12px;
	align-self: center;
	padding-left: 5px;
	color: rgba(0, 0, 0, .5);
}

.content01-nfo span strong {
	display: block;
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
}

.content01-nfo::before {
	position: absolute;
	content: "“";
	background: #FC6803;
	border-radius: 6px;
	font-size: 64px;
	top: -25px;
	left: 25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 80px;
	color: #fff;
}

.drop01 {
	position: absolute;
	width: 190px;
	top: 18vh;
	left: -8%;
}

.drop02 {
	position: absolute;
	width: 78px;
	top: 14vh;
	left: -17%;
}

.drop03 {
	position: absolute;
	width: 45px;
	top: 8vh;
	left: -4%;
}

.button-set {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	padding-top: 30px;
}

.button-set div {
	padding-right: 15px;
}

.button-set div:last-child {
	padding-right: 0;
}

.button-set div span {
	display: inline-block;
	font-size: 12px;
	background: #FFF2EA;
	border-radius: 6px;
	padding: 6px 12px;
	margin-top: 15px;
	position: relative;
}

.button-set div span::before {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #FFF2EA;
	bottom: 100%;
	left: 50%;
	position: absolute;
	content: "";
	transform: translate(-50%, 0);
}

/* content02 ----------------------------------- */
.content02::before {
	background: #FFF2EA;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: 75px;
	bottom: 75px;
	z-index: 0;
}

.content02-nfo {
	display: flex;
	flex-wrap: wrap;
}

.content02-nfo img {
	width: 90px;
}

.content02-nfo p {
	font-size: 16px;
	margin: 0;
}

.content02-nfo div {
	align-self: center;
	text-align: left;
	padding: 0 60px;
}

.content02-nfo span {
	align-self: center;
}

/* content03 ----------------------------------- */
.content03 {
	padding-bottom: 100px;
}

.content0301 {
	padding-top: 30px;
}

.content0301 h4 {
	position: relative;
	padding-top: 160px;
	margin: 20px 0;
}

.content0301 h4::before {
	position: absolute;
	content: "";
	width: 130px;
	height: 130px;
	border-radius: 12px;
	background: #FC6803 url("../images/ico04.svg") no-repeat center;
	background-size: 36px auto;
	left: calc(50% - 67px);
	top: 0;
}

.content0301 .col-md-3:nth-child(2) h4::before {
	background: #FC6803 url("../images/ico05.svg") no-repeat center;
	background-size: 12px auto;
}

.content0301 .col-md-3:nth-child(3) h4::before {
	background: #FC6803 url("../images/ico06.svg") no-repeat center;
	background-size: 68px auto;
}

.content0301 .col-md-3:nth-child(4) h4::before {
	background: #FC6803 url("../images/ico07.svg") no-repeat center;
	background-size: 58px auto;
}

.content0301 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
}

.content0301 ul li {
	display: inline-block;
	margin: 5px;
}

.content0301 ul li a {
	display: inline-block;
	border-radius: 30px;
	border: solid 1px #FC6803;
	padding: 3px 12px;
	text-decoration: none;
}

.content0301 ul li a:hover {
	background: #FC6803;
	color: #fff;
}

.orange-light {
	position: relative;
	border-radius: 16px;
	background: #FFF2EA;
	padding: 60px 40px 100px 40px;
	overflow: hidden;
	margin: 100px 0;
}

.orange-light h2 {
	margin-bottom: 200px;
}

.orange-light .row {
	position: relative;
}

.content0302 img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	height: 76%;
	z-index: 0;
}

.white-blur {
	background: rgba(255, 255, 255, .6);
	border-radius: 12px;
	font-size: 16px;
	padding: 0 40px 20px 40px;
	height: 100%;
	width: 84%;
	margin: 0 auto;
	backdrop-filter: blur(10px);
}

.content0302 h3 {
	position: relative;
	padding-top: 40px;
	margin: 0 0 20px 0;
}

.content0302 h3::before {
	position: absolute;
	content: "";
	width: 46px;
	height: 46px;
	background: url("../images/ico08.svg") no-repeat center;
	background-size: 38px auto;
	left: calc(50% - 23px);
	top: -20px;
}

.content0302 .col-md-5:nth-child(2) h3::before {
	height: 60px;
	background: url("../images/ico09.svg") no-repeat center;
	background-size: 30px auto;
}

.content0303 {
	font-size: 14px;
	border: solid 1px rgba(0, 0, 0, .1);
	border-radius: 12px;
	padding: 10px 30px 30px 30px;
	margin: 40px 0 20px 0;
}

.content0303>span {
	display: inline-block;
	color: #ABABAB;
	padding: 0 10px;
	background: #fff;
	transform: translate(0, -20px);
}

.content0303 .col-md-3 {
	background: url("../images/img01.png") no-repeat center top;
	background-size: 80px auto;
	padding-top: 130px;
}

.content0303 .col-md-3:nth-child(2) {
	background: url("../images/img04.png") no-repeat center top 15px;
	background-size: 120px auto;
}

.content0303 .col-md-3:nth-child(3) {
	background: url("../images/img05.png") no-repeat center top 5px;
	background-size: 80px auto;
}

.content0303 .col-md-3:nth-child(4) {
	background: url("../images/ico10.svg") no-repeat center top 15px;
	background-size: 100px auto;
}


.buy-virtual .content0303 .col-md-3 {
	background: url("../images/ico10.svg") no-repeat center top;
	background-size: 80px auto;
	padding-top: 130px;
}

.buy-voucher .content0303 .col-md-3 {
	background: url("https://www.uroset.cz/assets/images/voucher.jpg") no-repeat center top 50px;
	background-size: 80px auto;
	padding-top: 130px;
}


.buy-voucher .content0303 .col-md-3:nth-child(2) {
	background: url("../images/ico10.svg") no-repeat center top 15px;
	background-size: 120px auto;
}


.content03 .col-md-6 .button-set {
	justify-content: center;
}

.content0304 {
	padding-top: 200px;
}

.content0304 .btn02 {
	margin-top: 20px;
}

.navod {
	position: relative;
	padding-left: 30px;
	font-size: 12px;
	margin-top: 20px;
}

.navod::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #FFF2EA url("../images/ico11.svg") no-repeat center;
	background-size: 5px auto;
	border-radius: 100%;
	left: 3px;
	top: 0;
}

.video {
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 14px 24px rgba(0, 0, 0, .15);
	text-align: center;
	display: inline-block;
	text-decoration: none;
	color: #000;
	padding: 170px 25px 25px 25px;
}

.video::before {
	position: absolute;
	content: "";
	width: 109px;
	height: 109px;
	background: #FC6803 url("../images/ico12.svg") no-repeat center left 36px;
	background-size: 46px auto;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.content03 .video::before {
	top: 40%;
}

.video:hover::before {
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.video span {
	font-weight: 700;
	display: block;
	font-size: 12px;
}

.video strong {
	display: block;
}

.video em {
	color: rgba(0, 0, 0, .7);
	font-style: normal;
	font-size: 14px;
}

.content0304 .col-md-6 {
	position: relative
}

.content0304 .col-md-6::before {
	position: absolute;
	left: 15px;
	right: 15px;
	top: -60px;
	bottom: -60px;
	content: "";
	background: #FC6803;
	border-radius: 16px;
}

/* content04 ----------------------------------- */
.content04 {
	background: #FFF2EA;
	overflow: hidden;
	padding: 0;
}

.content04 .container {
	padding: 100px calc(var(--bs-gutter-x)* .5) 80px calc(var(--bs-gutter-x)* .5);
}

.content0401 {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 94%;
	text-align: right;
}

.content0401 img {
	height: 100%;
}

.content0401 span {
	position: absolute;
	background: rgba(255, 255, 255, .6);
	border-radius: 12px;
	font-size: 12px;
	padding: 20px 35px;
	backdrop-filter: blur(10px);
	color: rgba(0, 0, 0, .5);
	bottom: 35%;
	right: 50%;
	text-align: left;
}

.content0401 span strong {
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
	display: block;
}

.content04 h2 {
	margin-bottom: 40px;
}

.content04 .col-md-5 p {
	padding-right: 5%;
}

/* content05 ----------------------------------- */
.content05 {
	padding: 150px 0;
}

.content05 h2 {
	margin-bottom: 40px;
}

.content0501 {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.content0501::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
}

.content0501 img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	height: auto;
	width: 100%;
}

.content0502 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	color: #fff;
	font-size: 14px;
	z-index: 2;
}

.content0502 a {
	display: inline-block;
	padding: 0 40px 0 0;
	color: #FC6803;
	background: url("../images/ico13.svg") no-repeat center right 10px;
	background-size: 22px auto;
	text-decoration: none;
}

.content0502 a:hover {
	background: url("../images/ico13.svg") no-repeat center right 5px;
	background-size: 22px auto;
	text-decoration: underline;
}

.content0502 span {
	padding: 2px 10px;
	color: #000;
	background: #fff;
	font-size: 15px;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 20px;
}

.content0502 h4 {
	font-weight: 700;
	margin: 15px 0;
}

.content0502 p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.content05 .row.justify-content-center {
	margin: -90px calc(-.5* var(--bs-gutter-x));
}

.col-md-10 .content0501 {
	width: 50%;
	margin-bottom: 15px;
	overflow: visible;
}

.col-md-10 .content0501 img {
	aspect-ratio: 4 / 4;
	border-radius: 12px 0 0 12px;
}

.col-md-10 .content0501::after {
	left: auto;
	right: -100%;
	height: 100%;
	width: 170%;
	z-index: 2;
	background: linear-gradient(to right, rgba(255, 242, 234, 0), rgba(255, 242, 234, 1) 40%);
	border-radius: 0 12px 12px 0;
}

.col-md-10 .content0502 {
	width: 70%;
	left: 115%;
	bottom: 50%;
	transform: translate(0, 50%);
	color: #000;
	font-size: 16px;
	z-index: 3;
}

.col-md-10 .content0502 p {
	-webkit-line-clamp: 5;
}

.col-md-10 .content0502 span {
	color: #fff;
	background: #000;
	margin-bottom: 20px;
}

/* footer ----------------------------------- */
footer {
	border-top: solid 1px #D9D9D9;
	font-size: 16px;
	padding: 70px 0 30px 0;
}

footer ul,
footer ol {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
}

footer ul a,
footer ol a {
	text-decoration: none;
	position: relative;
	padding: 2px 0;
	font-weight: 500;
}

footer ul a:hover::before,
footer ol a:not(.disabled):hover::before {
	background: #000;
	width: 100%;
	height: 1px;
	bottom: 1px;
	left: 0;
	animation: hovermenu 0.4s 1;
	content: "";
	position: absolute;
}

footer ol li:last-child a {
	color: #000;
	display: inline-block;
	background: url(../images/ico03.svg) no-repeat center left;
	background-size: 12px auto;
	padding: 2px 0 2px 18px;
}

footer h4 {
	font-weight: 700;
}

footer .col-md-3 li {
	padding: 6px 0;
}

footer .col-md-8 li {
	display: inline-block;
	padding: 2px 30px 2px 0;
}

footer .col-md-10 p {
	font-size: 11px;
	margin: 30px 0;
	padding-right: 15%;
}

footer .col-md-4.order-md-1 img {
	transform: translate(6%, 0);
}

.disabled,
.disabled:hover {
	color: rgba(0, 0, 0, .3);
	cursor: default;
}

footer .col-md-6 p a {
	color: #FC6803;
}

footer hr {
	margin: 30px 0;
	border-top: solid 1px #D9D9D9;
	opacity: 1;
}

.footer-logo {
	background: url("../images/logo.svg") no-repeat center right;
	background-size: auto 30px;
	display: inline-block;
	image-rendering: auto;
	width: 210px;
	height: 30px;
	font-size: 0;
	margin-bottom: 10px;
}

footer .col-md-2 {
	text-align: right;
	font-size: 14px;
}

footer .col-md-2 span {
	display: block;
}

/* slick navigace ------------------------- */
.slick-dots {
	list-style-type: none;
	text-align: center;
	padding-top: 20px;
}

.slick-dots li {
	display: inline-block;
	padding: 5px;
}

.slick-dots li button {
	border-radius: 100%;
	border: solid 1px #FC6803;
	width: 12px;
	height: 12px;
	text-indent: -99999px;
	padding: 0;
	background: none;
}

.slick-dots li.slick-active button {
	width: 16px;
	height: 16px;
	background: #FC6803;
	transform: translate(-2px, -2px);
}

/* content06 ----------------------------------- */
.content06 {
	padding: 150px 0 100px 0;
}

.content06 p {
	font-size: 16px;
	margin: 20px 0 40px 0;
}

.content0601 {
	position: relative;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%;
	border-radius: 16px;
}

.content0601 .video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content0601 .video::before {
	transform: translateX(-50%) translateY(-90%);
}

.content0601 video {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	height: auto;
	width: 100%;
	border-radius: 16px;
}


/* content07 ----------------------------------- */
.content07 {
	background: #FFF2EA;
	padding: 80px 0;
}

.content07 ol {
	counter-reset: list-counter;
	list-style: none;
	padding: 20px 0 0 0;
	text-align: left;
}

.content07 ol li {
	counter-increment: list-counter;
	position: relative;
	border-radius: 12px;
	margin: 18px 0;
	padding: 30px 8% 30px 26%;
	background: #fff url("../images/ico14.svg") no-repeat center left 18%;
	background-size: auto 70px;
	min-height: 174px;
}

.content07 ol li:nth-child(2) {
	background-image: url("../images/ico16.svg");
}

.content07 ol li:nth-child(3) {
	background-image: url("../images/ico17.svg");
	background-position: center left 17%;
}

.content07 ol li:nth-child(4) {
	background-image: url("../images/ico18.svg");
}

.content07 ol li::before {
	content: counter(list-counter, decimal-leading-zero) " ";
	position: absolute;
	left: 8.3333%;
	font-weight: 700;
	font-size: 36px;
	color: #FC6803;
	top: 50%;
	transform: translate(0, -50%);
}

.content07 ol li span {
	position: relative;
	font-size: 12px;
	padding: 2px 0 0 30px;
	color: rgba(0, 0, 0, .6);
	display: block;
	margin-top: 20px;
}

.content07 ol li span::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #FC6803 url(../images/ico15.svg) no-repeat center;
	background-size: 5px auto;
	border-radius: 100%;
	left: 3px;
	top: 0;
}

/* content08 ----------------------------------- */
.content08 {
	padding: 120px 0;
	font-size: 16px;
}

.content08 h2,
.content08 p:not(:last-child) {
	margin-bottom: 30px;
}

.content0801>div {
	position: relative;
	border-radius: 12px;
	background: #FFF2EA;
	padding: 16px 20px 16px 90px;
	margin: 20px 0 0 50px;
	min-height: 80px;
	display: flex;
	align-items: center;
}

.content0801>div::before {
	content: "";
	position: absolute;
	left: 20px;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	border: solid 1px #FC6803;
	border-radius: 6px;
	background: url(../images/ico19.svg) no-repeat center;
	background-size: 23px auto;
}

.content0801>div:nth-child(2)::before {
	background: url(../images/ico20.svg) no-repeat center;
	background-size: 40px auto;
}

.content0801>div:nth-child(3)::before {
	background: url(../images/ico21.svg) no-repeat center top 9px;
	background-size: 34px auto;
}

.content0801>div::after {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #FC6803;
	border-radius: 6px;
	content: "1";
	color: #fff;
	font-size: 12px;
	left: 34px;
	text-align: center;
	line-height: 20px;
	top: 6px;
}

.content0801>div:nth-child(2)::after {
	content: "2";
}

.content0801>div:nth-child(3)::after {
	content: "3";
}

.content08 .col-md-4 {
	position: relative;
}

.content08 .col-md-4 span {
	position: absolute;
	width: 44px;
	height: 44px;
	border: solid 1px #FC6803;
	border-radius: 6px;
	top: 4.2%;
	left: 44%;
}

.content08 .col-md-4 span:nth-child(2) {
	top: 33%;
	left: 43.5%;
}

.content08 .col-md-4 span:nth-child(3) {
	top: 41.8%;
	left: 35%;
}

.content08 .col-md-4 span::before {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #FC6803;
	border-radius: 6px;
	content: "1";
	color: #fff;
	font-size: 12px;
	left: calc(50% - 10px);
	text-align: center;
	line-height: 20px;
	top: -10px;
}

.content08 .col-md-4 span:nth-child(2)::before {
	content: "2";
}

.content08 .col-md-4 span:nth-child(3)::before {
	content: "3";
}

.content08 .col-md-4 span em {
	position: absolute;
	font-style: normal;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -40%);
	font-size: 20px;
}

/* content09 ----------------------------------- */
.content09 {
	background: #FFF2EA;
	padding: 80px 0;
}

.content09 .accordion-item {
	margin: 20px 0;
	border-radius: 12px;
	border: solid 2px #fff;
	overflow: hidden;
}

.content09 .accordion-item:hover {
	border: solid 2px #FC6803;
}

.content09 .accordion-button {
	font-weight: 500;
	font-size: 22px;
	padding: 30px 30px 30px 60px;
}

.content09 .accordion-button::after {
	width: 16px;
	height: 16px;
	left: 30px;
	content: "";
	position: absolute;
	border-left: solid 2px #FC6803;
	border-bottom: solid 2px #FC6803;
	background: none;
	transform: rotate(-45deg);
}

.content09 .accordion-button:not(.collapsed)::after {
	transform: rotate(135deg);
}

.content09 .accordion-button:focus,
.accordion-button:not(.collapsed) {
	border: none;
	box-shadow: none;
	background: none;
	color: #000;
}

.content09 .accordion-body {
	padding-left: 60px;
	font-size: 16px;
}

.content09 small {
	display: block;
	font-size: 14px;
	padding: 80px 0;
}

/* content10 ----------------------------------- */
.content10 {
	padding: 150px 0 0 0;
}

.appPage.page8 .content10 {
	padding: 30px 0 0 0;
}

.nomarg {
	margin-bottom: 0;
}

.content1001 {
	background: #FFF2EA;
	border-radius: 12px;
	padding: 50px 0 10px 0;
	margin: 30px 0 150px 0;
}

.content10 .col-md-12 {
	padding-top: 120px;
}

.content10 .col-md-7 {
	text-align: right;
}

.content10 .col-md-6>.row {
	padding-top: 50px;
	font-size: 14px;
}

.content1002 {
	background: #FFF2EA;
	border-radius: 12px;
	display: inline-block;
	text-decoration: none;
	font-size: 23px;
	padding: 22px 30px 22px 80px;
	margin: 0 20px 10px 0;
	position: relative;
	min-width: 80%;
	text-align: left;
}

.content1002::before {
	position: absolute;
	content: "";
	background: url(../images/ico26.svg) no-repeat center;
	background-size: 24px auto;
	border: solid 2px #FC6803;
	border-radius: 6px;
	width: 50px;
	height: 50px;
	left: 15px;
	top: 15px;
}

.content1002:last-of-type::before {
	background-image: url(../images/ico27.svg);
}

.content1002:hover {
	background: #FC6803;
	color: #fff;
}

.content1002:hover::before {
	background-color: #fff;
	border: solid 2px #fff;
}

.content10 h6 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.content10 .col-lg-12 span,
.content10 .col-lg-8 span {
	background: #fff;
	border-radius: 60px;
	border: solid 1px #FC6803;
	padding: 2px 10px;
	font-size: 15px;
	display: inline-block;
	margin-bottom: 20px;
}

.content10 .col-lg-12 p {
	font-size: 36px;
	margin-top: -20px;
}

.content10 .col-lg-8 {
	padding-bottom: 100px;
}

.content10 .col-lg-8 .btn02 {
	margin: 5px;
}

.content10 .col-lg-8 p {
	margin: 0 0 30px 0;
}

/* content11 ----------------------------------- */
.content11 {
	padding: 25vh 0 80px 0;
}

.content11 .col-md-12>a {
	font-size: 16px;
	font-weight: 700;
	color: #FC6803;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 30px;
	background: url(../images/ico25.svg) no-repeat left 5px top 4px;
	background-size: 24px auto;
	padding-left: 39px;
}

.content11 .col-md-12>a:hover {
	text-decoration: underline;
	background: url(../images/ico25.svg) no-repeat left 0 top 4px;
	background-size: 24px auto;
}

.content11 .col-md-12>span {
	padding: 4px 15px;
	color: #fff;
	background: #000;
	font-size: 20px;
	display: inline-block;
	border-radius: 30px;
	margin-top: 15px;
}

.content1101 {
	border-radius: 16px;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 8;
	object-fit: cover;
	width: 100%;
	background: #FC6803;
	margin: 40px 0;
}

.content1101>P {
	margin: 0;
}

.content1101>p img {
	aspect-ratio: 16 / 8;
	object-fit: cover;
	width: 100%;
	height: auto;
}

.content11 .col-md-6 p {
	font-size: 16px;
	margin-bottom: 30px;
}

.content1102 {
	border-radius: 12px;
	position: relative;
	background: #FFF2EA;
	margin: 100px 0 0 0;
	padding: 35px 25px;
}

.content1102::before {
	position: absolute;
	content: "“";
	background: #FC6803;
	border-radius: 6px;
	font-size: 64px;
	top: -25px;
	left: 25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 80px;
	color: #fff;
}

.content1102 .col-md-7 p {
	font-size: 22px;
	margin: 0;
}

.content1102 .col-md-5 div {
	display: flex;
	flex-wrap: wrap;
}

.content1102 .col-md-5 div div {
	display: inline-block;
	background: #E0A17C;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	width: 53px;
}

.content1102 .col-md-5 span {
	display: inline-block;
	font-size: 12px;
	align-self: center;
	padding-left: 5px;
	color: rgba(0, 0, 0, .5);
}

.content1102 .col-md-5 span strong {
	display: block;
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
}

/* content12 ----------------------------------- */
.slider-vysetreni {
	font-size: 16px;
	background: #FFF2EA;
	border-radius: 12px;
	padding: 50px 150px;
	margin-bottom: 100px;
}

.content12 .slick-arrow {
	position: absolute;
	width: 46px;
	height: 46px;
	border: solid 2px #FC6803;
	border-radius: 6px;
	font-size: 0;
	background: #FFF2EA;
	top: calc(50% - 23px);
	left: 40px;
	z-index: 3;
}

.content12 .slick-arrow::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-left: solid 2px #FC6803;
	border-bottom: solid 2px #FC6803;
	transform: rotate(45deg);
	top: 16px;
	left: 16px;
}

.content12 .slick-arrow:hover {
	border: solid 2px #FC6803;
	background: #FC6803;
}

.content12 .slick-arrow:hover::before {
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
}

.content12 .slick-arrow.slick-next {
	transform: rotate(180deg);
	left: auto;
	right: 40px;
}

.slider-vysetreni .col-md-6 {
	position: relative;
}

.slider-vysetreni .col-md-6>span {
	font-size: 20px;
	background: #FC6803;
	border-radius: 6px;
	padding: 10px 25px;
	color: #fff;
	display: inline-block;
	position: absolute;
	left: calc(-100% + 12px);
	top: 0;
}

.slider-vysetreni h3 {
	margin: 80px 0 10px 0;
}

.content1201 span {
	border-radius: 6px;
	display: block;
	border: solid 1px #D9D9D9;
	padding: 10px 15px;
	text-align: center;
}

.content1201 .col-6 {
	padding: calc(var(--bs-gutter-x)* .5);
}

/* content13 ----------------------------------- */
.content13 {
	font-size: 16px;
}

.content13 .col-md-10>.row {
	margin: 80px calc(-.5* var(--bs-gutter-x));
}

.content1301 {
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.content1301 span {
	position: absolute;
	background: rgba(255, 255, 255, .6);
	border-radius: 12px;
	font-size: 12px;
	padding: 20px 25px;
	backdrop-filter: blur(10px);
	color: rgba(0, 0, 0, .5);
	bottom: 7%;
	right: 5%;
}

.content1301 span strong {
	display: block;
	color: #000;
}

.content1302 {
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	background: #FFF2EA;
	padding: 140px 15% 50px 18%;
	font-size: 26px;
}

.content1302::before {
	position: absolute;
	content: "“";
	font-size: 176px;
	top: 40px;
	left: 17%;
	color: #FC6803;
	line-height: 160px;
}

/* content14 --------------------------------------- */
.content14 {
	font-size: 16px;
	background: #FFF2EA;
}

.content14 h2 {
	margin-bottom: 50px;
}

.content1401 {
	border-radius: 12px;
	background: #fff;
	padding: 30px 15px 15px 15px;
	min-height: 100%;
}

.content1401 span {
	width: 80%;
	margin-bottom: 20px;
	min-height: 70px;
	display: inline-block;
}

/* content15 --------------------------------------- */
.content15 .tab-content {
	margin: 0 -30px;
}

.content15 .tab-content .col-md-4 {
	padding: 30px;
}

.content15 .tab-content .col-md-4:first-child img {
	transform: scale(1.1) translate(-5%, 0);
}

.content15 .tab-content .col-md-4:nth-child(2) img {
	transform: scale(.82) translate(3%, 0);
}

.content15 .tab-content .col-md-4:nth-child(3) img {
	transform: scale(.82) translate(3%, 10px);
}

.content15 .tab-content .col-md-4:nth-child(2),
.content15 .tab-content .col-md-4:nth-child(3) {
	display: block;
	opacity: 1;
}

.content1501 {
	background: #FFF2EA;
	border-radius: 12px;
	border: solid 1px #FFE7D9;
	padding: 30px 20px 20px 20px;
	position: relative;
}

.content150103 {
	min-height: 170px;
}

.content1501>span {
	background: #fff;
	border-radius: 60px;
	border: solid 1px #FC6803;
	padding: 2px 10px;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translate(-50%, 0);
	white-space: nowrap;
	font-size: 15px;
}

.content1501 h2 {
	font-size: 24px;
	margin: 0;
	white-space: nowrap;
}

.content1501 h6 {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	color: #ABABAB;
}

.content1501 p {
	font-size: 20px;
	margin: 0;
}

.content150101 {
	background: #fff;
	border: solid 1px #FFE7D9;
	border-radius: 12px;
	padding: 20px;
	margin: 5px 0 20px 0;
	font-size: 14px;
	min-height: 271px;
}

.content150101 ul {
	list-style-type: none;
	padding: 20px 0 0 0;
	margin: 0;
}

.content150101 ul li {
	position: relative;
	padding: 2px 0 2px 23px;
}

.content150101 ul li::before {
	left: 3px;
	top: 3px;
	width: 15px;
	height: 15px;
	background: #FC6803;
	border-radius: 100%;
	content: "";
	position: absolute;
}

.content150101 ul li::after {
	left: 6px;
	top: 7px;
	width: 9px;
	height: 5px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
	transform: rotate(-45deg);
	content: "";
	position: absolute;
}

.content1501 .col-8,
.content1501 .col-9 {
	text-align: right;
}

.content1501 strong {
	display: block;
	font-size: 24px;
	line-height: 24px;
}

.content1501 em {
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
	font-style: normal;
	white-space: nowrap;
}

.content150102 {
	background: #FFE7D9;
	border-radius: 10px;
	padding: 8px;
	margin-top: 15px;
	font-size: 12px;
	text-align: center;
	position: relative;
}

.content150102::before {
	content: "";
	position: absolute;
	right: 20%;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #FFE7D9;
}

/* content16 --------------------------------------- */
.content1601,
.content1602,
.content1603 {
	background: #FFF2EA;
	border-radius: 12px;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 40px;
}

.content1601 table {
	width: 100%;
}

.content1601 table tr {
	border-bottom: solid 1px #FFE7D9;
}

.content1601 table tr:last-child {
	border-bottom: none;
	font-size: 18px;
	font-weight: 700;
}

.content1601 table tr td {
	padding: 10px 0;
}

.content1601 table tr td:last-child {
	text-align: right;
	min-width: 160px;
}

.content1601 table tr:last-child small {
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	display: block;
}

.content160101 {
	display: flex;
}

.content160101 label {
	align-self: center;
	white-space: nowrap;
	margin: 0 10px 0 0;
}

.btn-min {
	border: solid 1px #FFE7D9;
	border-radius: 8px 0 0 8px;
	background: #fff;
	color: #FC6803;
	border-right: none;
}

.btn-plus {
	border: solid 1px #FFE7D9;
	border-radius: 0 8px 8px 0;
	background: #fff;
	color: #FC6803;
	border-left: none;
}

.content160101 .form-control {
	border-radius: 0;
	height: 40px;
	margin-bottom: 0;
	border-left: none;
	border-right: none;
	width: 18%;
}

.content1602 .checkbox {
	display: block;
	padding-left: 0;
}

.content1602 .checklabel {
	transform: translate(0, 0);
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	background: #fff;
	border-radius: 8px;
	border: solid 1px #FFE7D9;
	padding: 10px;
}

.content1602 .checklabel>div {
	align-self: center;
	padding: 10px;
}

.content1602 .checklabel>div {
	width: 75%;
}

.content1602 .checklabel>div:first-child {
	width: 25%;
}

.content1602 .checkbox input:checked~.checklabel {
	border-color: #FC6803;
	box-shadow: 0 0 0 1px rgba(252, 104, 3, 1);
}

.content1602 .checkbox a {
	color: #FC6803;
}

.content1602 .checkbox a:hover {
	color: #FC6803;
}

.content1602 .checklabel>div span {
	display: block;
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
	padding: 3px 0;
}

.content1603 .btn01 {
	font-weight: 700;
	font-size: 18px;
}

.content1603 .btn01 span {
	display: block;
	font-weight: 400;
	font-size: 14px;
}

.content160301 img {
	margin: 5px;
}

/* content17 --------------------------------------- */
.content17 {
	padding: 15vh 0 100px 0;
}

.account-menu {
	position: relative;
	border-radius: 12px;
	background: #FFF2EA;
	padding: 30px 40px;
	list-style-type: none;
	margin: 0;
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
}

.account-menu li,
.user-mobile-menu ul li {
	padding: 8px 0;
	position: relative;
}

.account-menu li.active::before {
	background: #fff;
	content: "";
	top: 0;
	right: -15px;
	bottom: 0;
	left: -15px;
	position: absolute;
	border-radius: 8px;
}

.account-menu li:first-child {
	font-size: 24px;
	padding-bottom: 10px;
}

.account-menu li a,
.user-mobile-menu ul li a {
	position: relative;
	display: block;
	text-decoration: none;
	background: url(../images/ico31.svg) no-repeat left center;
	background-size: 24px auto;
	padding: 2px 0 2px 34px;
}

.account-menu li:nth-child(3) a,
.user-mobile-menu ul li:nth-child(2) a {
	background: url("../images/ico30.svg") no-repeat left center;
	background-size: 26px auto;
}

.account-menu li:nth-child(4) a,
.user-mobile-menu ul li:nth-child(3) a {
	background: url("../images/ico29.svg") no-repeat left center;
	background-size: 24px auto;
}

.account-menu li:nth-child(5) a,
.user-mobile-menu ul li:nth-child(4) a {
	background: url("../images/ico32.svg") no-repeat left center;
	background-size: 24px auto;
}

.account-menu li:nth-child(6) a,
.user-mobile-menu ul li:nth-child(5) a {
	background: none;
	padding-left: 0;
	color: #FC6803;
	font-weight: 400;
	text-decoration: underline;
}

.account-menu li:nth-child(6) a:hover {
	color: #000;
	text-decoration: none;
}

.account-menu li:nth-child(2) a:hover,
.account-menu li:nth-child(3) a:hover,
.account-menu li:nth-child(4) a:hover,
.account-menu li:nth-child(5) a:hover {
	transform: translate(8px, 0);
	color: #FC6803;
}

.account-menu li.active:nth-child(2) a:hover,
.account-menu li.active:nth-child(3) a:hover,
.account-menu li.active:nth-child(4) a:hover,
.account-menu li.active:nth-child(5) a:hover {
	transform: translate(0, 0);
	color: #000;
	cursor: default;
}

.account-approve {
	border-radius: 12px;
	border: solid 2px #FC6803;
	padding: 30px 40px;
	margin-bottom: 60px;
	font-size: 16px;
}

.account-approve.timeout {
	border: solid 2px #ea3540;
}

.account-home {
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.account-home li {
	list-style-type: none;
	margin: 0 0 20px 0;
	display: block;
	font-size: 16px;
}

.account-home li a {
	color: #000;
	text-decoration: none;
	display: block;
	position: relative;
	border-radius: 12px;
	background: #FFF2EA;
	padding: 30px 40px 20px 40px;
}

.account-home li a p {
	padding-right: 70px;
}

.account-home h2,
.account-approve h2 {
	font-size: 30px;
}

.account-home li em {
	display: block;
	position: absolute;
	border-radius: 12px;
	background: #fff;
	width: 60px;
	height: 60px;
	top: 50%;
	right: 40px;
	transform: translate(0, -50%);
}

.account-home li em::before {
	display: block;
	position: absolute;
	border-bottom: solid 2px #FC6803;
	border-left: solid 2px #FC6803;
	content: "";
	width: 20px;
	height: 20px;
	top: 20px;
	right: 25px;
	transform: rotate(-135deg);
}

.account-home li a:hover {
	color: #fff;
	background: #FC6803;
}

.account-home li a.disabled {
	opacity: .3;
	cursor: default;
}

.account-home li a.disabled:hover {
	color: #000;
	background: #FFF2EA;
}

.timeoutimg {
	border-radius: 12px;
	background: #FFE3E5;
	position: relative;
}

.timeoutimg::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.timeoutimg img {
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}

.my-results-nfo {
	border-radius: 12px;
	background: #FFF2EA;
	position: relative;
	margin: 0 0 60px 0;
	padding: 40px;
	font-size: 16px;
}

.my-results-nfo p a {
	color: #FC6803;
}

.my-results-nfo h2 {
	font-size: 30px;
	margin: 0 0 15px 0;
}

.my-results-nfo .btn02 {
	margin: 20px 13px 0 0;
	background: #FFF2EA;
	position: relative;
}

.my-results-nfo .btn02:hover {
	background: #FC6803;
}

.my-results-nfo .btn05,
.my-results-nfo .btn08 {
	margin: 20px 13px 0 0;
}






.my-results-nfo-02 {
	width: 90%;
	position: relative;
	z-index: 4;
}

.my-results-nfo-02 .btn02 {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.my-results-nfo-02>p {
	text-align: center;
	margin: 0;
	font-size: 14px;
}

.my-results-nfo-02>p a {
	color: #000;
}

#older {
	margin-top: -10px;
}

.my-results-nfo table {
	border-collapse: separate;
	border-spacing: 0 10px;
	font-size: 14px;
	width: 100%;
}

.my-results-nfo table tr td {
	background: #fff;
	border-radius: 8px 0 0 8px;
	padding: 8px 12px;
}

.my-results-nfo table tr td+td {
	border-radius: 0 8px 8px 0;
	text-align: right;
}

.my-results-nfo table tr th:last-child {
	text-align: right;
}

.my-results-nfo table tr th {
	padding: 0 12px;
}

.my-results-nfo table tr:hover {
	color: #FC6803;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	border-radius: 8px;
}

.my-results-nfo table tr {
	position: relative;
}

.my-results-nfo table tr td span {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	border-radius: 8px;
	padding: 7px 12px;
	width: 90%;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 12px;
	text-align: left;
	color: #fff;
	left: calc(100% + 15px);
	display: none;
}

.my-results-nfo table tr td span::before {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid rgba(0, 0, 0, .6);
	position: absolute;
	content: "";
	top: 50%;
	transform: translate(0, -50%);
	left: -10px;
}

.my-results-nfo table tr:hover td span {
	display: block;
}

.uro-chart {
	background: #fff;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	margin-top: 35px;
}

.micturition-card {
	font-size: 16px;
	margin: 30px 0;
}

.my-results {
	font-size: 16px;
	margin: 30px 0;
}

.my-results h3 {
	font-size: 30px;
	margin: 0 0 5px 0;
}

.tab-pane h4 {
	font-size: 30px;
	font-weight: 400;
	position: relative;
	padding-left: 100px;
	margin: 20px 0 40px 0;
}

.tab-pane h4>div {
	width: 80px;
	height: 80px;
	position: absolute;
	border-radius: 12px;
	overflow: hidden;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.my-results ul {
	list-style-type: none;
	padding: 0 0 30px 0;
	margin: 60px 0 50px 0;
	justify-content: space-between;
	width: 100%;
	display: flex;
	text-align: center;
	border-bottom: solid 2px #FFF2EA;
}

.my-results ul li {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px;
	background: #00ADEF;
	width: 80px;
	height: 85px;
	position: relative;
	border-radius: 12px;
	border: solid 2px #00ADEF;
}

.my-results ul li:nth-child(2) {
	background: repeating-linear-gradient(45deg, #00ADEF 0, #00ADEF 2px, transparent 2px, transparent 5px);
	border: solid 2px #00ADEF;
}

.my-results ul li:nth-child(3) {
	background: #3AB248;
	border: solid 2px #3AB248;
}

.my-results ul li:nth-child(4) {
	background: repeating-linear-gradient(45deg, #3AB248 0, #3AB248 2px, transparent 2px, transparent 5px);
	border: solid 2px #3AB248;
}

.my-results ul li:nth-child(5) {
	background: #FFD900;
	border: solid 2px #FFD900;
}

.my-results ul li:nth-child(6) {
	background: repeating-linear-gradient(45deg, #FFD900 0, #FFD900 2px, transparent 2px, transparent 5px);
	border: solid 2px #FFD900;
}

.my-results ul li:nth-child(7) {
	background: #EF1923;
	border: solid 2px #EF1923;
}

.my-results ul li:nth-child(8) {
	background: repeating-linear-gradient(45deg, #EF1923 0, #EF1923 2px, transparent 2px, transparent 5px);
	border: solid 2px #EF1923;
}

.my-results ul li a {
	position: absolute;
	display: inline-block;
	background: #fff;
	width: 42px;
	height: 46px;
	border-radius: 6px;
	line-height: 44px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: solid 2px #00ADEF;
	text-decoration: none;
	color: #000;
}

.my-results ul li:nth-child(2) a {
	border: solid 2px #00ADEF;
}

.my-results ul li:nth-child(3) a,
.my-results ul li:nth-child(4) a {
	border: solid 2px #3AB248;
}

.my-results ul li:nth-child(5) a,
.my-results ul li:nth-child(6) a {
	border: solid 2px #FFD900;
}

.my-results ul li:nth-child(7) a,
.my-results ul li:nth-child(8) a {
	border: solid 2px #EF1923;
}

.my-results ul li.active {
	transform: translate(0, -20px);
}

.my-results ul li.active::before {
	position: absolute;
	width: 100%;
	content: "";
	left: 0;
	bottom: -54px;
	border-bottom: solid 2px #FC6803;
}

.my-results ul li.active a {
	cursor: default;
}

.gender2 .my-results ul li {
	letter-spacing: 26px;
	width: 23%;
}

.gender2 .my-results ul li:first-child,
.gender2 .my-results ul li:nth-child(2) {
	letter-spacing: 0;
}

.gender2 .my-results ul li a {
	background: none;
	width: auto;
	border: none;
	transform: translate(-34%, -50%);
}

.gender2 .my-results ul li a::before,
.gender2 .my-results ul li a::after {
	content: "";
	position: absolute;
	background: #fff;
	width: 42px;
	height: 46px;
	border-radius: 6px;
	left: -10px;
	top: 0;
	border: solid 2px #00ADEF;
	z-index: -1;
}

.gender2 .my-results ul li:first-child a::after {
	display: none;
}

.gender2 .my-results ul li a::after {
	left: 36px;
}

.gender2 .my-results ul li:nth-child(2) {
	background: #3AB248;
	border: solid 2px #3AB248;
}

.gender2 .my-results ul li:nth-child(2) a {
	transform: translate(-50%, -50%);
	white-space: nowrap;
	width: 100%;
	text-align: left;
}

.gender2 .my-results ul li:nth-child(2) a::before,
.gender2 .my-results ul li:nth-child(2) a::after {
	display: none;
}

.gender2 .my-results ul li:nth-child(2) a em {
	font-style: normal;
	position: relative;
	display: inline-block;
	margin: 0 20px;
}

.gender2 .my-results ul li:nth-child(2) a em:last-child {
	margin: 0 10px;
}

.gender2 .my-results ul li:nth-child(2) a em:nth-child(2) {
	margin-left: 17%;
}


.gender2 .my-results ul li:nth-child(2) a em:first-child::before {
	position: absolute;
	content: "";
	width: 80px;
	height: 85px;
	border-radius: 12px;
	background: #fff repeating-linear-gradient(45deg, #00ADEF 0, #00ADEF 2px, transparent 2px, transparent 5px);
	border: solid 2px #00ADEF;
	left: -28px;
	top: -19px;
	z-index: -2;
}

.gender2 .my-results ul li:nth-child(2) a em::after {
	content: "";
	position: absolute;
	background: #fff;
	width: 42px;
	height: 46px;
	border-radius: 6px;
	left: -10px;
	top: 0;
	border: solid 2px #3AB248;
	z-index: -1;
}

.gender2 .my-results ul li:nth-child(2) a em:first-child::after {
	border: solid 2px #00ADEF;
}





.gender2 .my-results ul li:nth-child(3) {
	background: #FFD900;
	border: solid 2px #FFD900;
}

.gender2 .my-results ul li:nth-child(3) a::before,
.gender2 .my-results ul li:nth-child(3) a::after {
	border: solid 2px #FFD900;
}

.gender2 .my-results ul li:nth-child(4) {
	background: #EF1923;
	border: solid 2px #EF1923;
}

.gender2 .my-results ul li:nth-child(4) a::before,
.gender2 .my-results ul li:nth-child(4) a::after {
	border: solid 2px #EF1923;
}

.gender2 .my-results ul li:nth-child(4) {
	letter-spacing: 22px;
}



.content17 .accordion {
	margin: 0 0 60px 0;
}

.content17 .accordion-item {
	margin: 20px 0;
	border-radius: 12px;
	border: solid 2px #FFF2EA;
	overflow: hidden;
}

.content17 .accordion-item:hover,
.content17 .accordion-item.open {
	border: solid 2px #FC6803;
}

.content17 .accordion-button {
	font-weight: 500;
	font-size: 22px;
	padding: 30px 30px 30px 60px;
}

.content17 .accordion-button::after {
	width: 16px;
	height: 16px;
	left: 30px;
	content: "";
	position: absolute;
	border-left: solid 2px #FC6803;
	border-bottom: solid 2px #FC6803;
	background: none;
	transform: rotate(-45deg);
}

.content17 .accordion-button:not(.collapsed)::after {
	transform: rotate(135deg);
}

.content17 .accordion-button:focus,
.accordion-button:not(.collapsed) {
	border: none;
	box-shadow: none;
	background: none;
	color: #000;
}

.content17 .accordion-body {
	padding-left: 60px;
	padding-right: 30px;
	font-size: 16px;
}

.content17 .accordion-body h6 {
	font-size: 20px;
	font-weight: 700;
	margin: 30px 0;
}

.uro-alert-01 {
	background: #FFE3E5;
	border-radius: 12px;
	padding: 20px;
	margin: 30px 0;
}

.alert-smiles {
	border-radius: 12px;
	background: #fff;
	position: relative;
}

.alert-smiles::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.smiles {
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
	width: 100%;
	text-align: center;
}

.smiles img {
	width: 24px;
	margin: 1px;
}

.uro-alert-01 p {
	font-size: 20px;
	margin: 0;
}

.uro-alert-01 p strong {
	display: block;
}

.uro-alert-01 span {
	font-size: 14px;
	font-weight: 400;
	background: url(../images/ico33.svg) no-repeat left center;
	background-size: 54px auto;
	padding: 10px 0 10px 70px;
	display: block;
}

.uro-anim {
	position: relative;
	margin: 30px 0;
}

.uro-anim video {
	width: 100%;
}

.uro-nfo {
	border-radius: 12px;
	background: #FFF2EA;
	position: relative;
	margin: 30px 0;
	padding: 20px;
	font-size: 14px;
}

.uro-nfo h5 {
	font-size: 20px;
	font-weight: 700;
	background: url(../images/ico34.svg) no-repeat left center;
	background-size: 24px auto;
	padding: 5px 0 5px 40px;
	margin-bottom: 5px;
}

.uro-nfo p {
	margin: 0;
}

.uro-table+small {
	display: block;
	text-align: center;
	padding-bottom: 10px;
}

.uro-border {
	border-radius: 12px;
	border: solid 2px #FFF2EA;
	padding: 30px 30px 0 30px;
	margin: 30px 0;
}

.content17 .accordion-body .uro-border h6 {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.uro-border h6 span {
	font-size: 14px;
	font-weight: 400;
	color: #5F6368;
	display: inline-block;
	position: relative;
	transform: translate(0, -2px);
}

.uro-border .table {
	min-height: 210px;
}

.uro-border .table td {
	text-transform: uppercase;
	font-size: 14px;
	border-bottom: solid 1px #F1DACB;
}

.uro-border .table td:last-child {
	color: #FC6803;
}

.uro-border .table tr:last-child td,
.uro-border .col-md-6+.col-md-6 .table tr:nth-last-child(2) td {
	border: none;
}

.uro-border .table tr:first-child td {
	font-size: 18px;
	font-weight: 700;
}

.uro-border .col-md-6+.col-md-6 .table tr:last-child td {
	font-size: 18px;
	font-weight: 700;
}


.uro-border .table.zeny td:last-child {
	text-transform: none;
}


.uro-table {
	border-radius: 12px;
	background: #FFF2EA;
	position: relative;
	margin: 40px 0 30px 0;
	padding: 30px 10px;
	font-size: 28px;
	font-weight: 700;
	color: #FC6803;
	text-transform: uppercase;
	text-align: center;
}

.uro-table strong {
	display: inline-block;
	margin: 0 5px 0 0;
	color: #000;
}

.uro-border.hystory {
	display: flex;
	flex-wrap: wrap;
	padding: 30px;
	margin: 14px 0;
}

.uro-border .date {
	border-radius: 8px;
	background: #FFF2EA;
	padding: 15px;
	font-size: 14px;
}

.uro-border .result {
	align-self: center;
	font-size: 20px;
	padding-left: 30px;
}

.content17 small,
.content18 small {
	font-size: 11px;
	color: rgba(0, 0, 0, .6);
}

.content17 .col-md-7>h2 {
	font-size: 30px;
	margin-bottom: 50px;
}

/* content18 --------------------------------------- */
.content18 {
	padding: 50px 0 100px 0;
}

.content18 h2 {
	font-size: 30px;
	margin: 0;
}

.content18 h2 strong {
	color: #FC6803;
}

.pagi {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.pagi li {
	display: inline-block;
	width: 60px;
	height: 5px;
	background: #EAEAEA;
	border-radius: 7px;
	margin: 2px;
	cursor: pointer;
}

.pagi li.visited {
	background: #000;
}

.pagi li.active {
	background: #FC6803;
}

.content18 .col-sm-2 {
	text-align: right;
}

.ukoncit {
	position: relative;
	font-size: 14px;
	text-decoration: none;
}

.ukoncit em {
	display: inline-block;
	font-style: normal;
	transform: translate(0, -8px);
}

.ukoncit .close {
	position: relative;
	width: 28px;
	height: 28px;
	border: solid 2px #FC6803;
	border-radius: 6px;
	opacity: 1;
	margin: 0 2px 0 0;
	z-index: 5;
	display: inline-block;
}

.ukoncit .close span {
	position: absolute;
	left: 2px;
	top: 2px;
	right: 2px;
	bottom: 2px;
}

.ukoncit:hover .close span {
	transform: rotate(90deg);
}

.ukoncit .close span::before,
.ukoncit .close span::after {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: #000;
	content: "";
	transform: rotate(45deg);
}

.ukoncit .close span::after {
	transform: rotate(-45deg);
}

.questionnaires {
	border-radius: 12px;
	background: #FFF2EA;
	position: relative;
	margin: 20px 0;
	padding: 25px;
	font-size: 14px;
}

.questionnaires p {
	font-size: 20px;
	margin-bottom: 15px;
}

.questionnaires h3 {
	font-size: 28px;
	font-weight: 400;
	margin: 10px 0 5px 0;
}

.questionnaires h4 {
	font-size: 30px;
	font-weight: 400;
	margin: 0 0 10px 0;
}

.questionnaires h5 {
	font-size: 70px;
	margin: 0 0 20px 0;
}

.radiocheck input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}

.radiocheck {
	display: inline-block;
	position: relative;
	width: 80%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	margin-bottom: 8px;
}

.radiocheck input:checked~.radiolabel {
	background: #FC6803;
	color: #fff;
	border: solid 2px #FC6803;
}

.radiolabel {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	background: #fff;
	border: solid 2px #FFE7D9;
	border-radius: 8px;
	padding: 8px 20px;
}

.radiolabel:hover {
	border: solid 2px #FC6803;
}

.radiolabel span {
	flex: 0 0 auto;
}

.radiolabel span:first-child {
	font-size: 30px;
	font-weight: 700;
	padding-right: 30px;
}

.radiolabel span strong {
	display: block;
	font-size: 18px;
}

.questionnaires .btn05 {
	margin-right: 10px;
}

.questionnaires-nfo {
	background: #fff;
	border: solid 2px #FFE7D9;
	border-radius: 8px;
	padding: 12px 20px;
	display: inline-block;
	margin-bottom: 60px;
}

.questionnaires-nfo strong {
	font-size: 18px;
	display: block;
}

.virtualcap01 {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	font-size: 11px;
	color: rgba(0, 0, 0, .6);
}

.virtualcap01 canvas {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.virtualcap02 {
	font-size: 16px;
}

.virtualcap02 h6 {
	font-weight: 400;
	font-size: 24px;
	margin: 30px 0 10px 0;
}

.virtualcap02 h6 span {
	font-weight: 700;
}

.virtualcap02 .checkbox {
	display: block;
	margin: 10px 0 20px 0;
}

.ucet-kod .row {
	margin: 0 -5px;
}

.ucet-kod .col-2 {
	padding: 0 5px;
}

.ucet-kod {
	position: relative;
	margin-bottom: 40px;
}

.ucet-kod>span {
	display: inline-block;
	position: absolute;
	font-size: 12px;
	background: #FFE7D9;
	border-radius: 6px;
	padding: 4px 10px;
	bottom: 0;
	left: 0;
	transform: translate(0, 18px);
}

.ucet-kod>span::before {
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid #FFE7D9;
	bottom: 100%;
	left: 50%;
	position: absolute;
	content: "";
	transform: translate(-50%, 0);
}








/* tom 2025 ---------------------------- */

.content10+.content03 .container:first-child h2 {
	display: none;
}


#dpdSelect {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
}

#dpdSelect iframe {
	width: 100%;
	height: 100%;
	border: 0;

}



.loading {
	width: 100%;
	text-align: center;
}


.lds-ripple {
	display: inline-block;
	position: relative;
	height: 80px;
	aspect-ratio: 1
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #888;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 0;
	}


	4.9% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}

.submitting {
	display: inline-block;
	overflow: hidden;
	text-align: center;
}

.submitting .lds-ripple {
	height: 100%;
	margin: auto auto;
}


#chartLegend {
	position: absolute;
	left: 30px;
	bottom: 31px;
	z-index: 5;
}

#chartLegend span {
	display: block;
	height: 14px;
	width: 22px;
	padding: 0px 0px;
	line-height: 10px;
	text-align: center;
	font-size: 10px;
	color: #000;
	background: #fff;
	border: 2px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-top: 5px;
}

#chartLegend span:nth-child(1) {
	border-color: #00B0F0;
}

#chartLegend span:nth-child(2) {
	border-color: #B0D0FF;
}

#chartLegend span:nth-child(3) {
	border-color: #00B050;
}

#chartLegend span:nth-child(4) {
	border-color: #B0D070;
}

#chartLegend span:nth-child(5) {
	border-color: #FFD700;
}

#chartLegend span:nth-child(6) {
	border-color: #FFF7B0;
}

#chartLegend span:nth-child(7) {
	border-color: #FF0000;
}

#chartLegend span:nth-child(8) {
	border-color: #FFB0B0;
}


#chartLegendF {
	position: absolute;
	left: 30px;
	bottom: 35px;
	z-index: 5;
}

#chartLegendF span {
	display: block;
	height: 24px;
	width: 44px;
	padding: 0px 0px;
	line-height: 14px;
	text-align: center;
	font-size: 10px;
	color: #000;
	background: #fff;
	border: 6px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	margin-top: 18px;
}

#chartLegendF span:nth-child(1) {
	border-color: #00B0F0;
}

#chartLegendF span:nth-child(2) {
	border-color: #00B050;
}

#chartLegendF span:nth-child(3) {
	border-color: #FFD700;
}

#chartLegendF span:nth-child(4) {
	border-color: #FF0000;
}


#chartLegend2 {
	position: absolute;
	left: 0px;
	bottom: -2px;
	z-index: 5;
}

#chartLegend2 span {
	display: block;
	height: 12px;
	width: 70px;
	padding: 0px 0px;
	line-height: 5px;
	text-align: right;
	font-size: 10px;
	color: #000;
	margin-top: 5px;
}


#chartLegend3 {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 125px;
	height: 16px;
	background: #00ff0050;
	border-top: 1px dashed #00aa00;
	border-bottom: 1px dashed #00aa00;
	z-index: 0;
	opacity: 0.3;
}



.card-ipss-bads th,
.card-ipss-bads td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.card-ipss-bads td {
	text-align: right;
}

.ipss-box .orange {
	color: #ff6b00;
}

.ipss-box {
	border-radius: 12px;
	background: #f5f5f5;
	padding: 15px;
	font-size: 12pt;
	width: 100%;
}

.ipss-box table {
	width: 100%;
	border-collapse: collapse;
}

.ipss-box th {
	text-align: left;
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 6px;
}

.ipss-box td {
	padding: 2px 0;
}

.ipss-right {
	text-align: right;
	font-weight: bold;
	color: #ff6b00;
}

.ipss-box .summary {
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
}

.ipss-box .qol {
	font-weight: bold;
	padding-top: 8px;
	border: none;
}

.result-blocks {
	margin-top: 20px;
}

.result-block {
	text-align: center;
	padding: 20px 20px;
	background: #fff;
	height: 80px;
	border-radius: 8px;
	font-weight: bold;
}

.result-block td {
	font-weight: bold;
	padding: 0px 10px;
	font-size: 20px;
}

.result-block small {
	font-weight: normal;
	font-size: 12px;
}

.password-toggle-btn {
	height: 53px !important;
	color: #fff !important;
	border: none !important;
	background: #fc6803 !important;
}

.survey-output-f {
	text-align: left;
}

.survey-output-f h2 {
	display: none;
}

.survey-output-f .so-answer {
	background: #fff;
	border-radius: 10px;
	border: none !important;
	margin-top: 20px;
}

.survey-output-f .so-answer h3 {
	background: #eee !important;
	border: none !important;
	border-radius: 10px 10px 0 0;
	font-size: 16px;
}




.content1602.mt-5,
.content1602.mt-5 * {
	position: relative;
}

.content1602.mt-5::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1000%;
	height: 100%;
	background: #FFF2EA;
}

.delivery-info {
	background: #fff;
	border-radius: 12px;
	padding: 10px;
}

.delivery-info .col-sm-2.text-end {
	align-content: center;
	font-size: 20px;
}

.delivery-info .col-sm-8.col-md-4 {
	align-content: center;
	font-size: 14px;
}

.delivery-info .col-sm-8.col-md-4 h3 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

.delivery-info .col-sm-2.text-end p {
	margin: 0;
}

.content1602.mt-5 h2 {
	margin-bottom: 30px;
}

.delivery-info h3 img {
	width: 290px;
	margin-left: 10px;
}



.ipss-table {
	background: #f5f5f5;
	border-radius: 20px;
	padding: 20px 25px;
	text-transform: uppercase;
}

.ipss-table table.table tr:first-child td,
.ipss-table .col-md-6:last-child table.table tr:last-child td {
	font-size: 20px;
	font-weight: bold;
	vertical-align: bottom;

}

.ipss-table .col-md-6:last-child table.table tr:last-child td {
	vertical-align: middle;
}

.ipss-table table.table tr:first-child td:last-child,
.ipss-table .col-md-6:last-child table.table tr:last-child td:last-child {
	font-size: 24px;
	font-weight: bold;
	color: #ff6b00;
}

.ipss-table .uro-table {
	background: #fff;
}

.ipss-table .col-md-6:last-child .uro-table {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
}

.ipss-table .uro-table table {
	width: 100%;
}

.ipss-table .uro-table table td {
	font-size: 14px;
	color: #000;
	width: 50%;
}

.ipss-table .uro-table table td span {
	color: #ff6b00;
	font-size: 20px;
}

.ipss-table .uro-table table td:first-child {
	text-align: right;
	padding-right: 20px;
}

.ipss-table .uro-table table td:last-child {
	text-align: left;
}

.dPrice {
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%)
}

[data-paylabel] p {
	width: calc(100% - 70px);
}

.deliveryImage {
	width: 100%;
	aspect-ratio: 4 / 3;
	display: block;
	background: #fff;
}

.deliveryImage.cover {
	object-fit: cover;
}

.deliveryImage.contain {
	object-fit: contain;

}


.row.app-results-select {
	padding: 20px 15px 0 15px;
}

.row.app-results-select .navbar-nav {
	margin: 0;
}


.row.app-results-select .navbar-nav .dropdown {
	border-radius: 12px;
	background: #FFF2EA;
	position: relative;
	padding-top: 12px;
	padding-bottom: 6px;
}

.row.app-results-select .navbar-nav .dropdown .nav-link {
	position: relative;
	padding: 0 45px 0 15px;
}

.row.app-results-select .navbar-nav .dropdown .nav-link::after {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	right: 15px;
	top: 17px;
	transform: rotate(-45deg);
	border-bottom: 2px solid #FC6803;
	border-left: 2px solid #FC6803;
}

.row.app-results-select .navbar-nav .dropdown .nav-link.show::after {
	top: 20px;
	transform: rotate(-225deg);
}


.row.app-results-select a[data-letter="A"] span,
.row.app-results-select a[data-letter="B"] span,
.row.app-results-select a[data-letter="C"] span,
.row.app-results-select a[data-letter="D"] span,
.row.app-results-select a[data-letter="E"] span,
.row.app-results-select a[data-letter="F"] span,
.row.app-results-select a[data-letter="G"] span,
.row.app-results-select a[data-letter="H"] span {
	display: inline-block;
	text-transform: uppercase;
	background: #00ADEF;
	width: 56px;
	height: 58px;
	position: relative;
	border-radius: 12px;
	border: solid 2px #00ADEF;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
}

.row.app-results-select a[data-letter="A"] span em,
.row.app-results-select a[data-letter="B"] span em,
.row.app-results-select a[data-letter="C"] span em,
.row.app-results-select a[data-letter="D"] span em,
.row.app-results-select a[data-letter="E"] span em,
.row.app-results-select a[data-letter="F"] span em,
.row.app-results-select a[data-letter="G"] span em,
.row.app-results-select a[data-letter="H"] span em {
	position: absolute;
	display: inline-block;
	background: #fff;
	width: 36px;
	height: 40px;
	border-radius: 8px;
	line-height: 38px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: solid 2px #00ADEF;
	text-decoration: none;
	color: #000;
	font-style: normal;
}

.row.app-results-select a[data-letter="B"] span {
	background: repeating-linear-gradient(45deg, #00ADEF 0, #00ADEF 2px, transparent 2px, transparent 5px);
	border: solid 2px #00ADEF;
}

.row.app-results-select a[data-letter="C"] span {
	background: #3AB248;
	border: solid 2px #3AB248;
}

.row.app-results-select a[data-letter="D"] span {
	background: repeating-linear-gradient(45deg, #3AB248 0, #3AB248 2px, transparent 2px, transparent 5px);
	border: solid 2px #3AB248;
}

.row.app-results-select a[data-letter="C"] span em,
.row.app-results-select a[data-letter="D"] span em {
	border: solid 2px #3AB248;
}

.row.app-results-select a[data-letter="E"] span {
	background: #FFD900;
	border: solid 2px #FFD900;
}

.row.app-results-select a[data-letter="E"] span em,
.row.app-results-select a[data-letter="F"] span em {
	border: solid 2px #FFD900;
}

.row.app-results-select a[data-letter="F"] span {
	background: repeating-linear-gradient(45deg, #FFD900 0, #FFD900 2px, transparent 2px, transparent 5px);
	border: solid 2px #FFD900;
}

.row.app-results-select a[data-letter="G"] span {
	background: #EF1923;
	border: solid 2px #EF1923;
}

.row.app-results-select a[data-letter="G"] span em,
.row.app-results-select a[data-letter="H"] span em {
	border: solid 2px #EF1923;
}

.row.app-results-select a[data-letter="H"] span {
	background: repeating-linear-gradient(45deg, #EF1923 0, #EF1923 2px, transparent 2px, transparent 5px);
	border: solid 2px #EF1923;
}

.row.app-results-select .navbar-nav .dropdown-menu {
	border-radius: 0 0 12px 12px;
	background: #FFF2EA;
	margin-top: -5px !important;
	padding-top: 10px;
	border: none;
	width: 100%;
}

.row.app-results-select .dropdown-item.active {
	display: none;
}

.row.app-results-select .dropdown-item:active {
	background-color: transparent;
}

.row.app-results-select .col-6 {
	position: relative;
	font-size: 14px;
}

.appResultText {
	margin: 0 15px;
}

.appResultText h4 {
	font-size: 24px;
	font-weight: 400;
	padding-left: 100px;
	margin: 20px 0 40px 0;
}

.appResultText .accordion-item {
	margin: 20px 0;
	border-radius: 12px;
	border: solid 2px #FFF2EA;
	overflow: hidden;
	font-size: 16px;
}

.appResultText .accordion-item:hover,
.appResultText .accordion-item.open {
	border: solid 2px #FC6803;
}

.appResultText .accordion-button {
	font-weight: 500;
	font-size: 22px;
	padding: 20px 30px 20px 60px;
}

.appResultText .accordion-button::after {
	width: 16px;
	height: 16px;
	left: 30px;
	content: "";
	position: absolute;
	border-left: solid 2px #FC6803;
	border-bottom: solid 2px #FC6803;
	background: none;
	transform: rotate(-45deg);
}

.appResultText .accordion-button:not(.collapsed)::after {
	transform: rotate(135deg);
}

.appResultText .accordion-button:focus,
.appResultText .accordion-button:not(.collapsed) {
	border: none;
	box-shadow: none;
	background: none;
	color: #000;
}


.row.app-results-select.app-results-female .dropdown {
	min-height: 80px;
}

.row.app-results-select.app-results-female .dropdown-menu li {
	padding: 0 30px 0 0;
}

.row.app-results-select.app-results-female a[data-letter="A"] span,
.row.app-results-select.app-results-female a[data-letter="BCD"] span,
.row.app-results-select.app-results-female a[data-letter="EF"] span,
.row.app-results-select.app-results-female a[data-letter="GH"] span {
	display: inline-block;
	text-transform: uppercase;
	background: #00ADEF;
	width: 100%;
	height: 56px;
	position: relative;
	border-radius: 12px;
	border: solid 2px #00ADEF;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.row.app-results-select.app-results-female a[data-letter="BCD"] span {
	background: #3AB248;
	border: solid 2px #3AB248;
}

.row.app-results-select.app-results-female a[data-letter="EF"] span {
	background: #FFD900;
	border: solid 2px #FFD900;
}

.row.app-results-select.app-results-female a[data-letter="GH"] span {
	background: #EF1923;
	border: solid 2px #EF1923;
}




.row.app-results-select.app-results-female a[data-letter="A"] span em,
.row.app-results-select.app-results-female a[data-letter="BCD"] span em,
.row.app-results-select.app-results-female a[data-letter="EF"] span em,
.row.app-results-select.app-results-female a[data-letter="GH"] span em {
	position: relative;
	display: inline-block;
	background: #fff;
	width: 36px;
	border-radius: 8px;
	line-height: 36px;
	border: solid 2px #00ADEF;
	text-decoration: none;
	color: #000;
	font-style: normal;
	margin: 5px;
}

.row.app-results-select.app-results-female a[data-letter="BCD"] span em {
	border: solid 2px #3AB248;
	margin: 5px 2px;
}

.row.app-results-select.app-results-female a[data-letter="EF"] span em {
	border: solid 2px #FFD900;
}

.row.app-results-select.app-results-female a[data-letter="GH"] span em {
	border: solid 2px #EF1923;
}


.row.app-results-select.app-results-female a[data-letter="A"] span {
	height: 54px !important;
}

.row.app-results-select.app-results-female a[data-letter="A"] span em {
	transform: translate(-60%, -60%);
	position: absolute;
}


.row.app-results-select.app-results-female a[data-letter="BCD"] span {
	width: calc(100% + 40px);
	z-index: 0;
}

.row.app-results-select.app-results-female a[data-letter="BCD"] span em:first-child {
	margin: 5px 8px 5px -2px;
}

.row.app-results-select.app-results-female a[data-letter="BCD"] span em:first-child::before {
	position: absolute;
	content: "";
	width: 51px;
	height: 56px;
	border-radius: 12px;
	background: #fff repeating-linear-gradient(45deg, #00ADEF 0, #00ADEF 2px, transparent 2px, transparent 5px);
	border: solid 2px #00ADEF;
	left: -9px;
	top: -9px;
	z-index: -1;
}



.row.app-results-select.app-results-female .dropdown>a[data-letter="BCD"] span {
	transform: scale(.8) translate(-20%, 0);
}

.resultsText.webText {
	padding: 0 15px;
}

webH4 {
	padding: 0 15px 0 108px;
}

.webH4>div {
	left: 15px !important;
}